.spa{--forest:#10293b;--mint:#7fd6f2;--tint:var(--surface-2);background:var(--background);color:var(--foreground);font:400 16.5px/1.65 var(--font-inter-tight), system-ui, sans-serif}.spa h1,.spa h2,.spa h3{font-family:var(--font-inter-tight), system-ui, sans-serif;color:var(--foreground);letter-spacing:-.03em;text-wrap:balance;font-weight:600}.spa .wrap{max-width:1280px;margin:0 auto;padding:0 32px}.spa .eyebrow{font:500 12px/1.4 var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.spa .btn{min-height:52px;font:600 15px/1 var(--font-inter-tight), sans-serif;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 30px;text-decoration:none;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.spa .btn-dark{background:var(--primary);color:var(--primary-foreground)}.spa .btn-dark:hover{opacity:.9}.spa .btn-line{border-color:var(--border);background:var(--surface);color:var(--foreground)}.spa .btn-line:hover{background:var(--surface-2)}.spa .cta-sub{color:var(--muted);font-size:14px}.spa header{z-index:20;background:color-mix(in srgb, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5);border-bottom:1px solid var(--border);position:sticky;top:0}.spa .nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:80px;display:grid}.spa .nav-l{color:var(--muted);gap:4px;font-size:14px;display:flex}.spa .nav-l a{border-radius:999px;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:inline-flex}.spa .nav-l a:hover{background:var(--surface-2);color:var(--foreground)}.spa .logo{border-radius:8px;display:inline-flex}.spa .nav-r{justify-content:flex-end;display:flex}.spa .nav-r .btn{min-height:44px;padding:0 22px;font-size:14px}.spa .hero{background:var(--forest);color:#fff;grid-template-columns:minmax(0,46fr) minmax(0,54fr);min-height:calc(100vh - 80px);display:grid}.spa .hero-copy{flex-direction:column;justify-content:center;gap:28px;padding:72px 64px 72px max(32px,50vw - 608px);display:flex}.spa .hero h1{letter-spacing:-.04em;color:#fff;font-size:clamp(42px,5vw,72px);line-height:1}.spa .hero p{color:#ffffffbf;max-width:480px;font-size:18px}.spa .hero .eyebrow{color:var(--mint)}.spa .hero .cta-sub{color:#ffffffb3}.spa .hero .btn-dark{background:var(--mint);color:var(--forest)}.spa .hero .btn-line{color:#fff;background:0 0;border-color:#ffffff4d}.spa .hero .btn-line:hover{background:#ffffff1a}.spa .ctas{flex-wrap:wrap;gap:12px;display:flex}.spa .hero-img{position:relative;overflow:hidden}.spa .hero-img img{object-fit:cover;object-position:58% 50%}.spa .steps{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.spa .steps li{border-left:1px solid var(--border);grid-template-columns:64px 1fr;gap:4px 18px;padding:40px 24px 44px;display:grid}.spa .steps li:first-child{border-left:0;padding-left:0}.spa .steps .n{font:500 40px/1 var(--font-jetbrains-mono), monospace;color:var(--accent);grid-row:1/3}.spa .steps h2{font-size:22px}.spa .steps p{color:var(--muted);font-size:15px}.spa .intro{padding-block:112px}.spa .intro-head{text-align:center;max-width:780px;margin:0 auto 48px}.spa .intro-head h2{margin-top:16px;font-size:clamp(32px,3.8vw,52px);line-height:1.05}.spa .intro video{aspect-ratio:16/9;background:var(--forest);border-radius:24px;width:100%;max-width:880px;margin:0 auto;display:block}.spa .intro-cta{flex-direction:column;align-items:center;gap:14px;margin-top:40px;display:flex}.spa .band{background:var(--tint)}.spa .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:80px;padding-block:128px;display:grid}.spa .split h2{margin:16px 0 24px;font-size:clamp(34px,4vw,56px);line-height:1.05}.spa .split .sticky-col{position:sticky;top:120px}.spa .panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:28px;padding:48px}.spa .panel-tint{background:var(--tint)}.spa .band .panel{box-shadow:var(--shadow-pop)}.spa .panel h3{font-size:28px}.spa .quiz-note{color:var(--muted);margin:0 0 20px;font-size:13px}.spa .list{border-top:1px solid var(--border);margin:32px 0 0;padding:0;list-style:none}.spa .list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.spa .list li span:last-child{color:var(--muted);text-align:right}.spa .tech-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:16px;max-width:420px;margin-top:40px;padding:14px 18px 14px 14px;display:flex}.spa .tech-card img{object-fit:cover;object-position:50% 18%;border-radius:50%;flex:none;width:64px;height:64px}.spa .tech-card b{color:var(--foreground);font-size:17px;font-weight:600;line-height:1.25;display:block}.spa .tech-card span{font-size:13.5px;line-height:1.4}.spa .closing{background:var(--tint);text-align:center;border-top:1px solid var(--border)}.spa .closing .copy{flex-direction:column;align-items:center;gap:28px;padding:128px 32px;display:flex}.spa .closing h2{font-size:clamp(36px,4.4vw,64px);line-height:1.02}.spa .fine{max-width:560px;color:var(--muted);font-size:13px}.spa footer{color:var(--muted);padding:40px 0 48px;font-size:14px}.spa .legal{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (max-width:1080px){.spa .nav{grid-template-columns:auto 1fr}.spa .nav-l{display:none}.spa .hero{grid-template-columns:1fr;min-height:0}.spa .hero-img{order:-1;height:380px}.spa .hero-copy{padding:48px 32px 64px}.spa .split{grid-template-columns:1fr;gap:48px}.spa .split .sticky-col{position:static}}@media (max-width:640px){.spa{font-size:16px}.spa .wrap{padding:0 20px}.spa .nav{height:68px}.spa .nav-r .btn{padding:0 14px;font-size:13.5px}.spa .hero-img{height:260px}.spa .hero-copy{gap:20px;padding:28px 20px 48px}.spa .hero h1{font-size:38px;line-height:1.04}.spa .hero p{font-size:16.5px}.spa .ctas .btn{flex:auto}.spa .steps{grid-template-columns:1fr}.spa .steps li{border-left:0;border-top:1px solid var(--border);grid-template-columns:52px 1fr;padding:24px 0}.spa .steps li:first-child{border-top:0}.spa .steps .n{font-size:30px}.spa .split{padding-block:80px}.spa .intro{padding-block:72px}.spa .intro-head{margin-bottom:28px}.spa .intro-cta .btn{width:100%}.spa .panel{border-radius:22px;padding:24px 20px}.spa .closing .copy{padding:80px 20px}}
