:root{--blue:#0b3d91;--ink:#06152f;--paper:#f3f5f7;--line:rgba(6,21,47,.14);--white:#fff;--cyan:#83d8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.progress{position:fixed;z-index:99;top:0;left:0;height:2px;width:0;background:#fff;mix-blend-mode:difference}.nav{position:fixed;z-index:90;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(to bottom,rgba(2,9,23,.62),transparent);backdrop-filter:blur(4px)}.brand{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em}.dropmark{font-size:20px;transform:rotate(-25deg);display:inline-block}.nav nav{display:flex;gap:28px;font-size:12px;opacity:.82}.nav nav a:hover{opacity:.65}.pill{border:1px solid rgba(255,255,255,.35);padding:9px 13px;border-radius:100px;font-size:10px;letter-spacing:.16em}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:var(--ink);color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(25,106,210,.05),transparent 40%),linear-gradient(90deg,rgba(2,9,23,.86) 0%,rgba(2,9,23,.48) 48%,rgba(2,9,23,.24) 100%),linear-gradient(to top,rgba(2,9,23,.78),transparent 35%)}.hero-copy{position:relative;z-index:3;padding:0 8vw 12vh;max-width:980px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;margin:0 0 24px;opacity:.78}.eyebrow.dark{color:var(--blue);opacity:1}.hero h1{font-size:clamp(58px,9vw,145px);line-height:.84;letter-spacing:-.07em;margin:0;font-weight:720}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.lede{max-width:600px;font-size:clamp(17px,2vw,24px);line-height:1.45;color:rgba(255,255,255,.76);margin:34px 0}.hero-actions{display:flex;gap:14px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);padding:15px 20px;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cta.light{margin-top:38px;background:white}.soundless{background:transparent;color:white;border:1px solid rgba(255,255,255,.25);padding:14px 18px;border-radius:3px;font-size:11px}.scrollcue{position:absolute;z-index:4;right:5vw;bottom:5vh;font-size:9px;letter-spacing:.2em;display:flex;gap:12px;align-items:center;opacity:.58}.ions span{position:absolute;z-index:2;left:var(--x);top:var(--y);font-family:ui-monospace,monospace;font-size:12px;color:rgba(255,255,255,.45);animation:float 7s ease-in-out infinite;animation-delay:var(--d)}@keyframes float{50%{transform:translateY(-18px) translateX(7px);opacity:.9}}.section{padding:120px 8vw}.statement h2,.lab h2,.build h2,.feedback h2{font-size:clamp(40px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:1080px}.statement h2 span,.start h2 span{font-family:Georgia,serif;font-weight:400}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:80px;border:1px solid var(--line)}.glass{background:rgba(255,255,255,.72);padding:46px;min-height:260px}.glass strong{font-size:58px;letter-spacing:-.06em;color:var(--blue)}.glass p{max-width:300px;line-height:1.6;color:#526078;margin-top:38px}.kinetic{height:64vh;min-height:500px;position:relative;overflow:hidden;background:#04112b;color:white;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(4px);mix-blend-mode:screen;animation:orbit 14s ease-in-out infinite}.orb-a{width:42vw;height:42vw;background:radial-gradient(circle at 30% 30%,#1e91ff,transparent 60%);left:-8vw;top:10%}.orb-b{width:34vw;height:34vw;background:radial-gradient(circle at 40% 40%,#99e5ff,transparent 65%);right:0;bottom:-15%;animation-delay:-5s}.orb-c{width:24vw;height:24vw;background:radial-gradient(circle,#134fba,transparent 70%);left:45%;top:-10%;animation-delay:-9s}@keyframes orbit{50%{transform:translate3d(7vw,-4vh,0) scale(1.14)}}.kinetic-copy{position:relative;z-index:2;text-align:center;font-size:clamp(44px,7vw,110px);line-height:.9;font-weight:800;letter-spacing:-.06em}.kinetic-copy span{font-family:Georgia,serif;font-weight:400}.lab-head{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}.sidecopy{color:#61708a;line-height:1.65;max-width:460px}.bottles{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:90px}.bottle{border:0;background:none;cursor:pointer;padding:0;min-width:0;transition:transform .35s ease}.bottle:hover{transform:translateY(-12px)}.cap{display:block;width:56%;height:48px;margin:0 auto;border-radius:9px 9px 4px 4px;background:linear-gradient(90deg,#111,#30343a,#0d0d0f);box-shadow:0 12px 20px rgba(6,21,47,.12)}.vial{display:grid;place-items:center;width:78%;height:210px;margin:-2px auto 18px;border:1px solid rgba(7,39,82,.2);border-radius:8px 8px 24px 24px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.92),rgba(159,208,232,.25));box-shadow:inset 0 -40px 60px rgba(42,131,181,.08),0 28px 50px rgba(6,21,47,.08)}.vial b{font-size:40px;color:rgba(11,61,145,.16)}.chem{font-size:13px;font-weight:750;letter-spacing:.05em}.mineral-readout{margin-top:35px;text-align:center;color:#65738a;min-height:24px}.build{background:white}.mixer{margin-top:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:50px;border:1px solid var(--line)}.sliders{display:flex;flex-direction:column;gap:34px}.sliders label{display:grid;grid-template-columns:110px 1fr 42px;gap:16px;align-items:center;font-size:12px;font-weight:700}.sliders input{width:100%;accent-color:var(--blue)}.sliders output{font-variant-numeric:tabular-nums;color:var(--blue)}.profile{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.radar{width:170px;height:170px;border-radius:50%;border:1px solid var(--line);position:relative;background:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:14px 14px}.radar i{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line);transform-origin:center}.radar i:nth-child(2){transform:rotate(45deg)}.radar i:nth-child(3){transform:rotate(90deg)}.radar i:nth-child(4){transform:rotate(135deg)}#dot{position:absolute;width:22px;height:22px;background:var(--blue);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px rgba(11,61,145,.12);transition:left .2s,top .2s}.start{background:var(--blue);color:white;padding:130px 8vw}.start-inner{max-width:1200px}.start h2{font-size:clamp(48px,7vw,100px);line-height:.95;letter-spacing:-.06em;margin:0}.steps{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.steps>div{background:var(--blue);padding:30px;min-height:220px}.steps b{font-size:12px;opacity:.55}.steps h3{font-size:20px;margin:55px 0 10px}.steps p{font-size:13px;line-height:1.5;opacity:.7}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.placeholder-card{height:480px;background:linear-gradient(145deg,#071935,#0b3d91);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px;position:relative;overflow:hidden}.placeholder-card:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 18s linear infinite}.placeholder-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 12s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-card span{font-size:10px;letter-spacing:.22em;opacity:.65}.placeholder-card .play{font-size:38px;margin:45px 0;z-index:2}.placeholder-card p{max-width:350px;font-size:13px;line-height:1.6;opacity:.72;z-index:2}footer{background:#020918;color:rgba(255,255,255,.65);padding:48px 5vw;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}.nav{height:64px}.hero-copy{padding:0 7vw 13vh}.hero h1{font-size:clamp(54px,16vw,90px)}.section{padding:90px 7vw}.fact-grid,.steps{grid-template-columns:1fr}.glass{min-height:auto}.kinetic{min-height:430px}.lab-head,.feedback,.mixer{grid-template-columns:1fr}.bottles{grid-template-columns:repeat(5,120px);overflow-x:auto;padding-bottom:20px;margin-right:-7vw}.vial{height:170px}.profile{grid-template-columns:140px 1fr}.radar{width:130px;height:130px}.steps>div{min-height:150px}.steps h3{margin-top:30px}.placeholder-card{height:400px}footer{flex-direction:column;align-items:flex-start}.pill{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orb,.ions span,.placeholder-card:before,.placeholder-card:after{animation:none}.hero-video{display:none}}
/* Quantum Brew — production layout */
body{font-size:16px}h1,h2,h3,p{overflow-wrap:break-word}h2{font-size:clamp(2.4rem,5.7vw,5.5rem);line-height:1.04;letter-spacing:-.055em;margin:0}h2 em,h1 em{font-family:Georgia,serif;font-weight:400}h3{font-size:1.3rem}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #39a9ff;outline-offset:5px}section{scroll-margin-top:85px}.nav{background:#041124eb;height:76px}.brand,.nav nav,.pill,.cta,.soundless{font-size:14px}.eyebrow{font-size:12px;line-height:1.5}.hero{min-height:850px;min-height:100svh;background:#06152f url('/assets/poster.jpg') center/cover}.hero-copy{padding:165px 8vw 125px;max-width:1200px}.hero h1{font-size:clamp(4rem,8.4vw,8.5rem);line-height:.99;letter-spacing:-.065em}.hero .lede{font-size:26px;margin:28px 0 36px}.hero-shade{background:linear-gradient(90deg,#021026d9,#02102635),linear-gradient(0deg,#021026bb,transparent 60%)}.text-link{display:inline-block;font-size:16px;border-bottom:1px solid;padding:9px 0}.hero-actions{gap:32px;flex-wrap:wrap}.motion{position:absolute;right:5vw;bottom:30px;z-index:5}.hero-index{position:absolute;left:8vw;bottom:44px;letter-spacing:.12em;font:12px monospace}.review-banner{padding:15px 8vw;background:#e4edfb;color:#274569;font-size:14px}.intro{font-size:clamp(18px,2vw,24px);max-width:650px;line-height:1.65}.fact-grid{margin-top:50px}.glass p{margin-top:14px}.dark-section{background:#06152f;color:#fff}.dark-section .sidecopy{color:#afbdd1}.lab-head{align-items:center}.lab-register{margin-top:65px;padding:32px 0;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;display:grid;gap:24px}.lab-register>strong{font-size:clamp(4rem,12vw,12rem);line-height:1;letter-spacing:-.06em;color:#84bbff}.lab-register>span{font-size:14px;max-width:530px;line-height:1.6}.section-head{display:flex;gap:40px;align-items:end;justify-content:space-between}.mixer{gap:40px;padding:40px;align-items:center}.sliders label{grid-template-columns:1fr 35px;font-size:16px}.sliders input{grid-row:2;grid-column:1/-1;min-height:40px}.sliders output{grid-row:1;grid-column:2}.profile{display:block;text-align:center}.profile svg{width:min(100%,290px);height:auto}.profile p{font-size:14px;line-height:1.6}.reset{background:none;border:0;text-decoration:underline;text-align:left;padding:10px 0;color:#35516f}.tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.tutorial-grid article{padding:45px 35px;background:#071b39;color:white;min-height:245px;display:flex;flex-direction:column;justify-content:end}.video-label{font:12px monospace;letter-spacing:.12em;color:#9fc7f9}.tutorial-grid p{color:#b6c9e2;margin:0}.status{display:inline-block;font-size:14px;line-height:1.6;color:#53637c;background:#e9eef5;padding:10px 14px}.recipes{border-block:1px solid #d6dfea;background:white}.feedback{align-items:start}form{padding:32px;border:1px solid #cbd5e3;background:white}form label{display:block;font-size:14px;font-weight:600;margin-bottom:23px}form input,form textarea{display:block;width:100%;border:1px solid #b8c6d8;border-radius:0;background:#f6f8fb;padding:14px;margin-top:8px;font-size:16px;color:#06152f}form textarea{resize:vertical}form p{font-size:14px;line-height:1.6;color:#53637c}.blue{background:#0b3d91;color:white;border:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:30px 8vw}.about>.eyebrow{grid-column:1/-1}.about .intro{margin-top:0}footer{font-size:12px;line-height:1.6}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(20px)}.js-motion .reveal.visible{opacity:1;transform:none}.skip{position:fixed;z-index:110;top:-100px;left:16px;background:white;color:#06152f;padding:15px}.skip:focus{top:10px}.kit-intro{padding:155px 8vw 65px;background:#06152f;color:white}.kit-intro h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:1.04;letter-spacing:-.06em;margin:0}.kit-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}.kit-links a{padding:15px;border:1px solid #577397;font-size:14px}.guide-list{margin:40px 0}.guide-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:26px 0;border-top:1px solid #cbd5e3}.guide-list b{font-size:32px;color:#0b3d91}.guide-list h3{margin:0 0 12px}.guide-list p{max-width:700px;line-height:1.7;color:#53637c;margin:0}.back-home .text-link{margin-top:25px}body.motion-paused *{animation-play-state:paused!important}
@media(max-width:900px){.hero-copy{padding:145px 7vw 125px}.hero h1{font-size:clamp(3.5rem,12vw,6rem)}.section{padding:75px 7vw}.pill{display:block;font-size:12px;padding:10px}.nav{padding:0 5vw}.brand{font-size:12px}.section-head{display:block}.section-head .status{margin-top:25px}.mixer{padding:26px;gap:35px;margin-top:35px}.tutorial-grid,.about{grid-template-columns:1fr}.about>.eyebrow{grid-column:auto}.lab h2{font-size:clamp(2.6rem,8vw,4.6rem)}.feedback{gap:32px}.hero-index{display:none}.hero .lede{font-size:22px}.start{padding:75px 7vw}.start h2{font-size:clamp(2.6rem,9vw,4rem)}.glass{padding:30px}.hero-actions{gap:18px}.cta{padding:16px;font-size:13px}.tutorial-grid article{min-height:210px}.kit-intro{padding:130px 7vw 55px}.kit-links{display:grid}.guide-list article{grid-template-columns:40px 1fr;gap:15px}form{padding:22px}.lab-register strong{font-size:18vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none}.hero-video{display:none}*{animation:none!important;transition:none!important}}