:root{
    --paper:#ffffff; --paper2:#fafaf7; --slab:#f0efe9; --ink:#1a1c22; --inkln:#363942;
    --sub:#696c74; --line:#e1ddd2; --navy:#2c3e6e; --navy-hover:#243358; --rust:#c2410c;
    --rust-soft:rgba(194,65,12,.07); --rust-line:rgba(194,65,12,.28); --tint:#eef1f7; --tint-line:#d3dbeb; --green:#2f7d57; --soft:#3a3d45;
  }
  html[data-theme="dark"]{--paper:#0f1320;--paper2:#171c2a;--slab:#1d2333;--ink:#eef0f5;--inkln:#cdd2dd;--sub:#9aa1ad;--line:#2a3142;--navy:#4f68b0;--navy-hover:#5e76bd;--rust:#ff6a4d;--rust-soft:rgba(255,106,77,.09);--rust-line:rgba(255,106,77,.35);--tint:#1a2238;--tint-line:#2c3852;--green:#43b07f;--soft:#c5c9d3;}
  html[data-theme="dark"] nav{background:rgba(15,19,32,.85)}
  html[data-theme="dark"] header::before{background-image:radial-gradient(rgba(255,255,255,.05) 1.3px,transparent 1.4px)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
  .wrap{max-width:1240px;margin:0 auto;padding:0 36px}
  .mono{font-family:'JetBrains Mono',monospace}
  a{color:inherit;text-decoration:none}
  .ey{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--rust);display:inline-flex;align-items:center;gap:10px}
  .ey::before{content:"";width:22px;height:1.5px;background:var(--rust);transform-origin:left;animation:eyline 1s cubic-bezier(.2,.65,.25,1) both}
  @keyframes eyline{from{transform:scaleX(0)}}

  /* ===== chrome ===== */
  .progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--rust),#e8702a);z-index:90;transition:width .08s linear}
  .ribbon{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--ink);color:var(--paper);font-family:'JetBrains Mono';font-size:11px;letter-spacing:.06em;padding:8px 13px;border-radius:999px;opacity:.8}
  .rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:13px;font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.12em}
  .rail a{color:var(--sub);display:flex;align-items:center;gap:7px;opacity:.65;transition:opacity .2s,color .2s}
  .rail a .tick{width:12px;height:1px;background:currentColor;transition:width .25s}
  .rail a:hover{opacity:1}
  .rail a.on{color:var(--rust);opacity:1}
  .rail a.on .tick{width:22px}
  @media(max-width:1340px){.rail{display:none}}

  /* ===== reveal ===== */
  .anim .reveal{opacity:0;transform:translateY(24px)}
  .reveal{transition:opacity .8s cubic-bezier(.2,.65,.25,1),transform .8s cubic-bezier(.2,.65,.25,1)}
  .reveal.in{opacity:1;transform:none}

  /* ===== nav ===== */
  nav{position:sticky;top:0;z-index:40;background:rgba(244,243,237,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
  nav.scrolled{box-shadow:0 6px 22px rgba(26,28,34,.06)}
  .nav-in{display:flex;align-items:center;gap:30px;height:60px;max-width:1240px;margin:0 auto;padding:0 36px}
  .logo{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em}
  .logo .logomark{overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  .logo .logomark .ml{transform-box:fill-box;transition:transform .4s cubic-bezier(.34,1.5,.5,1)}
  .logo:hover .logomark{transform:scale(1.06) rotate(-1deg)}
  .logo:hover .logomark .ml1{transform:translateY(3px)}
  .logo:hover .logomark .ml3{transform:translateY(-4px)}
  .nav-links{display:flex;gap:22px;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.14em;color:var(--sub)}
  .nav-links a{position:relative;padding-bottom:2px;transition:color .15s}
  .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1.5px;background:var(--rust);transition:right .25s cubic-bezier(.2,.65,.25,1)}
  .nav-links a:hover{color:var(--ink)}
  .nav-links a:hover::after{right:0}
  .nav-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
  .themebtn{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,transform .3s}
  .themebtn:hover{border-color:var(--rust);transform:rotate(-12deg)}
  .btn{font-size:14px;font-weight:500;padding:10px 18px;border-radius:0;border:1px solid transparent;cursor:pointer;display:inline-block;transition:background .16s,border-color .16s,transform .12s,color .16s,box-shadow .2s;will-change:transform;font-family:'Inter'}
  .btn:active{transform:scale(.985)}
  .btn.p{background:var(--ink);color:var(--paper)}
  .btn.p:hover{background:var(--rust);color:#fff;box-shadow:0 6px 18px rgba(194,65,12,.25)}
  .btn.g{border-color:var(--line);color:var(--ink);background:transparent}
  .btn.g:hover{border-color:var(--ink)}
  .btn.r{border-color:var(--rust);color:var(--rust);background:transparent}
  .btn.r:hover{background:var(--rust);color:#fff}
  .btn.lg{padding:15px 26px;font-size:15px}

  /* ===== hero ===== */
  header{padding:104px 0 88px;position:relative;overflow:hidden}
  header::before{content:"";position:absolute;inset:-1px;z-index:0;
    background-image:radial-gradient(rgba(44,62,110,.13) 1.3px, transparent 1.4px);
    background-size:22px 22px;background-position:center;
    -webkit-mask:radial-gradient(110% 95% at 72% 22%,#000,transparent 72%);mask:radial-gradient(110% 95% at 72% 22%,#000,transparent 72%)}
  header::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;
    background:radial-gradient(420px circle at var(--hx,70%) var(--hy,30%),var(--rust-soft),transparent 70%)}
  header.spot::after{opacity:1}
  header .wrap{position:relative;z-index:1}
  .crop{position:absolute;width:16px;height:16px;opacity:.45;z-index:1;pointer-events:none}
  .crop.tl{top:16px;left:16px;border-left:1.5px solid var(--ink);border-top:1.5px solid var(--ink)}
  .crop.tr{top:16px;right:16px;border-right:1.5px solid var(--ink);border-top:1.5px solid var(--ink)}
  .crop.bl{bottom:16px;left:16px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
  .crop.br{bottom:16px;right:16px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
  .hero-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
  .hero-meta .doc{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.16em;color:var(--sub)}
  h1{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.0;letter-spacing:-.035em;font-size:clamp(46px,6.6vw,92px);margin:26px 0 0;max-width:17ch}
  .anim h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}
  .anim h1 .w>span{display:inline-block;transform:translateY(115%);animation:wordup .75s cubic-bezier(.2,.65,.25,1) forwards}
  @keyframes wordup{to{transform:none}}
  .hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;margin-top:40px;align-items:start}
  .lead{font-size:18px;line-height:1.66;color:var(--soft);max-width:54ch}
  .anim .fade-late{opacity:0;animation:fadein .9s ease forwards}
  @keyframes fadein{to{opacity:1}}
  .manifest{margin-top:30px;border-top:1.5px solid var(--ink)}
  .mrow{display:grid;grid-template-columns:40px 110px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:background .2s,padding-left .25s}
  .mrow:hover{background:linear-gradient(90deg,var(--rust-soft),transparent 70%);padding-left:8px}
  .mrow .mn{font-family:'JetBrains Mono';font-size:10.5px;color:var(--rust)}
  .mrow .mt{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;color:var(--ink)}
  .mrow .md{font-size:13px;color:var(--sub)}
  .ctas{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
  .trialnote{margin-top:14px;font-size:11.5px;color:var(--sub);font-family:'JetBrains Mono';letter-spacing:.04em}
  .proof{margin-top:26px;font-size:14px;color:var(--soft);line-height:1.65;max-width:50ch;border-left:2px solid var(--rust);padding-left:15px}

  /* ===== exploded stack ===== */
  .stack-side{position:relative}
  .stack-head{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:var(--sub);margin-bottom:2px;text-align:right}
  #stack{transition:transform .3s ease-out;will-change:transform}
  svg.stack{width:100%;height:auto;display:block;overflow:visible;color:#4a4d55}
  html[data-theme="dark"] svg.stack{color:#aab0bd}
  .floaty{animation:bob 8s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  .layer{cursor:pointer;transition:transform .22s cubic-bezier(.34,1.6,.5,1),opacity .25s,filter .22s}
  .anim .layer.asm{animation:layerdrop .8s cubic-bezier(.22,.9,.32,1.18) backwards}
  @keyframes layerdrop{from{opacity:0;transform:translateY(-42px)}}
  .floaty:hover .layer{opacity:.28}
  .floaty .layer:hover{opacity:1;transform:translateY(-24px) scale(1.1);filter:drop-shadow(0 20px 22px rgba(27,39,71,.34))}
  html[data-theme="dark"] .floaty .layer:hover{filter:drop-shadow(0 0 20px rgba(140,160,220,.55))}
  .floaty .layer.lit{transform:translateY(-15px) scale(1.04);filter:drop-shadow(0 14px 18px rgba(27,39,71,.22))}
  html[data-theme="dark"] .floaty .layer.lit{filter:drop-shadow(0 0 14px rgba(140,160,220,.4))}
  .floaty .layer.lit .cap{opacity:1}
  .layer:hover .ed{stroke-width:3.6}
  .layer.lit .ed{stroke-width:2.4}
  .layer .cap{opacity:0;transition:opacity .2s}
  .layer:hover .cap{opacity:1}
  .face{fill:var(--slab)}
  .ed{fill:none;stroke:var(--inkln);stroke-width:1.4;transition:stroke-width .2s}
  .ed.fnd{stroke:var(--ink);stroke-width:1.6}
  .ed.act{stroke:var(--rust);stroke-width:1.9}
  .lead-ln{fill:none;stroke:#b9b4a6;stroke-width:1;stroke-dasharray:3 3}
  .nm{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;fill:var(--ink)}
  .nm.act{fill:var(--rust)}
  .cap{font-family:'Inter',sans-serif;font-size:10.5px;fill:var(--sub)}
  .fig{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);margin-top:8px;padding-top:8px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.12em;color:var(--sub)}
  .fig b{color:var(--rust);font-weight:500}
  .stack-hud{margin-top:7px;text-align:right;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:var(--ink);min-height:18px}
  .stack-hud .hi{color:var(--rust)}
  .stack-hud .hc{color:var(--sub)}
  .stack-hud::after{content:"▌";color:var(--rust);animation:blink 1.2s steps(1) infinite;margin-left:4px;font-size:10px}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
  .stack-hud.sw .hwrap{display:inline-block;animation:hudin .35s cubic-bezier(.2,.65,.25,1) both}
  @keyframes hudin{from{opacity:0;transform:translateY(6px)}}

  /* ===== ticker ===== */
  .tickwrap{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;background:var(--paper2);padding:12px 0;position:relative}
  .tickwrap::before,.tickwrap::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
  .tickwrap::before{left:0;background:linear-gradient(90deg,var(--paper2),transparent)}
  .tickwrap::after{right:0;background:linear-gradient(-90deg,var(--paper2),transparent)}
  .tick{display:flex;gap:46px;width:max-content;animation:tickmove 30s linear infinite;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.22em;color:var(--sub);white-space:nowrap}
  .tickwrap:hover .tick{animation-play-state:paused}
  .tick b{color:var(--rust);font-weight:500}
  @keyframes tickmove{to{transform:translateX(-50%)}}

  /* ===== chapters ===== */
  .ch{padding:124px 0 128px;scroll-margin-top:70px;position:relative}
  .ch .wrap{position:relative}
  .ch .wrap::before{content:"";position:absolute;top:-84px;left:36px;right:36px;height:2px;background:var(--ink)}
  .chhead{display:grid;grid-template-columns:170px 1fr;gap:56px;align-items:start}
  .chnum{font-family:'Space Grotesk';font-weight:700;font-size:clamp(72px,8vw,118px);line-height:.78;color:transparent;-webkit-text-stroke:1.5px var(--rust);opacity:.9;user-select:none}
  html[data-theme="dark"] .chnum{-webkit-text-stroke:1.5px var(--rust)}
  .chkick{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.18em;color:var(--rust);margin-bottom:14px}
  .chhead h2{font-family:'Space Grotesk';font-weight:600;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.025em;line-height:1.05;max-width:24ch}
  .chhead .chp{color:var(--sub);font-size:16.5px;line-height:1.68;margin-top:16px;max-width:68ch}
  .chhead .chp+.chp{margin-top:12px}
  .pull{font-family:'Space Grotesk';font-weight:600;font-size:clamp(20px,2.2vw,27px);letter-spacing:-.02em;line-height:1.3;color:var(--ink);border-left:3px solid var(--rust);padding:6px 0 6px 20px;margin-top:26px;max-width:30ch}
  @media(max-width:900px){.chhead{grid-template-columns:1fr;gap:18px}.chnum{font-size:64px}}

  /* ===== field notes (stats) ===== */
  .notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:68px;border-top:1px solid var(--ink)}
  .note{padding:22px 26px 4px 0;border-right:1px solid var(--line)}
  .note:last-child{border-right:none}
  .note .nl{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.14em;color:var(--rust)}
  .note b{font-family:'Space Grotesk';font-size:clamp(28px,3vw,40px);font-weight:600;display:block;letter-spacing:-.02em;margin-top:10px}
  .note span{font-size:13px;color:var(--sub);line-height:1.55;display:block;margin-top:6px;max-width:26ch}

  /* ===== spec-sheet comparison ===== */
  .cmp-wrap{margin-top:66px;overflow-x:auto}
  table.cmp{width:100%;border-collapse:collapse;font-size:13.5px;min-width:940px}
  table.cmp th,table.cmp td{padding:15px 16px;text-align:center;border-bottom:1px solid var(--line)}
  table.cmp thead th{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.08em;color:var(--sub);font-weight:500;vertical-align:bottom;border-bottom:2px solid var(--ink);padding-bottom:14px}
  table.cmp td:first-child,table.cmp th:first-child{text-align:left;color:var(--ink);width:26%}
  table.cmp tbody td:first-child{font-weight:500}
  table.cmp .me{background:var(--rust-soft);border-left:1px solid var(--rust-line);border-right:1px solid var(--rust-line)}
  table.cmp tbody tr{transition:background .2s}
  table.cmp tbody tr:hover td:first-child{color:var(--rust)}
  .anim table.cmp tbody tr{opacity:0;transform:translateX(-12px)}
  table.cmp.in tbody tr{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.2,.65,.25,1),transform .55s cubic-bezier(.2,.65,.25,1)}
  .mtag{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--paper);font-family:'Space Grotesk';font-weight:600;font-size:13px;padding:5px 11px;animation:mpulse 3.2s ease-in-out infinite}
  @keyframes mpulse{0%,100%{box-shadow:0 0 0 0 rgba(194,65,12,.32)}55%{box-shadow:0 0 0 8px rgba(194,65,12,0)}}
  .ic{display:inline-block;vertical-align:middle}
  .ic.full{width:19px;height:19px;border-radius:50%;background:var(--navy);position:relative}
  .ic.full::after{content:"";position:absolute;left:6px;top:4.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .me .ic.full{background:var(--rust)}
  .ic.part{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--navy);background:linear-gradient(90deg,var(--navy) 50%,transparent 50%)}
  .me .ic.part{border-color:var(--rust);background:linear-gradient(90deg,var(--rust) 50%,transparent 50%)}
  .ic.none{width:13px;height:2px;background:#c8c2b4}
  .cmp-note{font-size:11px;color:var(--sub);margin-top:14px;font-family:'JetBrains Mono';letter-spacing:.02em}

  table.cmp tr.priced td{border-top:2px solid var(--ink);font-family:'JetBrains Mono';font-size:11.5px;letter-spacing:.02em;padding-top:18px}
  table.cmp tr.priced td.me{font-weight:600}

  /* ===== component index (CH.02) ===== */
  .ix{margin-top:68px;border-top:1.5px solid var(--ink)}
  .ix-row{border-bottom:1px solid var(--line);cursor:pointer;transition:background .25s}
  .ix-row:hover{background:linear-gradient(90deg,var(--rust-soft),transparent 65%)}
  .ix-top{display:grid;grid-template-columns:56px 190px 1fr auto 44px;gap:20px;align-items:center;padding:22px 4px}
  .ix-num{font-family:'JetBrains Mono';font-size:12px;color:var(--rust);letter-spacing:.1em}
  .ix-name{font-family:'Space Grotesk';font-weight:600;font-size:clamp(19px,2vw,26px);letter-spacing:-.01em;transition:letter-spacing .25s}
  .ix-row:hover .ix-name{letter-spacing:.02em}
  .ix-one{font-size:14px;color:var(--sub)}
  .ix-tag{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.08em;padding:4px 10px;border:1px solid var(--line);color:var(--sub);white-space:nowrap}
  .ix-tag.std{color:var(--navy);border-color:var(--tint-line);background:var(--tint)}
  .ix-arr{font-size:18px;color:var(--sub);justify-self:end;transition:transform .3s,color .2s}
  .ix-row.open .ix-arr{transform:rotate(90deg);color:var(--rust)}
  .ix-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.65,.25,1)}
  .ix-detail>div{overflow:hidden}
  .ix-row.open .ix-detail{grid-template-rows:1fr}
  .ix-inner{display:grid;grid-template-columns:56px 1fr 220px;gap:20px;padding:0 4px 26px}
  .ix-sw{grid-column:1;width:36px;height:36px;background-color:var(--navy)}
  .ix-body p{font-size:14.5px;color:var(--soft);line-height:1.65;max-width:62ch}
  .ix-body .ix-feats{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.04em;color:var(--sub);margin-top:12px;line-height:2}
  .ix-body .ix-feats b{color:var(--rust);font-weight:400}
  .ix-go{align-self:end;justify-self:end;font-size:13px;font-weight:500;color:var(--rust)}
  @media(max-width:900px){.ix-top{grid-template-columns:40px 1fr 36px}.ix-one,.ix-tag{display:none}.ix-inner{grid-template-columns:40px 1fr}.ix-go{grid-column:2;justify-self:start;margin-top:10px}}

  /* ===== verticals (CH.03) ===== */
  .vtabs{display:flex;gap:0;margin-top:64px;border:1px solid var(--ink);width:max-content;max-width:100%;overflow-x:auto}
  .vtabs button{border:none;border-right:1px solid var(--ink);background:transparent;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;padding:13px 22px;cursor:pointer;color:var(--sub);transition:background .2s,color .2s;white-space:nowrap}
  .vtabs button:last-child{border-right:none}
  .vtabs button:hover{color:var(--ink)}
  .vtabs button.on{background:var(--ink);color:var(--paper)}
  .vpanel{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;margin-top:38px;align-items:start}
  .vpanel.vin{animation:vfade .45s cubic-bezier(.2,.65,.25,1)}
  @keyframes vfade{from{opacity:0;transform:translateY(10px)}}
  .vpanel .vk{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.16em;color:var(--rust)}
  .vpanel h3{font-family:'Space Grotesk';font-weight:600;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;margin-top:12px}
  .vpanel .vp{font-size:15.5px;color:var(--soft);line-height:1.7;margin-top:14px;max-width:54ch}
  .vlist{border-top:1.5px solid var(--ink)}
  .vlist .vrow{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--soft);align-items:baseline}
  .vlist .vrow b{font-family:'JetBrains Mono';font-size:10.5px;color:var(--rust);font-weight:400}
  .vchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .vchips span{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;border:1px solid var(--line);color:var(--sub);padding:5px 10px}
  @media(max-width:900px){.vpanel{grid-template-columns:1fr;gap:26px}}

  /* ===== operators / quotes (CH.04) ===== */
  .quotes{display:grid;grid-template-columns:1.25fr 1fr;grid-auto-rows:auto;gap:16px;margin-top:66px}
  .q{border:1px solid var(--line);background:var(--paper2);padding:30px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
  .q:hover{border-color:var(--rust);transform:translateY(-3px)}
  .q::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),var(--rust-soft),transparent 65%)}
  .q:hover::after{opacity:1}
  .q.big{grid-row:span 2;display:flex;flex-direction:column}
  .q .qm{font-family:'Space Grotesk';font-weight:700;font-size:58px;line-height:.6;color:var(--rust);height:26px}
  .q p{font-family:'Space Grotesk';font-weight:500;font-size:17px;line-height:1.5;letter-spacing:-.01em;margin-top:16px}
  .q.big p{font-size:clamp(20px,2vw,26px);margin-top:22px;flex:1}
  .q .who{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.14em;color:var(--sub);margin-top:22px;display:flex;align-items:center;gap:9px}
  .q .who::before{content:"";width:16px;height:1.5px;background:var(--rust)}
  .q-note{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.06em;color:var(--sub);margin-top:14px}
  @media(max-width:900px){.quotes{grid-template-columns:1fr}.q.big{grid-row:auto}}

  /* ===== AI execution layer (CH.AI) ===== */
  .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
  .mode{background:var(--paper2);border:1px solid var(--line);border-top:3px solid var(--ink);padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}
  .mode:hover{transform:translateY(-4px);border-color:var(--rust);box-shadow:0 12px 28px rgba(26,28,34,.08)}
  .mode.feat{border-top:3px solid var(--rust)}
  .mode .mk{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.14em;color:var(--rust)}
  .mode h4{font-family:'Space Grotesk';font-weight:600;font-size:21px;letter-spacing:-.01em;margin-top:10px}
  .mode p{font-size:13.5px;color:var(--soft);line-height:1.6;margin-top:10px}
  .agt{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
  .agt-card{background:var(--paper2);border:1px solid var(--line);padding:22px;transition:border-color .25s,transform .25s}
  .agt-card:hover{border-color:var(--rust);transform:translateY(-3px)}
  .agt-card .ah{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}
  .agt-card .an{font-family:'Space Grotesk';font-weight:600;font-size:16px;letter-spacing:-.01em}
  .agt-card .aw{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;color:var(--rust);white-space:nowrap}
  .agt-card p{font-size:13px;color:var(--sub);line-height:1.6}
  @media(max-width:900px){.modes{grid-template-columns:1fr}.agt{grid-template-columns:1fr}}

  /* ===== services (CH.05) ===== */
  .svrows{margin-top:46px;border-top:1.5px solid var(--ink)}
  .svrow{display:grid;grid-template-columns:80px 250px 1fr;gap:26px;padding:28px 4px;border-bottom:1px solid var(--line);transition:background .25s}
  .svrow:hover{background:linear-gradient(90deg,var(--rust-soft),transparent 65%)}
  .svrow .n{font-family:'JetBrains Mono';font-size:11px;color:var(--rust);letter-spacing:.1em;padding-top:4px}
  .svrow h4{font-family:'Space Grotesk';font-weight:600;font-size:21px;letter-spacing:-.01em}
  .svrow p{font-size:14.5px;color:var(--sub);line-height:1.65;max-width:60ch}
  .svc-cta{margin-top:30px}
  @media(max-width:900px){.svrow{grid-template-columns:50px 1fr}.svrow p{grid-column:2}}

  /* ===== ROI calculator (CH.MATH) ===== */
  .calc{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:66px;border:1px solid var(--ink)}
  .calc-in{padding:34px 36px;border-right:1px solid var(--ink)}
  .calc-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
  .calc-field label{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;color:var(--ink);text-transform:uppercase}
  .calc-field input{width:118px;background:var(--paper2);border:1px solid var(--line);padding:11px 13px;font-family:'Space Grotesk';font-size:21px;font-weight:600;color:var(--ink);text-align:right}
  .calc-field input:focus{outline:none;border-color:var(--rust)}
  .calc-tool{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--soft)}
  .calc-tool label{display:flex;align-items:center;gap:11px;cursor:pointer}
  .calc-tool input{width:15px;height:15px;accent-color:var(--rust);cursor:pointer}
  .calc-tool span{font-family:'JetBrains Mono';font-size:10.5px;color:var(--sub);letter-spacing:.04em}
  .calc-out{padding:34px 36px;background:var(--paper2);display:flex;flex-direction:column;justify-content:center;gap:16px}
  .calc-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .calc-line .cl-l{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;color:var(--sub);text-transform:uppercase}
  .calc-line .cl-v{font-family:'Space Grotesk';font-weight:600;font-size:31px;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
  .calc-line .cl-v small{font-family:'Inter';font-size:13px;font-weight:400;color:var(--sub);margin-left:3px}
  .calc-line.big{border-bottom:none;padding-top:6px}
  .calc-line.big .cl-v{font-size:48px}
  .calc-line .cl-v.rust{color:var(--rust)}
  .calc-meta{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.06em;color:var(--sub);margin-top:6px}
  .calc-meta b{color:var(--ink);font-weight:500}
  @media(max-width:760px){.calc{grid-template-columns:1fr}.calc-in{border-right:none;border-bottom:1px solid var(--ink)}}

  /* ===== pricing (CH.06) ===== */
  .ptoggle{display:inline-flex;border:1px solid var(--ink);margin-top:40px}
  .ptoggle button{border:none;background:transparent;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;padding:11px 22px;cursor:pointer;color:var(--sub);transition:background .2s,color .2s}
  .ptoggle button.on{background:var(--ink);color:var(--paper)}
  .pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;align-items:stretch}
  .pc{background:var(--paper2);border:1px solid var(--line);border-top:3px solid var(--ink);padding:26px 24px;position:relative;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;flex-direction:column}
  .pc:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(26,28,34,.08)}
  .pc.feat{border-top:3px solid var(--rust);background:var(--paper2)}
  .pc.feat::before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rust),#e8956b,var(--rust));background-size:200% 100%;animation:featbar 3.5s linear infinite}
  @keyframes featbar{to{background-position:-200% 0}}
  .pc .badge{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.12em;color:var(--rust);margin-bottom:10px;min-height:12px}
  .pc .pn{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.08em;color:var(--ink)}
  .pc .price{font-family:'Space Grotesk';font-size:38px;font-weight:600;letter-spacing:-.02em;margin-top:10px;display:flex;align-items:baseline;gap:5px}
  .pc .price .period{font-family:'Inter';font-size:14px;font-weight:400;color:var(--sub)}
  .pc .price span.flip{animation:pflip .45s cubic-bezier(.2,.65,.25,1)}
  @keyframes pflip{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
  .pc .save{display:inline-block;font-size:11px;color:var(--green);font-weight:500;margin-top:6px;min-height:15px}
  .pc .seats{font-size:10.5px;font-family:'JetBrains Mono';color:var(--navy);margin-top:9px;letter-spacing:.02em;line-height:1.5}
  .pc .desc{font-size:13px;color:var(--soft);margin:13px 0 14px;line-height:1.55}
  .pc ul{list-style:none;font-size:12.5px;color:var(--sub);line-height:2}
  .pc ul li::before{content:"+ ";color:var(--rust)}
  .pc .btn{width:100%;text-align:center;margin-top:auto}
  .pc .spacer{margin-top:20px}
  .packnote{font-size:13px;color:var(--sub);margin-top:30px;line-height:1.65;max-width:70ch}
  .packnote a{color:var(--rust);font-weight:500}
  @media(max-width:1100px){.pcards{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.pcards{grid-template-columns:1fr}}

  /* ===== changelog (CH.07) ===== */
  .cl{margin-top:42px;border-top:1.5px solid var(--ink)}
  .cli{border-bottom:1px solid var(--line);padding:20px 4px;cursor:pointer;transition:background .2s}
  .cli:hover{background:linear-gradient(90deg,var(--rust-soft),transparent 65%)}
  .cli-head{display:grid;grid-template-columns:122px 1fr 24px;gap:22px;align-items:start}
  .cli .d{font-family:'JetBrains Mono';font-size:11px;color:var(--sub);padding-top:3px;letter-spacing:.04em}
  .cli .chip{display:inline-block;font-size:9.5px;font-family:'JetBrains Mono';padding:3px 9px;margin-right:10px;letter-spacing:.08em}
  .chip.new{background:#e7f1ec;color:#2f7d57}.chip.imp{background:#e9edf6;color:#2c3e6e}.chip.fix{background:#f3ece1;color:#8a6a2f}
  html[data-theme="dark"] .chip.new{background:#15301f;color:#43b07f}
  html[data-theme="dark"] .chip.imp{background:#1a2238;color:#7d92cf}
  .cli h5{font-size:15px;font-weight:500;display:inline}
  .cli .sub{font-size:13px;color:var(--sub);margin-top:6px}
  .cli .chev{justify-self:end;color:var(--sub);transition:transform .25s;font-size:16px}
  .cli.open .chev{transform:rotate(180deg)}
  .cli .detail{display:none;grid-column:1 / -1;margin:16px 0 4px;padding-left:144px}
  .cli.open .detail{display:block;animation:detin .4s cubic-bezier(.2,.65,.25,1)}
  @keyframes detin{from{opacity:0;transform:translateY(-6px)}}
  .cli .detail>ul{font-size:13px;color:var(--soft);line-height:1.9;margin:0 0 4px 16px}
  .shot{border:1px dashed #bbb6a7;background:var(--paper);height:170px;display:flex;align-items:center;justify-content:center;color:var(--sub);font-family:'JetBrains Mono';font-size:11.5px;letter-spacing:.06em;margin-top:14px}
  .cl-foot{margin-top:24px;font-size:13px;color:var(--sub)}
  .cl-foot a{color:var(--rust);font-weight:500}
  @media(max-width:900px){.cli .detail{padding-left:0}}

  /* ===== closer ===== */
  .closer{background:var(--navy);color:#fff;padding:96px 0;position:relative;overflow:hidden;text-align:left}
  .closer::before{content:"MESA";position:absolute;right:-30px;bottom:-60px;font-family:'Space Grotesk';font-weight:700;font-size:clamp(160px,26vw,360px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.10);user-select:none;pointer-events:none}
  .closer::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 48%,rgba(232,112,42,.12) 52%,transparent 65%);background-size:240% 100%;animation:sheen 6s ease-in-out infinite}
  @keyframes sheen{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}
  .closer .wrap{position:relative;z-index:1}
  .closer .ck{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.18em;color:#ff8a66}
  .closer h2{font-family:'Space Grotesk';font-weight:600;font-size:clamp(34px,4.6vw,62px);letter-spacing:-.03em;line-height:1.02;max-width:18ch;margin-top:18px}
  .closer p{color:#c5ccdf;font-size:16px;margin-top:18px;max-width:54ch;line-height:1.65}
  .closer .btn{margin-top:30px;background:#fff;color:var(--navy);border:none}
  .closer .btn:hover{background:var(--rust);color:#fff}

  /* ===== newsletter ===== */
  .newsband{border-top:1px solid var(--ink);padding:72px 0}
  .news{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
  .news h2{font-family:'Space Grotesk';font-weight:600;font-size:clamp(26px,2.8vw,36px);letter-spacing:-.02em;line-height:1.1}
  .news p{color:var(--sub);font-size:15px;margin-top:10px;line-height:1.6}
  .nform{display:flex;gap:0;border:1px solid var(--ink)}
  .nform input{flex:1;background:var(--paper2);border:none;padding:15px 16px;color:var(--ink);font-size:14px;font-family:'Inter'}
  .nform input:focus{outline:none;background:#fff}
  html[data-theme="dark"] .nform input:focus{background:#101524}
  .nform input::placeholder{color:#9aa0ad}
  .nform .btn{border-left:1px solid var(--ink)}
  .nnote{font-size:11px;color:var(--sub);margin-top:10px;font-family:'JetBrains Mono';letter-spacing:.04em}
  @media(max-width:900px){.news{grid-template-columns:1fr}}

  /* ===== footer colophon ===== */
  footer{border-top:1.5px solid var(--ink);padding:60px 0 30px;background:var(--paper2);overflow:hidden}
  .fmark{font-family:'Space Grotesk';font-weight:700;font-size:clamp(90px,15vw,220px);line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--line);user-select:none;margin-bottom:40px;transition:-webkit-text-stroke-color .4s}
  .fmark:hover{-webkit-text-stroke-color:var(--rust-line)}
  .fcols{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:24px}
  .fcols h6{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.14em;color:var(--rust);margin-bottom:14px;font-weight:500}
  .fcols a{display:block;font-size:13.5px;color:var(--soft);padding:5px 0;transition:color .15s,transform .15s}
  .fcols a:hover{color:var(--rust);transform:translateX(2px)}
  .fbrand p{font-size:13px;color:var(--sub);line-height:1.6;max-width:30ch}
  .fbase{display:flex;justify-content:space-between;align-items:center;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--sub);font-family:'JetBrains Mono';letter-spacing:.04em}
  @media(max-width:900px){.fcols{grid-template-columns:1fr 1fr}}

  /* ===== mock app frame (changelog) ===== */
  .appframe{margin-top:16px;border:1px solid var(--line);overflow:hidden;max-width:780px;box-shadow:0 12px 34px rgba(26,28,34,.08)}
  .appbar{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:#eef0f3;border-bottom:1px solid #e2e5ea}
  .appbar i{width:10px;height:10px;border-radius:50%;background:#cfd3da;display:inline-block}
  .appbar .url{margin-left:10px;font-family:'JetBrains Mono';font-size:11px;color:#8a929e}
  .appbar .live{margin-left:auto;font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;color:#0a8754;display:flex;align-items:center;gap:5px}
  .appbar .live::before{content:"";width:6px;height:6px;border-radius:50%;background:#0a8754;display:inline-block;animation:blink 1.6s ease-in-out infinite}
  .od{background:#f7f8fa;color:#0f1419;font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif}
  .od-top{height:46px;background:#fff;border-bottom:1px solid #e7e9ee;display:flex;align-items:center;padding:0 16px;gap:14px}
  .od-m{width:20px;height:20px;border-radius:6px;background:#0f1419;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
  .od-name{font-weight:600;font-size:13px;letter-spacing:-.2px}
  .od-tagp{font-size:9px;color:#8a929e;border:1px solid #e7e9ee;border-radius:5px;padding:1px 6px}
  .od-nav{display:flex;gap:3px;margin-left:8px}
  .od-nav span{font-size:11px;color:#5b6470;padding:5px 9px;border-radius:6px}
  .od-nav span.on{background:#f0f1f4;color:#0f1419;font-weight:500}
  .od-newt{margin-left:auto;font-size:10.5px;font-weight:600;border:1px solid #e7e9ee;border-radius:7px;padding:5px 10px;color:#0f1419}
  .od-av{width:22px;height:22px;border-radius:50%;background:#eef0fe;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:10px}
  .od-body{padding:22px}
  .od-eye{font-size:10px;color:#4f46e5;font-weight:600;letter-spacing:.3px}
  .od-h1{font-size:24px;font-weight:600;letter-spacing:-.6px;margin-top:7px}
  .od-p{font-size:12.5px;color:#5b6470;margin-top:7px;max-width:46ch;line-height:1.5}
  .od-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}
  .od-card{background:#fff;border:1px solid #e7e9ee;border-radius:11px;padding:14px 15px}
  .od-card .l{font-size:10.5px;color:#8a929e;font-weight:500}
  .od-card .v{font-size:25px;font-weight:600;letter-spacing:-.6px;margin-top:7px;font-variant-numeric:tabular-nums}
  .od-card .dlt{display:inline-flex;align-items:center;gap:4px;margin-top:9px;font-size:10px;font-weight:600;color:#0a8754;background:#e6f4ee;padding:2px 7px;border-radius:999px}
  .od-tbl{background:#fff;border:1px solid #e7e9ee;border-radius:12px;margin-top:16px;overflow:hidden}
  .od-tbl .hd{padding:14px 16px;border-bottom:1px solid #e7e9ee;display:flex;justify-content:space-between;align-items:center}
  .od-tbl .hd b{font-size:13px;font-weight:600}.od-tbl .hd .vw{font-size:11px;color:#4f46e5;font-weight:600}
  .od-tbl .hd .s2{font-size:11px;color:#8a929e;margin-top:1px}
  .od-row{display:grid;grid-template-columns:2fr 1.3fr .7fr .9fr .9fr;padding:11px 16px;align-items:center;font-size:11.5px;border-top:1px solid #f0f1f4}
  .od-row.head{color:#8a929e;font-size:9.5px;letter-spacing:.4px;font-weight:600;border-top:none;text-transform:uppercase}
  .od-row .odn{font-weight:600}.od-row .mu{color:#5b6470}
  .od-pill{font-size:10px;font-weight:600;color:#0a8754;background:#e6f4ee;padding:2px 8px;border-radius:999px;justify-self:start}

  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr}
    .nav-links{display:none}
    .notes{grid-template-columns:1fr}
    .note{border-right:none;border-bottom:1px solid var(--line);padding:18px 0}
  }
  @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    .anim .reveal,.anim table.cmp tbody tr,.anim h1 .w>span,.anim .fade-late{opacity:1!important;transform:none!important}
  }

/* ===== shared sub-page utilities (added for multi-page build) ===== */
.page-head{padding:104px 0 8px;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:-1px;z-index:0;background-image:radial-gradient(rgba(44,62,110,.13) 1.3px,transparent 1.4px);background-size:22px 22px;background-position:center;-webkit-mask:radial-gradient(110% 95% at 72% 18%,#000,transparent 70%);mask:radial-gradient(110% 95% at 72% 18%,#000,transparent 70%)}
html[data-theme="dark"] .page-head::before{background-image:radial-gradient(rgba(255,255,255,.05) 1.3px,transparent 1.4px)}
.page-head .wrap{position:relative;z-index:1}
.page-head h1{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.03em;font-size:clamp(40px,5.4vw,72px);margin:22px 0 0;max-width:18ch}
.page-head .lead{font-size:18px;line-height:1.66;color:var(--soft);max-width:62ch;margin-top:20px}
.page-head .kbar{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.06em;color:var(--sub)}
.page-head .kbar b{color:var(--rust);font-weight:500}
/* generic prose for legal / about */
.prose{max-width:74ch;margin-top:40px}
.prose h3{font-family:'Space Grotesk';font-weight:600;font-size:21px;letter-spacing:-.01em;margin:34px 0 10px}
.prose h3:first-child{margin-top:0}
.prose p{font-size:15px;color:var(--soft);line-height:1.75;margin-bottom:14px}
.prose ul{margin:0 0 16px 20px}
.prose li{font-size:15px;color:var(--soft);line-height:1.75;margin-bottom:7px}
.prose .updated{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.06em;color:var(--sub);margin-bottom:8px}
.legal-note{border:1px solid var(--rust-line);background:var(--rust-soft);padding:16px 18px;font-size:13px;color:var(--soft);line-height:1.65;margin-top:30px;max-width:74ch}
/* feature grid reused on product / integrations / about */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.fcard{border:1px solid var(--line);background:var(--paper2);border-top:3px solid var(--ink);padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}
.fcard:hover{transform:translateY(-4px);border-color:var(--rust);box-shadow:0 12px 28px rgba(26,28,34,.08)}
.fcard .fk{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.14em;color:var(--rust)}
.fcard h4{font-family:'Space Grotesk';font-weight:600;font-size:19px;margin-top:9px;letter-spacing:-.01em}
.fcard p{font-size:13.5px;color:var(--soft);line-height:1.6;margin-top:9px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr}}
/* big component blocks on product page */
.prod{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:80px;align-items:start}
.prod:first-of-type{border-top:1.5px solid var(--ink)}
.prod .pid{font-family:'Space Grotesk';font-weight:700;font-size:clamp(40px,5vw,68px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--rust);opacity:.9;user-select:none}
.prod .pk{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.16em;color:var(--rust)}
.prod h3{font-family:'Space Grotesk';font-weight:600;font-size:clamp(24px,2.8vw,36px);letter-spacing:-.02em;margin-top:10px}
.prod .pp{font-size:15.5px;color:var(--soft);line-height:1.7;margin-top:14px;max-width:64ch}
.prod .agent{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.04em;color:var(--sub);margin-top:16px;border-left:2px solid var(--rust);padding-left:14px}
.prod .agent b{color:var(--rust);font-weight:400}
.prod .feats{font-family:'JetBrains Mono';font-size:11.5px;letter-spacing:.03em;color:var(--sub);margin-top:18px;line-height:2}
.prod .feats b{color:var(--rust);font-weight:400}
.prod .tag{display:inline-block;font-family:'JetBrains Mono';font-size:9px;letter-spacing:.08em;padding:4px 10px;border:1px solid var(--line);color:var(--sub);margin-top:14px}
.prod .tag.std{color:var(--navy);border-color:var(--tint-line);background:var(--tint)}
@media(max-width:760px){.prod{grid-template-columns:1fr;gap:16px;padding:40px 0}}
/* simple contact form */
.cform{display:grid;gap:16px;max-width:560px;margin-top:40px}
.cform label{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.1em;color:var(--sub);text-transform:uppercase;display:block;margin-bottom:7px}
.cform input,.cform textarea,.cform select{width:100%;background:var(--paper2);border:1px solid var(--line);padding:13px 14px;color:var(--ink);font-size:15px;font-family:'Inter'}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--rust)}
.cform textarea{min-height:120px;resize:vertical}

/* suppress the chapter-divider rule on the first section right under a page header */
.page-head + .ch > .wrap::before{display:none}