/* VZX's own identity with the restrained dark layout of the Linear reference. */
:root {
  --bg:#08090a;
  --panel:#101114;
  --panel-2:#15161a;
  --line:#292a30;
  --text:#f3f3f4;
  --muted:#a2a2aa;
  --subtle:#777780;
  --violet:#aaabfa;
  --violet-bright:#d2d1ff;
  --green:#9ad4ad;
  --max:1240px;
}
html{scroll-padding-top:80px}
body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}
body::before{display:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
.site-shell{overflow:clip}
.container{width:min(var(--max),calc(100% - 72px))}
.announcement{display:none}

/* Navigation */
.site-header{width:100%;height:72px;padding-inline:max(36px,calc((100vw - var(--max))/2));border-bottom:1px solid #1d1e21;background:#08090af5;gap:40px}
.brand,.footer-brand,.age-brand{font-size:14px;font-weight:640;letter-spacing:-.025em}
.brand small{font-size:9px;letter-spacing:.1em;color:#85858b}
.brand-symbol{width:31px;height:31px;border:1px solid #5a5a63;border-radius:50%;padding-right:2px;background:#17181c;color:#f6f6f8;box-shadow:none;font-size:17px}
.site-nav{gap:31px;font-size:12px;font-weight:500;color:#89898f}
.site-nav a{transition:color .2s}
.site-nav a:hover{color:#f2f2f3}
.header-action{border:1px solid #ededf0;border-radius:999px;background:#e9e9ec;color:#121316;padding:10px 15px;font-size:11px;font-weight:680;gap:10px;cursor:pointer;box-shadow:none}
.header-action:hover{background:#fff;transform:none}
.header-action span{font-size:15px}

/* Opening composition */
.hero{display:flex;flex-direction:column;align-items:stretch;gap:68px;min-height:0;padding-top:125px;padding-bottom:125px}
.hero-copy{width:100%;max-width:1110px}
.hero-kicker,.eyebrow{gap:9px;color:#aaaab3;font-size:10px;font-weight:680;letter-spacing:.145em}
.kicker-line{width:16px;background:#76767f}
.hero h1{max-width:1180px;margin:27px 0 27px;font-size:clamp(58px,6.25vw,85px);font-weight:680;line-height:1.065;letter-spacing:-.067em}
.hero h1 span{color:#92929b}
.hero-copy>p{max-width:630px;color:#a0a0a8;font-size:16px;line-height:1.65}
.hero-actions{margin-top:27px;gap:22px}
.button{min-height:44px;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:670;gap:16px}
.button:hover{transform:none}
.button-primary{background:#ededf0;color:#101114;box-shadow:none}
.button-primary:hover{background:#fff}
.button-text{background:transparent;color:#b0b0b7}
.button-text:hover{color:#f3f3f4}
.button-outline{border:1px solid #3b3c42;color:#d7d7dc}
.button-outline:hover{background:#202126}
.hero-facts{margin-top:54px;padding-top:21px;border-top:1px solid #27282c;gap:13px 36px;color:#85858e;font-size:11px}
.hero-facts b{color:#c8c8ce;font-size:10px;font-weight:650;letter-spacing:.04em}
.hero-visual{width:100%;max-width:none;transform:none}
.visual-window{border:1px solid #34343b;border-radius:13px;background:#0e0f12;box-shadow:0 35px 85px #0007,0 0 0 1px #151519;overflow:hidden}
.visual-topbar{height:43px;padding:0 18px;border-bottom:1px solid #292930;color:#898992;font-size:10px;letter-spacing:.04em}
.visual-topbar>span:last-child{color:#888893}
.window-dots i{width:6px;height:6px;background:#77777f!important;opacity:.8}
.visual-stage{height:510px;padding:57px;justify-content:flex-end;background:radial-gradient(ellipse 56% 80% at 71% 50%,#272539 0%,#15141f 47%,#0d0e12 88%)}
.visual-stage::after{background:linear-gradient(90deg,#0d0e12 0%,#0d0e12d8 29%,#0d0e124a 61%,transparent 100%),linear-gradient(0deg,#0a0b10a1,transparent 38%)}
.stage-photo{inset:0 0 0 auto;width:62%;height:100%;object-position:center 25%;filter:saturate(.76) brightness(.75);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
.stage-copy{max-width:450px}
.stage-copy span{color:#aaaab4;font-size:10px;font-weight:660;letter-spacing:.14em;margin-bottom:17px}
.stage-copy strong{font-size:clamp(38px,4.1vw,58px);line-height:1.11;letter-spacing:-.065em;font-weight:660}
.visual-bottom{height:43px;border-top:1px solid #26262c;background:#111215;color:#92929b;font-size:10px;font-weight:600;letter-spacing:.05em}
.visual-caption{margin-top:20px;color:#787881;font-size:11px;letter-spacing:.025em}
.visual-caption span:first-child{color:#b0b0b9}

/* Pay and schedule */
.terms-section{background:#0b0c0e;border-color:#24252a;padding:116px 0 118px}
.section-heading{align-items:end;margin-bottom:42px;gap:35px}
.section-heading h2{margin-top:19px;font-size:clamp(38px,4.4vw,61px);font-weight:650;line-height:1.08;letter-spacing:-.065em}
.section-heading>p{max-width:380px;color:#92929b;font-size:14px;line-height:1.65}
.pay-grid{gap:14px}
.pay-card{min-height:280px;padding:29px;background:#111215;border:1px solid #2b2c31;border-radius:10px}
.pay-card-core{background:linear-gradient(145deg,#181821,#111215 64%);border-color:#575567}
.pay-card-core::before{height:1px;background:#8f8aa9}
.pay-card-top{background:#111215;border-color:#2b2c31}
.card-index{color:#898990;font-size:10px;font-weight:600;letter-spacing:.08em}
.pay-card h3{margin:31px 0 12px;font-size:18px;font-weight:630;letter-spacing:-.03em}
.pay-value,.pay-card-core .pay-value,.pay-card-top .pay-value{color:#f1f1f3;font-size:clamp(37px,3.8vw,52px);font-weight:670;letter-spacing:-.065em}
.pay-value small{font-size:12px;color:#8f8f99}
.pay-card>p{color:#9d9da5;font-size:12px}
.card-rule{background:#313137}
.pay-note{color:#777780;font-size:10px}
.guaranteed-label{color:#c5c3fb;font-weight:800;letter-spacing:.06em}
.schedule{margin-top:15px;padding:21px 25px;border:1px solid #292a30;border-radius:9px;background:#101114}
.schedule-icon{width:36px;height:36px;border:1px solid #3b3b45;border-radius:7px;background:#19191e;color:#bdbdc6;font-size:19px}
.schedule div:nth-child(2) span{color:#888890;font-size:10px;letter-spacing:.09em}
.schedule div:nth-child(2) strong{font-size:15px;font-weight:600}
.schedule-weekend{color:#b7b7bf;font-weight:600}

/* Benefits, process and editorial statement */
.benefits-section{padding-block:121px 126px}
.benefits-grid{gap:0;border-top:1px solid #2a2b30;border-left:1px solid #2a2b30}
.benefit-card,.benefit-card-more{min-height:225px;padding:31px 30px;border:0;border-right:1px solid #2a2b30;border-bottom:1px solid #2a2b30;border-radius:0;background:transparent}
.benefit-icon{width:31px;height:31px;border:1px solid #3b3b44;border-radius:7px;background:#17181b;color:#b4b4bd;font-size:17px}
.benefit-card h3{margin:27px 0 9px;font-size:17px;font-weight:620}
.benefit-card p{color:#8e8e97;font-size:12px}
.process-section{padding-top:114px;padding-bottom:125px}
.process-grid{gap:0;border-top:1px solid #303036}
.process-step{padding:29px 28px 0 0;border-right:1px solid #25262b}
.process-step+.process-step{padding-left:28px}
.process-step:last-child{border-right:0}
.step-number{width:auto;height:auto;border:0;border-radius:0;color:#8b8b94;font-size:11px;font-weight:600}
.process-step h3{margin-top:49px;font-size:21px;font-weight:620}
.process-step p{max-width:335px;color:#96969f;font-size:13px}
.process-step a{color:#d2d2d8}
.statement-section{background:radial-gradient(ellipse 60% 110% at 90% 50%,#201e31 0%,#111116 56%,#0e0e12 100%);border-color:#313038}
.statement-inner{min-height:300px}
.statement-inner>p{font-size:clamp(34px,4.3vw,60px);font-weight:650;line-height:1.14}
.statement-inner em{color:#aaa8ca}
.statement-mark{color:#b2aaff0a}

/* Questions, contact, footer */
.faq-section{padding-top:122px;padding-bottom:128px}
.faq-list{border-top:1px solid #303036}
.faq-list details{border-bottom:1px solid #303036}
.faq-list summary{padding:25px 4px;font-size:16px;font-weight:570}
.faq-list summary span{border:1px solid #404047;border-radius:6px;color:#acacb5;font-size:17px}
.faq-list p{color:#a0a0a8}
.contact-section{padding-bottom:100px}
.contact-panel{min-height:350px;padding:53px 57px;border:1px solid #3b394b;border-radius:11px;background:radial-gradient(ellipse 80% 150% at 92% 80%,#252237 0%,#15151d 55%,#101115 100%)}
.contact-glow{right:-185px;top:-275px;width:650px;height:650px;border:1px solid #b7adff16;box-shadow:0 0 0 75px #b7adff08,0 0 0 150px #b7adff03}
.contact-panel .eyebrow{color:#aaa9b7}
.contact-panel h2{font-size:clamp(42px,5vw,67px);font-weight:650}
.contact-panel p{max-width:540px;color:#a9a9b5;font-size:14px}
.button-light{background:#ededf0;color:#101114}
.contact-email{color:#9b9ba5}
.site-footer{padding-bottom:38px}
.footer-brand .brand-symbol{width:28px;height:28px;font-size:16px}
.footer-links{color:#898992;font-size:11px}
.footer-bottom{border-top:1px solid #27282d;color:#777780}

/* Age decision and contact form */
.age-gate{background:#070809f2;backdrop-filter:blur(12px)}
.age-gate-card{border:1px solid #404048;border-radius:12px;background:radial-gradient(circle at 90% 10%,#20202a,#111215 50%);box-shadow:0 40px 100px #000c}
.age-gate h1{font-weight:650}
.age-gate p{color:#a0a0a8}
.age-note{color:#85858e!important}
.contact-dialog{border:1px solid #45454e;border-radius:12px;background:#121316;box-shadow:0 40px 100px #000d}
.contact-dialog::backdrop{background:#050506df}
.dialog-close{border:1px solid #45454d;border-radius:6px;background:#202126;color:#dfdfe2}
.dialog-intro{color:#a3a3aa}
.direct-email{border:1px solid #41414b;border-radius:8px;background:#1a1b20}
.direct-email span,.message-from span{color:#a4a4b2}
.direct-email button,.message-from button{border:1px solid #595962;border-radius:6px;background:#2c2d34;color:#eeeef0}
.direct-email button:hover,.message-from button:hover{background:#3b3c45}
.dialog-or{color:#85858e}
.contact-step label{color:#d9d9dd}
.contact-step input:not(.honeypot),.contact-step textarea{border-color:#484850;border-radius:7px;background:#191a1e}
.contact-step input:focus,.contact-step textarea:focus{border-color:#9a99aa;box-shadow:0 0 0 3px #b3aaff1a}
.message-from{border-color:#36363e;border-radius:7px;background:#1b1c21}
.contact-status{color:#a8d8b7}
.contact-status.is-error{color:#efa5a9}

@media(max-width:1050px){
  .hero{padding-top:105px}
  .hero h1{font-size:clamp(56px,7.3vw,76px)}
  .visual-stage{height:465px}
  .pay-value,.pay-card-core .pay-value,.pay-card-top .pay-value{font-size:38px}
}
@media(max-width:780px){
  .container{width:min(var(--max),calc(100% - 44px))}
  .site-header{padding-inline:22px}
  .hero{gap:50px;padding-top:94px;padding-bottom:95px}
  .hero h1{font-size:clamp(52px,8.2vw,70px)}
  .visual-stage{height:430px;padding:35px}
  .stage-photo{width:72%}
  .pay-grid{gap:12px}
  .pay-card{min-height:215px}
  .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-step h3{margin-top:32px}
}
@media(max-width:600px){
  .container{width:calc(100% - 36px)}
  .site-header{height:64px;padding-inline:18px}
  .brand{font-size:12px}
  .brand small{font-size:8px}
  .brand-symbol{width:29px;height:29px}
  .header-action{font-size:10px;padding:9px 11px}
  .hero{gap:42px;padding-top:79px;padding-bottom:87px}
  .hero h1{font-size:clamp(47px,10vw,65px);line-height:1.075;margin:22px 0}
  .hero-copy>p{font-size:14px}
  .hero-actions{margin-top:25px}
  .hero-facts{margin-top:41px;padding-top:18px}
  .visual-window{border-radius:9px}
  .visual-stage{height:385px;padding:24px}
  .stage-photo{width:88%;object-position:center 20%;mask-image:linear-gradient(90deg,transparent,#000 35%);filter:saturate(.7) brightness(.61)}
  .visual-stage::after{background:linear-gradient(0deg,#090a0fe0 0%,#0a0b1022 70%),linear-gradient(90deg,#0d0e1299,transparent 85%)}
  .stage-copy strong{font-size:35px}
  .visual-caption{font-size:10px}
  .terms-section{padding:84px 0 88px}
  .section-heading{margin-bottom:30px}
  .section-heading h2{font-size:42px}
  .section-heading>p{font-size:13px}
  .pay-card{padding:24px}
  .pay-value,.pay-card-core .pay-value,.pay-card-top .pay-value{font-size:42px}
  .schedule{padding:17px}
  .benefits-section{padding-block:91px}
  .benefits-grid{grid-template-columns:1fr}
  .benefit-card,.benefit-card-more{min-height:0;padding:27px 25px}
  .process-section{padding-block:89px}
  .process-grid{display:block}
  .process-step,.process-step+.process-step{padding:25px 0 31px;border-right:0;border-bottom:1px solid #28292e}
  .process-step:last-child{border-bottom:0}
  .process-step h3{margin-top:20px}
  .statement-inner{min-height:240px}
  .faq-section{padding-block:90px}
  .contact-panel{min-height:0;padding:36px 27px}
  .contact-panel h2{font-size:45px}
  .contact-dialog{width:calc(100% - 20px);padding:22px}
}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none}}

/* Lit backdrop and restrained color accents around the central showcase. */
.hero{position:relative;isolation:isolate;gap:56px;padding-top:100px;padding-bottom:132px}
.hero::before{content:"";position:absolute;z-index:0;pointer-events:none;left:50%;bottom:-45px;width:calc(100% + 72px);height:650px;transform:translateX(-50%);background:radial-gradient(ellipse 57% 48% at 50% 59%,rgba(190,195,209,.54) 0%,rgba(105,110,126,.3) 43%,rgba(65,68,82,.08) 67%,transparent 83%),radial-gradient(ellipse 47% 47% at 50% 48%,rgba(105,97,155,.22),transparent 76%)}
.hero-copy,.hero-visual{position:relative;z-index:1}
.hero-copy{max-width:1000px;margin-inline:auto}
.hero h1{max-width:960px;font-size:clamp(57px,5.85vw,79px)}
.hero h1 span{color:#b8b7dc;background:linear-gradient(105deg,#dbd8f8 3%,#a9b7ef 48%,#b4b1bc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-kicker,.kicker-line{color:#b8b2e7}
.kicker-line{background:#a6a0d8}
.button-primary{background:#dedcff;color:#171622}
.button-primary:hover{background:#f1efff}
.brand-symbol{border-color:#77749c;background:linear-gradient(145deg,#33304b,#17171d);color:#ecebff}
.hero-visual{width:min(1000px,100%);margin-inline:auto}
.hero-visual::after{content:"";position:absolute;z-index:-1;left:11%;right:11%;bottom:-42px;height:84px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(210,215,229,.6),rgba(123,127,151,.25) 45%,transparent 73%);filter:blur(23px);pointer-events:none}
.visual-window{border-color:#484752;box-shadow:0 30px 72px #000b,0 0 0 1px #22222a}
.visual-stage{background:radial-gradient(ellipse 64% 92% at 77% 42%,#403a61 0%,#201e33 47%,#0d0e12 95%)}
.window-dots i:nth-child(1){background:#e89cac!important}
.window-dots i:nth-child(2){background:#e9cc84!important}
.window-dots i:nth-child(3){background:#91d3af!important}
.visual-topbar>span:last-child{color:#aaa5df}
.stage-copy span{color:#c3bbff}
.visual-bottom span:first-child{color:#b9b4f5}
.visual-bottom span:last-child{color:#a1d8c0}
.visual-caption span:first-child{color:#c5c1ed}
.terms-section{background:linear-gradient(180deg,#24262e 0%,#121318 150px,#0b0c0e 310px);border-top:0}
.pay-card{position:relative;overflow:hidden}
.pay-card::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:#c7ab78}
.pay-card-core::after{background:linear-gradient(90deg,#a896e7,#c7c1ff)}
.pay-card-top::after{background:linear-gradient(90deg,#6fbdac,#b5e0cb)}
.pay-card-trial .card-index{color:#c9ad82}
.pay-card-core .card-index{color:#b6a8eb}
.pay-card-top .card-index{color:#8ac9af}
.pay-card-trial .pay-value{color:#f6ebd7}
.pay-card-core .pay-value{color:#e0d9ff}
.pay-card-top .pay-value{color:#c9eddf}
.pay-card-core{background:linear-gradient(145deg,#222034,#111215 68%);border-color:#625a86}
.guaranteed-label{color:#cfc4ff}
.schedule-icon{border-color:#646080;background:#29263a;color:#cfc8ff}
.benefit-card:nth-child(1) .benefit-icon,.benefit-card:nth-child(4) .benefit-icon{border-color:#6d648d;background:#29243a;color:#cfc4ff}
.benefit-card:nth-child(2) .benefit-icon,.benefit-card:nth-child(5) .benefit-icon{border-color:#5b8178;background:#1c302e;color:#b8ebd7}
.benefit-card:nth-child(3) .benefit-icon,.benefit-card:nth-child(6) .benefit-icon{border-color:#8c785d;background:#362b21;color:#f0d6aa}
.step-number{color:#b6a8e6}
.statement-section{background:radial-gradient(ellipse 70% 135% at 90% 60%,#302a4a 0%,#171722 58%,#0e0f13 100%);border-color:#484157}
.statement-inner em{color:#cbc4f9}
.contact-panel{border-color:#615879;background:radial-gradient(ellipse 78% 150% at 95% 75%,#38314f 0%,#202033 55%,#111216 100%)}
.contact-glow{border-color:#c7baff37;box-shadow:0 0 0 75px #b7adff10,0 0 0 150px #b7adff06}
.contact-panel .eyebrow{color:#cdc3f3}
.direct-email{border-color:#605c79;background:#222133}
.direct-email button,.message-from button{border-color:#746e9d;background:#3e3959}
.direct-email button:hover,.message-from button:hover{background:#555076}
@media(max-width:780px){
  .hero{gap:48px;padding-top:82px;padding-bottom:106px}
  .hero::before{bottom:-35px;width:calc(100% + 44px);height:510px;background:radial-gradient(ellipse 58% 45% at 50% 58%,rgba(183,188,205,.44),rgba(97,102,121,.19) 54%,transparent 82%),radial-gradient(ellipse 58% 45% at 50% 50%,rgba(96,89,150,.19),transparent 76%)}
  .hero h1{font-size:clamp(53px,7.3vw,70px)}
}
@media(max-width:600px){
  .hero{gap:42px;padding-top:76px;padding-bottom:94px}
  .hero h1{font-size:clamp(47px,10vw,65px)}
  .hero::before{bottom:-25px;width:calc(100% + 36px);height:420px;background:radial-gradient(ellipse 60% 44% at 50% 56%,rgba(160,166,190,.34),rgba(92,95,122,.15) 53%,transparent 82%),radial-gradient(ellipse 60% 46% at 50% 47%,rgba(89,80,142,.19),transparent 76%)}
  .hero-visual::after{bottom:-30px;height:55px;filter:blur(18px)}
  .terms-section{background:linear-gradient(180deg,#171922 0%,#0b0c0e 190px)}
}

/* The broad studio light lives only under the opening image. */
body{background:#08090b;background-image:none;background-attachment:scroll}
body::before{display:none}
.site-shell{position:relative;z-index:1;background:transparent}
.terms-section{background:transparent;border-top:0}
.benefits-section,.process-section,.faq-section{position:relative;background:transparent}
.statement-section{background:linear-gradient(115deg,rgba(22,21,32,.82),rgba(46,40,68,.76) 70%,rgba(20,21,29,.76));backdrop-filter:blur(12px)}
.contact-section{position:relative}

/* Each benefit reads as a distinct offer, while the page glow stays visible
   in the gutters around the cards. */
.benefits-grid{gap:14px;border:0}
.benefit-card,.benefit-card-more{position:relative;overflow:hidden;min-height:220px;padding:29px 30px;border:1px solid #35353d;border-radius:10px;background:radial-gradient(circle at 92% 0%,rgba(164,147,220,.13),transparent 52%),linear-gradient(155deg,rgba(27,27,34,.96),rgba(14,15,19,.9));box-shadow:inset 0 1px #ffffff0c,0 14px 30px #0003}
.benefit-card:nth-child(2),.benefit-card:nth-child(5){background:radial-gradient(circle at 92% 0%,rgba(100,197,174,.14),transparent 52%),linear-gradient(155deg,rgba(23,29,31,.96),rgba(14,16,19,.9))}
.benefit-card:nth-child(3),.benefit-card:nth-child(6){background:radial-gradient(circle at 92% 0%,rgba(226,177,106,.13),transparent 52%),linear-gradient(155deg,rgba(31,27,25,.96),rgba(16,15,17,.9))}
.benefit-card::after{content:"";position:absolute;inset:auto 29px 0;height:2px;background:linear-gradient(90deg,#a394d9,transparent);opacity:.72}
.benefit-card:nth-child(2)::after,.benefit-card:nth-child(5)::after{background:linear-gradient(90deg,#80d0b9,transparent)}
.benefit-card:nth-child(3)::after,.benefit-card:nth-child(6)::after{background:linear-gradient(90deg,#e2bb83,transparent)}
.benefit-icon{width:39px;height:39px;border-radius:9px;font-size:20px}
.benefit-card h3{font-size:19px;margin-top:31px;color:#f3f1f7}
.benefit-card p{font-size:13px;line-height:1.6;color:#aaa9b3}

/* A numbered sequence with a visual anchor at every step. */
.process-grid{gap:14px;border:0}
.process-step,.process-step+.process-step{position:relative;overflow:hidden;min-height:265px;padding:29px 29px 31px;border:1px solid #383943;border-radius:10px;background:linear-gradient(150deg,rgba(30,30,41,.94),rgba(14,15,20,.89));box-shadow:inset 0 1px #ffffff0a,0 14px 30px #0003}
.process-step:nth-child(2){background:linear-gradient(150deg,rgba(23,32,35,.94),rgba(14,17,20,.89))}
.process-step:nth-child(3){background:linear-gradient(150deg,rgba(34,29,28,.94),rgba(17,15,18,.89))}
.process-step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#b5a2f5,transparent 76%)}
.process-step:nth-child(2)::before{background:linear-gradient(90deg,#85d2c0,transparent 76%)}
.process-step:nth-child(3)::before{background:linear-gradient(90deg,#e3bb86,transparent 76%)}
.step-number{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #665e8d;border-radius:8px;background:#29253b;color:#dbd0ff;font-size:12px}
.process-step:nth-child(2) .step-number{border-color:#527a74;background:#203331;color:#a9e2cf}
.process-step:nth-child(3) .step-number{border-color:#80694f;background:#34291f;color:#f2d5a9}
.process-step h3{margin-top:34px;font-size:22px}
.process-step p{color:#afafbb}
.process-step a{color:#dcd4ff}

@media(max-width:780px){
  .benefits-grid,.process-grid{gap:12px}
  .process-step,.process-step+.process-step{padding:26px;min-height:255px}
}
@media(max-width:600px){
  .benefit-card,.benefit-card-more{min-height:0;padding:27px 25px}
  .process-grid{display:grid;grid-template-columns:1fr}
  .process-step,.process-step+.process-step{min-height:0;padding:25px 25px 30px;border:1px solid #383943}
  .process-step h3{margin-top:25px}
}

/* Wide, centered showcase with one diffused pool of light below it. */
@media(min-width:781px){
  .hero{gap:40px;padding-top:66px;padding-bottom:200px}
  .hero-copy,.hero-visual{width:min(1480px,calc(100vw - 96px));max-width:none;align-self:center;margin-inline:0}
  .hero h1{max-width:1080px;margin:20px 0 18px;font-size:clamp(56px,4vw,78px)}
  .hero-copy>p{max-width:700px}
  .hero-actions{margin-top:23px}
  .visual-stage{height:clamp(540px,39vw,720px);padding:clamp(42px,5vw,78px)}
  .stage-copy{max-width:640px}
  .stage-copy strong{font-size:clamp(52px,4.7vw,82px)}
  .stage-photo{width:59%;object-position:center 27%}
  .hero::before{width:min(1600px,calc(100vw - 18px));height:820px;bottom:-112px;background:radial-gradient(ellipse 59% 48% at 50% 66%,rgba(192,197,207,.55),rgba(120,125,139,.32) 37%,rgba(76,80,94,.12) 61%,transparent 84%),radial-gradient(ellipse 47% 43% at 50% 48%,rgba(113,104,162,.19),transparent 78%)}
  .hero-visual::after{left:0;right:0;bottom:-59px;height:139px;filter:blur(39px);background:radial-gradient(ellipse at center,rgba(215,218,225,.5),rgba(126,129,148,.22) 50%,transparent 74%)}
}
.visual-window{border-radius:11px;border-color:#3d3e47;box-shadow:0 38px 95px #000c,0 1px 0 #ffffff0f,0 0 0 1px #1a1b20}
.visual-topbar{height:48px}
.visual-topbar>.window-dots:last-child{margin-left:0}
.visual-bottom{height:49px}
.visual-caption{margin-top:22px}

/* Compensation calculator */
.calculator-section{padding-top:122px;padding-bottom:126px}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
.calculator-controls,.calculator-result{min-width:0;border:1px solid #34353e;border-radius:12px;background:linear-gradient(150deg,#191a20,#101115 72%);box-shadow:inset 0 1px #ffffff0b,0 18px 42px #0003}
.calculator-controls{padding:36px 38px 37px}
.calculator-control-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
.calculator-control-head label,.calculator-days legend{font-size:14px;font-weight:650;color:#e9e9ed}
.calculator-control-head strong{font-size:31px;line-height:1;letter-spacing:-.055em;color:#dcd7ff}
.calculator-control-head output{font-variant-numeric:tabular-nums}
.calculator-range{display:block;width:100%;height:7px;margin:0;appearance:none;border-radius:99px;background:linear-gradient(90deg,#bdb2ff var(--range-progress,0%),#393941 var(--range-progress,0%));cursor:pointer}
.calculator-range::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border:4px solid #ebe7ff;border-radius:50%;background:#8272ce;box-shadow:0 0 0 3px #4e446d,0 3px 14px #0006}
.calculator-range::-moz-range-thumb{width:15px;height:15px;border:4px solid #ebe7ff;border-radius:50%;background:#8272ce;box-shadow:0 0 0 3px #4e446d,0 3px 14px #0006}
.calculator-range:focus-visible{outline:2px solid #ddd4ff;outline-offset:9px}
.calculator-ticks{display:flex;justify-content:space-between;margin-top:18px;color:#85858f;font-size:11px;font-variant-numeric:tabular-nums}
.calculator-control-help{min-height:48px;margin:24px 0 30px;color:#9b9ba6;font-size:12px;line-height:1.65}
.calculator-days{display:grid;gap:9px;margin:0;padding:20px 0 0;border:0;border-top:1px solid #35353c}
.calculator-days legend{float:left;width:100%;padding:0 0 13px}
.calculator-day-option{position:relative;display:block;cursor:pointer}
.calculator-day-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.calculator-day-option span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid #3a3a43;border-radius:8px;background:#14151a;transition:border-color .15s,background .15s}
.calculator-day-option span::before{content:"";width:13px;height:13px;flex:none;border:1px solid #696979;border-radius:50%;order:-1}
.calculator-day-option strong{font-size:12px;font-weight:640;color:#d8d8de}
.calculator-day-option small{font-size:11px;color:#92929c;text-align:right}
.calculator-day-option input:checked+span{border-color:#9d91cf;background:#252235}
.calculator-day-option input:checked+span::before{border:4px solid #cfc7ff;background:#6e5cab}
.calculator-day-option input:focus-visible+span{outline:2px solid #dcd4ff;outline-offset:3px}
.calculator-result{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:39px 40px;background:radial-gradient(ellipse 87% 73% at 81% 0%,#3b3554 0%,#22212f 44%,#14151a 100%);border-color:#5c5578}
.calculator-result::after{content:"";position:absolute;right:-130px;top:-210px;width:420px;height:420px;border:1px solid #d3caff1a;border-radius:50%;box-shadow:0 0 0 57px #c5baff08,0 0 0 118px #c5baff04;pointer-events:none}
.calculator-result>*{position:relative;z-index:1}
.calculator-result-eyebrow{font-size:10px;font-weight:740;letter-spacing:.14em;color:#c4b9f5}
.calculator-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:28px 0 29px}
.calculator-amount output{font-size:clamp(50px,5vw,80px);font-weight:690;letter-spacing:-.075em;line-height:1;color:#f1edff;font-variant-numeric:tabular-nums}
.calculator-amount span{font-size:13px;color:#c4c0d4}
.calculator-result-rule{height:1px;margin-bottom:14px;background:#ffffff30}
.calculator-detail{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ffffff17;color:#b3b2bf;font-size:12px}
.calculator-detail strong{color:#e8e3f6;font-weight:660;white-space:nowrap;font-variant-numeric:tabular-nums}
.calculator-formula{margin:auto 0 0;padding-top:31px;color:#aaa6ba;font-size:11px;line-height:1.65}
@media(max-width:780px){
  .hero{padding-bottom:125px}
  .hero::before{height:590px;bottom:-50px}
  .calculator-section{padding-top:90px;padding-bottom:95px}
  .calculator-layout{grid-template-columns:1fr}
  .calculator-result{min-height:390px}
}
@media(max-width:600px){
  .hero{padding-bottom:105px}
  .hero::before{height:460px;bottom:-30px}
  .visual-topbar{height:41px}
  .visual-bottom{height:43px}
  .calculator-section{padding-top:74px;padding-bottom:85px}
  .calculator-controls,.calculator-result{padding:27px 23px}
  .calculator-day-option span{align-items:flex-start;flex-direction:column;gap:4px;padding-left:41px}
  .calculator-day-option span::before{position:absolute;left:16px;top:17px}
  .calculator-day-option small{text-align:left}
  .calculator-amount output{font-size:56px}
}

/* A single, full-width light pool below the showcase, without a boxed edge. */
html,body,.age-approved .site-shell{overflow-x:clip}
.hero::before{width:100vw;max-width:none;height:900px;bottom:-195px;background:radial-gradient(ellipse 85% 55% at 50% 56%,rgba(178,181,188,.78) 0%,rgba(126,129,137,.56) 42%,rgba(70,74,82,.3) 77%,transparent 100%)}
.hero-visual::after{bottom:-45px;height:95px;filter:blur(42px);background:radial-gradient(ellipse at center,rgba(199,202,211,.36),rgba(112,116,129,.14) 53%,transparent 78%)}

/* Keep only choices and the amount visible in the calculator. */
.calculator-days{margin-top:34px}
.calculator-bonuses{display:block;margin:26px 0 0;padding:22px 0 0;border:0;border-top:1px solid #35353c}
.calculator-bonuses legend{float:left;width:100%;padding:0 0 13px;font-size:14px;font-weight:650;color:#e9e9ed}
.calculator-bonus-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;clear:both}
.calculator-bonus-option{position:relative;cursor:pointer}
.calculator-bonus-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.calculator-bonus-option span{display:block;padding:13px 18px;border:1px solid #3a3a43;border-radius:8px;background:#14151a;color:#d8d8de;text-align:center;font-size:12px;font-weight:640;transition:border-color .15s,background .15s}
.calculator-bonus-option input:checked+span{border-color:#9d91cf;background:#252235;color:#f0ecff}
.calculator-bonus-option input:focus-visible+span{outline:2px solid #dcd4ff;outline-offset:3px}
.calculator-result{min-height:390px}
.calculator-amount{margin:32px 0 35px}
.calculator-formula{margin:auto 0 0;padding-top:24px;border-top:1px solid #ffffff30;font-size:13px;line-height:1.7}
.calculator-result.has-bonuses{background:radial-gradient(ellipse 93% 78% at 84% 0%,#3c3a50 0%,#23272d 54%,#141719 100%);border-color:#6b7976}
.calculator-result.has-bonuses .calculator-result-eyebrow{color:#b5e6d0}
.calculator-result.has-bonuses .calculator-amount output{color:#e3fff1}
@media(max-width:780px){.hero::before{height:640px;bottom:-140px}.hero-visual::after{height:70px;bottom:-30px}}
@media(max-width:600px){.hero::before{height:470px;bottom:-100px;background:radial-gradient(ellipse 70% 47% at 50% 53%,rgba(155,159,178,.41),rgba(88,91,109,.25) 52%,transparent 100%)}.calculator-days{margin-top:30px}.calculator-result{min-height:310px}}