:root{--ink:#0a0a0f;--ink-soft:#12121a;--ink-mid:#1c1a28;--surface:#f4f2f8;--surface-2:#ebe7f2;--brand:#6226fa;--brand-dim:#4a22a7;--brand-soft:#7b45ff;--mist:#a9a3b8;--text:#0b1210;--text-inv:#f3f5f0;--text-muted:#5e586c;--line:#0b12101f;--line-inv:#f3f5f024;--radius:2px;--max:1180px;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"IBM Plex Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.wrap{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.nav{z-index:50;color:#fff;background:linear-gradient(#0a0a0feb,#0a0a0f00);position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.18em;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:800;display:inline-flex}.nav-logo img{object-fit:contain;width:36px;height:36px}.nav-links{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-links a{opacity:.85;transition:opacity .2s var(--ease);font-size:.9rem}.nav-links a:hover{opacity:1}.nav-cta{letter-spacing:.04em;transition:background .25s var(--ease), color .25s var(--ease);border:1px solid;align-items:center;padding:.55rem 1rem;font-size:.85rem;display:inline-flex}.nav-cta:hover{color:#000;background:#fff}@media (width<=720px){.nav-links .nav-hide{display:none}}.hero{background:var(--ink);min-height:100svh;color:var(--text-inv);align-items:end;display:grid;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(80% 55% at 70% 20%,#6226fa47,#0000 55%),radial-gradient(60% 40% at 10% 90%,#4a22a738,#0000 50%),linear-gradient(160deg,#0a0a0f 0%,#14101f 45%,#0a0a0f 100%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--line-inv) 1px, transparent 1px), linear-gradient(90deg, var(--line-inv) 1px, transparent 1px);opacity:.45;background-size:72px 72px;animation:28s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 85%);mask-image:linear-gradient(#000 20%,#0000 85%)}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(72px)}}.hero-content{z-index:2;gap:2.5rem;padding:7.5rem 0 3.5rem;display:grid;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-inv);align-items:center;gap:clamp(.75rem,2vw,1.5rem);font-size:clamp(3.6rem,12vw,9rem);font-weight:800;line-height:.85;display:flex}.hero-brand img{object-fit:contain;flex-shrink:0;width:clamp(3.4rem,11vw,7.5rem);height:clamp(3.4rem,11vw,7.5rem)}.hero-copy{gap:1.25rem;max-width:34rem;display:grid}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:700;line-height:1.15}.hero-copy p{color:var(--mist);max-width:32rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:.35rem;display:flex}.btn{transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.35rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-soft)}.btn-ghost{border:1px solid var(--line-inv);color:var(--text-inv)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.hero-stage{z-index:2;width:min(100% - 2.5rem, var(--max));margin:0 auto 2.5rem;position:relative}.viz{border:1px solid var(--line-inv);background:linear-gradient(#1e2a25d9,#0b1210f2),repeating-linear-gradient(-45deg,#0000,#0000 8px,#6226fa08 8px 9px);min-height:clamp(220px,32vw,340px);padding:1.25rem;position:relative;overflow:hidden}.viz-bar{color:var(--mist);justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.viz-dots{gap:.35rem;display:flex}.viz-dots span{background:var(--line-inv);width:7px;height:7px}.viz-body{grid-template-columns:1.1fr 1fr 1fr;gap:.85rem;height:calc(100% - 2rem);display:grid}.viz-panel{border:1px solid var(--line-inv);background:#0b121073;flex-direction:column;gap:.65rem;min-height:160px;padding:.9rem;display:flex}.viz-panel strong{font-family:var(--font-display);font-size:.95rem;font-weight:700}.viz-panel .label{color:var(--brand)}.viz-bars{flex:1;align-items:flex-end;gap:.35rem;padding-top:.5rem;display:flex}.viz-bars i{background:linear-gradient(to top, var(--brand), #6226fa40);animation:barPulse 3.2s var(--ease) infinite;transform-origin:bottom;flex:1;display:block}.viz-bars i:first-child{height:42%;animation-delay:0s}.viz-bars i:nth-child(2){height:68%;animation-delay:.2s}.viz-bars i:nth-child(3){height:35%;animation-delay:.4s}.viz-bars i:nth-child(4){height:82%;animation-delay:.1s}.viz-bars i:nth-child(5){height:55%;animation-delay:.35s}.viz-bars i:nth-child(6){height:74%;animation-delay:.15s}@keyframes barPulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}}.viz-stream{flex:1;align-content:start;gap:.4rem;display:grid}.viz-stream span{background:var(--line-inv);height:6px;display:block;position:relative;overflow:hidden}.viz-stream span:after{content:"";background:linear-gradient(90deg, transparent, var(--brand), transparent);animation:stream 2.8s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}.viz-stream span:nth-child(2):after{animation-delay:.45s}.viz-stream span:nth-child(3):after{animation-delay:.9s}.viz-stream span:nth-child(4):after{animation-delay:1.3s}.viz-stream span:first-child{width:88%}.viz-stream span:nth-child(2){width:72%}.viz-stream span:nth-child(3){width:95%}.viz-stream span:nth-child(4){width:60%}@keyframes stream{to{transform:translate(100%)}}.viz-nodes{flex:1;place-items:center;display:grid;position:relative}.viz-nodes .ring{animation:ringPulse 4s var(--ease) infinite;border:1px solid #6226fa73;border-radius:50%;position:absolute}.viz-nodes .ring:first-child{width:48px;height:48px}.viz-nodes .ring:nth-child(2){width:88px;height:88px;animation-delay:.4s}.viz-nodes .ring:nth-child(3){width:128px;height:128px;animation-delay:.8s}.viz-nodes .core{background:var(--brand);z-index:1;width:14px;height:14px;position:relative}@keyframes ringPulse{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.7;transform:scale(1)}}@media (width<=800px){.viz-body{grid-template-columns:1fr}.viz-panel{min-height:120px}}.section{padding:clamp(4.5rem,10vw,7.5rem) 0}.section-head{gap:1rem;max-width:38rem;margin-bottom:clamp(2.5rem,6vw,4rem);display:grid}.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.85rem,4vw,3rem);font-weight:700;line-height:1.1}.section-head p{color:var(--text-muted);font-size:1.05rem}.kicker{color:var(--text-muted)}.section-dark{background:var(--ink);color:var(--text-inv)}.section-dark .section-head p{color:var(--mist)}.section-dark .kicker{color:var(--brand-soft)}.problem-grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.problem-item{background:var(--surface);gap:.75rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.problem-item h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.problem-item p{color:var(--text-muted);font-size:.98rem}.problem-item .idx{color:#fff;background:var(--brand);width:fit-content;padding:.2rem .45rem;display:inline-flex}@media (width<=720px){.problem-grid{grid-template-columns:1fr}}.solutions{background:var(--surface-2)}.split{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.split-pane{align-content:start;gap:1.1rem;min-height:320px;padding:clamp(1.75rem,4vw,3rem);display:grid;position:relative}.split-pane:first-child{border-right:1px solid var(--line);background:var(--ink);color:var(--text-inv)}.split-pane:first-child p{color:var(--mist)}.split-pane:last-child{background:var(--surface)}.split-pane .tag{color:var(--brand)}.split-pane:last-child .tag{color:#fff;background:var(--brand);width:fit-content;padding:.2rem .5rem}.split-pane h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1}.split-list{gap:.65rem;margin-top:.5rem;list-style:none;display:grid}.split-list li{grid-template-columns:auto 1fr;align-items:baseline;gap:.65rem;font-size:.98rem;display:grid}.split-list li:before{content:"→";font-family:var(--font-mono);color:var(--brand)}.split-pane:last-child .split-list li:before{color:var(--ink)}@media (width<=800px){.split{grid-template-columns:1fr}.split-pane:first-child{border-right:none;border-bottom:1px solid var(--line)}}.ai-layout{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(2rem,5vw,4rem);display:grid}.ai-statement{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.7rem,3.8vw,2.8rem);font-weight:700;line-height:1.15}.ai-statement em{color:var(--brand);font-style:normal}.ai-points{border-left:1px solid var(--line-inv);gap:1.5rem;padding-left:1.5rem;display:grid}.ai-points article{gap:.4rem;display:grid}.ai-points h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.ai-points p{color:var(--mist);font-size:.95rem}@media (width<=800px){.ai-layout{grid-template-columns:1fr}.ai-points{border-left:none;border-top:1px solid var(--line-inv);padding-top:1.5rem;padding-left:0}}.eco-band{background:radial-gradient(ellipse 70% 80% at 100% 0%, #6226fa24, transparent 50%), var(--surface);position:relative;overflow:hidden}.eco-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.5rem;display:grid}.eco-stat{background:var(--surface);gap:.5rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid}.eco-stat strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:800;line-height:1.15}.eco-stat span{color:var(--text-muted);font-size:.95rem}@media (width<=720px){.eco-stats{grid-template-columns:1fr}}.journey{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.journey-step{border-top:1px solid var(--line-inv);border-bottom:1px solid var(--line-inv);counter-increment:step;gap:.85rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid}.journey-step+.journey-step{border-left:1px solid var(--line-inv)}.journey-step:before{content:counter(step, decimal-leading-zero);font-family:var(--font-mono);color:var(--brand);letter-spacing:.1em;font-size:.8rem}.journey-step h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.journey-step p{color:var(--mist);font-size:.95rem}@media (width<=800px){.journey{grid-template-columns:1fr}.journey-step+.journey-step{border-left:none}}.cta{background:var(--brand);color:#fff;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#0a0a0f38,#0000 60%);height:80%;position:absolute;inset:auto -10% -40% 40%}.cta-inner{gap:1.5rem;max-width:40rem;display:grid;position:relative}.cta h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.05}.cta p{opacity:.9;max-width:32rem;font-size:1.1rem}.cta-actions{flex-wrap:wrap;gap:.85rem;display:flex}.cta .btn-primary{color:var(--brand);background:#fff;width:fit-content}.cta .btn-primary:hover{background:var(--surface)}.cta .btn-cta-secondary{color:#fff;border:1px solid #ffffff8c;width:fit-content}.cta .btn-cta-secondary:hover{background:#ffffff1a;border-color:#fff}.footer{background:var(--ink);color:var(--mist);padding:2.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:.18em;color:#fff;align-items:center;gap:.6rem;font-weight:800;display:inline-flex}.footer-brand img{object-fit:contain;width:28px;height:28px}.footer small,.footer-contacts{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.footer a{color:var(--brand-soft);transition:color .2s var(--ease)}.footer a:hover{color:#fff}.reveal{will-change:transform, opacity}
