:root{--bg:#05070c;--surface:#0a0e17;--surface2:#101622;--text:#f2f5f8;--muted:#96a0af;--dim:#626d7d;--amber:#f0a51e;--blue:#4f8cff;--green:#45d18a;--line:rgba(255,255,255,.1);--display:'Syne',sans-serif;--body:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:rgba(240,165,30,.18)}a{color:inherit}button{font:inherit}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.025;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 16px;background:var(--amber);color:#05070c;font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,5vw,76px);background:rgba(5,7,12,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{font:700 .9rem var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.brand b{color:var(--amber)}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}.site-nav a,.site-footer nav a{font:500 .69rem var(--mono);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.site-nav a:hover,.site-footer a:hover{color:var(--text)}.nav-contact{border:1px solid rgba(240,165,30,.6);padding:8px 15px;color:var(--amber)!important}.menu-button{display:none;background:none;border:0;color:var(--text);width:44px;height:44px}.menu-button i{display:block;width:23px;height:1px;background:currentColor;margin:7px auto}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);gap:clamp(40px,6vw,100px);align-items:center;padding:145px clamp(22px,7vw,110px) 75px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero:after{content:'';position:absolute;width:700px;height:700px;top:-220px;right:-170px;background:radial-gradient(circle,rgba(240,165,30,.12),transparent 66%);pointer-events:none}.hero-copy,.hero-console{position:relative;z-index:1}.eyebrow,.kicker,.label{font:500 .68rem var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--amber)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.hero h1,.section h2,.contact h2{font:800 clamp(3.25rem,6.8vw,7.8rem)/.92 var(--display);letter-spacing:-.055em;text-wrap:balance;margin:24px 0 30px;max-width:11ch}.hero h1 em,.section h2 em,.contact h2 em{color:var(--amber);font-style:normal}.hero-lead{max-width:650px;font-size:clamp(1rem,1.4vw,1.2rem);color:var(--muted);line-height:1.75;text-wrap:pretty}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;min-height:50px;text-decoration:none;font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.11em;border:1px solid var(--line);transition:transform .2s,border-color .2s,background-color .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--amber);border-color:var(--amber);color:#080a0e}.button.primary:hover{background:#ffc04d}.button.secondary:hover{border-color:var(--amber);color:var(--amber)}.hero-proof{display:flex;margin:48px 0 0}.hero-proof div{padding:0 clamp(15px,2.2vw,30px);border-left:1px solid var(--line)}.hero-proof div:first-child{padding-left:0;border:0}.hero-proof dt{font:700 clamp(1.15rem,2vw,1.7rem) var(--display)}.hero-proof dd{margin:3px 0 0;font:400 .61rem var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--dim)}.hero-console{border:1px solid var(--line);background:rgba(9,13,21,.84);box-shadow:0 35px 80px rgba(0,0,0,.38)}.console-bar{height:47px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line)}.console-bar span{width:7px;height:7px;border-radius:50%;background:#56606f}.console-bar span:first-child{background:var(--amber)}.console-bar b{margin-left:auto;font:500 .58rem var(--mono);letter-spacing:.1em;color:var(--green);text-transform:uppercase}.console-body{padding:30px}.signal{display:grid;grid-template-columns:32px 1fr auto;align-items:center;border:1px solid var(--line);padding:14px 15px;background:rgba(255,255,255,.018)}.signal span{font:500 .6rem var(--mono);color:var(--amber)}.signal b{font:500 .78rem var(--mono)}.signal i{font:400 .6rem var(--mono);color:var(--dim);font-style:normal}.signal.good{border-color:rgba(69,209,138,.34)}.signal.good i{color:var(--green)}.flow-line{height:21px;width:1px;background:linear-gradient(var(--amber),rgba(240,165,30,.15));margin:auto}.console-log{font:400 .62rem var(--mono);color:var(--dim);margin:25px 0 0}.console-log span{color:var(--green)}.proof-band{position:relative;z-index:2;display:flex;align-items:center;gap:36px;padding:22px clamp(22px,5vw,76px);background:var(--amber);color:#080a0e;transform:rotate(-.4deg) scale(1.01)}.proof-band p{font:800 .7rem var(--mono);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.proof-band ul{display:flex;gap:34px;list-style:none;padding:0;margin:0;overflow:hidden;white-space:nowrap}.proof-band li{font:700 .77rem var(--display);text-transform:uppercase}.proof-band li:before{content:'✦';margin-right:34px}.section{padding:clamp(95px,11vw,160px) clamp(22px,7vw,110px)}.section-intro{max-width:900px}.section-intro>p:last-child,.section-heading>p{max-width:58ch;color:var(--muted)}.section h2,.contact h2{font-size:clamp(2.7rem,5.6vw,6.4rem);max-width:13ch}.flagship-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:20px;max-width:1200px}.story-card,.metric,.work-card,.architecture-shell{border:1px solid var(--line);background:var(--surface);padding:clamp(27px,4vw,52px)}.story-card h3,.arch-copy h3,.work-card h3{font:700 clamp(1.7rem,3vw,3rem)/1.08 var(--display);letter-spacing:-.025em;margin:14px 0 20px}.story-card>p:not(.label),.arch-copy>article>p:not(.label),.work-card>p{color:var(--muted);max-width:64ch}.check-list{padding:0;list-style:none;margin:30px 0}.check-list li{padding:12px 0 12px 26px;border-top:1px solid var(--line);color:var(--muted);position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green)}.check-list b{color:var(--text)}.text-link,.work-card>a,.card-links a{font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--amber);text-decoration:none}.metric-stack{display:grid;gap:20px}.metric{display:flex;flex-direction:column;justify-content:center}.metric.featured{background:var(--amber);color:#07090d}.metric span{font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--dim)}.metric strong{font:800 clamp(2rem,4vw,4rem) var(--display);margin:6px 0}.metric p{font:500 .7rem var(--mono);text-transform:uppercase;margin:0;color:inherit}.architecture{background:var(--surface)}.architecture-shell{padding:0;margin-top:55px;max-width:1300px}.arch-tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}.arch-tabs button{background:none;border:0;border-right:1px solid var(--line);padding:18px 27px;color:var(--dim);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.arch-tabs button[aria-selected=true]{background:rgba(240,165,30,.08);color:var(--amber);box-shadow:inset 0 -2px var(--amber)}.arch-stage{display:grid;grid-template-columns:1.2fr .8fr;min-height:480px}.arch-map{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:430px;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:21px 21px;border-right:1px solid var(--line);overflow:hidden}.node,.sat{font:600 .64rem var(--mono);text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line);background:#0b1019;padding:14px 16px;z-index:2}.node.core{border-color:var(--amber);box-shadow:0 0 30px rgba(240,165,30,.12)}.arch-map>i{width:45px;height:1px;background:linear-gradient(90deg,var(--amber),var(--blue))}.sat{position:absolute;color:var(--muted)}.sat.a{top:18%;left:42%}.sat.b{bottom:17%;left:24%}.sat.c{bottom:16%;right:17%}.arch-copy{padding:clamp(30px,4vw,56px)}.arch-copy dl div{border-top:1px solid var(--line);padding:16px 0}.arch-copy dt{font:500 .6rem var(--mono);text-transform:uppercase;letter-spacing:.11em;color:var(--dim)}.arch-copy dd{margin:5px 0 0;color:var(--text)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.work{background:var(--bg)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-card{display:flex;flex-direction:column;min-width:0}.work-card.wide{grid-column:span 2;background:linear-gradient(115deg,rgba(240,165,30,.07),transparent 50%),var(--surface)}.work-meta{display:flex;justify-content:space-between;gap:20px;font:500 .59rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:24px 0 30px}.tags li{border:1px solid var(--line);padding:5px 9px;font:400 .58rem var(--mono);color:var(--muted)}.work-card>a,.card-links{margin-top:auto}.card-links{display:flex;gap:22px}.product-preview{margin:-52px -52px 35px;padding:24px;background:#070a10;border-bottom:1px solid var(--line);min-height:170px;font:400 .6rem var(--mono);color:var(--dim)}.product-preview>span{color:var(--amber);letter-spacing:.12em}.product-preview.doc p{background:#111723;color:var(--muted);padding:12px;margin:20px 0 13px}.product-preview.doc i{display:block;height:5px;background:#202939;margin:8px 0;border-radius:3px}.product-preview.doc i:nth-last-child(1){width:52%}.product-preview.audio{display:flex;flex-direction:column;justify-content:space-between}.wave{display:flex;align-items:center;height:65px;gap:7px}.wave i{width:5px;height:20%;background:var(--amber)}.wave i:nth-child(2n){height:68%}.wave i:nth-child(3n){height:42%}.work-more{display:flex;gap:13px;margin-top:25px}.about{background:var(--surface)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px)}.about-copy>p{font-size:1.08rem;color:var(--muted);line-height:1.85}.about-copy strong{color:var(--text)}.expertise{margin-top:40px}.expertise div{padding:18px 0;border-top:1px solid var(--line)}.expertise span{font:600 .68rem var(--mono);text-transform:uppercase;color:var(--amber)}.expertise p{margin:6px 0 0;color:var(--muted)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,10vw,150px)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font:600 1.05rem var(--display);cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 1.5rem var(--mono);color:var(--amber);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 45px 25px 0;color:var(--muted)}.contact{text-align:center;padding:clamp(100px,12vw,180px) 22px;background:radial-gradient(circle at 50% 40%,rgba(240,165,30,.12),transparent 42%)}.contact h2{max-width:14ch;margin:25px auto}.contact>p:not(.kicker){color:var(--muted)}.contact .actions{justify-content:center}.site-footer{padding:35px clamp(22px,5vw,76px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer nav{display:flex;gap:24px}.site-footer p{font:400 .58rem var(--mono);text-transform:uppercase;color:var(--dim)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
@media(max-width:900px){.site-header{padding:13px 22px}.menu-button{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:18px 22px 24px;background:#080b12;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:10px 0}.hero{grid-template-columns:1fr;padding:125px 22px 65px}.hero-console{max-width:620px}.hero h1{font-size:clamp(3rem,13vw,6rem);max-width:100%}.hero-proof{overflow-x:auto}.proof-band{overflow:hidden}.flagship-grid,.arch-stage,.about-grid,.faq{grid-template-columns:1fr}.arch-map{border-right:0;border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:1fr}.work-card.wide{grid-column:auto}.section-heading{display:block}.section-heading>p{margin-top:25px}.site-footer{flex-direction:column;text-align:center}.site-footer nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:560px){.hero-console{display:none}.hero{min-height:auto}.hero h1{font-size:clamp(2.9rem,14.4vw,4.6rem);letter-spacing:-.065em}.hero-lead{font-size:1rem}.actions,.work-more{flex-direction:column}.button{width:100%}.hero-proof{gap:0}.hero-proof div{min-width:105px}.section{padding-left:22px;padding-right:22px}.section h2,.contact h2{font-size:clamp(2.55rem,12vw,4rem)}.product-preview{margin:-27px -27px 30px}.arch-map{min-height:340px;transform:none}.node,.sat{font-size:.52rem;padding:10px}.arch-map>i{width:18px}.sat.a{left:38%}.site-footer nav{gap:16px}.proof-band p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wave i{height:38%!important}}
@media(prefers-contrast:more){:root{--muted:#c4cad2;--dim:#a9b1bc;--line:rgba(255,255,255,.28)}}
.proof-band{overflow:hidden}.metric-stack,.metric{min-width:0}.metric strong{overflow-wrap:anywhere}
.hero-copy,.about-grid>*,.faq>*,.section-heading>*{min-width:0}.hero h1{max-width:100%;overflow-wrap:normal}.hero-proof{max-width:100%}.about-grid,.faq,.section-heading{max-width:100%}
/* Readable typography with sizes constrained by the actual columns. */
:root{--display:'DM Sans',system-ui,sans-serif;--dim:#98a3b3}
.hero h1,.section h2,.contact h2{font-weight:600;line-height:1.1;letter-spacing:-.035em;overflow-wrap:break-word;max-width:100%}
.hero h1{font-size:clamp(2.5rem,5vw,5rem)}
.section h2,.contact h2{font-size:clamp(2rem,4vw,4.5rem)}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px)}
.about-grid>div:first-child{container-type:inline-size}
.about h2{font-size:clamp(2rem,8.5cqi,3.6rem);max-width:100%;line-height:1.15}
.metric{padding:26px;container-type:inline-size}
.metric strong{font-size:clamp(1.15rem,10cqi,2.1rem);font-weight:600;line-height:1.2;overflow-wrap:normal;white-space:nowrap}
.metric.featured strong{font-size:clamp(2rem,18cqi,4rem)}
.metric.featured span{color:#36301f}
.contact h2{max-width:24ch}.contact>p{max-width:65ch;margin-left:auto;margin-right:auto}
.arch-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.arch-copy{min-width:0}.arch-copy h3{font-size:clamp(1.5rem,2.4vw,2.5rem)}
.arch-map{display:flex;flex-direction:column;gap:0;padding:28px 20px;min-width:0;min-height:430px;--flow-color:var(--amber)}
.diagram-caption{font:500 .7rem var(--mono);color:var(--flow-color);text-align:center;margin:0 0 22px}
.diagram-steps{list-style:none;padding:0;margin:0;width:min(100%,340px)}
.diagram-steps li{position:relative;border:1px solid var(--line);background:var(--surface2);padding:12px 16px;margin-bottom:24px;font-size:.9rem}
.diagram-steps li:last-child{margin-bottom:0}
.diagram-steps li:not(:last-child)::after{content:'↓';position:absolute;top:100%;left:50%;height:24px;line-height:24px;color:var(--flow-color)}
.diagram-steps b{font:500 .65rem var(--mono);color:var(--flow-color);margin-right:12px}
.diagram-steps .step-active{border-color:var(--flow-color)}
.diagram-steps .step-active::before{content:'';position:absolute;inset:0;background:var(--flow-color);opacity:.08;pointer-events:none}
.diagram-status{min-height:2.8em;margin:20px 0 12px;color:var(--muted);font-size:.8rem;text-align:center}
.diagram-replay{padding:9px 16px;background:transparent;border:1px solid var(--line);color:var(--text);cursor:pointer;font-size:.8rem}
.diagram-replay:hover{border-color:var(--flow-color)}
@media(max-width:900px){.about-grid,.arch-stage{grid-template-columns:minmax(0,1fr)}.about h2{font-size:clamp(2rem,6vw,3.5rem)}}
@media(max-width:560px){.hero h1{font-size:clamp(2rem,9vw,3rem)!important;letter-spacing:-.03em}.section h2,.contact h2{font-size:clamp(1.8rem,8vw,2.6rem)}.arch-tabs button{padding:16px 12px;font-size:.6rem}.hero-proof div{min-width:0;flex:1}.hero-proof dd{font-size:.58rem}.product-preview{margin:0 0 24px}.about h2{font-size:2rem}}
@media(max-width:900px){.proof-band{transform:none}}
@media(max-width:560px){.hero h1{font-size:12.5vw}}

/* Two identical groups keep the information strip seamless at the loop boundary. */
.proof-band{gap:24px}
.ticker-window{min-width:0;flex:1;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:capabilities-scroll 28s linear infinite}
.proof-band .ticker-track ul{flex:none;gap:0;overflow:visible}
.proof-band .ticker-track li{padding-right:34px}
.proof-band .ticker-track li::before{margin-right:34px}
.ticker-toggle{flex:none;min-width:60px;min-height:44px;border:1px solid #71500f;background:transparent;color:#080a0e;font:600 .7rem var(--mono);cursor:pointer}
.ticker-toggle:focus-visible{outline-color:#080a0e}
.ticker-toggle{min-width:44px;width:44px;display:grid;place-items:center;padding:0;border:0}
.ticker-toggle svg{fill:currentColor;pointer-events:none}
.ticker-play-icon{display:none}
.ticker-toggle[aria-pressed="true"] .ticker-pause-icon{display:none}
.ticker-toggle[aria-pressed="true"] .ticker-play-icon{display:block}
.proof-band:hover .ticker-track,.proof-band:focus-within .ticker-track,.ticker-paused .ticker-track{animation-play-state:paused}
@keyframes capabilities-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .ticker-track{animation:none;width:auto}
  .proof-band .ticker-track ul{flex-wrap:wrap;gap:14px}
  .proof-band .ticker-track li{white-space:normal;padding:0}
  .ticker-track ul[aria-hidden],.ticker-toggle{display:none}
}
