@font-face{font-family:Montserrat;src:url('./fonts/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('./fonts/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('./fonts/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('./fonts/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('./fonts/montserrat-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}

:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;background:#080513;color:#ede7f6;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#080513}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.site{position:relative;isolation:isolate;min-height:1855px;overflow:hidden;background:#080513}
.container{width:min(1440px,calc(100% - 80px));margin-inline:auto}

/* Coordinates, blur radii and blend modes are taken from the Figma nodes. */
.art{position:absolute;left:calc(50% - 960px);top:0;width:1920px;height:1137px;pointer-events:none}
.grid-art{position:absolute;width:1336px;height:892px;left:686px;top:38px;mix-blend-mode:soft-light}
.burst-art{position:absolute;width:469.742px;height:466.76px;left:1069.43px;top:329.94px;transform-origin:14.57px 19.79px;transform:matrix(.759592,-.650399,.650399,.759592,0,0);-webkit-mask:url('./assets/star-burst-mask.svg') center/100% 100% no-repeat;mask:url('./assets/star-burst-mask.svg') center/100% 100% no-repeat}
.burst-art--backdrop{backdrop-filter:blur(7.9px);-webkit-backdrop-filter:blur(7.9px);filter:blur(10.15px)}
.burst-art--fill{background:#fff;filter:blur(10.15px);mix-blend-mode:overlay}
.color-art{position:absolute;width:416.8px;height:416.8px;left:1017.1px;top:75.1px;mix-blend-mode:color}
.blur-rectangle{position:absolute;display:block;transform-origin:0 0;pointer-events:none}
.blur-rectangle--purple-right{left:1843px;top:322px;width:154px;height:436px;background:#8f44ff;filter:blur(300px)}
.blur-rectangle--white{width:154px;height:1364.208px;background:#fff;filter:blur(85px);mix-blend-mode:overlay}
.blur-rectangle--gradient{width:140px;height:1364px;background:linear-gradient(to bottom,#fff,rgba(153,153,153,.68));filter:blur(170px);mix-blend-mode:overlay}
.beam-1{left:2337.689px;top:-461.075px;transform:rotate(46.14deg)}
.beam-2{left:1829px;top:-615px}
.beam-3{left:2539.644px;top:-177.129px;transform:rotate(75deg)}
.beam-4{left:1440.568px;top:-44.075px;transform:rotate(46.14deg)}
.beam-5{left:931.879px;top:-198px}
.beam-6{left:1642.523px;top:239.871px;transform:rotate(75deg)}
.beam-7{left:858.568px;top:-100.075px;transform:rotate(46.14deg)}
.beam-8{left:349.879px;top:-254px}
.beam-9{left:1060.523px;top:183.871px;transform:rotate(75deg)}
.star,.particle{position:absolute;display:block;transform-origin:0 0}
/* Figma stars: Background blur on the shape; Overlay belongs to the white Fill. */
.star{clip-path:polygon(50% 0,55.303% 44.697%,100% 50%,55.303% 55.303%,50% 100%,44.697% 55.303%,0 50%,44.697% 44.697%)}
.star--backdrop{backdrop-filter:blur(7.9px);-webkit-backdrop-filter:blur(7.9px)}
.star--fill{background:#fff;mix-blend-mode:overlay}
.star--soft{filter:blur(3.6px)}
.star--tiny{filter:blur(3.4px)}
.particle{mix-blend-mode:overlay}
.star--one{width:197.188px;height:197.188px;left:1774.602px;top:448.196px;transform:matrix(-.503182,.864181,-.864181,-.503182,0,0)}
.star--two{width:158.318px;height:158.318px;left:1315.6px;top:221px;transform:matrix(.966559,.256444,-.256444,.966559,0,0)}
.star--two-duplicate{width:158.318px;height:158.318px;left:1315.6px;top:221px;transform:matrix(.966559,.256444,-.256444,.966559,0,0)}
.star--three{width:137.809px;height:137.809px;left:983px;top:322.278px;transform:matrix(.909532,-.415635,.415635,.909532,0,0)}
.star--four{width:75.93px;height:75.93px;left:128px;top:526.753px;transform:matrix(.978241,-.207474,.207474,.978241,0,0)}
.star--five{width:36.295px;height:36.295px;left:1640.459px;top:272.488px;transform:matrix(.978003,.20859,-.20859,.978003,0,0)}
.star--seven{width:36.295px;height:36.295px;left:619.571px;top:486px;transform:matrix(.978003,.20859,-.20859,.978003,0,0)}
.star--eight{width:36.295px;height:36.295px;left:543.571px;top:108px;transform:matrix(.978003,.20859,-.20859,.978003,0,0)}
.star--nine{width:36.295px;height:36.295px;left:747.571px;top:452px;transform:matrix(.978003,.20859,-.20859,.978003,0,0)}
.star--six{width:24.679px;height:24.679px;left:1826px;top:171.714px;transform:matrix(.993935,-.109972,.109972,.993935,0,0)}
.particle{width:15px;height:15px}
.particle--one{left:297px;top:111px}.particle--two{left:579px;top:288px}.particle--three{left:446px;top:508px}.particle--four{left:1331px;top:134px}

.site-header{position:relative;z-index:5;height:114px;background:url('./assets/imgHeader.png') center top/100% 114px no-repeat}
.header-inner{width:min(1440px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;gap:40px}
.brand{display:flex;align-items:center;gap:40px;min-width:0;flex:1}
.brand-mark{width:55px;height:60px;flex:none}.brand-name{width:412px;height:21px;max-width:min(412px,100%)}
.header-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;white-space:nowrap}
.header-nav a{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:opacity .2s}
.header-nav a:hover{opacity:.65}.header-nav img{width:21px;height:21px}
.mobile-menu-button{display:none}

.hero{height:439px;position:relative;width:min(1440px,calc(100% - 80px));margin:auto}
.hero-copy{position:relative;z-index:2;padding-top:32px;max-width:650px}
.eyebrow{margin:0 0 26px;color:rgba(237,231,246,.5);font-size:20px;letter-spacing:2px;line-height:1.25}
.hero h1{margin:0;color:#fff;font-size:72px;font-weight:800;line-height:.98;letter-spacing:-2.8px}
.hero h1 span{display:block}.purple-text{margin-top:9px;color:#8725ff;background:linear-gradient(92deg,#781eff,#a149ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{max-width:556px;margin:25px 0 0;color:rgba(255,255,255,.7);font-size:20px;line-height:34px}
.hero-worker{position:absolute;left:471px;top:-13px;width:869px;height:476px;object-fit:cover;object-position:center;pointer-events:none}

.glass-panel{background:rgba(255,255,255,.02);backdrop-filter:blur(45.75px);-webkit-backdrop-filter:blur(45.75px)}
.calculator-wrap{position:relative}
.calculator-panel{position:relative;width:calc(100% + 1px);height:562px;border-radius:36px;padding:24px;display:grid;grid-template-columns:minmax(0,663.5fr) minmax(0,705.5fr);gap:24px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.calculator-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.02);backdrop-filter:blur(45.75px);-webkit-backdrop-filter:blur(45.75px);pointer-events:none}
.calculator-controls{position:relative;padding:24px 0 18px;display:flex;flex-direction:column;gap:30px;min-width:0}
.calculator-controls h2{margin:0 0 24px;font-size:20px;line-height:34px;font-weight:700;color:rgba(237,231,246,.8)}
.role-tabs{display:flex;align-items:stretch;width:100%;height:46px;border-radius:12px;overflow:visible}
.role-tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;border:0;border-radius:12px;background:transparent;color:rgba(237,231,246,.5);font-size:16px;font-weight:500;white-space:nowrap;padding:0 8px}
.role-tab__stroke,.period-tab__stroke{position:absolute;inset:0;border-radius:inherit;padding:1px;background-image:linear-gradient(#fff,#fff),linear-gradient(#21172f,#21172f);background-blend-mode:overlay;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.period-tab__stroke{background-image:linear-gradient(#fff,#fff),linear-gradient(#37294d,#37294d)}
.primary-button::after{content:'';position:absolute;inset:0;border:1px solid #fff;border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none}
.role-tab.is-active,.period-tab.is-active{background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(255,255,255,.39),transparent),#781eff;color:#fff;box-shadow:0 0 14.85px rgba(120,30,255,.66)}
.role-tab.is-active .role-tab__stroke,.period-tab.is-active .period-tab__stroke{background:linear-gradient(180deg,#fff,#535252);background-blend-mode:normal;mix-blend-mode:soft-light}
.primary-button::after{border:1px solid transparent;background:linear-gradient(180deg,#fff,#535252) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}
.role-tab:focus-visible,.period-tab:focus-visible,.primary-button:focus-visible,.header-nav a:focus-visible{outline:2px solid #b37bff;outline-offset:3px}
.slider-list{display:flex;flex-direction:column;gap:21px;max-width:100%}
.slider-field{display:block;font-size:18px;font-weight:500;color:#fff}
.slider-field>span:first-child{display:block;margin-bottom:13px}
.slider-line{display:flex;align-items:center;gap:12px}
.slider-line output{min-width:22px;text-align:right;font-size:20px;font-weight:500}
input[type=range]{--progress:47%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:20px;margin:0;border:0;border-radius:22px;outline:0;background:linear-gradient(to right,#781eff 0 var(--progress),#110c21 var(--progress) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);cursor:pointer}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:3px solid #781eff;border-radius:50%;background:#fff;box-shadow:0 0 19px #781eff}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid #781eff;border-radius:50%;background:#fff;box-shadow:0 0 19px #781eff}

/* Frame 2147226452: linear white Overlay above a 2% white fill and the dark backdrop. */
.result-card{position:relative;isolation:isolate;height:100%;border:0;border-radius:12px;background:linear-gradient(105deg,#0b0816,#171029)}
.result-card__overlay{position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:linear-gradient(122.801deg,rgba(255,255,255,0) 0%,#fff 50%,rgba(255,255,255,0) 100%),linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),linear-gradient(105deg,#0b0816,#171029);background-blend-mode:overlay,normal,normal;pointer-events:none}
.result-card::after{content:'';position:absolute;inset:0;z-index:2;border:1px solid transparent;border-radius:inherit;background:linear-gradient(123deg,transparent 22%,#fff 60%,transparent 100%) border-box;mix-blend-mode:soft-light;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.result-card>.period-tabs,.result-card .income-body>*,.result-card>.primary-button{z-index:1}
.period-tabs{position:absolute;left:21px;right:21px;top:21px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:35px;border-radius:12px}
.period-tab{position:relative;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:rgba(237,231,246,.5);font-size:14px;font-weight:500}
.income-body{display:contents}
.income-kicker{position:absolute;left:21px;right:21px;top:75.5px;display:flex;align-items:center;gap:12px;height:20px;margin:0;letter-spacing:1.6px;font-size:16px;color:rgba(237,231,246,.5);white-space:nowrap}
.income-kicker img{position:absolute;left:-19px;top:calc(50% - 25.5px);width:51px;height:51px;overflow:visible}.income-kicker span{margin-left:25px}
.income-value{position:absolute;left:21px;right:21px;top:119.5px;height:56px;margin:0;color:#ede7f6;font-size:46px;line-height:56px;font-weight:700;text-shadow:0 0 14.85px rgba(120,30,255,.66)}
.income-subtitle{position:absolute;left:21px;right:21px;top:175.5px;height:34px;margin:0;color:rgba(237,231,246,.55);font-size:20px;line-height:34px;font-weight:500}
.income-metrics{position:absolute;left:21px;right:21px;top:229px;height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.income-metrics div{display:flex;flex-direction:column;gap:0;white-space:nowrap}
.income-metrics strong{height:24px;font-size:20px;line-height:24px;font-weight:700}.income-metrics div:last-child strong{color:#781eff}
.income-metrics span{height:34px;font-size:20px;line-height:34px;font-weight:500;color:rgba(237,231,246,.8)}
.comparison{position:absolute;isolation:isolate;left:21px;right:21px;top:306.5px;height:121px;border:0;border-radius:24px;background:linear-gradient(110deg,#221a35,#2d2147)}
.comparison::before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:linear-gradient(158.774deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%),linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),linear-gradient(110deg,#221a35,#2d2147);background-blend-mode:overlay,normal,normal;pointer-events:none}
.comparison::after{content:'';position:absolute;inset:0;z-index:2;border:1px solid transparent;border-radius:inherit;background:linear-gradient(120deg,transparent,#781eff 50%,transparent) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.comparison>span{z-index:1}
.comparison-growth{position:absolute;left:31px;top:21px;width:92px;height:79px;color:#9a56ff}.comparison-growth strong{position:absolute;left:27.5px;top:25px;font-size:24px;line-height:29px;font-weight:600;white-space:nowrap}.comparison-growth img{position:absolute;left:-10px;top:8px;width:62.2px;height:56.2px;transform:rotate(180deg)}
.comparison>span:last-child{position:absolute;left:146px;top:33px;width:348px;height:55px;display:flex;flex-direction:column;gap:11px}.comparison>span:last-child strong{font-size:20px;line-height:24px;font-weight:500}.comparison small{font-size:16px;line-height:20px;font-weight:500;color:rgba(237,231,246,.5)}
.primary-button{position:absolute;left:21px;right:21px;top:447px;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(255,255,255,.39),transparent),#781eff;box-shadow:0 0 14.85px rgba(120,30,255,.66);font-size:16px;font-weight:500;transition:filter .2s,transform .2s}
.primary-button:hover{filter:brightness(1.18);transform:translateY(-1px)}.primary-button__icon{position:relative;display:block;flex:none;width:20px;height:20px}.primary-button__icon img{position:absolute;left:-19.6px;top:-17.35px;width:59.2px;height:54.7px;transform:rotate(-90deg)}

.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:46px 50px 0;min-height:67px}
.feature,.benefit{display:flex;align-items:center;gap:16px;min-width:0}
.feature>span:last-child,.benefit>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}
.feature strong,.benefit strong{font-size:16px;font-weight:600;line-height:1.1}.feature small,.benefit small{font-size:14px;font-weight:500;line-height:1.3;color:rgba(237,231,246,.48)}
.sprite-icon{position:relative;display:block;flex:none;width:63px;height:63px;border:0;border-radius:18px;overflow:hidden;background-color:#251933;background-image:url('./assets/imgEllipse2.svg');background-position:center;background-size:100px 100px}
.sprite-art{position:absolute;inset:0;background-image:url('./assets/imgImage5.png');background-size:248px 83px;background-repeat:no-repeat;background-position-x:calc(-5px + var(--sprite-index) * -58.3px);background-position-y:center}
.sprite-icon::after{position:absolute;content:'';inset:0;border:1px solid #fff;border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none}
.benefits{display:flex;align-items:center;gap:25px;margin-top:46px;padding:36px 20px;border-radius:24px;min-height:136px}
.benefits h2{width:203px;flex:none;margin:0;color:#9a56ff;font-size:20px;line-height:1.25;font-weight:500;white-space:pre-line}
.benefit{flex:1;gap:16px}.benefit .sprite-icon{background-color:#10061b}.benefit .sprite-art{background-image:url('./assets/imgImage6.png');background-position-x:calc(var(--sprite-index) * -60.7px)}.benefit .sprite-icon::after{opacity:.56}

.site-footer{position:relative;z-index:2;margin-top:46px;min-height:400px;padding:50px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;min-height:255px}
.footer-brand{width:290px;flex:none}.footer-brand img{display:block;width:118px;height:129px}.footer-brand p{width:290px;margin:29px 0 0;font-size:14px;line-height:1.28;letter-spacing:-.28px;font-weight:600;color:#fff}
.footer-links{display:flex;gap:150px;padding-bottom:2px;margin-right:65px}.footer-links>div{display:flex;flex-direction:column;gap:19px;white-space:nowrap;font-size:14px;font-weight:600}.footer-links strong{font-weight:600;color:#fff}.footer-links a{color:#696969}.footer-links a:hover{color:#9a56ff}
.footer-bottom{display:flex;justify-content:space-between;gap:120px;border-top:1px solid rgba(123,118,136,.4);margin-top:26px;padding-top:20px;color:rgba(255,255,255,.5);font-size:13px}

@media (max-width:1450px){.brand{gap:22px}.brand-name{width:300px;height:auto}.header-nav{gap:12px}.hero-worker{left:auto;right:30px;width:780px;height:auto}.feature-row{gap:15px;margin-inline:10px}.feature{gap:10px}.feature small{font-size:12px}.benefits{gap:15px}.benefits h2{width:180px;font-size:18px}.benefit{gap:8px}.benefit small{font-size:11px}.footer-links{margin-right:0;gap:100px}}
@media (max-width:1100px){.header-inner,.container,.hero{width:min(100% - 48px,1440px)}.brand-name{width:240px}.header-nav a span{display:none}.header-nav{flex:0 0 230px}.header-nav a img{width:24px;height:24px}.hero-worker{right:-20px;width:700px;opacity:.75}.hero-copy{max-width:590px}.hero h1{font-size:58px}.hero-description{font-size:18px;max-width:470px}.calculator-panel{height:auto;min-height:562px}.role-tab{font-size:11px}.calculator-controls h2{font-size:17px}.slider-field{font-size:15px}.income-kicker{font-size:12px}.income-value{font-size:38px}.income-subtitle{font-size:16px}.income-metrics strong,.income-metrics span{font-size:12px}.comparison{padding:12px}.comparison-growth{font-size:17px}.comparison>span:last-child strong{font-size:13px}.comparison small{font-size:10px}.feature-row{grid-template-columns:repeat(2,1fr);row-gap:20px}.benefits{display:grid;grid-template-columns:repeat(4,1fr)}.benefits h2{grid-column:1/-1;width:auto}.site-footer{padding-inline:20px}}
@media (max-width:700px){.site{min-height:100vh}.site-header{height:76px;background-size:auto 76px}.header-inner,.container,.hero{width:calc(100% - 32px)}.header-inner{gap:0}.brand{gap:12px}.brand-mark{width:37px;height:42px}.brand-name{width:180px;max-width:calc(100vw - 115px)}.mobile-menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;padding:8px}.mobile-menu-button span{display:block;width:24px;height:2px;background:#fff}.header-nav{display:none;position:absolute;left:16px;right:16px;top:76px;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#170d2c;box-shadow:0 20px 40px #0008}.menu-open .header-nav{display:flex;flex-direction:column;align-items:flex-start}.header-nav a span{display:inline}.hero{height:390px}.hero-copy{padding-top:25px}.eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:20px}.hero h1{font-size:clamp(36px,9vw,56px);letter-spacing:-1.8px}.hero-description{max-width:300px;margin-top:18px;font-size:13px;line-height:1.5}.hero-worker{width:440px;height:auto;right:-200px;top:85px;opacity:.72}.grid-art{left:0;top:60px;width:850px;height:auto}.burst-art{left:25%;top:90px;opacity:.35}.calculator-panel{display:flex;flex-direction:column;gap:20px;padding:18px;border-radius:24px}.calculator-controls{padding:0;gap:24px}.calculator-controls h2{font-size:17px;margin-bottom:14px}.role-tabs{height:auto;min-height:44px;overflow:auto}.role-tab{min-width:82px;font-size:11px}.slider-list{gap:18px}.slider-field>span:first-child{margin-bottom:8px}.slider-line output{font-size:15px}.result-card{height:514px;min-height:514px;padding:16px}.income-value{font-size:36px}.income-metrics{gap:5px}.income-metrics strong,.income-metrics span{font-size:10px}.comparison{min-height:72px;height:72px}.comparison small{line-height:1.2}.feature-row{margin:28px 0 0;grid-template-columns:1fr 1fr;gap:18px 10px}.feature{gap:8px}.feature .sprite-icon{width:45px;height:45px;border-radius:12px}.feature .sprite-art{background-size:177.14px 59.29px;background-position-x:calc(-3.57px + var(--sprite-index) * -41.64px)}.feature strong{font-size:11px}.feature small{font-size:9px}.benefits{margin-top:28px;grid-template-columns:1fr 1fr;padding:20px;gap:20px}.benefits h2{font-size:17px}.benefit strong{font-size:14px}.benefit small{font-size:10px}.site-footer{margin-top:25px;padding:30px 0}.footer-top{display:block}.footer-brand p{max-width:280px}.footer-links{margin:35px 0 0;gap:50px}.footer-links>div{font-size:11px;gap:15px}.footer-bottom{gap:10px;font-size:9px;flex-wrap:wrap}.footer-bottom span:last-child{display:none}}