:root{
  --bg:#040711;
  --bg-soft:#080d1a;
  --panel:#0b1222;
  --panel-2:#0e1728;
  --text:#f4f7fb;
  --muted:#9ca8bc;
  --line:rgba(255,255,255,.12);
  --cyan:#18d4dc;
  --green:#70ec5d;
  --accent:linear-gradient(120deg,var(--green),#20d8bb 52%,#14bfe5);
  --radius:26px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(43,220,188,.35);color:#fff}
.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:16px}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.section-pad{padding:120px max(24px,calc((100vw - var(--max))/2))}
.section-kicker{font-size:.72rem;letter-spacing:.24em;font-weight:800;color:#76e8cf;margin:0 0 24px;text-transform:uppercase}
.section-head{display:grid;grid-template-columns:1.2fr .75fr;gap:80px;align-items:end;margin-bottom:54px}.section-head h2,.method h2,.manifesto h2,.final-cta h2,.statement h2{margin:0;font-weight:630;letter-spacing:-.055em;line-height:.94;font-size:clamp(3rem,7vw,7.4rem)}.section-head h2 span,.method h2 span,.manifesto h2 span,.final-cta h2 span,.statement h2 span{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head>p,.method-sticky>p,.manifesto-copy p,.final-cta>p{color:var(--muted);font-size:1.1rem;line-height:1.75;margin:0}
.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s}.site-header.scrolled{background:rgba(4,7,17,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav-wrap{height:86px;max-width:var(--max);padding:0 24px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:block;width:144px;flex:0 0 auto}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav a{font-size:.88rem;color:#c9d0dc;transition:.2s}.desktop-nav a:hover{color:#fff}.nav-cta{border:1px solid var(--line);padding:12px 16px;border-radius:999px;font-size:.82rem;transition:.25s}.nav-cta:hover{border-color:rgba(92,231,202,.55);background:rgba(61,224,191,.08)}.menu-btn{display:none;border:0;background:none;width:40px;height:40px;padding:10px}.menu-btn span{display:block;height:1px;background:#fff;margin:6px 0}.mobile-nav{display:none}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:150px;overflow:hidden}.hero:after{content:"";position:absolute;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));bottom:0;height:1px;background:var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow{color:#b7c0cf;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 28px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#56e8b6;box-shadow:0 0 18px #56e8b6}.hero h1{font-size:clamp(4.2rem,8.6vw,9rem);line-height:.82;letter-spacing:-.07em;margin:0;max-width:940px;font-weight:650}.hero h1 em{font-style:normal;background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75;color:var(--muted);max-width:680px;margin:34px 0 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:999px;padding:15px 22px;font-size:.9rem;font-weight:700;transition:.25s}.btn-primary{background:#f7fafc;color:#07101b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(126,240,221,.16)}.text-link{color:#d1d8e4;font-size:.9rem;border-bottom:1px solid transparent;transition:.2s}.text-link:hover{border-bottom-color:#d1d8e4}.hero-visual{height:min(570px,62vw);position:relative;isolation:isolate}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.hero-glow-a{width:500px;height:500px;background:#00e0be;right:-180px;top:60px}.hero-glow-b{width:360px;height:360px;background:#42ff70;left:38%;top:32%}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:spin 22s linear infinite}.orbit:before{content:"";width:9px;height:9px;border-radius:50%;background:#57e9ca;position:absolute;top:50%;left:-5px;box-shadow:0 0 24px #57e9ca}.orbit-1{width:72%;aspect-ratio:1}.orbit-2{width:94%;aspect-ratio:1;animation-duration:34s;animation-direction:reverse;border-color:rgba(99,230,197,.18)}.core-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 30%,#182338,#070c16 65%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 42px rgba(40,228,195,.07),0 0 90px rgba(29,226,190,.08)}.core-mark span{font-size:clamp(4rem,8vw,8rem);font-weight:750;letter-spacing:-.08em}.core-mark b{font-size:clamp(2.2rem,4.4vw,4.3rem);background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}.float-chip{position:absolute;border:1px solid var(--line);background:rgba(8,14,27,.7);backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font-size:.68rem;letter-spacing:.16em;color:#d6ddea;box-shadow:0 8px 34px rgba(0,0,0,.25)}.chip-idea{left:2%;top:28%}.chip-learn{right:0;top:18%}.chip-build{left:6%;bottom:20%}.chip-grow{right:2%;bottom:28%;color:#74efca}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:.66rem;letter-spacing:.18em;color:#7e899b;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{width:24px;height:1px;background:#657084}
.statement{min-height:92vh;display:flex;flex-direction:column;justify-content:center;max-width:var(--max);margin:auto}.statement h2{max-width:1080px}.statement>p{color:var(--muted);font-size:1.2rem;line-height:1.8;max-width:720px;margin:34px 0 0}.statement-line{margin-top:80px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;font-size:clamp(1rem,2.2vw,1.7rem);letter-spacing:-.02em}.statement-line i{flex:1;height:1px;background:var(--line)}.statement-line strong{color:#69e8c0}
.tools{background:linear-gradient(180deg,#060a14 0%,#08101b 100%)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);padding:34px;min-height:580px;display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(52,221,185,.12),transparent 70%);right:-140px;top:-140px;pointer-events:none}.tool-meta{display:flex;align-items:center;justify-content:space-between;color:#7f8da2;font-size:.68rem;letter-spacing:.16em}.tool-meta b{color:#6ee9c9}.tool-card h3{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1;letter-spacing:-.045em;margin:54px 0 18px}.tool-card>p{color:var(--muted);line-height:1.7;margin:0 0 30px;max-width:560px}.mini-tool{margin-top:auto;border-top:1px solid var(--line);padding-top:24px;display:grid;gap:12px}.mini-tool label{font-size:.75rem;color:#b6c0cf;display:flex;justify-content:space-between}.mini-tool input,.mini-tool textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.16);color:#fff;border-radius:12px;padding:12px 14px;outline:none;resize:vertical}.mini-tool input:focus,.mini-tool textarea:focus{border-color:rgba(88,232,200,.65);box-shadow:0 0 0 3px rgba(63,230,195,.08)}.mini-tool input[type="range"]{padding:0;border:0;accent-color:#39e0b5}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-fields>div{display:grid;gap:8px}.tool-button{border:0;background:#f6f8fb;color:#06101a;border-radius:12px;padding:13px 14px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;transition:.2s}.tool-button:hover{background:#75ebc9;transform:translateY(-1px)}.tool-result{background:rgba(78,226,192,.08);border:1px solid rgba(90,229,198,.18);border-radius:12px;padding:13px 14px;font-size:.82rem;line-height:1.5;color:#c7d4dd}.tool-result strong{color:#7ef1cf}
.method{display:grid;grid-template-columns:.86fr 1.14fr;gap:120px;background:#040711}.method-sticky{align-self:start;position:sticky;top:145px}.method-sticky h2{font-size:clamp(3rem,5vw,5.7rem)}.method-sticky>p{margin-top:28px;max-width:510px}.method-steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:44px 0;border-bottom:1px solid var(--line)}.step>span{color:#61e5c5;font-size:.76rem;letter-spacing:.16em}.step h3{font-size:2.2rem;letter-spacing:-.04em;margin:0 0 12px}.step p{margin:0;color:var(--muted);line-height:1.8;max-width:600px}
.manifesto{background:linear-gradient(180deg,#07101b 0%,#050914 100%)}.manifesto-panel{border:1px solid var(--line);border-radius:34px;padding:clamp(34px,6vw,80px);background:radial-gradient(circle at 85% 10%,rgba(57,228,189,.13),transparent 30%),rgba(255,255,255,.02)}.manifesto h2{font-size:clamp(3.1rem,6.8vw,7rem)}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:58px 0 46px}.principles{display:flex;flex-wrap:wrap;gap:10px}.principles span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#c8d2df;font-size:.78rem}
.quote-band{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:#080e19}.quote-track{display:flex;align-items:center;gap:30px;width:max-content;font-size:clamp(1.8rem,3vw,3.6rem);font-weight:700;letter-spacing:-.04em;animation:marquee 30s linear infinite}.quote-track span{white-space:nowrap}.quote-track i{font-style:normal;color:#5fe5c4}.faq{background:#050914}.faq-list{max-width:900px;margin:30px 0 0 auto}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{list-style:none;cursor:pointer;padding:28px 50px 28px 0;font-size:1.15rem;font-weight:650;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:8px;top:26px;color:#63e7c7;font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);line-height:1.75;margin:0;padding:0 56px 28px 0}.faq details a{text-decoration:underline;text-underline-offset:3px}
.final-cta{min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 75% 50%,rgba(39,226,190,.12),transparent 30%)}.final-cta h2{font-size:clamp(4rem,10vw,10rem)}.final-cta>p{max-width:560px;margin:34px 0}.final-cta .btn{margin-top:8px}
footer{padding:64px max(24px,calc((100vw - var(--max))/2)) 28px;border-top:1px solid var(--line);background:#03060c}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:54px}.footer-brand{width:180px}.footer-top p{color:#8995a7;margin:0}.footer-bottom{display:grid;grid-template-columns:1fr auto auto;gap:26px;border-top:1px solid var(--line);padding-top:24px;color:#738095;font-size:.76rem}.footer-bottom p{margin:0}.footer-bottom a:hover{color:#fff}
.reveal{opacity:1;transform:none}.animations-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.animations-ready .reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.mobile-nav{position:fixed;inset:86px 0 auto;min-height:calc(100svh - 86px);background:rgba(4,7,17,.98);padding:24px;display:flex;flex-direction:column;gap:0;transform:translateX(102%);transition:.3s}.mobile-nav.open{transform:none}.mobile-nav a{font-size:2rem;letter-spacing:-.03em;padding:18px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px;padding-bottom:100px}.hero-copy{max-width:850px}.hero h1{font-size:clamp(4.2rem,12vw,8rem)}.hero-visual{height:500px;max-width:640px;width:100%;margin:auto}.scroll-cue{display:none}.section-head,.method{grid-template-columns:1fr;gap:60px}.method-sticky{position:static}.tool-grid{grid-template-columns:1fr}.manifesto-copy{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr auto}}
@media (max-width:640px){.section-pad{padding:88px 20px}.nav-wrap{height:74px;padding:0 20px}.brand{width:126px}.mobile-nav{inset:74px 0 auto;min-height:calc(100svh - 74px)}.hero{padding-top:126px}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.hero-lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-visual{height:390px;margin-top:12px}.float-chip{font-size:.58rem;padding:8px 10px}.section-head{gap:28px;margin-bottom:36px}.section-head h2,.statement h2,.manifesto h2,.final-cta h2{font-size:clamp(3rem,15vw,5.2rem)}.statement{min-height:auto}.statement-line{align-items:flex-start;flex-direction:column;gap:12px;margin-top:52px}.statement-line i{width:100%;flex:0 0 1px}.tool-card{padding:24px;min-height:560px}.tool-card h3{margin-top:36px}.method{gap:50px}.method-sticky h2{font-size:3.7rem}.step{grid-template-columns:48px 1fr}.step h3{font-size:1.8rem}.manifesto-panel{padding:30px 24px}.manifesto-copy{margin:38px 0}.quote-track{gap:20px}.faq-list{margin-top:0}.final-cta{min-height:75vh}.footer-top{align-items:flex-start;flex-direction:column;gap:26px}.footer-bottom{grid-template-columns:1fr;gap:12px}.footer-brand{width:158px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.quote-track{animation:none}.animations-ready .reveal{opacity:1;transform:none;transition:none}.btn,.tool-button{transition:none}}
