@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrainsmono-latin.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
/* Namu Robotics — matched to the Nov 2026 seed deck
   Light grey page, deep-teal ink, lime accent, Manrope throughout. Full-bleed photo chapters
   and the footer switch to a dark-teal context via the .dark-ctx token set. */
:root{
  --void:#ededed;        /* deck slide grey */
  --panel:#e4e8e7;
  --panel-2:#dde3e2;
  --fg:#0f3f3f;          /* deck teal ink */
  --fg-rgb:15,63,63;
  --body:#2c4545;
  --dim:#5f7373;
  --faint:#a3b3b3;
  --hair:rgba(15,63,63,.16);
  --leaf:#4f8a14;        /* readable lime-green for small accents on grey */
  --leaf-rgb:79,138,20;
  --lime:#a8cf6a;        /* deck lime, softened for large fills */
  --amber:#b98400; --amber-rgb:185,132,0;
  --shade-rgb:8,40,38;   /* dark teal used for photo overlays */
  --glow:#e3ece0;
  --paper:#0f3f3f;
  --ink:#0f3f3f;
  --f-display:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"Manrope","Segoe UI",system-ui,sans-serif;   /* labels: spaced caps, like the deck */
  --f-code:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:light;
}
.dark-ctx,.chapter,.site-foot,.overlay,.site-head:not(.scrolled){
  --fg:#ffffff; --fg-rgb:255,255,255; --body:#dbe6e3; --dim:#b3c6c1; --faint:#8aa3a0;
  --hair:rgba(255,255,255,.2); --leaf:#b6d98a; --leaf-rgb:182,217,138; --amber:#e8b54a; --amber-rgb:232,181,74;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--void);color:var(--fg);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;letter-spacing:.005em}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--fg);color:var(--void);padding:10px 14px}
.skip:focus{left:12px;top:12px}
.wrap{max-width:1360px;margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
@supports (padding:max(0px)){.wrap{padding-left:max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4vw,56px),env(safe-area-inset-right,0px))}}

/* type */
.display{font-family:var(--f-display);text-transform:uppercase;font-weight:500;letter-spacing:-.01em;line-height:1.02}
.d-xl{font-size:clamp(1.9rem,4vw,3.6rem)}
.d-l{font-size:clamp(1.6rem,3.2vw,2.9rem)}
.d-m{font-size:clamp(1.25rem,2.1vw,1.85rem)}
.d-s{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.2}
.label{font:500 .72rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.body-l{font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.55;color:var(--body);max-width:56ch}
.dim{color:var(--dim)}
.mono{font-family:var(--f-mono)}

/* buttons: outline, arrow, like a control */
.btn{display:inline-flex;align-items:center;gap:14px;font:500 .9rem/1 var(--f-body);letter-spacing:.01em;padding:15px 18px 15px 20px;border:1px solid rgba(var(--fg-rgb),.55);border-radius:8px;color:var(--fg);background:rgba(var(--shade-rgb),.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 10L10 2M4 2h6v6' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 10L10 2M4 2h6v6' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.btn:hover{background:var(--fg);color:var(--void);border-color:var(--fg)}
.btn:hover::after{transform:translate(2px,-2px)}
.btn.solid{background:var(--fg);color:var(--void);border-color:var(--fg)}
.btn.solid:hover{background:var(--leaf);border-color:var(--leaf)}
.btn.dark{border-color:var(--ink);color:var(--ink);background:transparent}
.btn.dark:hover{background:var(--ink);color:var(--paper)}
button.btn{font-family:var(--f-body)}
.btns{display:flex;flex-wrap:wrap;gap:10px}

/* header */
.site-head{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,backdrop-filter .3s}
.site-head.scrolled{background:rgba(var(--shade-rgb),.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.brand{display:block;width:168px;color:var(--fg);flex:none}
.brand svg{display:block;width:100%;height:auto}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font:500 .74rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--body);padding:8px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--fg);border-color:var(--fg)}
.menu-btn{display:none;width:48px;height:42px;border:1px solid rgba(var(--fg-rgb),.55);border-radius:8px;background:transparent;color:var(--fg);cursor:pointer}
.menu-btn span{display:block;width:20px;height:1.5px;background:currentColor;margin:5px auto;transition:transform .25s,opacity .25s}
.menu-open .menu-btn span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.overlay{position:fixed;inset:0;z-index:90;background:var(--void);display:none;flex-direction:column;justify-content:flex-end;padding:96px max(20px,env(safe-area-inset-right,0px)) 36px max(20px,env(safe-area-inset-left,0px));overflow-y:auto}
.menu-open .overlay{display:flex}
.overlay a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--hair);text-decoration:none;font:400 clamp(1.4rem,6vw,2.2rem)/1.1 var(--f-display);text-transform:uppercase}
.overlay a small{font:500 .72rem var(--f-mono);color:var(--dim);letter-spacing:.1em}
@media (max-width:1080px){.nav{display:none}.menu-btn{display:block}}
.menu-open{overflow:hidden}

/* chapters: full-bleed photo screens */
.chapter{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:var(--panel)}
.chapter.short{min-height:78vh;min-height:78svh}
.chapter .media{position:absolute;inset:0;z-index:-2}
.chapter .media img{width:100%;height:100%;object-fit:cover}
.chapter .media.kb img{animation:kb 26s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.chapter::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--shade-rgb),.55) 0%,rgba(var(--shade-rgb),0) 22%,rgba(var(--shade-rgb),0) 45%,rgba(var(--shade-rgb),.82) 100%)}
.chapter.left::before{background:linear-gradient(180deg,rgba(var(--shade-rgb),.5) 0%,rgba(var(--shade-rgb),0) 20%),linear-gradient(90deg,rgba(var(--shade-rgb),.78) 0%,rgba(var(--shade-rgb),.2) 55%,rgba(var(--shade-rgb),0) 75%),linear-gradient(0deg,rgba(var(--shade-rgb),.6),rgba(var(--shade-rgb),0) 35%)}
.chapter .wrap{width:100%;padding-block:0 clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:end}
.chapter .copy{display:flex;flex-direction:column;gap:16px;max-width:760px}
.chapter .copy p{color:var(--body);max-width:46ch;font-size:clamp(.98rem,1.2vw,1.08rem)}
@media (max-width:760px){.chapter .wrap{grid-template-columns:1fr}}
.grid-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(var(--fg-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--fg-rgb),.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,transparent,black 30%,black 70%,transparent)}

