:root{
  --bg:#08090d;--panel:#11131b;--panel-2:#151626;--border:#2a3142;--text:#f0edf7;--muted:#b5aec2;--quiet:#7d8799;--teal:#8ee6d5;--green:#a8e6bd;--amber:#f2c16b;--violet:#c8b8e8;--shadow:0 20px 80px rgba(0,0,0,.38)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
.bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background:#08090d}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1180px;margin:0 auto;padding:1rem 1.5rem;background:rgba(10,10,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(42,40,64,.62)}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}
.brand-mark{width:16px;height:16px;border:1px solid var(--teal);display:inline-block;transform:rotate(45deg);box-shadow:0 0 22px rgba(200,184,232,.45)}
.site-nav{display:flex;align-items:center;gap:.35rem}
.site-nav a{padding:.5rem .75rem;border-radius:6px;color:var(--muted);font-size:.88rem;text-decoration:none}
.site-nav a:hover,.site-nav a.active{background:rgba(200,184,232,.1);color:var(--text)}
.nav-toggle{display:none;width:42px;height:38px;border:1px solid var(--border);border-radius:6px;background:var(--panel);padding:.55rem}
.nav-toggle span{display:block;height:2px;background:var(--text);margin:5px 0}
main{position:relative;z-index:1}
.hero,.page-hero,.section{max-width:1180px;margin:0 auto;padding:6.5rem 1.5rem}
.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}
.page-hero{padding-top:7.5rem;padding-bottom:3.5rem}
.compact{padding-top:4rem;padding-bottom:4rem}
.eyebrow{margin:0 0 1rem;color:var(--green);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{max-width:880px;font-size:5.1rem;line-height:.96;letter-spacing:0;font-weight:750;margin-bottom:1.4rem}
h2{font-size:2.85rem;line-height:1.05;letter-spacing:0;margin-bottom:1rem}
h3{font-size:1.25rem;margin-bottom:.6rem}
p{color:var(--muted);font-size:1rem}
.hero-copy,.page-hero p{max-width:760px;font-size:1.16rem}
.hero-lede{max-width:700px;font-size:1.24rem;color:#d4cfdd}
.hero-banner{display:inline-flex;align-items:center;min-height:36px;margin:0 0 1rem;padding:.48rem .72rem;border:1px solid rgba(242,193,107,.45);border-radius:6px;background:rgba(242,193,107,.1);color:#f7d696;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hero-actions,.center-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.1rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:6px;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid var(--border)}
.button.primary{background:var(--teal);border-color:var(--teal);color:#0a0a0f}
.button.secondary{background:rgba(255,255,255,.03);color:var(--text)}
.button:hover{transform:translateY(-1px)}
.signal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;max-width:920px}
.signal-row div{background:rgba(17,25,29,.88);padding:1rem}
.signal-row strong{display:block;color:var(--text);font-size:1.45rem}
.signal-row span{display:block;color:var(--quiet);font-size:.78rem}
.landing-hero{min-height:calc(100vh - 76px);padding-top:5.4rem;padding-bottom:4rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);gap:2rem;align-items:center}
.hero-main h1{font-size:5.7rem;margin-bottom:.9rem}
.memory-console{position:relative;min-height:430px;border:1px solid rgba(142,230,213,.25);border-radius:8px;background:linear-gradient(180deg,rgba(17,19,27,.88),rgba(10,13,18,.92));box-shadow:var(--shadow);overflow:hidden}
.memory-console:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(142,230,213,.08),transparent 36%,rgba(242,193,107,.07));pointer-events:none}
.console-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);color:var(--quiet);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.console-topline strong{color:var(--green);font-size:.78rem}
.console-map{position:relative;height:226px;margin:1.2rem;border:1px solid rgba(42,49,66,.7);border-radius:8px;background:radial-gradient(circle at 28% 38%,rgba(142,230,213,.16),transparent 22%),radial-gradient(circle at 74% 54%,rgba(200,184,232,.18),transparent 24%),rgba(8,9,13,.72)}
.console-map .node,.console-map .link{position:absolute;display:block}
.console-map .node{width:13px;height:13px;border-radius:50%;background:var(--teal);box-shadow:0 0 26px rgba(142,230,213,.7)}
.console-map .n1{left:18%;top:31%}.console-map .n2{left:42%;top:18%;background:var(--amber);box-shadow:0 0 26px rgba(242,193,107,.55)}.console-map .n3{left:70%;top:36%;background:var(--violet)}.console-map .n4{left:35%;top:69%}.console-map .n5{left:78%;top:72%;background:var(--amber)}
.console-map .link{height:1px;background:linear-gradient(90deg,rgba(142,230,213,.7),rgba(200,184,232,.45));transform-origin:left center}
.console-map .l1{left:20%;top:34%;width:28%;transform:rotate(-21deg)}.console-map .l2{left:44%;top:22%;width:31%;transform:rotate(23deg)}.console-map .l3{left:37%;top:70%;width:36%;transform:rotate(-31deg)}.console-map .l4{left:72%;top:40%;width:23%;transform:rotate(72deg)}
.console-rows{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 1.2rem 1.2rem;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.console-rows div{background:rgba(17,19,27,.92);padding:1rem}
.console-rows span{display:block;color:var(--quiet);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}
.console-rows strong{display:block;margin-top:.25rem;color:var(--text);font-size:1.24rem}
.landing-signals{max-width:none;margin-top:2rem}
.section-heading{max-width:700px;margin-bottom:1.6rem}
.role-grid,.feature-grid,.metric-grid,.pricing-grid,.tables,.capability-grid,.deployment-grid{display:grid;gap:1rem}
.role-grid{grid-template-columns:repeat(2,1fr)}
.feature-grid,.metric-grid,.pricing-grid{grid-template-columns:repeat(3,1fr)}
.capability-grid{grid-template-columns:repeat(4,1fr)}
.panel,.price-card,.table-card,.contact-card,.notice{background:linear-gradient(180deg,rgba(17,25,29,.94),rgba(13,19,22,.94));border:1px solid var(--border);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow)}
.panel p,.contact-card p,.table-card p{overflow-wrap:anywhere}
.panel.accent,.price-card.featured{border-color:rgba(200,184,232,.55);background:linear-gradient(180deg,rgba(20,19,35,.96),rgba(13,12,24,.96))}
.panel-kicker{display:block;color:var(--amber);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:.6rem}
.check-list{margin:1rem 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding-left:1.2rem;color:var(--muted);margin:.48rem 0}
.check-list li:before{content:"";position:absolute;left:0;top:.55rem;width:7px;height:7px;border-radius:50%;background:var(--green)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.flow div{background:rgba(17,25,29,.9);padding:1rem;min-height:124px}
.flow strong{display:block;color:var(--text);margin-bottom:.55rem}
.flow span{color:var(--muted);font-size:.88rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.proof-section{padding-top:5rem;padding-bottom:5rem}
.loop-stack{display:grid;gap:.75rem}
.loop-stack div{display:grid;grid-template-columns:42px 1fr;gap:.9rem;align-items:center;border:1px solid var(--border);border-radius:8px;background:rgba(17,19,27,.9);padding:1rem}
.loop-stack strong{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(142,230,213,.1);border:1px solid rgba(142,230,213,.35);color:var(--teal)}
.loop-stack span{color:var(--muted)}
.data-panel{border:1px solid var(--border);border-radius:8px;background:rgba(13,19,22,.9);overflow:hidden}
.data-panel div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}
.data-panel div:last-child{border-bottom:0}
.data-panel span{color:var(--quiet)}
.data-panel strong{color:var(--teal);text-align:right}
.metric-grid article{border:1px solid var(--border);border-radius:8px;padding:1rem;background:rgba(17,25,29,.9)}
.metric-grid-wide{grid-template-columns:repeat(3,1fr)}
.metric-grid span{display:block;color:var(--quiet);font-size:.82rem;margin-bottom:.35rem}
.metric-grid strong{display:block;color:var(--text);font-size:2rem;margin-bottom:.4rem}
.deployment-band{padding-top:5rem;padding-bottom:6rem}
.deployment-grid{grid-template-columns:repeat(3,1fr)}
.deployment-grid article{border-top:1px solid var(--border);padding-top:1rem}
.deployment-grid p{margin-bottom:0}
.builder-hero h1{max-width:980px}
.builder-summary{padding-top:3rem}
.bio-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.5rem;align-items:center;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(17,25,29,.92),rgba(13,19,22,.92));padding:1.25rem;box-shadow:var(--shadow)}
.bio-photo{display:block;width:180px;height:180px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.builder-signals{max-width:none;margin-top:1rem}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.portfolio-card{min-height:260px;border:1px solid var(--border);border-radius:8px;background:rgba(17,25,29,.9);padding:1.2rem;box-shadow:var(--shadow)}
.portfolio-card span{display:block;color:var(--amber);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:.6rem}
.portfolio-card p{overflow-wrap:anywhere}
.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);border-radius:8px;background:var(--border);overflow:hidden}
.function-grid article{background:rgba(17,19,27,.94);padding:1.1rem}
.function-grid p{margin-bottom:0}
.impact-list{display:grid;gap:.75rem}
.impact-list div{display:grid;grid-template-columns:220px 1fr;gap:1rem;border:1px solid var(--border);border-radius:8px;background:rgba(17,19,27,.9);padding:1rem}
.impact-list strong{color:var(--text)}
.impact-list span{color:var(--muted)}
.architecture{max-width:780px;margin:0 auto;display:grid;gap:.8rem}
.arch-node{border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center;background:rgba(17,25,29,.94);font-weight:800}
.arch-node span{display:block;margin-top:.3rem;color:var(--muted);font-weight:500}
.arch-node.director{border-color:rgba(200,184,232,.55)}
.arch-node.memory{border-color:rgba(159,223,207,.55)}
.arch-line{width:1px;height:28px;background:var(--border);margin:0 auto}
.tables{grid-template-columns:repeat(2,1fr)}
.table-card.wide{grid-column:1/-1}
table{width:100%;border-collapse:collapse}
th,td{padding:.72rem .4rem;border-bottom:1px solid var(--border);text-align:left}
th{color:var(--quiet);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
td{color:var(--muted)}
td:last-child{text-align:right;color:var(--text);font-weight:700}
.table-note{margin:.9rem 0 0;font-size:.88rem;color:var(--quiet)}
.price-card{display:flex;flex-direction:column}
.price{font-size:1.8rem;color:var(--text);font-weight:800;margin-bottom:.8rem}
.price-card .button{margin-top:auto}
.notice{max-width:760px;margin:0 auto;text-align:center}
.notice strong{color:var(--text);font-size:1.1rem}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.contact-links a{color:var(--teal);text-decoration:none}
.contact-card.muted{background:rgba(17,25,29,.72)}
.identity-card{position:relative;overflow:hidden}
.org-logo{display:block;width:148px;height:auto;margin:0 0 1.1rem;opacity:.92}
.profile-photo{position:absolute;right:1.25rem;top:1.25rem;width:92px;height:92px;object-fit:cover;border-radius:8px;border:1px solid var(--border);box-shadow:0 12px 34px rgba(0,0,0,.35)}
.director-pricing{grid-template-columns:repeat(4,1fr)}
.site-footer{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 3rem;border-top:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;color:var(--quiet)}
.site-footer strong,.site-footer span{display:block}
.site-footer strong{color:var(--text)}
.site-footer nav{display:flex;gap:.9rem;flex-wrap:wrap}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--teal)}
@media(max-width:860px){
  .nav-toggle{display:block}
  .site-nav{display:none;position:absolute;left:1rem;right:1rem;top:64px;flex-direction:column;align-items:stretch;background:rgba(13,19,22,.98);border:1px solid var(--border);border-radius:8px;padding:.5rem}
  .site-nav.open{display:flex}
  .site-nav a{padding:.75rem}
  h1{font-size:3.45rem}
  h2{font-size:2.1rem}
  .hero-grid{grid-template-columns:1fr}
  .hero-main h1{font-size:4rem}
  .memory-console{min-height:390px}
  .signal-row,.role-grid,.feature-grid,.metric-grid,.metric-grid-wide,.pricing-grid,.director-pricing,.tables,.split,.contact-layout,.flow,.capability-grid,.deployment-grid,.portfolio-grid,.function-grid,.impact-list div{grid-template-columns:1fr}
  .hero,.page-hero,.section{padding-left:1rem;padding-right:1rem}
  .flow div{min-height:auto}
  .profile-photo{position:static;margin:0 0 1rem;width:112px;height:112px}
  .site-footer{flex-direction:column}
  .bio-card{grid-template-columns:1fr}
  .bio-photo{width:132px;height:132px}
}
@media(max-width:520px){
  h1{font-size:2.85rem}
  h2{font-size:1.82rem}
  .hero-main h1{font-size:3.2rem}
  .hero-lede{font-size:1.08rem}
  .hero-banner{font-size:.76rem;line-height:1.25;align-items:flex-start}
  .console-rows{grid-template-columns:1fr}
  .memory-console{min-height:auto}
  .console-map{height:190px}
  .data-panel div{align-items:flex-start;flex-direction:column}
  .data-panel strong{text-align:left}
}