@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--paper:#050910;--ink:#f1f6fb;--card:#0c1623;--line:#23303e;--cyan:#65e0f1;--cyan-deep:#65e0f1;--night:#070d16}
body{font-family:Manrope,system-ui,sans-serif;background:radial-gradient(ellipse 800px 800px at 95% 0%,#10376a65,transparent),radial-gradient(ellipse 500px 600px at 5% 0%,#12314a65,transparent),var(--paper);line-height:1.65}
html{scroll-padding-top:30px}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}em{font-style:normal;color:var(--cyan)}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.section-shell,.site-header{width:min(1232px,calc(100% - 64px))}.site-header{height:100px}.brand{font-family:'Space Grotesk',sans-serif;font-size:25px}.brand img{width:36px;height:36px}
.nav{background:#0e1722b0;border:1px solid #ffffff15;padding:10px 12px 10px 28px;border-radius:100px;backdrop-filter:blur(16px);gap:27px}.nav-cta{background:#182c42;color:#e8f8fa!important;border:1px solid #32475e}
.hero{grid-template-columns:1.05fr 1fr;gap:55px;min-height:720px;padding-top:65px;padding-bottom:80px}.hero h1{font-size:clamp(46px,5.5vw,79px);line-height:1.06;letter-spacing:-.065em}.hero h1 em{color:var(--cyan)}.hero-lead{font-size:18px;color:#aebfd1}.eyebrow{font-size:12px;letter-spacing:.15em}.eyebrow-dot{display:none}
.button-primary{background:linear-gradient(115deg,#3285ff,#65e0f1);color:#04101b;box-shadow:0 5px 35px #3285ff30}.button-primary span{color:#04101b}.button{padding:17px 23px;font-size:15px}.button:hover{box-shadow:0 8px 40px #38b6e140}.hero-proof{font-size:13px}
.glow-card{position:relative;border:1px solid #314860;background:linear-gradient(135deg,#15243a80,#08101ad9);box-shadow:0 25px 80px #0005;transition:border-color .25s,box-shadow .25s}.glow-card:hover{border-color:#5fbdd090;box-shadow:0 20px 70px #153e6435}
.lab-panel{border-radius:20px;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg);padding:0 25px;animation:lab-float 8s ease-in-out infinite}.panel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);color:#bed0e3}.mono{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.04em}.demo-tag{font-size:10px;letter-spacing:.1em;color:var(--cyan);background:#103c4b80;padding:4px 7px;border:1px solid #255467;border-radius:4px}.panel-title{padding-top:30px}.panel-title h2{font-size:42px;line-height:1.1;margin:10px 0 26px;letter-spacing:-.04em}
.stage-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stage-controls button,.sample-buttons button{padding:12px 7px;border:1px solid #294056;background:#0b1521;color:#a9bfd2;border-radius:7px;font-size:12px}.stage-controls button[aria-pressed=true],.sample-buttons button[aria-pressed=true]{color:#04121b;background:var(--cyan);border-color:var(--cyan)}
.terminal{margin:17px 0 22px;background:#030910;border:1px solid #25374b;border-radius:10px;padding:20px;min-height:216px}.terminal-file{color:#8197ad}#stage-code{font:14px/1.9 ui-monospace,monospace;color:var(--cyan);min-height:80px}#stage-caption{font-size:14px;margin-bottom:0;color:#a5b6c6}.panel-bottom{display:flex;justify-content:space-between;gap:15px;padding:0 0 22px;color:#8aa5be}.panel-bottom>span:last-child{font-size:12px}
.metrics{margin-bottom:100px;padding:30px 0}.metrics div{display:flex;align-items:center;gap:15px}.metrics strong{font:500 44px/1 'Space Grotesk',sans-serif;color:var(--cyan)}.metrics span{font-size:14px;max-width:120px}.split-section{gap:85px}.split-section h2{font-size:clamp(34px,4vw,51px)}.proof-band{padding-bottom:100px}.proof-grid p{font-size:15px}
.project-section{background:linear-gradient(180deg,#0c1522,#070d16);border-block:1px solid #1a2938;padding:90px 0}.project-section .section-heading{margin-bottom:40px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{border-radius:15px;overflow:hidden}.project-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}.project-top>span{color:#9db4cb;font-size:11px;letter-spacing:.06em}.project-top a{color:var(--cyan);font-size:14px}.project-card iframe{width:100%;height:355px;border:0;background:#fff;display:block}.project-description{padding:25px}.project-description h3{font-size:24px;line-height:1.2;margin:0 0 10px}.project-description p{font-size:16px;color:#a5b6c6}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:12px;border:1px solid #314153;border-radius:6px;padding:5px 10px;color:#b4c4d5}.section-foot{font-size:14px;color:#a5b6c6;max-width:850px;margin:28px 0 0}
.modules-section{width:100%;padding-block:100px;background:transparent}.module-grid{grid-template-columns:repeat(3,1fr)}.module-card{background:linear-gradient(130deg,#152338,#0b1522);border:1px solid #2b4057;border-radius:14px;transition:transform .25s,border-color .25s}.module-card:hover{transform:translateY(-5px);border-color:#65e0f190}.module-card p{font-size:15px;line-height:1.6}.module-card h3{font-size:24px}.module-number{color:var(--cyan);font-size:14px}.module-arrow{display:none}
.module-expand{margin-top:18px}.module-expand summary{cursor:pointer;color:var(--cyan);font-size:14px}.module-expand p{font-size:14px;color:#a5b6c6}
.included{gap:40px;margin-top:30px;margin-bottom:100px}.included-panel{background:#0c1623;border-color:#23384d}.included-list div{font-size:16px;align-items:flex-start}.check{flex-shrink:0}.sample{padding:0 25px 20px;border-radius:18px}.sample-buttons{display:flex;gap:8px;margin:22px 0}.sample-buttons button{font-size:14px;padding:9px 17px}#sample-content{min-height:290px}#sample-content h3{font-size:25px;margin-top:0;line-height:1.2}#sample-content p,#sample-content li{font-size:16px;color:#a5b6c6}#sample-content ul{padding-left:20px}.sample-note{font-size:12px;color:#a5b6c6;border-top:1px solid var(--line);padding-top:15px}
.steps-grid p{font-size:16px}.steps-grid h3{font-size:25px}.faq-grid details p{font-size:16px}.faq-grid summary{gap:15px}.buy-section{border:1px solid #314860;background:radial-gradient(ellipse at 5% 0%,#13417080,transparent 70%),#080f1a;padding:60px;gap:55px}.price-card{background:#101c2a;border:1px solid #31455b}.price{font-family:'Space Grotesk',sans-serif;font-size:70px}.price-label{font-size:12px}.guarantee-box strong{font-size:16px}.guarantee-box small{font-size:14px}.price-card .security-note{font-size:12px}.buy-points{font-size:15px}.site-footer{font-size:13px}.mobile-cta{background:linear-gradient(115deg,#3285ff,#65e0f1);color:#04101b}.mobile-cta span{color:#04101b}
.skip-link{position:absolute;left:20px;top:-100px;z-index:50;background:var(--cyan);color:#000;padding:12px}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#3285ff,#65e0f1);width:0;z-index:40}.reveal{animation:section-reveal .65s ease both}
@keyframes lab-float{50%{transform:perspective(1300px) rotateY(-3deg) rotateX(0deg) translateY(-8px)}}@keyframes section-reveal{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:60px}.buy-section{grid-template-columns:1fr 370px;padding:35px;gap:30px}.metrics strong{font-size:35px}.lab-panel{padding-inline:18px}.panel-bottom{flex-direction:column;gap:3px}.split-section{gap:40px}.nav{gap:18px}}
@media(max-width:820px){.section-shell,.site-header{width:calc(100% - 36px);max-width:640px}.site-header{height:80px}.nav{display:flex;padding:0;background:none;border:0}.nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 13px}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:45px;min-height:0}.hero h1{font-size:clamp(43px,9vw,65px)}.hero-lead{font-size:17px}.hero .eyebrow{font-size:10px}.hero-proof{font-size:12px}.hero .button{font-size:14px;padding-inline:18px}.lab-panel{transform:none;animation:none;width:100%;max-width:540px;margin:auto}.panel-title h2{font-size:36px}.panel-bottom{flex-direction:row}.metrics{margin-bottom:65px;gap:15px;padding-block:20px}.metrics div{padding:10px 0;gap:12px}.metrics span{font-size:12px}.split-section{gap:20px;margin-bottom:60px}.split-section h2{font-size:37px}.proof-band{padding-bottom:60px;gap:24px}.project-section{padding:65px 0}.projects-grid{grid-template-columns:1fr}.project-card iframe{height:340px}.project-top{padding:15px}.project-top>span{font-size:10px}.project-top a{font-size:12px}.module-grid{grid-template-columns:1fr}.modules-section{width:100%;max-width:none;padding:65px 18px}.modules-section>.section-heading,.modules-section>.module-grid{max-width:604px;margin-inline:auto}.module-card{min-height:0}.included{grid-template-columns:1fr;gap:24px;margin-top:0;margin-bottom:65px}.included-panel{padding:28px}.sample{padding-inline:20px}.steps{margin-bottom:65px}.faq-section{margin-bottom:65px}.buy-section{grid-template-columns:1fr;padding:30px 20px;gap:30px}.buy-section h2{font-size:37px}.price-card{padding:24px 20px}.price{font-size:66px}.site-footer{padding-bottom:110px}.hero-proof{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.project-card iframe{height:520px}
@media(max-width:820px){.project-card iframe{height:560px}}