/* HUD readouts */
.hud{position:absolute;top:104px;right:clamp(20px,4vw,56px);z-index:2;width:min(290px,calc(100% - 40px));border:1px solid rgba(var(--fg-rgb),.28);border-radius:10px;background:rgba(var(--shade-rgb),.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:14px 16px;font:400 .74rem/1.5 var(--f-mono);color:var(--body)}
.hud .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid rgba(var(--fg-rgb),.1)}
.hud .row:first-of-type{border-top:0}
.hud b{font-weight:500;color:#fff}
.hud .head{display:flex;align-items:center;gap:8px;letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;color:var(--dim);margin-bottom:6px}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 rgba(var(--leaf-rgb),.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(var(--leaf-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--leaf-rgb),0)}}
@media (max-width:760px){.hud{display:none}}
.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(var(--fg-rgb),.3);margin-top:8px}
.specs div{padding:16px 16px 0 0}
.specs b{display:block;font:400 clamp(1.3rem,2.4vw,2.1rem)/1.1 var(--f-display);letter-spacing:.01em}
.specs span{display:block;font:500 .68rem/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:8px}
@media (max-width:600px){.specs{grid-template-columns:1fr 1fr}.specs div:nth-child(n+3){padding-top:20px}}

/* sections */
.sec{padding-block:clamp(80px,11vw,150px)}
.sec.tight{padding-block:clamp(56px,7vw,96px)}
.sec.panel{background:var(--panel)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(40px,6vw,72px)}
.sec-head .label{grid-column:1/-1}
@media (max-width:860px){.sec-head{grid-template-columns:1fr}}

/* index rows (replaces card grids) */
.rows{border-top:1px solid var(--hair)}
.rows .r{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.3fr);gap:16px 40px;padding:28px 0;border-bottom:1px solid var(--hair);text-decoration:none;align-items:baseline;transition:background .2s}
.rows a.r:hover{background:linear-gradient(90deg,rgba(var(--fg-rgb),.04),transparent)}
.rows .n{font:500 .74rem var(--f-mono);color:var(--dim);letter-spacing:.1em}
.rows h3{font:400 clamp(1.05rem,1.6vw,1.4rem)/1.2 var(--f-display);text-transform:uppercase}
.rows p{color:var(--body)}
@media (max-width:760px){.rows .r{grid-template-columns:44px minmax(0,1fr)}.rows .r p{grid-column:2}}

/* media + text */
.duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.duo.rev>:first-child{order:2}
@media (max-width:900px){.duo,.duo.rev{grid-template-columns:1fr}.duo.rev>:first-child{order:0}}
.frame{position:relative;border-radius:14px;overflow:hidden;background:var(--panel-2)}
.frame img{width:100%;height:100%;object-fit:cover}
.frame .tagline{position:absolute;left:14px;bottom:14px;font:500 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(var(--shade-rgb),.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 10px;border-radius:6px;color:var(--body)}
.stack{display:flex;flex-direction:column;gap:18px}
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.list li{padding:14px 0 14px 26px;border-bottom:1px solid var(--hair);position:relative;color:var(--body)}
.list li::before{content:"";position:absolute;left:2px;top:22px;width:10px;height:1.5px;background:var(--leaf)}

/* big numbers */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair)}
.metrics div{padding:26px 20px 0 0;border-right:1px solid var(--hair);margin-right:20px}
.metrics div:last-child{border-right:0;margin-right:0}
.metrics b{display:block;font:400 clamp(2rem,4.6vw,3.8rem)/1 var(--f-display);font-variant-numeric:tabular-nums}
.metrics span{display:block;font:500 .7rem/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:12px;max-width:24ch}
@media (max-width:760px){.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0;margin-right:0}.metrics div:nth-child(n+3){border-top:1px solid var(--hair);margin-top:26px}}

/* roadmap */
.versions{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hair);border-radius:14px;overflow:hidden}
.versions>div{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:16px}
.versions>div+div{border-left:1px solid var(--hair);background:linear-gradient(160deg,rgba(var(--leaf-rgb),.08),transparent 60%)}
@media (max-width:760px){.versions{grid-template-columns:1fr}.versions>div+div{border-left:0;border-top:1px solid var(--hair)}}
.chip{display:inline-flex;width:fit-content;align-items:center;gap:8px;font:500 .68rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--hair);border-radius:99px;color:var(--body)}
.chip.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf)}
.chip.warn{border-color:rgba(var(--amber-rgb),.5);color:var(--amber)}

/* data chapter (home + verified) */
.datafield{position:relative;background:radial-gradient(120% 90% at 70% 40%,var(--glow) 0%,var(--void) 65%);overflow:hidden}
.datafield .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center;min-height:100svh;padding-block:120px 80px}
@media (max-width:900px){.datafield .wrap{grid-template-columns:1fr;min-height:0}}
.plot{position:relative;border:1px solid var(--hair);border-radius:14px;background:rgba(14,21,19,.6);overflow:hidden}
.plot svg{display:block;width:100%;height:auto}
.plot .readout{border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font:400 .74rem/1.45 var(--f-mono)}
.plot .readout div{padding:12px 14px;border-left:1px solid var(--hair);min-width:0;overflow-wrap:anywhere}
.plot .readout div:first-child{border-left:0}
.plot .readout span{display:block;color:var(--dim);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:600px){.plot .readout{grid-template-columns:1fr 1fr}.plot .readout div:nth-child(3){border-left:0}.plot .readout div:nth-child(n+3){border-top:1px solid var(--hair)}}
.plot .scan{position:absolute;top:0;bottom:44px;width:2px;background:linear-gradient(180deg,transparent,var(--leaf),transparent);opacity:.5;left:0;animation:scan 7s linear infinite}
@keyframes scan{from{left:0}to{left:100%}}
.map a circle{transition:r .15s}
.map a:hover circle,.map a:focus circle{stroke-width:3}

