:root{--bg:#010205;--graphite:#2d2e37;--graphite-soft:#3a3b44;--coral:#ff5e3a;--coral-deep:#e8431c;--coral-soft:#ff7757;--teal:#17bec4;--teal-deep:#0c7c82;--cyan:#3fe0da;--text:#f4f3f0;--text-soft:#b7b9be;--text-muted:#6c6e76;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-display:clamp(2.2rem, 4.6vw, 4.2rem);--grad-text:linear-gradient(115deg, #3fe0da 0%, #57dcc6 34%, #ff7757 66%, #ff5e3a 100%);--ease:cubic-bezier(.22, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}.text-gradient{background:var(--grad-text);color:#0000;background-clip:text}#scene{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(115% 80% at 50% 42%,#0000 18%,#010204f5 100%),linear-gradient(#010204b3 0%,#0000 18%);position:fixed;inset:0}.nav{z-index:20;backdrop-filter:blur(6px);background:linear-gradient(#030409eb 0%,#030409a6 60%,#0000 100%);justify-content:space-between;align-items:center;padding:1.3rem clamp(1.2rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.nav__brand{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.9rem}.nav__brand b{color:var(--text);font-weight:500}.nav__links{gap:1.6rem;display:flex}.nav__links a{color:var(--text-soft);font-size:.85rem;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--text)}.nav__cta{color:var(--text);border:1px solid color-mix(in srgb, var(--coral) 65%, transparent);border-radius:999px;padding:.5rem 1.05rem;font-size:.82rem;text-decoration:none;transition:all .2s}.nav__cta:hover{background:color-mix(in srgb, var(--coral) 20%, transparent)}@media (width<=780px){.nav__links{display:none}}.progress{z-index:20;font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;align-items:center;gap:.6rem;font-size:.65rem;display:flex;position:fixed;top:50%;right:clamp(.8rem,2.5vw,1.8rem);transform:translateY(-50%)}.progress__track{background:#ffffff1f;border-radius:2px;width:2px;height:150px;position:relative;overflow:hidden}.progress__fill{background:linear-gradient(var(--cyan), var(--teal) 55%, var(--coral));transform-origin:top;width:100%;height:100%;transition:transform .12s linear;position:absolute;top:0;left:0;transform:scaleY(0)}.progress__label{color:var(--cyan)}@media (width<=780px){.progress{display:none}}main{z-index:2;position:relative}.sec{align-items:center;min-height:100vh;padding:10vh clamp(1.2rem,6vw,6rem);display:flex;position:relative}.sec--tall{align-items:flex-start;padding-top:14vh;padding-bottom:8vh}.sec__grid{width:100%;max-width:1240px;margin:0 auto;position:relative}.col-left{z-index:3;max-width:min(460px,42vw);position:relative}@media (width<=780px){.col-left{max-width:100%}}.kicker{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:.78rem;display:flex}.kicker:before{content:"";background:color-mix(in srgb, var(--cyan) 60%, transparent);width:26px;height:1px}.title{font-size:var(--fs-display);letter-spacing:-.02em;margin-bottom:1rem;font-weight:600;line-height:1.06}.title--sm{font-size:clamp(1.8rem,3.4vw,3rem)}.subline{font-family:var(--font-mono);color:var(--teal);margin-bottom:1.3rem;font-size:clamp(1.05rem,1.8vw,1.4rem)}.lead{color:var(--text-soft);max-width:44ch;margin-bottom:1.7rem;font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.8rem;display:flex}.btn{transition:all .2s var(--ease);border-radius:999px;padding:.85rem 1.5rem;font-size:.95rem;text-decoration:none;display:inline-block}.btn--primary{background:linear-gradient(120deg, var(--coral-soft), var(--coral-deep));color:#fff;box-shadow:0 10px 40px -12px var(--coral)}.btn--primary:hover{box-shadow:0 16px 52px -12px var(--coral);transform:translateY(-2px)}.arrow-link{color:var(--text);border:none;border-bottom:1px solid color-mix(in srgb, var(--cyan) 50%, transparent);cursor:pointer;background:0 0;padding:0 0 2px;font-family:inherit;font-size:.92rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.arrow-link:hover{color:var(--cyan);border-color:var(--cyan)}.link-ghost{color:var(--text-soft);font-family:var(--font-mono);font-size:.85rem;text-decoration:none}.link-ghost:hover{color:var(--text)}.stats{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.02em;font-size:.88rem;line-height:1.8}.labels{z-index:3;flex-direction:column;gap:1.1rem;display:flex;position:absolute}.labels--right{text-align:left;top:50%;right:0;transform:translateY(-50%)}.labels--right-top{top:8%;right:0}.node-label{font-family:var(--font-mono);color:var(--text-soft);font-size:.95rem}.node-label b{color:var(--text);font-weight:500;font-family:var(--font-ui);margin-bottom:.15rem;font-size:1.05rem;display:block}.node-label small{color:var(--text-muted);font-size:.8rem}@media (width<=980px){.labels{margin-top:2rem;position:static;transform:none}}.cols3{grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:900px;margin-top:2rem;display:grid}.cols3 h4{color:var(--text);margin-bottom:.4rem;font-size:1.15rem}.cols3 p{color:var(--text-soft);font-size:.95rem;line-height:1.55}.cols3 .tag{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.78rem;display:block}@media (width<=780px){.cols3{grid-template-columns:1fr;gap:1.2rem}}.side-list{z-index:3;flex-direction:column;gap:1.6rem;max-width:min(400px,32vw);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.side-item h4{color:var(--text);margin-bottom:.3rem;font-size:1.2rem}.side-item p{color:var(--text-soft);font-size:.95rem;line-height:1.5}@media (width<=980px){.side-list{max-width:100%;margin-top:2rem;position:static;transform:none}}.steps{flex-direction:column;gap:1.3rem;display:flex}.step{gap:.9rem;display:flex}.step__n{font-family:var(--font-mono);color:var(--coral);font-size:1rem}.step h4{margin-bottom:.25rem;font-size:1.15rem}.step p{color:var(--text-soft);font-size:.95rem;line-height:1.5}.chat-card{z-index:3;background:color-mix(in srgb, var(--graphite) 70%, transparent);backdrop-filter:blur(8px);text-align:left;width:min(320px,80vw);color:inherit;cursor:pointer;transition:border-color .2s, transform .2s var(--ease);border:1px solid #ffffff1a;border-radius:16px;padding:1.1rem 1.2rem;font-family:inherit;position:absolute;bottom:12%;right:0}.chat-card:hover{border-color:color-mix(in srgb, var(--cyan) 45%, transparent);transform:translateY(-3px)}.chat-card p{color:var(--text-soft);font-size:.9rem;line-height:1.5}.chat-card .prompt{font-family:var(--font-mono);color:var(--cyan);margin-top:.7rem;font-size:.85rem}@media (width<=980px){.chat-card{margin-top:2rem;position:static}}.scrollhint{z-index:10;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;flex-direction:column;align-items:center;gap:.5rem;font-size:.68rem;transition:opacity .4s;display:flex;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%)}.scrollhint i{background:linear-gradient(var(--cyan), transparent);width:1px;height:30px;animation:hint 1.8s var(--ease) infinite}@keyframes hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.branch{z-index:3;align-items:center;gap:.75rem;display:flex;position:absolute;left:50%}.branch--right{flex-direction:row}.branch--left{flex-direction:row-reverse;left:auto;right:50%}.branch__dot{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 14px var(--cyan), 0 0 4px #fff;transition:transform .45s var(--ease);border-radius:50%;flex:none;transform:scale(0)}.branch__line{width:clamp(48px,9vw,150px);height:1px;transition:transform .7s var(--ease) .12s;flex:none;transform:scaleX(0)}.branch--right .branch__line,.branch--right .branch__dot{transform-origin:0}.branch--left .branch__line,.branch--left .branch__dot{transform-origin:100%}.reveal.is-in .branch__dot{transform:scale(1)}.reveal.is-in .branch__line{transform:scaleX(1)}.branch--wide .branch__line{width:clamp(150px,17vw,280px)}.tech{vertical-align:-2px;border-radius:4px;width:13px;height:13px;margin-right:8px;display:inline-block;box-shadow:0 0 8px}.tech--react{color:#61dafb;background:#61dafb}.tech--python{color:#ffd43b;background:#ffd43b}.tech--pg{color:#4169e1;background:#4169e1}.tech--api{background:var(--teal);color:var(--teal)}.tech--cloud{color:#b9c2cc;background:#b9c2cc}.branch--right .branch__line{background:linear-gradient(90deg, color-mix(in srgb, var(--cyan) 80%, transparent), transparent)}.branch--left .branch__line{background:linear-gradient(270deg, color-mix(in srgb, var(--cyan) 80%, transparent), transparent)}.branch__label{font-family:var(--font-ui);color:var(--text);white-space:nowrap;font-size:.95rem}.branch__label small{font-family:var(--font-mono);color:var(--text-muted);white-space:normal;max-width:22ch;margin-top:.15rem;font-size:.72rem;display:block}.branch--left .branch__label{text-align:right}.sol-actions{z-index:3;flex-direction:column;gap:.7rem;display:flex;position:absolute;top:50%;right:clamp(1rem,4vw,3.5rem);transform:translateY(-50%)}.sol-btn{-webkit-backdrop-filter:blur(6px);min-width:270px;color:var(--text);font-family:var(--font-ui);background:#12141a6b;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:1.08rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.sol-btn__dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan), 0 0 3px #fff;border-radius:50%;flex:none}.sol-btn__txt{white-space:nowrap;flex:1}.sol-btn__arr{color:var(--cyan);font-family:var(--font-mono);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-5px)}.sol-btn:hover{border-color:color-mix(in srgb, var(--cyan) 55%, transparent);background:#12141ab8;transform:translate(-4px);box-shadow:0 10px 30px #0000004d}.sol-btn:hover .sol-btn__dot{box-shadow:0 0 16px var(--cyan), 0 0 5px #fff}.sol-btn:hover .sol-btn__arr{opacity:1;transform:translate(0)}@media (width<=980px){.sol-actions{align-items:stretch;margin-top:1.6rem;position:static;transform:none}.sol-btn{min-width:0}.branch{margin:.4rem 0;position:static;left:auto;transform:none}.branch--left{flex-direction:row}.branch--left .branch__label{text-align:left}.branch__line{width:30px}}.docs{z-index:3;pointer-events:none;position:absolute;inset:0}.doc{aspect-ratio:3/4;background:linear-gradient(160deg, color-mix(in srgb, var(--graphite) 90%, transparent), color-mix(in srgb, var(--bg) 92%, transparent));backdrop-filter:blur(3px);border:1px solid #ffffff17;border-radius:8px;width:clamp(84px,9vw,130px);padding:10px;position:absolute;box-shadow:0 20px 50px -20px #000}.doc:before{content:"";background:color-mix(in srgb, var(--cyan) 45%, transparent);border-radius:3px;width:60%;height:6px;margin-bottom:7px;display:block}.doc i{background:#ffffff24;border-radius:2px;height:3px;margin-bottom:5px;display:block}.doc i:nth-child(2){width:90%}.doc i:nth-child(3){width:75%}.doc i:nth-child(4){width:85%}.doc i:nth-child(5){width:55%}.doc--alert{border-color:color-mix(in srgb, var(--coral) 55%, transparent)}.doc--alert:after{content:"!";background:var(--coral);color:#fff;width:20px;height:20px;font-family:var(--font-mono);box-shadow:0 0 14px var(--coral);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;top:-8px;right:-8px}@media (width<=980px){.docs{display:none}}.codewin{z-index:3;backdrop-filter:blur(4px);width:clamp(210px,21vw,290px);font-family:var(--font-mono);background:#0d1016e0;border:1px solid #ffffff1a;border-radius:10px;font-size:.72rem;line-height:1.7;position:absolute;overflow:hidden;box-shadow:0 30px 70px -25px #000}.codewin__bar{background:#ffffff0a;gap:6px;padding:9px 11px;display:flex}.codewin__bar b{background:#fff3;border-radius:50%;width:9px;height:9px}.codewin__bar b:first-child{background:var(--coral)}.codewin__bar b:nth-child(2){background:#e6b34a}.codewin__bar b:nth-child(3){background:var(--teal)}.codewin__body{color:var(--text-soft);padding:11px 13px}.codewin__body .k{color:var(--violet-x,#c084fc)}.codewin__body .s{color:var(--teal)}.codewin__body .c{color:var(--text-muted)}.codewin__body .f{color:var(--cyan)}@media (width<=980px){.codewin{width:100%;margin:1rem 0;position:static}}.device{background:#0f131b;border:1px solid #ffffff1a;border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 24px 60px -24px #000}.device__screen{background:linear-gradient(135deg, color-mix(in srgb, var(--teal) 22%, #0a0d12), #0a0d12);border:1px solid #ffffff12;border-radius:8px;height:78px;margin-bottom:.8rem;position:relative;overflow:hidden}.device__screen:before{content:"";background:var(--cyan);opacity:.5;width:30%;height:30%;box-shadow:22px 0 0 -2px color-mix(in srgb,var(--coral) 70%,transparent), 44px 0 0 -4px var(--teal);border-radius:2px;position:absolute;bottom:10px;left:10px}.reviews{max-width:100%;margin-top:3rem}.reviews__head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.reviews__stars{color:#fbbf24;letter-spacing:2px;text-shadow:0 0 12px #fbbf2466;font-size:1rem}.reviews__title{color:var(--text);font-size:1.02rem;font-weight:500}.reviews__link{font-family:var(--font-mono);color:var(--cyan);border-bottom:1px solid #0000;margin-left:auto;font-size:.82rem;text-decoration:none;transition:border-color .2s}.reviews__link:hover{border-color:var(--cyan)}.reviews__marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000)}.reviews__track{gap:1rem;width:max-content;animation:60s linear infinite reviewsScroll;display:flex}.reviews__marquee:hover .reviews__track{animation-play-state:paused}@keyframes reviewsScroll{to{transform:translate(-50%)}}.rev{background:#0f131b;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;flex:none;gap:.7rem;width:clamp(280px,27vw,340px);padding:1.3rem 1.4rem;display:flex}.rev__stars{color:#fbbf24;letter-spacing:1px;font-size:.9rem}.rev__text{color:var(--text-soft);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.98rem;line-height:1.55;display:-webkit-box;overflow:hidden}.rev__author{color:var(--text);margin-top:auto;font-size:.85rem;font-weight:500}.rev__author span{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:400}@media (prefers-reduced-motion:reduce){.reviews__track{flex-wrap:nowrap;animation:none;overflow-x:auto}}.portal-wrap{z-index:2;pointer-events:none;width:clamp(210px,23vw,340px);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.portal-img{filter:drop-shadow(0 0 60px #3fe0da47);width:100%;display:block}@media (width<=980px){.portal-wrap{opacity:.5}}.overlay{z-index:50;visibility:hidden;position:fixed;inset:0}.overlay.open{visibility:visible}.overlay__backdrop{backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease);background:#030406b3;position:absolute;inset:0}.overlay.open .overlay__backdrop{opacity:1}.overlay__panel{background:var(--bg);overscroll-behavior:contain;width:min(560px,94vw);height:100%;transition:transform .42s var(--ease);border-left:1px solid #ffffff1a;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-40px 0 100px -30px #000}.overlay.open .overlay__panel{transform:none}.overlay__close{float:right;z-index:2;background:color-mix(in srgb, var(--graphite) 60%, transparent);width:40px;height:40px;color:var(--text);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;margin:1rem 1rem -1rem 0;font-size:1.1rem;transition:all .2s;position:sticky;top:0}.overlay__close:hover{background:color-mix(in srgb, var(--coral) 25%, transparent);border-color:var(--coral)}.overlay .detail-body{padding:3.5rem clamp(1.5rem,5vw,2.6rem) 3rem}body.overlay-open{overflow:hidden}.branch__label a,a.branch__label{color:inherit;cursor:pointer;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,color .2s}.branch__label a:hover{color:var(--cyan);border-color:var(--cyan)}a.device{color:inherit;cursor:pointer;transition:transform .2s var(--ease), border-color .2s;text-decoration:none;display:block}a.device:hover{border-color:color-mix(in srgb, var(--cyan) 40%, transparent);transform:translateY(-3px)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(22px)}.reveal.is-in{opacity:1;transform:none}.reveal--cube{opacity:0;transform-origin:top;backface-visibility:hidden;transition:opacity .45s var(--ease), transform .9s cubic-bezier(.34, 1.45, .5, 1);transform:perspective(800px)rotateX(-90deg)translateY(10px)}.reveal--cube.cube-in{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}@media (width<=760px){.vignette{background:radial-gradient(120% 55% at 50% 42%,#0000 25%,#030406e6 100%),#04050880}.sec{align-items:flex-start;min-height:auto;padding:15vh clamp(1.2rem,6vw,2rem) 9vh}.col-left{max-width:100%}.title{text-shadow:0 2px 24px #000c}.lead{text-shadow:0 1px 16px #000000b3;max-width:100%}.subline{text-shadow:0 1px 16px #000000b3}.labels{flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:1.6rem;display:flex;position:static;top:auto;left:auto;right:auto;transform:none}.branch{margin:0;position:static;left:auto;right:auto;transform:none}.branch--left{flex-direction:row}.branch--left .branch__label{text-align:left}.branch--left .branch__line,.branch--left .branch__dot{transform-origin:0}.branch__line,.branch--wide .branch__line{width:22px}.node-label{text-shadow:0 1px 14px #000c}.cols3{grid-template-columns:1fr;margin-top:1.6rem}.docs{display:none}.codewin{width:100%;margin:.8rem 0;position:static}.portal-wrap{opacity:.45;width:62vw}.chat-card{width:100%;margin-top:1.6rem;position:static}.steps{margin-top:.4rem}.scrollhint{display:none}}@media (prefers-reduced-motion:reduce){.reveal,.reveal--cube{opacity:1;transition:none;transform:none}.branch__line{transform:scaleX(1)}.branch__dot{transform:scale(1)}.scrollhint i{animation:none}}