/* BATech asset pages — the FULL MEASURE world without the film engine */
:root{
  --carbon:#0B0C10; --graphite:#16181D; --porcelain:#E8EAED; --silver:#9AA3AE;
  --cobalt:#2E62FF; --cyan:#6FE3FF; --amber:#E8B44A; --ember:#F6DFAE;
  --disp:'Cabinet Grotesk',sans-serif; --body:'General Sans',sans-serif; --mono:'Spline Sans Mono',monospace;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-color:#2E62FF #0B0C10}
::-webkit-scrollbar{width:11px;background:#0B0C10}
::-webkit-scrollbar-thumb{background:#23304d;border-radius:6px;border:2px solid #0B0C10}
::-webkit-scrollbar-thumb:hover{background:#2E62FF}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
::selection{background:var(--cobalt);color:#fff}
body{background:var(--carbon);color:var(--porcelain);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}

.skip-link{position:fixed;top:-60px;left:16px;z-index:200;background:var(--cobalt);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:10px 18px;border-radius:6px;text-decoration:none;transition:top .2s}
.skip-link:focus{top:14px}

/* header (static surface) */
.p-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,52px);background:rgba(11,12,16,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,234,237,.07)}
.p-header .brand{display:flex;align-items:center;text-decoration:none}
.p-header .brand img{height:24px;width:auto;display:block}
.p-header nav{display:flex;gap:clamp(14px,2.6vw,34px)}
.p-header nav a{color:var(--porcelain);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;transition:opacity .25s,color .25s}
.p-header nav a:hover{opacity:1;color:var(--cyan)}
.p-header nav a[aria-current="page"]{opacity:1;color:var(--cyan)}
@media (max-width:680px){ .p-header nav a:not([aria-current="page"]):not(.nav-cta){display:none} }

/* hero band */
.p-hero{padding:clamp(84px,14vh,150px) clamp(20px,6vw,90px) clamp(48px,8vh,90px);position:relative;overflow:hidden}
.p-hero .wrap{max-width:1120px;margin:0 auto;position:relative}
.p-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(40px,6vw,84px);line-height:1.0;letter-spacing:-.015em;max-width:17ch;text-wrap:balance}
.p-hero .lede{margin-top:26px;font-size:clamp(16.5px,1.45vw,20px);line-height:1.65;color:rgba(232,234,237,.78);max-width:62ch}
.p-hero .signal-rule{height:2px;width:min(320px,44vw);margin-bottom:34px;background:linear-gradient(90deg,var(--amber),rgba(232,180,74,0));position:relative}
.p-hero .signal-rule::before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--amber)}

/* sections */
.p-section{padding:clamp(64px,10vh,120px) clamp(20px,6vw,90px);position:relative}
.p-section .wrap{max-width:1120px;margin:0 auto}
.p-section h2{font-family:var(--disp);font-weight:700;font-size:clamp(30px,3.8vw,54px);line-height:1.05;letter-spacing:-.01em;max-width:22ch;text-wrap:balance}
.p-section .lede{margin-top:20px;font-size:clamp(15.5px,1.3vw,18px);line-height:1.65;color:rgba(232,234,237,.75);max-width:62ch}
.p-section.tone-graphite{background:var(--graphite)}
.p-section.tone-deep{background:linear-gradient(to bottom,var(--graphite),#0d0e13)}
.p-section.tone-porcelain{background:var(--porcelain);color:var(--carbon)}
.p-section.tone-porcelain .lede{color:rgba(11,12,16,.72)}

/* spec ledger — metrology rows, not cards */
.ledger{margin-top:52px;border-top:1px solid rgba(232,234,237,.1)}
.tone-porcelain .ledger{border-color:rgba(11,12,16,.12)}
.ledger .row{display:grid;grid-template-columns:minmax(56px,86px) minmax(180px,300px) 1fr;gap:clamp(14px,3vw,44px);padding:30px 0;border-bottom:1px solid rgba(232,234,237,.1);align-items:baseline}
.tone-porcelain .ledger .row{border-color:rgba(11,12,16,.12)}
.ledger .idx{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--cobalt)}
.ledger h3{font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.9vw,26px);line-height:1.15}
.ledger p{font-size:15px;line-height:1.65;color:rgba(232,234,237,.7);max-width:60ch}
.tone-porcelain .ledger p{color:rgba(11,12,16,.68)}
.ledger ul{list-style:none;margin-top:10px}
.ledger li{font-size:14.5px;line-height:1.7;color:rgba(232,234,237,.66);padding-left:18px;position:relative}
.tone-porcelain .ledger li{color:rgba(11,12,16,.62)}
.ledger li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--cobalt)}
@media (max-width:760px){ .ledger .row{grid-template-columns:1fr;gap:8px} }

/* CTA */
.cta{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:17px 32px;border-radius:8px;background:var(--cobalt);color:#fff;font-family:var(--body);font-weight:600;font-size:16px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .25s var(--ease-out),box-shadow .25s,background .25s}
.cta:hover{transform:translateY(-2px);background:#3d6fff;box-shadow:0 16px 36px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.cta:active{transform:translateY(0)}
.cta.ghost{background:transparent;border:1px solid rgba(232,234,237,.25);color:var(--porcelain);box-shadow:none}
.cta.ghost:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(111,227,255,.05)}
.tone-porcelain .cta.ghost{border-color:rgba(11,12,16,.3);color:var(--carbon)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* inline links in prose */
.p-section a:not(.cta), .p-hero a:not(.cta){color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(111,227,255,.4);transition:text-decoration-color .2s}
.p-section a:not(.cta):hover{text-decoration-color:var(--cyan)}
.tone-porcelain a:not(.cta){color:#1d47c7}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .rv{opacity:1;transform:none;transition:none} }

/* mono data accents */
.data-line{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--cyan)}
.stamp{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--silver)}

/* footer */
.p-footer{background:#08090C;padding:56px clamp(20px,6vw,90px) 36px}
.p-footer .fwrap{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between;align-items:flex-start}
.p-footer img{height:20px;width:auto;display:block}
.p-footer a{color:rgba(232,234,237,.68);text-decoration:none;transition:color .25s}
.p-footer a:hover{color:var(--cyan)}
.p-footer .fcol{display:flex;flex-direction:column;gap:10px;font-size:14px}
.p-footer .fcol b{font-family:var(--mono);font-size:11px;letter-spacing:.26em;color:var(--silver);font-weight:400;margin-bottom:4px}
.p-footer .legal{max-width:1120px;margin:44px auto 0;padding-top:20px;border-top:1px solid rgba(232,234,237,.07);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12.5px;color:rgba(232,234,237,.38)}