/* pilots */
.pilot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding-block:clamp(48px,6vw,80px);border-top:1px solid var(--hair)}
@media (max-width:900px){.pilot{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:.95rem;margin:0}
.kv dt{font:500 .7rem/1.9 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.kv dd{margin:0}

/* people */
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair)}
.people>div{padding:28px 24px 28px 0;border-right:1px solid var(--hair);margin-right:24px;display:flex;flex-direction:column;gap:10px}
.people>div:last-child{border-right:0;margin-right:0}
.people .mono{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf)}
.people h3{font:400 1.15rem/1.2 var(--f-display);text-transform:uppercase}
.people p{color:var(--body);font-size:.95rem}
@media (max-width:1000px){.people{grid-template-columns:1fr 1fr}.people>div:nth-child(2){border-right:0;margin-right:0}.people>div:nth-child(n+3){border-top:1px solid var(--hair)}}
@media (max-width:560px){.people{grid-template-columns:1fr}.people>div{border-right:0;margin-right:0;border-top:1px solid var(--hair)}.people>div:first-child{border-top:0}}
.backers{display:flex;flex-wrap:wrap;gap:10px 40px;font:400 clamp(.95rem,1.4vw,1.15rem)/1.4 var(--f-display);text-transform:uppercase;color:var(--body)}

/* forms */
.form{display:grid;gap:18px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:600px){.form .row2{grid-template-columns:1fr}}
.field{display:grid;gap:8px;font:500 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.field small{text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:.8rem}
.field input,.field select,.field textarea{font:400 1rem/1.4 var(--f-body);letter-spacing:0;text-transform:none;color:var(--fg);background:transparent;border:0;border-bottom:1px solid rgba(var(--fg-rgb),.3);border-radius:0;padding:10px 0;width:100%}
.field select{background:var(--void)}
.field select option{background:var(--void)}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--leaf)}
.field input::placeholder,.field textarea::placeholder{color:var(--faint)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-msg{border-radius:8px;padding:14px 16px;font-size:.95rem}
.form-msg.ok{background:rgba(var(--leaf-rgb),.12);border:1px solid rgba(var(--leaf-rgb),.4);color:var(--fg)}
.form-msg.err{background:rgba(var(--amber-rgb),.1);border:1px solid rgba(var(--amber-rgb),.45);color:var(--fg)}
.form-msg a{color:inherit}
.fine{font-size:.82rem;color:var(--dim)}
.fine a{color:var(--body)}
.packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pack{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--hair);border-radius:10px;padding:16px;cursor:pointer;text-align:left;display:grid;gap:4px}
.pack b{font:400 1.7rem/1 var(--f-display)}
.pack span{font:500 .66rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.pack[aria-pressed="true"]{border-color:var(--leaf);background:rgba(var(--leaf-rgb),.08)}
@media (max-width:520px){.packs{grid-template-columns:1fr 1fr}}
.tabs{display:inline-flex;border:1px solid var(--hair);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}
.tabs a{font:500 .74rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:12px 14px;border-radius:7px;color:var(--body)}
.tabs a[aria-selected="true"]{background:var(--fg);color:var(--void)}

/* verification lookup + tree record */
.lookup{display:flex;flex-wrap:wrap;gap:10px;max-width:520px}
.lookup input{flex:1 1 220px;min-width:0;font:400 1rem var(--f-mono);color:var(--fg);background:rgba(var(--shade-rgb),.4);border:1px solid rgba(var(--fg-rgb),.4);border-radius:8px;padding:14px 16px}
.lookup input:focus{outline:none;border-color:var(--leaf)}
.err{font:400 .85rem var(--f-mono);color:var(--amber);min-height:1.4em}
.sheet{border:1px solid var(--hair);border-radius:14px;background:var(--panel);padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:16px}
.sheet h3{font:500 .74rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.rec{width:100%;border-collapse:collapse;font-size:.95rem}
.rec th{text-align:left;font:500 .68rem/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:12px 14px 12px 0;width:40%;vertical-align:top}
.rec td{padding:11px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.rec tr+tr{border-top:1px solid var(--hair)}
.hash{font:400 .78rem/1.55 var(--f-mono);word-break:break-all;background:rgba(var(--fg-rgb),.05);border:1px solid var(--hair);padding:10px 12px;border-radius:8px;color:var(--body)}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:24px 1fr;gap:14px;position:relative;padding-bottom:18px}
.timeline li::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1px;background:var(--hair)}
.timeline li:last-child::before{display:none}
.timeline .m{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 .7rem var(--f-mono);background:var(--leaf);color:var(--void)}
.timeline .pending .m{background:transparent;border:1px dashed var(--faint);color:var(--faint)}
.timeline .bad .m{background:var(--amber)}
.timeline b{display:block;font-weight:500}
.timeline span{font-size:.88rem;color:var(--dim)}
.stake{background:#efece3;color:var(--ink);border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.stake .qr{background:#fff;padding:6px;border-radius:6px;line-height:0}
.stake svg{width:118px;height:auto;color:var(--ink)}
.stake .fine{color:#4f5d59}
.qrbox{background:#fff;padding:8px;border-radius:8px;line-height:0;width:fit-content}
.tree-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start}
@media (max-width:900px){.tree-grid{grid-template-columns:1fr}}
.page-top{padding-top:clamp(130px,16vw,190px)}

/* light index footer */
.site-foot{background:var(--paper);color:var(--ink)}
.site-foot a{text-decoration:none}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-block:clamp(64px,8vw,110px) 40px}
@media (max-width:900px){.foot-top{grid-template-columns:1fr}}
.foot-brand{width:min(440px,100%);color:var(--ink)}
.foot-brand svg{width:100%;height:auto;display:block}
.foot-keep{margin-top:40px;display:flex;flex-direction:column;gap:14px}
.foot-keep p{color:var(--body)}
.foot-index a{display:flex;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid rgba(var(--fg-rgb),.18);font:400 clamp(1.15rem,2.2vw,1.9rem)/1.1 var(--f-display);text-transform:uppercase;transition:padding .2s}
.foot-index a:hover{padding-left:8px}
.foot-index small{font:500 .7rem var(--f-mono);color:var(--dim);letter-spacing:.06em;min-width:22px}
.foot-base{border-top:1px solid rgba(var(--fg-rgb),.18);padding-block:20px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;font:500 .7rem/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}

/* motion */
.reveal{transform:translateY(18px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{transform:none}
@media (prefers-reduced-motion:reduce){.chapter .media.kb img,.pulse,.plot .scan{animation:none}.reveal{transform:none;transition:none}}
.btn.plain::after{display:none}

/* Wide cut of Archivo for all display type (Figure-style extended grotesque) */
.display,.specs b,.rows h3,.metrics b,.people h3,.backers,.overlay a,.foot-index a,.pack b{font-stretch:125%;font-variation-settings:"wdth" 125}
.rows h3,.people h3,.backers,.overlay a,.foot-index a{font-weight:500;letter-spacing:-.005em}
.specs b,.metrics b,.pack b{font-weight:500;letter-spacing:-.02em}
body{font-stretch:100%}

/* status chips */
.chip.dev{border-color:rgba(var(--fg-rgb),.45);color:var(--fg)}
.chip.dev::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--fg)}
.chip.explore{color:var(--dim);border-style:dashed}
.rows p .chip{margin-top:10px}

/* intelligence pipeline */
.pipe{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--hair);padding-bottom:56px}
.pipe .node{position:relative;padding:34px 22px 0 0;display:flex;flex-direction:column;gap:10px;min-width:0}
.pipe .node::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--void);border:1.5px solid var(--leaf)}
.pipe .node:first-child::before{background:var(--leaf)}
.pipe .n{font:500 .7rem var(--f-mono);letter-spacing:.12em;color:var(--leaf)}
.pipe h3{font:500 clamp(1.05rem,1.5vw,1.35rem)/1.1 var(--f-display);font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase}
.pipe p{color:var(--body);font-size:.93rem}
.pipe .loop{position:absolute;left:0;right:0;bottom:0;height:34px;border:1px dashed rgba(var(--leaf-rgb),.5);border-top:0;border-radius:0 0 12px 12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font:500 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.pipe .loop{bottom:0}
@media (max-width:1000px){.pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.pipe .node:nth-child(n+4){margin-top:28px;border-top:1px solid var(--hair)}}
@media (max-width:600px){.pipe{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--hair);padding-left:22px;padding-bottom:0}.pipe .node{padding:0 0 26px}.pipe .node:nth-child(n+4){margin-top:0;border-top:0}.pipe .node::before{top:4px;left:-27px}.pipe .loop{position:static;height:auto;border:1px dashed rgba(var(--leaf-rgb),.5);border-radius:8px;padding:10px;justify-content:flex-start}}

