:root {
  --bg:#050a12; --panel:#09111d; --panel2:#0b1422; --ink:#f5f7fb;
  --muted:#8b96aa; --muted2:#5f6b80; --line:rgba(150,170,205,.19);
  --line2:rgba(150,170,205,.31); --cyan:#45d7ff; --blue:#5388ff;
  --violet:#9568ff; --green:#55e3a4; --amber:#f0ba6d;
  --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;min-width:320px}
body:before{content:"";position:fixed;inset:-20% -10% auto;height:520px;background:radial-gradient(ellipse at 58% 0,rgba(50,103,255,.09),transparent 58%);pointer-events:none;z-index:-2}
.page-grid{position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(102,133,187,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,133,187,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto} a{color:inherit} button{font:inherit}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-weight:690;letter-spacing:.16em;text-transform:uppercase}.brand img{display:block}.topbar nav,footer nav{display:flex;gap:30px;align-items:center}.topbar nav a,footer nav a{font-size:13px;color:#9ca6b8;text-decoration:none}.topbar nav a:hover,footer nav a:hover{color:white}
.hero{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;padding:66px 0 48px;align-items:center;min-height:665px}.hero-copy{padding:24px 0}
h1{font-size:clamp(52px,5.1vw,78px);line-height:.97;letter-spacing:-.055em;font-weight:470;margin:29px 0 28px;max-width:7.2ch}h1 span{background:linear-gradient(90deg,var(--cyan),#6e9cff);background-clip:text;-webkit-background-clip:text;color:transparent}h1 .violet{background:linear-gradient(90deg,#7da9ff,var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#a1abbd;font-size:17px;max-width:470px;margin:0 0 31px}.actions{display:flex;gap:12px;flex-wrap:wrap}.install,.secondary{min-height:49px;border:1px solid var(--line2);background:rgba(7,13,23,.65);color:var(--ink);display:inline-flex;align-items:center;gap:12px;padding:0 16px;text-decoration:none;border-radius:8px}.install{cursor:pointer;box-shadow:inset 0 0 0 1px rgba(69,215,255,.04)}.install:hover,.secondary:hover{border-color:rgba(69,215,255,.52)}.prompt{color:var(--cyan)}.install code{font:13px/1 var(--mono)}.copy-label{font:9px/1 var(--mono);color:var(--muted2);border-left:1px solid var(--line);padding-left:12px;text-transform:uppercase}.secondary{font-size:13px;color:#c1c7d2}
.lifecycle{margin:0;border:1px solid var(--line2);border-radius:13px;overflow:hidden;background:linear-gradient(180deg,rgba(11,21,36,.82),rgba(5,10,18,.86));box-shadow:0 30px 110px rgba(0,0,0,.27)}.lifecycle-head{height:58px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);gap:8px}.stage{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#677388;font:10px/1 var(--sans);transition:color .35s}.stage b{width:23px;height:23px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font:10px/1 var(--mono);font-weight:500;transition:.35s}.stage.is-active{color:#dbe5f5}.stage.is-active b{color:white;border-color:#477dff;background:#1759ce;box-shadow:0 0 18px rgba(66,124,255,.6)}.stage.is-complete{color:#8e9bad}.stage.is-complete b{border-color:rgba(85,227,164,.52);color:var(--green);background:rgba(85,227,164,.08)}.stage-line{flex:1;min-width:14px;height:1px;background:var(--line);overflow:hidden}.stage-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:translateX(-102%);transition:transform .45s}.stage-line.is-on i{transform:translateX(0)}
.lifecycle-body{height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 48% 50%,rgba(38,113,255,.085),transparent 31%)}.lifecycle-body:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(105,137,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,137,192,.035) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.routes{position:absolute;inset:0;width:100%;height:100%;z-index:1}.route{fill:none;stroke:rgba(94,121,165,.26);stroke-width:1.7;stroke-dasharray:3 7;transition:stroke .35s,filter .35s,opacity .35s}.route.is-flowing{stroke:url(#routeGradient);filter:url(#routeGlow);stroke-dasharray:3 7;animation:routeFlow .7s linear infinite}.route.is-complete{stroke:rgba(85,227,164,.5)}@keyframes routeFlow{to{stroke-dashoffset:-20}}
.operator-card,.store-card,.agent-card{position:absolute;z-index:3;border:1px solid var(--line2);background:rgba(9,17,29,.94);transition:border-color .35s,box-shadow .35s,transform .35s,opacity .35s}.operator-card{left:27px;top:117px;width:164px;min-height:165px;border-radius:10px;padding:14px}.operator-card header{display:flex;align-items:center;gap:8px;color:#a9b5c8;font:9px/1 var(--mono);letter-spacing:.08em}.icon-person{width:25px;height:25px;border:1px solid var(--line2);display:grid;place-items:center;border-radius:5px;color:#b7c3d5}.operator-card>p{font-size:12px;margin:15px 0 10px}.change-copy{border:1px solid var(--line);border-radius:6px;padding:10px;color:#c9d1de;font:10px/1.55 var(--mono);min-height:57px}.operator-card time{display:block;margin-top:9px;color:var(--muted2);font:9px/1 var(--mono)}.operator-card.is-active{border-color:rgba(69,215,255,.65);box-shadow:0 0 35px rgba(69,215,255,.09)}
.store-card{left:285px;top:87px;width:215px;height:218px;border-radius:10px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.store-card small{color:#78879e;font:9px/1 var(--mono);letter-spacing:.1em}.store-mark{width:74px;height:74px;margin:20px 0 10px;display:grid;place-items:center;border:1px solid rgba(83,136,255,.17);background:radial-gradient(circle,rgba(55,118,255,.17),rgba(15,35,65,.04));clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.store-card strong{font-size:27px;line-height:1;color:#69ddff;font-weight:480}.latest{display:flex;align-items:center;gap:7px;margin-top:10px;color:#8a9aaf;font:8px/1 var(--mono);letter-spacing:.12em}.latest i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}.store-card time{margin-top:10px;color:var(--muted2);font:8px/1 var(--mono)}.store-card.is-active{border-color:rgba(69,215,255,.78);box-shadow:0 0 40px rgba(69,215,255,.13),inset 0 0 35px rgba(49,135,255,.05);transform:translateY(-2px)}
.agents{position:absolute;right:26px;top:34px;width:172px;display:flex;flex-direction:column;gap:10px;z-index:3}.agent-card{position:relative;width:100%;height:70px;border-radius:8px;padding:10px;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.agent-icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(83,136,255,.38);display:grid;place-items:center;color:#6fbaff;font:12px/1 var(--mono)}.agent-card div{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.agent-card strong{font-size:10px;font-weight:560;color:#cdd5e2}.agent-card span:not(.agent-icon){font-size:9px;color:#657187}.agent-card time{grid-row:1/3;grid-column:2;color:#6d7a90;font:9px/1 var(--mono)}.agent-card.is-waiting{border-color:rgba(240,186,109,.42)}.agent-card.is-fresh{border-color:rgba(69,215,255,.62);box-shadow:0 0 24px rgba(69,215,255,.06)}.agent-card.is-fresh time{color:var(--cyan)}.agent-card.is-aligned{border-color:rgba(85,227,164,.48)}.agent-card.is-aligned time{color:var(--green)}
.lifecycle figcaption{min-height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 18px;color:#7f8ba0;font-size:10px}.lifecycle figcaption>span{display:flex;gap:7px;align-items:center;white-space:nowrap}.lifecycle figcaption strong{font-weight:470;color:#b9c3d3;margin-left:auto;max-width:310px;text-align:right}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.blue{background:var(--blue)}.dash{display:inline-block;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--cyan) 0 3px,transparent 3px 6px)}
.status{height:76px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1.55fr repeat(3,1fr);align-items:stretch;margin-top:3px}.status>div{display:flex;flex-direction:column;justify-content:center;padding:0 24px;border-right:1px solid var(--line)}.status>div:last-child{border-right:0}.status small,.status-label span{color:#667287;font:8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.status strong{font-size:12px;font-weight:500;color:#bfc8d6;margin-top:7px}.status-label{flex-direction:row!important;align-items:center!important;gap:10px;color:#a6b0c0;font-size:11px!important}.status-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(85,227,164,.7)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);padding:64px 0 72px;border-bottom:1px solid var(--line)}.pillars article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:0 36px;border-right:1px solid var(--line)}.pillars article:first-child{padding-left:0}.pillars article:last-child{border-right:0;padding-right:0}.pillar-icon{width:54px;height:54px;border:1px solid rgba(89,137,255,.55);display:grid;place-items:center;border-radius:16px;color:#6f9dff;font-size:26px;background:rgba(19,34,58,.35)}.pillar-icon.signal{border-color:rgba(149,104,255,.55);color:#a47aff}.pillar-icon.shield{border-color:rgba(69,215,255,.5);color:#5ce4ff}.pillars h2{font-size:17px;margin:4px 0 8px;font-weight:570;letter-spacing:-.02em}.pillars p{font-size:12px;color:#8f99aa;margin:0;max-width:31ch}
.start{padding:88px 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;border-bottom:1px solid var(--line);align-items:center}.start-copy h2,.constitution h2{font-size:clamp(32px,3.8vw,52px);line-height:1.04;letter-spacing:-.045em;font-weight:490;margin:21px 0 17px}.start-copy>p{color:#8f99aa;max-width:420px}.start-copy>a,.constitution>a{color:var(--cyan);font-size:12px;text-decoration:none}.terminal{border:1px solid var(--line2);border-radius:9px;background:#050912;overflow:hidden}.terminal header{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#677388;font:9px/1 var(--mono)}.terminal button{border:0;background:none;color:#8f99aa;font:9px/1 var(--mono);cursor:pointer}.terminal pre{margin:0;padding:20px;overflow:auto;color:#c5cfdd;font:11px/1.9 var(--mono)}.terminal b{color:var(--cyan);font-weight:400}
.constitution{min-height:250px;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.constitution>div{display:flex;align-items:center;gap:22px}.constitution small{color:#6b778a;font:8px/1 var(--mono);letter-spacing:.12em}.constitution h2{font-size:27px;margin:7px 0 0}.constitution>p{color:#8893a5;font-size:13px;max-width:480px;margin:0}.tiny-orbit{width:62px;height:62px;border:1px dashed rgba(84,137,255,.42);border-radius:50%;position:relative;display:block}.tiny-orbit i{position:absolute;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));left:23px;top:23px}.tiny-orbit b{position:absolute;width:8px;height:8px;border:2px solid var(--cyan);background:var(--bg);border-radius:50%;right:-4px;top:24px}
footer{height:100px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;color:#616d81;font-size:10px}.brand.mini{font-size:12px;color:#dce3ed}footer nav{gap:22px}footer nav a{font-size:10px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route.is-flowing{animation:none}}
@media(max-width:1040px){.hero{grid-template-columns:1fr;padding-top:52px}.hero-copy{max-width:680px}.hero-copy>p{max-width:600px}.lifecycle{width:100%}.start{grid-template-columns:1fr}.status{grid-template-columns:1.35fr repeat(3,1fr)}.pillars article{padding:0 22px}.constitution{grid-template-columns:1fr auto}.constitution>p{grid-column:1/2}.constitution>a{grid-column:2;grid-row:1/3}}
@media(max-width:720px){.wrap{width:min(100% - 28px,1280px)}.topbar{height:70px}.topbar nav a:not(:last-child){display:none}.hero{padding-top:40px;gap:36px}.lifecycle-head{overflow-x:auto}.lifecycle-body{height:550px}.routes{display:none}.operator-card{left:18px;top:28px;width:calc(50% - 27px)}.store-card{left:auto;right:18px;top:28px;width:calc(50% - 27px);height:165px;padding:13px}.store-mark{width:48px;height:48px;margin:10px 0 7px}.store-card strong{font-size:21px}.agents{left:18px;right:18px;top:222px;width:auto}.agent-card{height:62px}.lifecycle figcaption{flex-wrap:wrap;justify-content:flex-start;padding:12px}.lifecycle figcaption strong{width:100%;max-width:none;text-align:left;margin-left:0}.status{height:auto;grid-template-columns:1fr 1fr}.status>div{min-height:70px;border-bottom:1px solid var(--line)}.status>div:nth-child(2){border-right:0}.status-label{grid-column:1/-1;border-right:0!important}.pillars{grid-template-columns:1fr;padding:36px 0}.pillars article,.pillars article:first-child,.pillars article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.pillars article:last-child{border-bottom:0}.start{padding:64px 0;gap:36px}.constitution{padding:55px 0;grid-template-columns:1fr}.constitution>p,.constitution>a{grid-column:1;grid-row:auto}.constitution>div{align-items:flex-start}footer{height:auto;padding:32px 0;grid-template-columns:1fr}footer nav{justify-content:flex-start}}


/* V4: quieter brand hierarchy — no marketing eyebrow pills */
.hero-copy h1 { margin-top: 0; }
.start-copy h2 { margin-top: 0; }
.constitution h2 { margin-top: 0; }


/* V6 — typography-only hero fix.
   Do not alter hero/lifecycle geometry here: the animation routes rely on it. */
.hero-copy h1{
  margin:0 0 28px;
  max-width:none;
  font-size:clamp(46px,4.35vw,70px);
  line-height:1.04;
  letter-spacing:-.038em;
  font-weight:470;
}

.hero-copy h1 .headline-line{
  display:block;
  white-space:nowrap;
}

.hero-copy h1 .headline-plain{
  color:var(--ink);
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
}

@media(max-width:1040px){
  .hero-copy h1{
    font-size:clamp(48px,7vw,70px);
  }
}

@media(max-width:720px){
  .hero-copy h1{
    font-size:clamp(44px,13vw,62px);
    line-height:1.03;
  }
  .hero-copy h1 .headline-line{
    white-space:normal;
  }
}