:root{
  color-scheme:light;
  --paper:#f4f8fb;--surface:#ffffff;--ink:#0a1420;--muted:#5d6d7d;
  --line:#d7e2ec;--line-strong:#b9cad8;--blue:#1d5cff;--cyan:#00b8d9;
  --mint:#25c9a8;--navy:#07131f;--soft-blue:#eaf1ff;--shadow:0 24px 70px rgba(23,59,91,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 84% 10%,rgba(29,92,255,.10),transparent 28%),
  radial-gradient(circle at 14% 70%,rgba(0,184,217,.08),transparent 28%),
  var(--paper);
  color:var(--ink);font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.38;
  background-image:linear-gradient(rgba(31,77,115,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(31,77,115,.08) 1px,transparent 1px);
  background-size:40px 40px;mask-image:linear-gradient(to bottom,black 0%,transparent 78%);
}
a{color:inherit}.page-shell{width:min(1220px,calc(100% - 48px));margin:auto}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:11px;background:rgba(255,255,255,.78);font-size:.75rem;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 0 0 4px rgba(29,92,255,.035)}
.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:.92rem;letter-spacing:.10em}.brand-copy small{font-size:.68rem;color:var(--muted);letter-spacing:.035em}
.nav-meta{display:flex;align-items:center;gap:9px;font:600 .70rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#53687b}
.slash{color:#a5b4c1}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:72px;align-items:center;padding:92px 0 84px}
.eyebrow,.section-kicker,.method-label{font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#47627b}
.hero h1{margin:19px 0 26px;font-size:clamp(4.1rem,7.3vw,7.25rem);line-height:.86;letter-spacing:-.066em;font-weight:680;max-width:800px}
.hero h1 span{color:var(--blue);position:relative}
.hero h1 span:after{content:"";position:absolute;height:5px;width:44px;left:4px;bottom:-8px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:5px}
.lead{max-width:690px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.72}
.hero-actions{display:flex;gap:10px;margin:32px 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;text-decoration:none;font-weight:650;font-size:.88rem;transition:.2s ease}
.btn.primary{background:var(--ink);color:#fff;box-shadow:0 9px 24px rgba(10,20,32,.14)}.btn.primary:hover{transform:translateY(-2px);background:#14273b}
.btn.ghost{border:1px solid var(--line-strong);background:rgba(255,255,255,.72)}.btn.ghost:hover{border-color:#94aabd;background:#fff}
.capability-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:31px}.capability-line span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62);color:#4f6578;font-size:.72rem;font-weight:650}
.founder{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:11px 13px;border-left:2px solid var(--blue);background:linear-gradient(90deg,rgba(29,92,255,.055),transparent)}
.founder-monogram{width:37px;height:37px;display:grid;place-items:center;border:1px solid #aac2e9;border-radius:9px;color:var(--blue);background:#fff;font-size:.75rem;font-weight:800}
.founder>span:last-child{display:grid;gap:2px}.founder strong{font-size:.88rem}.founder small{font-size:.72rem;color:var(--muted)}.hero-visual{position:relative;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:var(--shadow);overflow:hidden;min-height:570px}
.hero-visual:before{content:"";position:absolute;inset:-20% 35% 55% -10%;background:radial-gradient(circle,rgba(29,92,255,.18),transparent 65%);pointer-events:none}
.visual-head,.visual-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.10em;color:#53687b}
.visual-head{border-bottom:1px solid var(--line)}.visual-foot{border-top:1px solid var(--line);justify-content:flex-start;gap:22px}
.status-chip{color:var(--blue);padding:6px 8px;border:1px solid #bdd0ff;background:#f2f6ff;border-radius:6px}
.system-graph{display:block;width:100%;height:auto;padding:22px 9px 12px}
.grid-lines path{fill:none;stroke:#dfe8f0;stroke-width:1}.edges path{fill:none;stroke:url(#edgeGrad);stroke-width:2;opacity:.46;stroke-dasharray:5 7}
.node circle{fill:#fff;stroke:#aebfd0;stroke-width:1.5}.node text,.core text{text-anchor:middle;dominant-baseline:middle;fill:#102131;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
.node .node-sub,.core .node-sub{font-size:10px;font-weight:500;fill:#738598;letter-spacing:.04em}.core circle:first-child{fill:#081827;stroke:#1d5cff;stroke-width:2}.core text{fill:#f4f8fb}.core .node-sub{fill:#91dce9}
.core-ring{fill:none;stroke:#54a9ff;stroke-width:1.2;stroke-dasharray:5 8;opacity:.55;transform-origin:310px 250px;animation:spin 18s linear infinite}
.pulse circle{fill:var(--cyan);filter:drop-shadow(0 0 6px rgba(0,184,217,.75));animation:pulse 2.8s ease-in-out infinite}.pulse circle:nth-child(2){animation-delay:.4s}.pulse circle:nth-child(3){animation-delay:.8s}.pulse circle:nth-child(4){animation-delay:1.2s}.pulse circle:nth-child(5){animation-delay:1.6s}
.key{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.key.blue{background:var(--blue)}.key.cyan{background:var(--cyan)}.key.mint{background:var(--mint)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.38;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:116px}
.principles div{display:flex;align-items:center;gap:13px;min-height:78px;padding:0 19px;border-right:1px solid var(--line)}.principles div:last-child{border-right:0}
.principles b{font:700 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}.principles span{font-size:.84rem;font-weight:650;color:#41576a}
.systems{padding-bottom:108px}.section-kicker{margin-bottom:23px;color:var(--blue)}
.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;margin-bottom:45px}.section-head h2{margin:0;font-size:clamp(2.6rem,5vw,4.75rem);line-height:.95;letter-spacing:-.052em;font-weight:650}.section-head p{margin:0;color:var(--muted);line-height:1.72;font-size:.98rem;max-width:500px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{position:relative;min-height:330px;padding:25px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.69);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:before{content:"";position:absolute;width:120px;height:120px;right:-40px;top:-40px;border:1px solid #d3e1f6;border-radius:50%}.card:hover{transform:translateY(-4px);border-color:#a9c1db;box-shadow:0 18px 50px rgba(23,59,91,.08)}
.card-index{font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue);letter-spacing:.09em}.card h3{font-size:1.58rem;letter-spacing:-.025em;margin:82px 0 12px}.card p{color:var(--muted);line-height:1.62;font-size:.91rem;margin:0}
.card-tags{position:absolute;bottom:22px;left:25px;right:25px;display:flex;gap:6px;flex-wrap:wrap}.card-tags span{padding:5px 8px;border-radius:5px;background:#eef4f9;color:#597084;font:600 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.method{position:relative;margin:0 0 96px;padding:38px;border-radius:24px;background:var(--navy);color:#eff8ff;overflow:hidden}
.method:after{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-270px;border:1px solid rgba(77,177,255,.24);border-radius:50%;box-shadow:0 0 0 42px rgba(77,177,255,.035),0 0 0 84px rgba(77,177,255,.025)}
.method-label{position:relative;z-index:2;color:#6fcce2}.method-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:44px 0 67px;border-top:1px solid #253a4b;border-bottom:1px solid #253a4b}
.method-grid div{min-height:154px;padding:23px 20px;border-right:1px solid #253a4b}.method-grid div:last-child{border-right:0}.method-grid span{display:block;color:#5a7b91;font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:32px}.method-grid strong{display:block;font-size:1.05rem;margin-bottom:8px}.method-grid p{margin:0;color:#8fa6b7;font-size:.82rem;line-height:1.55}
.method-statement{position:relative;z-index:2;font-size:clamp(2rem,4vw,4.35rem);line-height:1.02;letter-spacing:-.045em;font-weight:580}.method-statement em{font-style:normal;color:#6fd9e5}
footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:31px 0 46px;border-top:1px solid var(--line);color:#65788a;font-size:.75rem}
footer>div{display:grid;gap:5px}footer strong{color:var(--ink);letter-spacing:.08em}.footer-right{text-align:right}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:48px}.hero-visual{max-width:720px;min-height:auto}.section-head{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.method-grid{grid-template-columns:1fr 1fr}.method-grid div:nth-child(2){border-right:0}.principles{grid-template-columns:1fr 1fr}.principles div:nth-child(2){border-right:0}}@media(max-width:640px){
  .page-shell{width:min(100% - 28px,1220px)}.nav{height:78px}.brand-copy small{display:none}.nav-meta .slash,.nav-meta span:last-child{display:none}
  .hero{padding:68px 0 62px}.hero h1{font-size:clamp(3.5rem,17vw,5.3rem)}.lead{font-size:1rem}.hero-actions{flex-wrap:wrap}.btn{flex:1 1 150px}
  .founder{width:100%}.founder small{line-height:1.35}.capability-line{margin-bottom:24px}
  .hero-visual{border-radius:17px}.system-graph{padding:8px 0}.visual-foot{gap:11px;flex-wrap:wrap;font-size:.58rem}
  .principles{margin-bottom:86px}.principles div{min-height:68px;padding:0 10px;gap:8px}.principles span{font-size:.72rem}
  .cards{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.card{min-height:300px}
  .method{padding:26px 19px;border-radius:18px}.method-grid{grid-template-columns:1fr;margin:30px 0 46px}.method-grid div{min-height:auto;border-right:0;border-bottom:1px solid #253a4b}.method-grid div:last-child{border-bottom:0}
  footer{align-items:flex-start;flex-direction:column}.footer-right{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.core-ring,.pulse circle,.live-dot,.live-dot::after,.live-dot.live-boot,.live-dot.live-boot::after,.live-dot.live-spike,.live-dot.live-spike::after{animation:none}.btn,.card{transition:none}}
.live-led-stack{position:relative;display:block;flex:0 0 30px;width:30px;height:30px;margin:-10px -5px -10px -8px}
.live-led-stack img{position:absolute;inset:0;width:30px;height:30px;display:block;pointer-events:none}
.live-led-base{z-index:1}.live-led-boot{z-index:2}