:root{
  --bg:#08090b;
  --panel:rgba(17,18,22,.72);
  --line:rgba(255,255,255,.12);
  --soft:rgba(255,255,255,.62);
  --muted:rgba(255,255,255,.38);
  --text:#f4f1ea;
  --lime:#d9ff68;
  --violet:#b99cff;
  --cyan:#80f3ff;
  --orange:#ffad66;
  --radius:28px;
  --shell:min(1180px,calc(100vw - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,a{ -webkit-tap-highlight-color:transparent }
.shell{width:var(--shell);margin-inline:auto;position:relative;z-index:2}
#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.52;pointer-events:none}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.07;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='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:-.055em;font-size:22px;display:flex;align-items:baseline}
.brand-mark{font-weight:900}.brand-dot{color:var(--lime);font-weight:800;margin-left:2px}
.nav nav{display:flex;gap:28px;color:var(--soft);font-size:13px;letter-spacing:.04em}
.nav nav a,.footer a{transition:.2s ease}.nav nav a:hover,.footer a:hover{color:var(--lime)}
.nav-cta{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:13px;background:rgba(255,255,255,.025)}
.nav-cta:hover{border-color:rgba(217,255,104,.55);background:rgba(217,255,104,.08)}
.hero{min-height:780px;padding:120px 0 72px;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800;color:var(--soft)}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(217,255,104,.45);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(217,255,104,0)}100%{box-shadow:0 0 0 0 rgba(217,255,104,0)}}
.hero h1{margin:0;font-size:clamp(72px,11vw,162px);line-height:.82;letter-spacing:-.085em;font-weight:900;max-width:1000px}
.shift{position:relative;color:var(--lime);text-shadow:0 0 40px rgba(217,255,104,.12)}
.shift:after{content:attr(data-text);position:absolute;left:2px;top:0;color:var(--violet);opacity:0;clip-path:inset(42% 0 36% 0);animation:glitch 5s infinite}
@keyframes glitch{0%,91%,100%{opacity:0;transform:none}92%{opacity:.8;transform:translateX(5px)}93%{opacity:.3;transform:translateX(-7px)}94%{opacity:0}}
.hero-copy{font-size:clamp(18px,2.1vw,28px);line-height:1.35;letter-spacing:-.025em;max-width:760px;color:var(--soft);margin:44px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 20px;font-weight:800;font-size:13px;letter-spacing:.02em;transition:.22s ease;border:1px solid var(--line)}
.button.primary{background:var(--lime);color:#0b0c0d;border-color:var(--lime)}
.button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(217,255,104,.18)}
.button.ghost{background:rgba(255,255,255,.03)}.button.ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25)}
.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:92px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}
.duality,.network,.pillars,.principles,.closing{padding:120px 0}
.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:50px}
.section-head h2,.principles-title h2,.closing h2{margin:9px 0 0;font-size:clamp(40px,6vw,78px);line-height:.95;letter-spacing:-.06em}
.section-head p{color:var(--soft);margin:0;font-size:17px;max-width:500px}
.section-head.compact{margin-bottom:28px}
.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.engine{position:relative;overflow:hidden;min-height:610px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(14px)}
.engine:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-160px;filter:blur(8px);opacity:.19}
.pukot-card:before{background:var(--lime)}.sulog-card:before{background:var(--violet)}
.engine-index{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--muted)}
.engine h3{font-size:clamp(66px,8vw,110px);line-height:.8;letter-spacing:-.08em;margin:220px 0 20px}
.engine-line{font-size:22px!important;font-weight:800;color:var(--text)!important;margin-bottom:10px!important}
.engine p{color:var(--soft);font-size:16px;max-width:480px}
.engine ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.engine li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--soft);letter-spacing:.025em}
.engine-orbit{position:absolute;right:34px;top:44px;width:150px;height:150px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 14s linear infinite}
.engine-orbit.reverse{animation-direction:reverse;animation-duration:18s}
.engine-orbit:before,.engine-orbit:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.engine-orbit:after{inset:50px}
.engine-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px rgba(217,255,104,.55)}
.sulog-card .engine-orbit span{background:var(--violet);box-shadow:0 0 20px rgba(185,156,255,.55)}
.engine-orbit span:nth-child(1){top:-5px;left:70px}.engine-orbit span:nth-child(2){bottom:14px;left:12px}.engine-orbit span:nth-child(3){right:2px;bottom:34px}
@keyframes spin{to{transform:rotate(360deg)}}
.connector{display:flex;align-items:center;gap:18px;margin-top:16px;color:var(--muted)}.connector span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}.connector b{font-size:20px;color:var(--lime)}
.graph-stage{position:relative;height:560px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(128,243,255,.055),transparent 45%),rgba(12,13,16,.74);backdrop-filter:blur(12px)}
#graphSvg{width:100%;height:100%}.graph-line{stroke:rgba(255,255,255,.14);stroke-width:1}.graph-line.hot{stroke:var(--lime);stroke-opacity:.4}.graph-node circle{fill:#111318;stroke:rgba(255,255,255,.3);stroke-width:1}.graph-node.core circle{stroke:var(--lime);stroke-width:2;filter:drop-shadow(0 0 12px rgba(217,255,104,.28))}.graph-node.sulog circle{stroke:var(--violet)}.graph-node text{fill:var(--soft);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.graph-node.core text{fill:var(--text);font-size:13px}.packet{fill:var(--lime);filter:drop-shadow(0 0 8px rgba(217,255,104,.85))}
.graph-copy{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.graph-copy strong{color:var(--lime);font-weight:800}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pillar-grid article{min-height:320px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.015);transition:.25s ease}.pillar-grid article:hover{background:rgba(255,255,255,.045);transform:translateY(-3px)}
.pillar-grid article>span{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime)}.pillar-grid h3{font-size:35px;letter-spacing:-.05em;margin:120px 0 12px}.pillar-grid p{color:var(--soft);font-size:14px;margin:0}
.principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.principles-title{position:sticky;top:120px}.principles-title h2{font-size:clamp(44px,5.4vw,72px)}
.principles-list{border-top:1px solid var(--line)}.principles-list div{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.principles-list b{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.principles-list span{font-size:clamp(20px,2.5vw,34px);letter-spacing:-.035em}
.closing{min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}
.closing h2{max-width:900px;position:relative;z-index:2}.closing p{max-width:680px;color:var(--soft);font-size:18px;position:relative;z-index:2}.closing .hero-actions,.closing .kicker{position:relative;z-index:2}
.closing-orb{position:absolute;width:620px;height:620px;border-radius:50%;right:-130px;top:20px;background:radial-gradient(circle at 38% 35%,rgba(217,255,104,.32),rgba(185,156,255,.12) 35%,rgba(128,243,255,.05) 52%,transparent 68%);filter:blur(2px);animation:orb 8s ease-in-out infinite alternate}
@keyframes orb{to{transform:translate(-30px,25px) scale(1.08)}}
.footer{min-height:180px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto auto;gap:30px;align-items:center;color:var(--muted);font-size:12px}.footer>div:nth-of-type(2){display:flex;gap:18px}.footer small{font-size:10px}.footer .brand-mark{color:var(--text);font-size:16px}
::selection{background:var(--lime);color:#0b0c0d}
@media(max-width:900px){
  :root{--shell:min(100% - 28px,1180px)}
  .nav{height:70px}.nav nav{display:none}.nav-cta{padding:8px 13px}
  .hero{min-height:720px;padding-top:90px}.hero h1{font-size:clamp(66px,18vw,122px)}
  .hero-copy{font-size:19px}.hero-meta{grid-template-columns:1fr 1fr;margin-top:64px}
  .section-head{grid-template-columns:1fr;gap:20px}.section-head p{max-width:650px}
  .duality,.network,.pillars,.principles,.closing{padding:82px 0}
  .dual-grid{grid-template-columns:1fr}.engine{min-height:520px}.engine h3{margin-top:170px}
  .pillar-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr;gap:44px}.principles-title{position:relative;top:0}
  .footer{grid-template-columns:1fr 1fr;min-height:220px}.footer>div:nth-of-type(2){justify-self:end}
}
@media(max-width:580px){
  .hero h1{font-size:clamp(60px,19vw,96px)}.hero{min-height:680px}.hero-copy{margin-top:32px}
  .hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-meta{gap:10px;font-size:9px}
  .section-head h2,.principles-title h2,.closing h2{font-size:44px}.engine{padding:24px;min-height:510px}.engine h3{font-size:68px}
  .engine-orbit{width:120px;height:120px;right:22px}.pillar-grid{grid-template-columns:1fr}.pillar-grid article{min-height:260px}.pillar-grid h3{margin-top:86px}
  .graph-stage{height:460px}.graph-copy{left:16px;right:16px}.graph-copy span{display:none}
  .principles-list div{grid-template-columns:48px 1fr}.footer{grid-template-columns:1fr;gap:14px;padding:38px 0}.footer>div:nth-of-type(2){justify-self:start}
  .closing-orb{width:400px;height:400px;right:-180px;top:120px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

.subpage{padding:110px 0 140px;max-width:920px}
.subpage-hero{padding-bottom:70px;border-bottom:1px solid var(--line)}
.subpage h1{font-size:clamp(58px,9vw,118px);line-height:.88;letter-spacing:-.075em;margin:16px 0 30px}
.subpage .lede{font-size:clamp(19px,2.4vw,28px);color:var(--soft);max-width:760px;letter-spacing:-.025em}
.essay{padding:58px 0 0;display:grid;grid-template-columns:190px 1fr;gap:54px}
.essay aside{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding-top:8px}
.essay h2{font-size:36px;letter-spacing:-.045em;margin:0 0 18px}.essay h3{font-size:24px;letter-spacing:-.035em;margin:40px 0 12px}.essay p,.essay li{color:var(--soft);font-size:17px}.essay ul{padding-left:20px}.essay li{margin:9px 0}
.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.question-grid div{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.018);font-size:14px;color:var(--soft)}
@media(max-width:700px){.subpage{padding-top:80px}.essay{grid-template-columns:1fr;gap:10px}.question-grid{grid-template-columns:1fr}}