/* use case matrix */
.matrix-wrap{overflow-x:auto;border:1px solid var(--hair);border-radius:14px}
.matrix{width:100%;min-width:760px;border-collapse:collapse;font-size:.94rem}
.matrix th,.matrix td{text-align:left;padding:16px 18px;border-top:1px solid var(--hair);vertical-align:top}
.matrix thead th{border-top:0;font:500 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:rgba(var(--fg-rgb),.03)}
.matrix tbody th{font:500 .98rem/1.3 var(--f-display);font-stretch:112%;font-variation-settings:"wdth" 112;width:24%}
.matrix .sec-col{color:var(--dim);width:20%}
.matrix td:last-child{width:150px;white-space:nowrap}
.matrix td{color:var(--body)}
.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 72px}
.sector-grid>div{border-top:1px solid var(--hair);padding-top:28px;scroll-margin-top:90px}
.sector-grid p{color:var(--body)}
@media (max-width:800px){.sector-grid{grid-template-columns:1fr;gap:48px}}
section[id],div[id]{scroll-margin-top:80px}

/* ===== Deck theme overrides ===== */
body{letter-spacing:0;color:var(--body)}
h1,h2,h3,h4{color:var(--fg)}
.display{text-transform:none;font-weight:800;letter-spacing:-.025em;line-height:1.06;font-stretch:normal;font-variation-settings:normal}
.display,.specs b,.rows h3,.metrics b,.people h3,.backers,.overlay a,.foot-index a,.pack b,.pipe h3,.matrix tbody th{font-stretch:normal;font-variation-settings:normal}
.d-xl{font-size:clamp(2.2rem,4.8vw,4.2rem)}
.d-l{font-size:clamp(1.8rem,3.4vw,3rem)}
.label{font:700 .72rem/1.3 var(--f-mono);letter-spacing:.24em;color:var(--fg);opacity:.85}
.chapter .label{color:var(--fg)}
.rows h3,.people h3,.pipe h3{text-transform:none;font-weight:800;letter-spacing:-.015em}
.rows h3{font-size:clamp(1.1rem,1.6vw,1.4rem)}
.rows .n,.pipe .n{font-family:var(--f-mono);font-weight:700;letter-spacing:.14em}
.backers{text-transform:none;font-weight:800;letter-spacing:-.01em;color:var(--fg)}
.metrics b,.specs b{font-weight:800;letter-spacing:-.03em}
.overlay a,.foot-index a{text-transform:none;font-weight:800;letter-spacing:-.02em}
.nav a{font:700 .74rem/1 var(--f-mono);letter-spacing:.16em}
.hash,.mono,.lookup input,.plot .readout b,.rec td .mono,.err{font-family:var(--f-code)}
.matrix tbody th{font-weight:800}
.chip{font-weight:700;letter-spacing:.14em}
.chip.live::before{background:var(--leaf)}
/* buttons: deck lime pill for primary, teal outline for secondary */
.btn{border-radius:999px;background:transparent;border-color:rgba(var(--fg-rgb),.45);font-weight:700;backdrop-filter:none;-webkit-backdrop-filter:none}
.chapter .btn{background:rgba(var(--shade-rgb),.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.btn:hover{background:var(--fg);color:var(--void);border-color:var(--fg)}
.chapter .btn:hover{color:#0f3f3f}
.btn.solid{background:var(--lime);border-color:var(--lime);color:#0f3f3f}
.btn.solid:hover{background:#bcdc86;border-color:#bcdc86;color:#0f3f3f}
/* chapters: dark-teal deck gradient */
.chapter::before{background:linear-gradient(180deg,rgba(var(--shade-rgb),.45) 0%,rgba(var(--shade-rgb),0) 22%,rgba(var(--shade-rgb),0) 45%,rgba(var(--shade-rgb),.85) 100%)}
.chapter.left::before{background:linear-gradient(180deg,rgba(var(--shade-rgb),.45) 0%,rgba(var(--shade-rgb),0) 20%),linear-gradient(90deg,rgba(var(--shade-rgb),.85) 0%,rgba(var(--shade-rgb),.3) 55%,rgba(var(--shade-rgb),0) 78%),linear-gradient(0deg,rgba(var(--shade-rgb),.6),rgba(var(--shade-rgb),0) 35%)}
.chapter .copy p{color:var(--body)}
/* header */
.site-head.scrolled{background:rgba(237,237,237,.9);border-bottom:1px solid var(--hair)}
.overlay{background:#0f3f3f}
/* panels */
.sec.panel{background:var(--panel)}
.sheet,.plot,.matrix-wrap,.versions{background:#f6f7f7}
.matrix thead th{background:rgba(var(--fg-rgb),.04)}
.list li::before{background:var(--leaf);height:2px}
.versions>div+div{background:linear-gradient(160deg,rgba(176,228,84,.25),transparent 60%)}
.form-msg.ok{background:rgba(176,228,84,.25);border-color:rgba(79,138,20,.5);color:var(--fg)}
.field input,.field select,.field textarea{border-bottom-color:rgba(var(--fg-rgb),.3)}
.field select,.field select option{background:var(--void)}
.pack[aria-pressed="true"]{border-color:var(--fg);background:var(--lime)}
.tabs a[aria-selected="true"]{background:#fff;color:#0f3f3f}
.timeline .m{background:var(--lime);color:#0f3f3f}
.datafield{background:var(--void)}
.grid-overlay{background-image:linear-gradient(rgba(var(--fg-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--fg-rgb),.05) 1px,transparent 1px)}
.plot .scan{background:linear-gradient(180deg,transparent,#7fb42f,transparent)}
.pipe .node::before{background:var(--void);border-color:var(--fg)}
.pipe .node:first-child::before{background:var(--lime);border-color:var(--fg)}
.pipe .loop{border-color:rgba(var(--fg-rgb),.35);color:var(--fg)}
/* footer: dark teal like the deck's closing slide */
.site-foot{background:#0f3f3f;color:var(--fg)}
.foot-brand{color:#fff}
.site-foot .btn.dark{border-color:rgba(255,255,255,.5);color:#fff}
.site-foot .btn.dark:hover{background:#fff;color:#0f3f3f}
.foot-index small{color:var(--leaf)}

/* ===== Video hero (deck cover layout) ===== */
.vhero{position:relative;background:#0f3f3f;overflow:hidden;isolation:isolate}
.vhero .bg{position:absolute;inset:0;z-index:-1;opacity:.35}
.vhero .bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.vhero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f3f3f 0%,rgba(15,63,63,.92) 45%,rgba(15,63,63,.55) 100%)}
.vhero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center;min-height:100svh;padding-block:110px 56px}
.vhero .copy{display:flex;flex-direction:column;gap:22px}
.vhero .copy p{color:var(--body);font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:46ch}
.reel{position:relative;justify-self:center;width:min(100%,420px);aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#082826;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
.reel video,.reel img{width:100%;height:100%;object-fit:cover;display:block}
.reel .tag{position:absolute;left:12px;top:12px;font:700 .64rem var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#0f3f3f;background:var(--lime);padding:6px 9px;border-radius:99px}
.reel button{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(8,40,38,.5);color:#fff;cursor:pointer;display:grid;place-items:center}
@media (max-width:900px){.vhero .wrap{grid-template-columns:1fr;min-height:0;padding-block:110px 56px}.reel{width:min(100%,380px)}}

/* ===== Team ===== */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1000px){.team{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.team{grid-template-columns:1fr}}
.member{display:flex;flex-direction:column;gap:10px}
.member .ph{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#1c1c1c}
.member .ph img{width:100%;height:100%;object-fit:cover}
.member h3{font:800 1.35rem/1.15 var(--f-display);letter-spacing:-.02em;margin-top:6px}
.member .role{font:700 .7rem/1.3 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg)}
.member p{color:var(--body);font-size:.97rem}
.member .li{display:inline-flex;align-items:center;gap:8px;width:fit-content;font:700 .8rem var(--f-body);color:var(--fg);text-decoration:none;border:1px solid rgba(var(--fg-rgb),.35);border-radius:999px;padding:8px 13px;margin-top:4px}
.member .li:hover{background:var(--fg);color:var(--void)}
.member .li svg{width:15px;height:15px}
.dark-ctx,.chapter,.site-foot,.overlay,.vhero{color:var(--body)}
.chapter .specs b,.chapter .display,.vhero .display{color:var(--fg)}
.stack>.btn,.sec-head .stack>.btn{align-self:flex-start}
.sec-head .stack .btns{margin-top:4px}
.frame .tagline{color:#fff}

/* ===== Colour bands between sections ===== */
.sec.teal{background:#0f3f3f;color:var(--body)}
.sec.mint{background:#e6ece1}
.sec.teal .matrix-wrap,.sec.teal .versions,.sec.teal .sheet,.sec.teal .plot{background:rgba(255,255,255,.06)}
.sec.teal .rows a.r:hover{background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}
.sec.teal .frame{box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.sec.mint .backers{color:var(--fg)}
.cta-band{background:linear-gradient(120deg,#dbe7cb 0%,#cddfb4 100%);color:#0f3f3f;padding-block:clamp(56px,7vw,96px);border-top:1px solid rgba(15,63,63,.08)}
.cta-band .wrap{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
.cta-band h2{color:#0f3f3f;max-width:18ch}
.cta-band .btn{border-color:rgba(15,63,63,.5);color:#0f3f3f}
.cta-band .btn.solid{background:#0f3f3f;border-color:#0f3f3f;color:#fff}
.cta-band .btn.solid:hover{background:#1c5a5a;border-color:#1c5a5a}
.cta-band .btn:hover{background:#0f3f3f;color:#fff}
.team{grid-template-columns:repeat(3,minmax(0,220px))}
@media (max-width:900px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.team{grid-template-columns:1fr}}

/* ===== Verified Trees: product UI ===== */
.leaf{stroke:var(--leaf)}
.ico{display:block;color:var(--fg);flex:none}
.passport{background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 60px -30px rgba(15,63,63,.35),0 0 0 1px rgba(15,63,63,.08);display:flex;flex-direction:column;gap:18px;max-width:520px;width:100%;justify-self:end;color:#0f3f3f}
.pp-top{display:flex;justify-content:space-between;align-items:center}
.pp-logo{width:120px;color:#0f3f3f;display:block}
.pp-logo svg{width:100%;height:auto;display:block}
.pp-badge{display:inline-flex;align-items:center;gap:6px;font:700 .72rem var(--f-body);letter-spacing:.12em;text-transform:uppercase;background:#e3efcf;color:#2f5a12;padding:7px 11px;border-radius:99px}
.pp-main{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(15,63,63,.1);padding-top:16px}
.pp-id{display:flex;flex-direction:column;gap:4px}
.pp-id b{font:800 clamp(1.8rem,3vw,2.4rem)/1 var(--f-display);letter-spacing:-.02em}
.pp-sp{color:#5f7373;font-size:.92rem}
.pp-qr{background:#fff;padding:6px;border:1px solid rgba(15,63,63,.12);border-radius:10px;line-height:0}
.pp-qr img,.pp-qr canvas{width:96px;height:96px}
.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0;background:#f4f6f5;border-radius:12px;padding:16px}
.pp-grid dt{font:700 .64rem var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#5f7373}
.pp-grid dd{margin:3px 0 0;font-weight:600;font-size:.94rem;overflow-wrap:anywhere}
.pp-hash{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px dashed rgba(15,63,63,.2);padding-top:14px}
.pp-hash code{font:400 .8rem var(--f-code);color:#2c4545}
.pp-ok{margin-left:auto;font-weight:800;color:#2f5a12;font-size:.85rem}
@media (max-width:900px){.passport{justify-self:stretch;max-width:none}}
@media (max-width:420px){.pp-grid{grid-template-columns:1fr}}

.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:f}
.flow li{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.flow li::after{content:"";position:absolute;top:50%;right:-12px;width:10px;height:10px;border-top:2px solid var(--leaf);border-right:2px solid var(--leaf);transform:translateY(-50%) rotate(45deg)}
.flow li:last-child::after{display:none}
.flow .fi{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(182,217,138,.16);margin-bottom:6px}
.flow .fi .ico{color:#fff}
.flow b{font:800 1.1rem var(--f-display);color:#fff}
.flow span{color:var(--body);font-size:.9rem}
@media (max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow li::after{display:none}}
@media (max-width:480px){.flow{grid-template-columns:1fr}}

.dash{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(15,63,63,.4),0 0 0 1px rgba(15,63,63,.08)}
.dash-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(15,63,63,.1);background:#f4f6f5}
.dash-bar .dots{display:flex;gap:6px}.dash-bar .dots i{width:10px;height:10px;border-radius:50%;background:#d2d9d8}
.dash-title{font-weight:800;color:#0f3f3f}
.dash-tabs{display:flex;gap:4px;margin-left:8px}
.dash-tabs>*{font:700 .75rem var(--f-body);padding:6px 10px;border-radius:8px;color:#5f7373}
.dash-tabs b{background:#0f3f3f;color:#fff}
.dash-bar .chip{margin-left:auto}
.dash-body{display:grid;grid-template-columns:220px minmax(0,1fr)}
.dash-side{border-right:1px solid rgba(15,63,63,.1);padding:18px;display:flex;flex-direction:column;gap:14px}
.dash-side>div{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid rgba(15,63,63,.08)}
.dash-side span{font:700 .64rem var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#5f7373}
.dash-side b{font:800 1.8rem/1 var(--f-display);color:#0f3f3f;letter-spacing:-.02em}
.dash-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.85rem;color:#2c4545}
.dash-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;vertical-align:-1px;border:1.6px solid #0f3f3f}
.dash-legend .l-alloc{background:#a8cf6a}.dash-legend .l-avail{background:transparent}.dash-legend .l-loss{background:#b98400;border-color:#b98400}.dash-legend .l-hand{border-style:dashed;border-color:#7a8c8c}
.dash .map{overflow-x:auto;padding:8px}
@media (max-width:760px){.dash-body{grid-template-columns:1fr}.dash-side{border-right:0;border-bottom:1px solid rgba(15,63,63,.1);flex-direction:row;flex-wrap:wrap}.dash-side>div{border:0;padding:0;min-width:40%}.dash-legend{grid-template-columns:1fr 1fr;width:100%}}

.vtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vtile{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(15,63,63,.08)}
.vtile .ico{margin-bottom:8px}
.vtile b{font:800 1.1rem var(--f-display);color:#0f3f3f}
.vtile span{color:#5f7373;font-size:.92rem}
@media (max-width:760px){.vtiles{grid-template-columns:1fr 1fr}}

.seal{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,.6fr) auto minmax(0,1.2fr);gap:16px;align-items:center}
.seal .sbox{border-radius:16px;padding:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:10px;min-width:0}
.seal .sbox.mid{align-items:center;justify-content:center;text-align:center}
.seal .sbox.mid .ico{color:#fff}
.seal .sbox.mid b{color:#fff;font-weight:800}
.seal pre{margin:0;font:400 .8rem/1.6 var(--f-code);color:var(--body);white-space:pre-wrap}
.seal code{font:400 .8rem/1.5 var(--f-code);color:var(--body);word-break:break-all}
.seal .sarrow{font-size:1.6rem;color:var(--leaf)}
.sres{display:flex;gap:8px;flex-wrap:wrap}
.sres span{font:700 .72rem var(--f-body);padding:6px 10px;border-radius:99px}
.sres .ok{background:rgba(182,217,138,.2);color:#d9efbd}
.sres .bad{background:rgba(232,181,74,.15);color:#f0cf86}
@media (max-width:900px){.seal{grid-template-columns:1fr}.seal .sarrow{transform:rotate(90deg);justify-self:center}}

/* tree record page */
.tree-head{padding-bottom:56px}
.th-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.th-qr{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 40px -24px rgba(15,63,63,.4)}
.th-qr .qrbox{padding:0}
@media (max-width:700px){.th-grid{grid-template-columns:1fr}.th-qr{justify-self:start}}
.sec.mint .sheet{background:#fff;border:0;box-shadow:0 0 0 1px rgba(15,63,63,.08),0 20px 40px -30px rgba(15,63,63,.35);border-radius:16px}
.timeline .m{background:#0f3f3f;color:#fff}
.stake{background:#f4f1e8}

/* ===== Picture-led components ===== */
.vhero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reel{width:min(100%,560px);border-radius:26px}
@media (max-width:900px){.reel{width:100%;max-width:520px}}
.cycle-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.cycle-strip{grid-template-columns:1fr 1fr}}
.cyc{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(15,63,63,.08),0 24px 48px -32px rgba(15,63,63,.45);display:flex;flex-direction:column}
.cyc-img{aspect-ratio:1/1;overflow:hidden;background:#cfd8d6}
.cyc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.cyc:hover .cyc-img img{transform:scale(1.05)}
.cyc figcaption{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}
.cyc figcaption span{font:800 .72rem var(--f-body);letter-spacing:.16em;color:#4f8a14}
.cyc figcaption b{font:800 1.35rem/1.1 var(--f-display);color:#0f3f3f;letter-spacing:-.02em}
.cyc figcaption em{font-style:normal;color:#5f7373;font-size:.9rem}

.os-trio{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:16px;align-items:start}
@media (max-width:900px){.os-trio{grid-template-columns:1fr}}
.shot{margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(15,63,63,.1),0 30px 60px -36px rgba(15,63,63,.55)}
.shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1f4f3;border-bottom:1px solid rgba(15,63,63,.08)}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#d0d8d7}
.shot-bar span{margin-left:8px;font:700 .72rem var(--f-body);color:#0f3f3f}
.shot-img{aspect-ratio:4/3;overflow:hidden;background:#e9eeed}
.shot-img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.shot figcaption{padding:14px 16px;color:#5f7373;font-size:.9rem;display:flex;flex-direction:column;gap:2px}
.shot figcaption b{color:#0f3f3f;font-weight:800;font-size:1.02rem}

.itiles{display:grid;gap:14px}
.itiles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.itiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.itiles.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.itiles.c4,.itiles.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.itiles.c3,.itiles.c4,.itiles.c5{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.itiles.c3,.itiles.c4,.itiles.c5{grid-template-columns:1fr}}
.itile{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(15,63,63,.08);text-decoration:none;color:#0f3f3f;transition:transform .25s,box-shadow .25s;min-width:0}
a.itile:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(15,63,63,.18),0 20px 40px -26px rgba(15,63,63,.5)}
.itile-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#e6ede0;margin-bottom:10px}
.itile-ic .ico{color:#0f3f3f}
.itile .leaf{stroke:#4f8a14}
.itile b{font:800 1.05rem/1.2 var(--f-display);letter-spacing:-.01em;color:#0f3f3f}
.itile>span:not(.itile-ic):not(.chip){color:#5f7373;font-size:.9rem}
.itile .chip{margin-top:auto;padding-top:7px;color:#0f3f3f;border-color:rgba(15,63,63,.25)}
.itile .chip.dev::before{border-color:#0f3f3f}
.sec.teal .itile{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.14);color:#fff}
.sec.teal .itile b{color:#fff}
.sec.teal .itile>span:not(.itile-ic):not(.chip){color:var(--body)}
.sec.teal .itile-ic{background:rgba(182,217,138,.16)}
.sec.teal .itile-ic .ico{color:#fff}
.sec.teal .itile .leaf{stroke:#b6d98a}
.sec.teal .itile .chip{color:#fff;border-color:rgba(255,255,255,.35)}
.sec.teal .itile .chip.dev::before{border-color:#fff}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filters button{font:700 .74rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:11px 15px;border-radius:999px;border:1px solid rgba(15,63,63,.25);background:transparent;color:#0f3f3f;cursor:pointer}
.filters button[aria-pressed="true"]{background:#0f3f3f;color:#fff;border-color:#0f3f3f}

.fleet{border-radius:20px;overflow:hidden;background:#10201c}
.fleet img{width:100%;height:auto;display:block}
.mods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:800px){.mods{grid-template-columns:1fr 1fr}}
.mod{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(15,63,63,.08)}
.mod b{font:800 1.15rem var(--f-display);letter-spacing:.04em;color:#0f3f3f}
.mod span{color:#5f7373;font-size:.88rem}
.mod .chip{margin-top:6px;color:#0f3f3f}

.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}
.mosaic figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#cfd8d6}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.mosaic figure:hover img{transform:scale(1.04)}
.mosaic .m1{grid-row:span 1}
.mosaic .m2{grid-row:span 2}
.mosaic figcaption{position:absolute;left:12px;bottom:12px;font:700 .68rem var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(8,40,38,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 10px;border-radius:6px}
@media (max-width:800px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:none}.mosaic figure{aspect-ratio:4/3}.mosaic .m2{grid-row:auto}}

/* sector photo cards */
.scards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.scards{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.scards{grid-template-columns:1fr}}
.scard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 0 0 1px rgba(15,63,63,.08),0 24px 48px -32px rgba(15,63,63,.45);transition:transform .25s,box-shadow .25s}
.scard:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(15,63,63,.16),0 30px 60px -30px rgba(15,63,63,.55)}
.scard-img{aspect-ratio:4/3;overflow:hidden;background:#cfd8d6}
.scard-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.scard:hover .scard-img img{transform:scale(1.05)}
.scard-txt{padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px}
.scard-n{font:800 .72rem var(--f-body);letter-spacing:.16em;color:#4f8a14}
.scard-txt b{font:800 1.25rem/1.15 var(--f-display);letter-spacing:-.02em;color:#0f3f3f}
.scard-txt span:last-child{color:#5f7373;font-size:.92rem}

/* ===== Interactive intelligence stage player ===== */
.stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.st-tabs{display:flex;flex-direction:column;gap:8px}
.st-tab{position:relative;display:flex;align-items:center;gap:16px;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);overflow:hidden;transition:background .25s,border-color .25s}
.st-tab:hover{background:rgba(255,255,255,.07)}
.st-tab[aria-selected="true"]{background:rgba(255,255,255,.1);border-color:rgba(182,217,138,.6)}
.st-n{font:800 .78rem var(--f-body);letter-spacing:.12em;color:var(--leaf);min-width:24px}
.st-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.st-tx b{font:800 1.1rem var(--f-display);color:#fff}
.st-tx em{font-style:normal;font-size:.88rem;color:var(--body);max-height:0;opacity:0;transition:max-height .3s,opacity .3s}
.st-tab[aria-selected="true"] .st-tx em{max-height:3em;opacity:1}
.st-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08)}
.st-bar i{display:block;height:100%;width:0;background:var(--leaf)}
.st-tab[aria-selected="true"] .st-bar i{animation:stfill var(--st-dur,5s) linear forwards}
.stage.paused .st-tab[aria-selected="true"] .st-bar i{animation-play-state:paused}
@keyframes stfill{to{width:100%}}
.st-view{position:relative;border-radius:20px;overflow:hidden;background:#082826;aspect-ratio:5/4;box-shadow:0 40px 80px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
.st-pane{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .6s,transform 1.2s;pointer-events:none}
.st-pane.on{opacity:1;transform:none;pointer-events:auto}
.st-pane img{width:100%;height:100%;object-fit:cover}
.st-hud{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:8px}
.st-hud span{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:10px;background:rgba(8,40,38,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:700 .9rem var(--f-body);color:#fff;border:1px solid rgba(255,255,255,.14)}
.st-hud em{font-style:normal;font:700 .6rem var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#b6d98a}
.st-hud .st-live{flex-direction:row;align-items:center;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.st-live i{width:8px;height:8px;border-radius:50%;background:#b6d98a;animation:pulse 2s infinite}
.st-pause{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(8,40,38,.55);color:#fff;font-size:.75rem;cursor:pointer}
/* light sections (technology page uses mint) */
.sec:not(.teal) .st-tab{border-color:rgba(15,63,63,.12);background:#fff}
.sec:not(.teal) .st-tab:hover{background:#f6f8f7}
.sec:not(.teal) .st-tab[aria-selected="true"]{background:#fff;border-color:#0f3f3f;box-shadow:0 16px 30px -22px rgba(15,63,63,.5)}
.sec:not(.teal) .st-tx b{color:#0f3f3f}
.sec:not(.teal) .st-tx em{color:#5f7373}
.sec:not(.teal) .st-n{color:#4f8a14}
.sec:not(.teal) .st-bar{background:rgba(15,63,63,.08)}
.sec:not(.teal) .st-bar i{background:#4f8a14}
@media (max-width:900px){.stage{grid-template-columns:1fr}.st-view{order:-1}.st-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.st-tab{flex:0 0 auto}.st-tx em{display:none}}
@media (prefers-reduced-motion:reduce){.st-pane{transition:none}.st-tab .st-bar i{animation:none}}
@media (max-width:600px){.st-hud span:not(.st-live){display:none}.st-view{aspect-ratio:4/3}}
.vhero .copy .proof{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--dim);margin-top:4px}.proof span{width:8px;height:8px;border-radius:50%;background:var(--leaf);flex:none}

/* ===== Mobile polish ===== */
@media (max-width:900px){
  .vhero .wrap{grid-template-columns:1fr;gap:28px;padding-block:96px 48px;min-height:0}
  .reel{width:100%;max-width:520px;justify-self:start}
}
@media (max-width:600px){
  .vhero .copy{gap:16px}
  .vhero .display.d-xl{font-size:2.35rem}
  .vhero .copy .proof{font-size:.82rem;align-items:flex-start}
  .vhero .copy .proof span{margin-top:6px}
  .reel{aspect-ratio:4/5;border-radius:20px}
  .sec{padding-block:64px}
  .sec-head{margin-bottom:28px;gap:14px}
  /* compact two-up icon tiles */
  .itiles.c3,.itiles.c4,.itiles.c5{grid-template-columns:1fr 1fr;gap:10px}
  .itile{padding:16px 14px;gap:4px}
  .itile-ic{width:42px;height:42px;border-radius:12px;margin-bottom:6px}
  .itile-ic .ico{width:24px;height:24px}
  .itile b{font-size:.95rem}
  .itile>span:not(.itile-ic):not(.chip){font-size:.82rem}
  .itile .chip{font-size:.62rem;padding:5px 8px;letter-spacing:.08em}
  /* team: compact horizontal cards */
  .team{grid-template-columns:1fr;gap:12px}
  .member{display:grid;grid-template-columns:96px 1fr;column-gap:16px;row-gap:2px;align-items:center;background:#fff;border-radius:16px;padding:12px;box-shadow:0 0 0 1px rgba(15,63,63,.08)}
  .member .ph{grid-row:span 4;width:96px;height:96px;border-radius:12px}
  .member h3{margin-top:0;font-size:1.1rem}
  .member p{font-size:.86rem}
  .member p.dim{display:none}
  .member .li{padding:6px 11px;font-size:.75rem;margin-top:4px}
  /* cycle cards: keep 2-up, shorter captions */
  .cycle-strip{gap:10px}
  .cyc figcaption{padding:12px 12px 14px}
  .cyc figcaption b{font-size:1.1rem}
  .cyc figcaption em{font-size:.8rem}
  /* modules */
  .mods{gap:8px}
  .mod{padding:12px}
  .mod .chip{font-size:.58rem;padding:5px 7px;letter-spacing:.06em;white-space:nowrap}
  /* sector cards */
  .scards{grid-template-columns:1fr 1fr;gap:10px}
  .scard-txt{padding:12px 12px 14px}
  .scard-txt b{font-size:1rem}
  .scard-txt span:last-child{font-size:.8rem}
  /* readable small labels + bigger tap targets */
  .chip,.label{font-size:.7rem}
  .brand{padding-block:10px}
  .fine a{display:inline-block;padding-block:6px}
  .os-trio{gap:12px}
  .lookup .btn{flex:1 1 auto;justify-content:center}
}
@media (max-width:360px){.scards,.itiles.c3,.itiles.c4,.itiles.c5{grid-template-columns:1fr}}
@media (max-width:600px){
  .itiles.c3{grid-template-columns:1fr}
  .itiles.c3 .itile{display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:center}
  .itiles.c3 .itile-ic{grid-row:span 3;margin:0}
  .os-trio{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * max(20px,env(safe-area-inset-left,0px)));padding-inline:max(20px,env(safe-area-inset-left,0px));padding-bottom:8px;scrollbar-width:none}
  .os-trio::-webkit-scrollbar{display:none}
  .os-trio .shot{flex:0 0 82%;scroll-snap-align:start}
  .itile .chip,.mod .chip{font-size:.64rem}
}
.menu-open .site-head{background:#0f3f3f!important;border-color:transparent!important;--fg:#fff;--fg-rgb:255,255,255}.menu-open .site-head .brand{color:#fff}

/* Backer logos: one-colour logos (dark on light sections, white on teal). Falls back to the name as text if a logo file is missing. */
.backers.logos{align-items:center;gap:26px 48px}
.backers .bk{display:inline-flex;align-items:center}
.backers .bk img{display:block;height:30px;width:auto;max-width:180px;object-fit:contain;filter:brightness(0);opacity:.72}
.backers .bk img[src*="google-for-startups"]{max-width:200px;height:24px}
.backers .bk img[src*="nvidia-inception"]{height:38px}
.backers .bk img[src*="founders-factory"]{height:36px}
.sec.teal .backers .bk img,.dark-ctx .backers .bk img{filter:brightness(0) invert(1);opacity:.88}
.backers .bk:has(img) b{display:none}
@media (max-width:600px){.backers.logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;min-width:0;width:100%}.backers .bk{min-width:0}.backers .bk img{height:24px;max-width:100%}.backers .bk img[src*="google-for-startups"]{height:18px}.backers .bk img[src*="nvidia-inception"]{height:30px}.backers .bk img[src*="founders-factory"]{height:29px}}