:root{
    /* Cove palette: warm cream + burnt orange + deep black */
    --ink:#0d0d0d;
    --ink-2:#171717;
    --ink-3:#212121;
    --line:#2d2d2d;
    --bone:#efe6d4;
    --bone-2:#e4d8be;
    --bone-ink:#181512;
    /* Primary accent: burnt orange */
    --accent:#d65a25;
    --accent-deep:#b44618;
    /* Quiet secondary: deep navy for ink-on-ink contrast blocks */
    --violet:#1b2d3e;
    --violet-deep:#0f1c29;
    --muted:#8a8072;
    --muted-bone:#6b6355;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  /* Skip link: hidden until keyboard focus, jumps to main content */
  .skip-link{
    position:absolute;left:-9999px;top:-9999px;
    background:var(--accent);color:var(--bone-ink);
    font-family:'Archivo Black','Archivo',Impact,sans-serif;
    font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
    padding:14px 22px;text-decoration:none;
    z-index:1000;
  }
  .skip-link:focus{left:16px;top:16px}
  /* Keyboard affordance: visible only when tabbing, not on click */
  a:focus-visible,button:focus-visible,.btn:focus-visible,.nav-links a:focus-visible,.sbtn:focus-visible,.btn-sm:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:3px;
  }
  .btn.paint-btn:focus-visible{outline:none}
  .btn.paint-btn:focus-visible .inner{outline:2px solid var(--bone-ink);outline-offset:-4px}
  html{scroll-behavior:smooth;scroll-padding-top:80px}
  section[id]{scroll-margin-top:80px}
  body{
    font-family:'Inter',system-ui,sans-serif;
    background:var(--ink);
    color:#e9ecef;
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
  .display{
    font-family:'Archivo Black','Archivo',Impact,sans-serif;
    font-weight:900;
    letter-spacing:-0.02em;
    line-height:0.92;
    text-transform:uppercase;
    font-stretch:condensed;
  }
  .marker{
    font-family:'Caveat Brush','Brush Script MT',cursive;
    font-weight:400;
    letter-spacing:0.01em;
  }
  .mono{font-family:'JetBrains Mono',ui-monospace,monospace}

  /* ---------- Paint highlight ---------- */
  .paint{position:relative;display:inline-block;padding:0 .15em;color:var(--bone);isolation:isolate}
  .paint::before{
    content:"";
    position:absolute; inset:-.08em -.12em -.08em -.12em;
    background:var(--accent);
    z-index:-1;
    clip-path: polygon(
      1% 12%, 5% 4%, 14% 8%, 23% 2%, 34% 10%, 45% 3%, 57% 9%, 69% 2%,
      80% 7%, 91% 3%, 98% 11%, 99% 28%, 97% 44%, 99% 62%, 96% 80%, 99% 95%,
      88% 97%, 76% 93%, 63% 99%, 50% 95%, 37% 99%, 24% 94%, 12% 98%, 3% 93%,
      1% 78%, 4% 60%, 2% 42%, 5% 24%
    );
    transform:rotate(-.6deg);
  }
  .paint.violet::before{background:var(--violet);}
  .paint.violet{color:#fff}
  .paint.bone::before{background:var(--bone)}
  .paint.bone{color:var(--ink)}
  .ink-violet{color:var(--violet)}

  /* ---------- Hand underline ---------- */
  .scribble{position:relative;white-space:nowrap}
  .scribble svg{position:absolute;left:-4%;right:-4%;bottom:-.55em;width:108%;height:.5em;pointer-events:none}

  /* ---------- Nav ---------- */
  nav.topbar{
    position:sticky; top:0; z-index:50;
    background:var(--ink);
    border-bottom:1px solid var(--line);
  }
  .topbar-inner{display:flex;align-items:center;gap:40px;padding:18px 0}
  .logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
  .logo-mark{color:var(--bone)}
  .logo .mark{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:28px;letter-spacing:-0.04em;line-height:1}
  .logo .sub{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:16px;color:var(--accent);transform:translateY(-2px)}
  .nav-links{display:flex;gap:28px;margin-left:auto}
  .nav-links a{color:#cfd5dd;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase}
  .nav-links a:hover{color:var(--accent)}
  /* Scrollspy / current-route active state. 2px accent underline 4px below baseline. */
  .nav-links a[aria-current="true"],
  .nav-links a[aria-current="page"]{
    color:#fff;
    box-shadow:inset 0 -6px 0 -4px var(--accent);
  }
  /* Buttons inherit body font (fixes Arial fallback on .nav-burger and any other unstyled <button>) */
  button{font-family:inherit}
  /* Mobile hamburger */
  .nav-burger{display:none;background:transparent;border:none;cursor:pointer;padding:10px;margin-left:8px;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .nav-burger span{display:block;width:22px;height:2px;background:#fff;transition:transform .15s ease,opacity .15s ease}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav{display:none;flex-direction:column;border-top:1px solid var(--line);padding:8px 0}
  .mobile-nav a{display:block;padding:14px 32px;color:#cfd5dd;text-decoration:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line)}
  .mobile-nav a:last-child{border-bottom:none}
  .mobile-nav a:hover,.mobile-nav a:focus-visible{color:var(--accent);background:var(--ink-2)}
  .mobile-nav.open{display:flex}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 22px;
    font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
    border:none;cursor:pointer;text-decoration:none;color:var(--bone-ink);
    background:var(--accent);
    position:relative;
    transition:transform .08s ease;
  }
  .btn:hover{transform:translate(-1px,-1px)}
  .btn.lg{padding:20px 30px;font-size:16px}
  .btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff}
  .btn.ink{background:var(--ink);color:#fff}
  /* Rough paint-edge bg via mask. Text uses --bone-ink on --accent for AA-normal contrast (~6.0:1). */
  .btn.paint-btn{background:transparent;padding:0;color:var(--bone-ink)}
  .btn.paint-btn .inner{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 26px;
    background:var(--accent);
    clip-path: polygon(
      2% 8%, 8% 2%, 20% 6%, 34% 1%, 50% 7%, 66% 2%, 80% 5%, 94% 1%, 99% 14%,
      97% 32%, 99% 52%, 96% 72%, 99% 92%, 88% 98%, 72% 94%, 56% 99%, 40% 95%,
      24% 99%, 10% 95%, 2% 98%, 1% 80%, 4% 60%, 2% 40%, 5% 22%
    );
  }
  .btn.paint-btn.lg .inner{padding:20px 34px;font-size:16px}

  /* ---------- Hero ---------- */
  section.hero{padding:70px 0 90px;position:relative;overflow:hidden}
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(var(--line) 1px,transparent 1px),
      linear-gradient(90deg,var(--line) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:radial-gradient(ellipse at 30% 40%, #000 0%, transparent 70%);
    opacity:.35;
    pointer-events:none;
  }
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;position:relative}
  .hero-text{max-width:none;position:relative;z-index:2}
  .hero-stage{position:relative;margin-right:min(-120px,calc((100vw - 1240px) / -2 - 160px));z-index:1;isolation:isolate}
  .hero h1{font-size:78px;margin:0 0 22px;color:#fff}
  .hero h1 .line{display:block}
  .hero p.lead{font-size:19px;max-width:460px;color:#c7cfd8;margin:0 0 30px}
  .hero-ctas{display:flex;align-items:center;gap:24px;margin-bottom:20px}
  .price-tag{display:inline-flex;align-items:baseline;gap:10px;margin-top:8px}
  .price-tag .big{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:22px;color:var(--ink)}
  .silly{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:24px;color:var(--accent);transform:rotate(-2deg);display:inline-block;margin-top:28px}
  .silly .underline{display:block;height:4px;background:var(--accent);width:70%;margin-top:2px;transform:skew(-8deg)}

  /* ---------- Product mock (Cove app) ---------- */
  .appshot{
    background:#0a0d11;
    border:1px solid #1f2630;
    border-radius:8px;
    overflow:hidden;
    box-shadow: 0 80px 140px -40px rgba(0,0,0,.85), 0 60px 120px -50px rgba(214,90,37,.10), 0 0 0 1px rgba(0,0,0,.5);
    position:relative;
    transform:rotate(4deg);
    transform-origin:25% 50%;
    will-change:transform;
    z-index:1;
  }
  .avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:11px;color:#fff}

  .hero-cite{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:22px;color:var(--accent);transform:rotate(-1deg);display:inline-block;margin:-6px 0 22px;text-decoration:none;cursor:pointer;transition:transform .12s ease,color .12s ease}
  .hero-cite:hover{transform:rotate(-1deg) translateY(-1px);color:var(--accent-deep)}
  .hero-cite .down{display:inline-block;margin-left:4px;transition:transform .15s ease}
  .hero-cite:hover .down{transform:translateY(2px)}

  /* ---------- Live app mockup (hero appshot internals) ---------- */
  .appshot-live{font-family:'Inter',sans-serif;font-size:13px;color:#cfd5dd}
  .app-chrome{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#050709;border-bottom:1px solid #1a2028;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px}
  .cdot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}
  .cdot.cr{background:#ff5f56}
  .cdot.cy{background:#ffbd2e}
  .cdot.cg{background:#27c93f}
  .app-chrome-title{margin-left:14px;color:#6b7483;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0}
  .app-chrome-time{margin-left:14px;color:#4a5462;flex-shrink:0}
  .app-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);min-height:420px}
  .app-main{display:flex;flex-direction:column;border-right:1px solid #1a2028;background:#0a0d11;min-width:0}
  /* Email arrival (stage 1) */
  .app-email{padding:14px 18px;border-bottom:1px solid #1a2028;background:linear-gradient(180deg,rgba(214,90,37,.06),transparent 100%);opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease}
  .app-email.show{opacity:1;transform:translateY(0)}
  .app-email-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
  .app-email-head .new-badge{background:var(--accent);color:var(--bone);padding:1px 6px;font-size:9px;letter-spacing:.1em;border-radius:2px}
  .app-email-from{display:flex;align-items:center;gap:9px;margin-bottom:4px}
  .app-email-from .av{width:22px;height:22px;border-radius:50%;background:#3a4655;color:#cfd5dd;display:flex;align-items:center;justify-content:center;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:9px;flex-shrink:0}
  .app-email-from .name{font-size:12px;color:#dfe4ea;font-weight:600}
  .app-email-from .addr{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:#6b7483}
  .app-email-subj{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:12px;color:#fff;letter-spacing:-0.01em;margin:4px 0 5px}
  .app-email-body{font-size:11px;color:#9aa5b5;line-height:1.5}

  /* Reasoning chips (stage 2). Fades to 60% once draft is "done" so the eye lands on the draft. */
  .app-reasoning{padding:12px 18px 14px;border-bottom:1px solid #1a2028;display:flex;flex-direction:column;gap:7px;transition:opacity .6s ease .2s}
  .app-main.draft-focused .app-reasoning,
  .app-main.draft-focused .app-email{opacity:.6}
  .app-reasoning-head{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:2px;opacity:0;transition:opacity .3s ease}
  .app-reasoning-head.show{opacity:1}
  .app-reasoning-head .spark{font-size:12px}
  .app-step{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;opacity:0;transform:translateX(-6px);transition:opacity .35s ease,transform .35s ease}
  .app-step.show{opacity:1;transform:translateX(0)}
  .app-step .ic{flex-shrink:0;width:16px;color:#6b7483;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;padding-top:1px}
  .app-step.done .ic{color:#16a34a}
  .app-step .body{flex:1;color:#cfd5dd;min-width:0}
  .app-step .body .label{display:block;color:#9aa5b5;font-size:10px;letter-spacing:.04em;margin-bottom:3px;font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase}
  .app-source-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
  .app-source{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;background:#1a2028;color:#cfd5dd;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;border-radius:2px;border:1px solid #232c38;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease}
  .app-source.show{opacity:1;transform:scale(1)}
  .app-source .doc-ic{color:var(--accent);font-size:10px}

  /* Draft preview (stage 3) */
  .app-draft{padding:14px 18px 12px;border-bottom:1px solid #1a2028;position:relative;opacity:0;transition:opacity .35s ease}
  .app-draft.show{opacity:1}
  .app-draft-label{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
  .app-draft-label .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:dotpulse 1.2s ease-in-out infinite}
  .app-draft-label.done .dot{animation:none;background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.6)}
  .app-draft-label.done .lbl::after{content:" · DONE"}
  @keyframes dotpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
  .app-draft-text{display:flex;flex-direction:column;gap:7px}
  .app-draft-text p{margin:0;font-size:12.5px;line-height:1.5;color:#dfe4ea;white-space:pre-wrap;min-height:1em}
  .app-draft-text p.app-draft-sign{font-size:11px;color:#9aa5b5;line-height:1.45;margin-top:2px}
  .app-cursor{display:inline-block;width:2px;height:13px;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:cursorblink .85s steps(1) infinite}
  @keyframes cursorblink{0%,50%{opacity:1}51%,100%{opacity:0}}
  /* Action bar */
  .app-actions{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid #1a2028;font-size:11px}
  .app-btn-approve{background:#16a34a;color:#fff;border:none;padding:7px 12px;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:11px;letter-spacing:.02em;cursor:pointer;text-transform:none;display:inline-flex;align-items:center;gap:6px;border-radius:3px;position:relative;transition:transform .12s ease}
  .app-btn-approve.ready{animation:approvepulse 1.6s ease-in-out 2}
  @keyframes approvepulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}50%{box-shadow:0 0 0 7px rgba(22,163,74,.32)}}
  .app-action-icon{color:#9aa5b5;display:inline-flex;align-items:center;gap:4px}
  .app-actions-right{margin-left:auto;display:flex;gap:14px}
  .app-actions-right .reject{color:#ef4444}
  /* Tabs */
  .app-tabs{display:flex;border-bottom:1px solid #1a2028;background:#06080b}
  .app-tab{padding:10px 16px;font-size:12px;color:#6b7483;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px}
  .app-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#0a0d11}
  /* Editor */
  .app-editor{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #1a2028}
  .app-editor-toolbar{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #1a2028;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:#9aa5b5}
  .app-editor-toolbar .tab-w{color:#cfd5dd}
  .app-editor-toolbar .tab-p{color:#4a5462}
  .app-editor-toolbar .icons{color:#4a5462;letter-spacing:.1em;margin-left:6px}
  .app-editor-body{padding:14px 16px;min-height:60px;font-size:12px;color:#4a5462}
  /* Bottom bar */
  .app-bottom{display:flex;align-items:center;gap:14px;padding:9px 14px;font-size:11px;color:#6b7483}
  .app-radio-group{display:flex;gap:14px;flex:1}
  .app-radio.active{color:#cfd5dd}
  .app-bottom .app-attach{margin-left:auto;color:#9aa5b5}
  .app-btn-send{background:var(--accent);color:var(--bone);border:none;padding:7px 12px;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:11px;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:3px}
  /* Sidebar */
  .app-side{display:flex;flex-direction:column;background:#06080b;font-size:11px}
  .app-side-block{padding:11px 14px;border-bottom:1px solid #1a2028;display:flex;flex-direction:column;gap:6px}
  .app-side-block .side-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cfd5dd;font-weight:500}
  .app-side-block small{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:#6b7483}
  .app-side-title{font-size:12px;color:#cfd5dd;font-weight:500;display:flex;align-items:center;gap:6px}
  .app-side-title .ai-spark{color:var(--accent);font-size:14px}
  .app-side-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9aa5b5;gap:10px;padding:2px 0}
  .app-side-row.summary{flex-direction:column;align-items:stretch;gap:4px}
  .app-side-row.summary p{margin:0;font-size:11px;color:#cfd5dd;line-height:1.5}
  .app-tag{font-size:10px;padding:1px 7px;background:#1a2028;color:#9aa5b5;font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em;border-radius:2px}
  .app-tag.urgent{background:var(--accent);color:var(--bone)}
  .app-tag.warn{background:#3a2a1a;color:#f59e0b;border:1px solid #5a3a1a}
  .app-tag.block{background:#2a1a1a;color:#ef4444;border:1px solid #4a1a1a}
  .app-side-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
  .app-side-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;margin-left:6px;background:var(--accent);color:var(--bone);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;border-radius:8px;font-weight:700}
  /* Confidence meter */
  .app-confidence{display:flex;flex-direction:column;gap:5px;padding:6px 0 8px;border-bottom:1px dashed #1a2028;margin-bottom:6px}
  .app-confidence-row{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:#9aa5b5;font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
  .app-confidence-pct{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:14px;color:#16a34a;letter-spacing:0;text-transform:none}
  .app-confidence-bar{height:4px;background:#1a2028;border-radius:2px;overflow:hidden;position:relative}
  .app-confidence-fill{position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(90deg,var(--accent),#16a34a);border-radius:2px;animation:confbar 1.4s cubic-bezier(.2,.8,.2,1) .4s forwards}
  @keyframes confbar{from{width:0}to{width:var(--w)}}
  .app-side-toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #1a2028;font-size:12px;color:#cfd5dd}
  .app-side-toggle:last-child{border-bottom:none;flex:1}
  .app-side-toggle .label{display:inline-flex;align-items:center;gap:7px}
  .app-side-toggle .label .ic{color:#6b7483}
  .app-side-toggle .caret{color:#6b7483;font-size:10px}
  /* Activity panel */
  .app-activity{gap:0;padding-bottom:8px}
  .app-activity .side-head{margin-bottom:8px}
  .app-activity .side-head .label{display:inline-flex;align-items:center;gap:7px}
  .app-activity .side-head .ic{color:#6b7483}
  .app-activity .side-head .caret{color:#6b7483;font-size:10px;font-weight:700}
  .app-activity-item{display:grid;grid-template-columns:14px 1fr;column-gap:8px;row-gap:3px;padding:8px 0;border-top:1px dashed #1a2028;align-items:start}
  .app-activity-item:first-of-type{border-top:none;padding-top:2px}
  .app-activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:5px;justify-self:center;box-shadow:0 0 8px rgba(214,90,37,.45)}
  .app-activity-dot.quiet{background:#3a424d;box-shadow:none}
  .app-activity-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;grid-column:2}
  .app-activity-tag{display:inline-flex;align-items:center;padding:1px 7px;border:1px solid var(--accent);color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.06em;border-radius:10px;text-transform:none}
  .app-activity-tag.quiet{border-color:#3a424d;color:#9aa5b5}
  .app-activity-time{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;color:#6b7483;letter-spacing:.04em;flex-shrink:0}
  .app-activity-body{grid-column:2;font-size:11px;line-height:1.45;color:#cfd5dd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* Reused frame for product screenshots in the Transparency section */
  .step-shot{background:#0f1419;border:1px solid var(--line);overflow:hidden;flex:1;display:flex;flex-direction:column}

  /* ---------- Logo bar ---------- */
  .logobar{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-2)}
  .logobar-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
  .logobar .label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}
  .logos{display:flex;align-items:center;gap:48px}
  .logos .l{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:18px;color:#6b7483;letter-spacing:-0.01em;opacity:.9;white-space:nowrap}
  .logos .l.s{font-family:'Archivo',serif;font-weight:900;font-style:italic}

  /* ---------- Section: Built Different (bone) ---------- */
  section.built{background:var(--bone);color:var(--bone-ink);padding:100px 0;position:relative}
  .built::before{
    content:"";position:absolute;inset:0;
    background-image:
      repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px);
    pointer-events:none;
  }
  .built-grid{display:grid;grid-template-columns:1.1fr 2fr;gap:60px;align-items:flex-start;position:relative}
  .built h2{font-size:78px;margin:0 0 24px;color:var(--bone-ink)}
  .built h2 .underline{display:inline-block;border-bottom:6px solid var(--violet);padding-bottom:2px}
  .built p{font-size:17px;line-height:1.55;color:#3a3528;max-width:440px}
  .built p b{color:var(--bone-ink)}
  /* Asymmetric 60/40: lead value (AI-NATIVE) takes 60% column with larger marker callout;
     supporting two stack in the 40% column. Editorial spread, not generic feature-grid. */
  .values{display:grid;grid-template-columns:3fr 2fr;gap:32px;align-items:flex-start}
  .value-lead{padding-right:8px;border-right:1px solid rgba(0,0,0,.12)}
  .value-lead .ico-box{width:56px;height:56px;margin-bottom:20px}
  .value-lead .ico-box svg{width:48px;height:48px}
  .value-lead h3{font-size:30px;line-height:1.05;margin-bottom:14px}
  .value-lead p{font-size:16px;max-width:none}
  .value-lead .marker{display:inline-block;font-size:22px;color:var(--accent);transform:rotate(-1.5deg);margin-top:14px}
  .value-stack{display:flex;flex-direction:column;gap:32px}
  .value{}
  .value .ico-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .value h3{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:16px;letter-spacing:0;text-transform:uppercase;color:var(--bone-ink);margin:0 0 8px;line-height:1.15}
  .value p{font-size:14px;color:#5a5243;line-height:1.55;margin:0}

  /* ---------- Problem / Storm section ---------- */
  section.storm{background:var(--ink);padding:110px 0 100px;position:relative;overflow:hidden}
  .storm-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
  .storm h2{font-size:88px;margin:0 0 28px;color:#fff}
  .storm-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
  .storm-item{display:grid;grid-template-columns:60px 1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
  .storm-item .num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--muted);letter-spacing:.1em}
  .storm-item .bad{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:18px;color:#cfd5dd;text-decoration:line-through;text-decoration-color:rgba(214,90,37,.7);text-decoration-thickness:1.5px;text-decoration-skip-ink:none;opacity:.9}
  .storm-item .good{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:18px;color:var(--accent)}

  /* ---------- Shadow Mode block ---------- */
  section.shadow{background:#0f1419;padding:110px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
  .shadow::before{
    content:"";position:absolute;inset:0;
    background:
      radial-gradient(circle at 80% 30%, rgba(75,44,196,.18), transparent 50%),
      radial-gradient(circle at 10% 80%, rgba(200,247,81,.08), transparent 50%);
    pointer-events:none;
  }
  .shadow-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;position:relative}
  .eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--accent);letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px;display:inline-block}
  .shadow h2{font-size:76px;margin:0 0 24px;color:#fff;line-height:0.95}
  .shadow p{font-size:17px;color:#c7cfd8;max-width:480px;margin:0 0 24px}
  .shadow ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
  .shadow li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#dfe4ea}
  .shadow li::before{content:"→";color:var(--accent);font-family:'Archivo Black','Archivo',Impact,sans-serif;flex-shrink:0;margin-top:1px}

  /* Reason mock: framed debug-reasoning panel for the Transparency section */
  .reason-mock{
    background:#0a0d11;
    border:1px solid #1f2630;
    border-radius:8px;
    overflow:hidden;
    box-shadow: 0 80px 140px -40px rgba(0,0,0,.85), 0 60px 120px -50px rgba(75,44,196,.12), 0 0 0 1px rgba(0,0,0,.5);
    position:relative;
    transform:rotate(1.2deg);
    transform-origin:25% 50%;
    will-change:transform;
  }
  .reason-mock .reason-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0d1116;border-bottom:1px solid #1a2028;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .reason-mock .reason-eyebrow .ticket{color:#9aa5b5}
  .reason-mock .reason-eyebrow .took{color:#5fd49b}
  .reason-panel{padding:14px 16px;border-bottom:1px solid #1a2028}
  .reason-panel:last-of-type{border-bottom:none}
  .reason-panel .plabel{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .reason-panel .plabel .ptag{color:#7a8390;font-weight:400;letter-spacing:.06em}
  .reason-row{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:3px 0;font-size:12px;line-height:1.45}
  .reason-row .k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:#7a8390;letter-spacing:.04em;text-transform:lowercase}
  .reason-row .v{color:#dfe4ea}
  .reason-row .v code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent);background:rgba(214,90,37,.08);padding:1px 5px;border-radius:2px}
  .reason-search{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:12px;border-bottom:1px dashed #1a2028}
  .reason-search:last-child{border-bottom:none}
  .reason-search .q{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#c7cfd8;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .reason-search .q b{color:#9aa5b5;font-weight:400}
  .reason-search .hits{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#5fd49b;flex-shrink:0}
  .reason-search.miss .hits{color:#7a8390}
  .reason-search.miss .q{color:#7a8390}
  .reason-cite{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:5px 0;font-size:12px}
  .reason-cite .num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:700;color:var(--accent);background:rgba(214,90,37,.1);border:1px solid rgba(214,90,37,.3);text-align:center;border-radius:2px;padding:2px 0}
  .reason-cite .src{color:#dfe4ea;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .reason-cite .src .path{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:#7a8390}
  .reason-cite .open{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
  .reason-trace{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;line-height:1.6;color:#9aa5b5;white-space:pre;overflow:hidden}
  .reason-trace .t{color:#5b6470}
  .reason-trace .more{color:var(--accent);cursor:pointer}


  .compare-box{
    background:#0a0d11;
    border:1px solid #1f2630;
    border-radius:8px;
    overflow:hidden;
    box-shadow: 0 80px 140px -40px rgba(0,0,0,.85), 0 60px 120px -50px rgba(214,90,37,.10), 0 0 0 1px rgba(0,0,0,.5);
    position:relative;
    transform:rotate(-1.5deg);
    transform-origin:75% 50%;
    will-change:transform;
  }
  .compare-box .compare-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0d1116;border-bottom:1px solid #1a2028;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .compare-box .compare-eyebrow .live-tag{display:inline-flex;align-items:center;gap:6px;color:#9aa5b5}
  .compare-box .compare-eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.6s ease-in-out infinite}
  .compare-pair{border-bottom:1px solid var(--line);padding:18px 16px}
  .compare-pair:last-of-type{border-bottom:none}
  .compare-pair .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
  .compare-pair .meta .id{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
  .compare-pair .meta .subj{font-size:13px;color:#dfe4ea;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .compare-pair .ed{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:2px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .compare-pair .ed.good{color:#5fd49b;background:rgba(95,212,155,.08);border:1px solid rgba(95,212,155,.25)}
  .compare-pair .ed.warn{color:#e7b455;background:rgba(231,180,85,.08);border:1px solid rgba(231,180,85,.25)}
  .compare-pair .ed.bad{color:#e57a6c;background:rgba(229,122,108,.08);border:1px solid rgba(229,122,108,.25)}
  .compare-pair .pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .compare-pair .col{padding:10px 12px;background:var(--ink-3);border-radius:3px;border:1px solid var(--line);min-width:0}
  .compare-pair .col.cove{border-color:rgba(214,90,37,.35)}
  .compare-pair .col .label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;color:#8a95a3;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;display:block}
  .compare-pair .col.cove .label{color:var(--accent)}
  .compare-pair .col .body{font-size:12.5px;line-height:1.5;color:#c7cfd8;word-wrap:break-word}
  .compare-pair .col.cove .body{color:#eaeef3}
  .compare-pair .fb{display:flex;gap:8px;margin-top:10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
  .compare-pair .fb .chip{padding:4px 8px;border:1px solid var(--line);border-radius:2px;color:#9aa5b5}
  .compare-pair .fb .chip.on{color:var(--accent);border-color:rgba(214,90,37,.45);background:rgba(214,90,37,.06)}
  .compare-pair .guide{margin-top:10px;padding:10px 12px;background:rgba(214,90,37,.05);border:1px solid rgba(214,90,37,.22);border-radius:3px;display:flex;flex-direction:column;gap:6px}
  .compare-pair .guide .glabel{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:6px}
  .compare-pair .guide .gtext{font-size:12.5px;color:#dfe4ea;line-height:1.5;font-style:italic}
  .compare-pair .guide .gtext .cursor{display:inline-block;width:1px;height:13px;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:blink 1.05s steps(1) infinite}
  .compare-pair .guide .grow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;flex-wrap:wrap}
  .compare-pair .guide .ghint{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
  .compare-pair .guide .gbtn{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;background:var(--accent);color:#fff;border:0;border-radius:2px;font-weight:700;cursor:pointer}
  .compare-pair .guide.saved{background:rgba(95,212,155,.05);border-color:rgba(95,212,155,.22)}
  .compare-pair .guide.saved .glabel{color:#5fd49b}
  .compare-pair .guide.saved .gtext{font-style:normal;color:#c7cfd8}
  .compare-pair .guide.saved .ghint{color:#5fd49b}
  @keyframes blink{50%{opacity:0}}
  .compare-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 16px;background:#0d1116;border-top:1px solid #1a2028;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;flex-wrap:wrap}
  .compare-footer .legend{display:inline-flex;align-items:center;gap:14px;color:#7a8390}
  .compare-footer .legend .sw{display:inline-flex;align-items:center;gap:5px}
  .compare-footer .legend .sw i{width:8px;height:8px;border-radius:50%;display:inline-block}
  .compare-footer .legend .sw.good i{background:#5fd49b}
  .compare-footer .legend .sw.warn i{background:#e7b455}
  .compare-footer .legend .sw.bad i{background:#e57a6c}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}

  /* ---------- Proof / 904 tickets ---------- */
  section.proof{background:var(--bone);color:var(--bone-ink);padding:110px 0;position:relative;overflow:hidden}
  .proof::before{
    content:"";position:absolute;inset:0;
    background-image:
      repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px);
    pointer-events:none;
  }
  .proof-head{margin-bottom:60px;position:relative}
  .proof-head h2{font-size:78px;margin:0;color:var(--bone-ink);max-width:900px}
  .proof-head .sub{font-size:18px;color:#5a5243;margin-top:20px;max-width:560px}
  .proof-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;position:relative}
  .proof-card{background:var(--ink);color:#fff;padding:36px 32px;position:relative;overflow:hidden}
  .proof-card .k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
  .proof-card .big{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:92px;line-height:0.9;color:#fff;letter-spacing:-0.03em}
  .proof-card .big .unit{font-size:22px;color:var(--accent);margin-left:8px;letter-spacing:0}
  .proof-card .desc{font-size:15px;color:#c7cfd8;margin-top:16px;max-width:320px}
  .proof-card.violet{background:var(--violet)}
  .proof-card.violet .k{color:#fff;opacity:.8}
  .proof-card.violet .big{color:#fff}
  .proof-card.violet .big .unit{color:#fff;opacity:.8}
  .proof-card.violet .desc{color:#e4ddff}
  .proof-card.main{grid-column:span 1}
  .proof-timeline{margin-top:28px;display:flex;flex-direction:column;gap:10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px}
  .proof-timeline .row{display:flex;align-items:center;gap:12px;color:#c7cfd8}
  .proof-timeline .row .bar{flex:1;height:6px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
  .proof-timeline .row .bar::after{content:"";position:absolute;inset:0;background:var(--accent);width:var(--w,100%)}
  .proof-timeline .row .n{color:#fff;font-weight:700;min-width:60px;text-align:right}

  /* ---------- Pricing mega-block ---------- */
  section.pricing{background:var(--ink);padding:110px 0;position:relative}
  .price-box{
    background:var(--violet);
    color:#fff;
    padding:80px 64px 72px;
    position:relative;
    overflow:hidden;
  }
  .price-box::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px),
      linear-gradient(-45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 14px);
  }
  .price-box h2{font-size:118px;margin:0 0 16px;line-height:0.88;letter-spacing:-0.025em;position:relative}
  .price-box h2 em{font-style:normal;color:var(--accent)}
  .price-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;position:relative}
  .price-box .explain{font-size:16px;color:#e4ddff;max-width:400px;margin:0 0 24px;line-height:1.6}
  .price-box .explain b{color:#fff}
  .price-figure{text-align:right;position:relative}
  .price-figure .note{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:22px;color:var(--accent);transform:rotate(-3deg);display:inline-block;margin-bottom:8px}
  .price-figure .amount{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:200px;line-height:0.85;letter-spacing:-0.04em;color:#fff}
  .price-figure .currency{font-size:88px;vertical-align:top}
  .price-figure .per{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;color:#e4ddff;letter-spacing:.15em;text-transform:uppercase;margin-top:6px;text-align:right}
  .price-includes{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
  .price-includes .inc{border-top:1px solid rgba(255,255,255,.2);padding-top:14px}
  .price-includes .inc b{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:16px;display:block;color:#fff;text-transform:uppercase;letter-spacing:-0.01em}
  .price-includes .inc span{font-size:13px;color:#c9bffa}
  .price-box .cta-row{display:flex;align-items:center;gap:20px;margin-top:44px;position:relative}
  .price-box .cta-note{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:22px;color:var(--accent)}

  /* ---------- Team / lean ---------- */
  section.lean{background:var(--bone);color:var(--bone-ink);padding:100px 0 110px;position:relative;overflow:hidden}
  .lean::before{
    content:"";position:absolute;inset:0;
    background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px);
    pointer-events:none;
  }
  .lean-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
  .lean h2{font-size:82px;margin:0 0 20px;color:var(--bone-ink)}
  .lean p{font-size:17px;color:#3a3528;max-width:480px;line-height:1.6}
  .lean .who{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
  .lean .who span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;padding:8px 14px;background:var(--ink);color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
  .lean .who span.alt{background:transparent;color:var(--bone-ink);border:1px dashed var(--bone-ink)}
  /* Slack-styled card: mimics real Slack typography, unfurl, and button patterns */
  .slack-card{
    background:#fff;
    border:1px solid #e1e1e1;
    padding:0;
    position:relative;
    box-shadow: 8px 8px 0 var(--bone-ink);
    transform:rotate(-.8deg);
    font-family:'Inter','Lato',system-ui,sans-serif;
    color:#1d1c1d;
    border-radius:6px;
    overflow:hidden;
  }
  .slack-head{
    display:flex;align-items:center;gap:4px;
    padding:11px 16px;
    border-bottom:1px solid #e8e8e8;
    background:#fff;
  }
  .slack-head .hash{color:#616061;font-weight:900;font-size:18px;line-height:1;margin-right:2px;font-family:'Inter',sans-serif}
  .slack-head .ch{font-family:'Inter',sans-serif;font-weight:700;color:#1d1c1d;font-size:15px;letter-spacing:0;text-transform:none}
  .slack-head .ch-caret{color:#616061;font-size:11px;margin-left:4px}
  .slack-msg{display:flex;gap:10px;padding:14px 16px;align-items:flex-start}
  .slack-msg .av{width:36px;height:36px;background:var(--violet);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:16px;border-radius:4px}
  .slack-body .who-line{display:flex;align-items:baseline;gap:7px;margin-bottom:3px;flex-wrap:wrap}
  .slack-body .name{font-family:'Inter',sans-serif;font-weight:900;color:#1d1c1d;font-size:15px;letter-spacing:-0.005em;text-transform:none}
  .slack-body .app-tag{background:#e8e8e8;color:#454545;font-family:'Inter',sans-serif;font-size:10px;font-weight:700;padding:1px 5px 2px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;position:relative;top:-1px}
  .slack-body .when{font-family:'Inter',sans-serif;color:#616061;font-size:12px}
  .slack-body .txt{font-family:'Inter',sans-serif;font-size:15px;color:#1d1c1d;line-height:1.46}
  .slack-body .txt .link{color:#1264a3;text-decoration:none;font-weight:500;cursor:pointer}
  .slack-body .txt .link:hover{text-decoration:underline}
  .slack-embed{margin-top:8px;border:1px solid #e1e1e1;border-left:4px solid var(--violet);border-radius:0 4px 4px 0;padding:10px 14px 12px;background:#fff}
  .slack-embed .from{display:flex;align-items:center;gap:5px;font-family:'Inter',sans-serif;font-size:13px;color:#1d1c1d;font-weight:700;margin-bottom:6px;text-transform:none;letter-spacing:0}
  .slack-embed .from-icon{color:var(--violet);font-size:13px}
  .slack-embed .from-to{color:#616061;font-weight:400}
  .slack-embed .subj{font-family:'Inter',sans-serif;font-weight:700;color:#1d1c1d;font-size:15px;margin-bottom:6px;letter-spacing:0;text-transform:none}
  .slack-embed .draft-mini{font-family:'Inter',sans-serif;font-size:14px;color:#1d1c1d;line-height:1.5;padding:0;background:transparent;border:none;margin:0 0 8px}
  .slack-embed .cites{font-family:'Inter',sans-serif;font-size:12px;color:#616061;margin-bottom:6px}
  .slack-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
  .sbtn{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;padding:7px 12px;border-radius:4px;cursor:pointer;letter-spacing:0;text-transform:none;border:1px solid #d3d3d3;background:#fff;color:#1d1c1d;display:inline-flex;align-items:center;gap:4px;line-height:1.2}
  .sbtn.approve{background:#007a5a;color:#fff;border-color:#007a5a}
  .sbtn.edit{background:#fff;color:#1d1c1d;border-color:#d3d3d3}
  .sbtn.regen{background:#fff;color:#1d1c1d;border-color:#d3d3d3}

  /* ---------- Final CTA banner ---------- */
  .cta-banner{background:var(--accent);color:var(--bone-ink);padding:28px 0;position:relative;overflow:hidden}
  .cta-banner-inner{display:flex;align-items:center;gap:30px}
  .cta-banner .marker-line{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:44px;color:var(--bone-ink);line-height:1}
  .cta-banner .spacer{flex:1}
  .cta-banner .detail{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:14px;letter-spacing:.04em;line-height:1.25;text-transform:uppercase}
  .cta-banner .arrow{font-family:'Caveat Brush','Brush Script MT',cursive;font-size:32px}

  /* ---------- Footer ---------- */
  footer{background:var(--ink);color:#9aa5b5;padding:70px 0 40px;border-top:1px solid var(--line)}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:40px}
  .foot-col h5{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:#6b7483;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font-weight:600}
  .foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .foot-col a{color:#cfd5dd;text-decoration:none;font-size:14px}
  .foot-col a:hover{color:var(--accent)}
  .foot-blurb{font-size:14px;color:#9aa5b5;margin-top:14px;line-height:1.55;max-width:260px}
  .foot-tagline{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:22px;color:#fff;line-height:1.15;text-transform:uppercase;letter-spacing:-0.01em}
  .foot-tagline em{font-style:normal;color:var(--accent)}
  .foot-bottom{display:flex;justify-content:center;align-items:center;border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#6b7483;letter-spacing:.08em}

  /* icons */
  .i{width:14px;height:14px;display:inline-block;flex-shrink:0;vertical-align:-2px}

  /* ---------- Responsive ---------- */
  @media (max-width: 1100px){
    .wrap{padding:0 24px}
    .hero h1{font-size:72px}
    .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}
    .hero-stage{margin-right:0;min-width:0}
    .appshot{transform:rotate(2deg)}
    .built h2,.storm h2,.shadow h2,.proof-head h2,.lean h2{font-size:64px}
    .price-box h2{font-size:88px}
    .price-figure .amount{font-size:140px}
    .price-figure .currency{font-size:64px}
    .built-grid,.storm-grid,.shadow-grid,.lean-grid,.price-grid{grid-template-columns:1fr;gap:40px}
    .price-figure{text-align:left}
    .price-figure .per{text-align:left}
    .proof-grid{grid-template-columns:repeat(3,1fr);gap:16px}
    .proof-card.main{grid-column:1 / -1}
    .price-includes{grid-template-columns:repeat(2,1fr)}
    .foot-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}
    .foot-col:last-child{grid-column:1 / -1}
    /* Asymmetric values: stack lead full-width, supporting two side-by-side at tablet */
    .values{grid-template-columns:1fr;gap:32px}
    .value-lead{border-right:none;border-bottom:1px solid rgba(0,0,0,.12);padding-right:0;padding-bottom:24px}
    .value-stack{flex-direction:row;gap:28px}
    .value-stack .value{flex:1}
  }
  @media (max-width: 720px){
    .wrap{padding:0 18px}
    .topbar-inner{flex-wrap:nowrap;gap:10px;padding:14px 0;align-items:center}
    .nav-links{display:none}
    .nav-cta{display:none}
    .nav-burger{display:flex;margin-left:auto}
    /* Mobile composition: tighter vertical rhythm. Long mobile scroll was unintentional drift. */
    section.storm{padding:64px 0 56px}
    section.shadow{padding:64px 0}
    section.built{padding:64px 0}
    section.proof{padding:64px 0}
    section.lean{padding:60px 0 70px}
    section.pricing{padding:64px 0}
    .hero{padding:40px 0 60px}
    .hero h1{font-size:56px;letter-spacing:-0.025em}
    .hero p.lead{font-size:17px}
    .hero-grid{gap:40px}
    .hero-ctas{flex-direction:column;align-items:stretch;gap:12px}
    .hero-ctas .btn{justify-content:center}
    .btn.lg, .btn.paint-btn.lg .inner{padding:16px 22px;font-size:14px}
    .built h2,.storm h2,.shadow h2,.proof-head h2,.lean h2{font-size:44px}
    .price-box{padding:48px 24px}
    .price-box h2{font-size:46px !important;line-height:0.95;letter-spacing:-0.02em}
    .price-box .price-amount{font-size:54px !important;line-height:1}
    .price-box .price-amount .price-amount-unit{font-size:30px !important}
    .price-box .price-amount-tag{font-size:22px !important}
    .price-box .post-shadow-grid{grid-template-columns:1fr !important;gap:18px !important}
    .price-figure .amount{font-size:88px}
    .price-figure .currency{font-size:40px}
    .price-includes{grid-template-columns:1fr;gap:14px}
    .price-box .cta-row{flex-direction:column;align-items:stretch;gap:18px}
    .price-box .cta-row > div{max-width:none}
    /* the white-glove banner needs a stack */
    .price-box .price-includes + div{grid-template-columns:1fr !important;text-align:left}
    .price-box .price-includes + div > div:first-child{display:none}
    .price-box .price-includes + div .btn{justify-content:center}
    .storm-item{grid-template-columns:36px 1fr;gap:12px;padding:16px 0}
    .storm-item .num{align-self:start}
    .storm-item .bad{font-size:15px}
    .storm-item .good{font-size:15px;grid-column:1 / -1;padding-left:48px}
    .compare-pair .pair-grid{grid-template-columns:1fr;gap:8px}
    .compare-pair .col .body{font-size:12px}
    .compare-pair .meta{gap:8px}
    .compare-footer .legend{display:none}
    .reason-mock{transform:none}
    .reason-row{grid-template-columns:80px 1fr;font-size:11.5px}
    .reason-cite .src{font-size:11.5px}
    .proof-grid{grid-template-columns:1fr}
    .proof-card{padding:28px 22px}
    .proof-card .big{font-size:64px}
    .proof-card .big .unit{font-size:16px}
    .values{grid-template-columns:1fr;gap:24px}
    .built p{font-size:15px}
    .value-stack{flex-direction:column;gap:24px}
    .value-lead h3{font-size:24px}
    .lean p{font-size:15px}
    .foot-grid{grid-template-columns:1fr 1fr;gap:28px}
    .foot-col:nth-child(5){grid-column:1 / -1}
    /* Footer touch targets: 44px+ tap surface per WCAG 2.5.5 */
    .foot-col ul{gap:0}
    .foot-col li a{display:block;padding:14px 0;line-height:1.2}
    .cta-banner-inner{flex-wrap:wrap;gap:16px}
    .cta-banner .marker-line{font-size:32px}
    /* product mock: keep, but smaller */
    .appshot{transform:none}
    .app-body{grid-template-columns:1fr;min-height:auto}
    .app-side{display:none}
    .app-main{border-right:none}
    .app-actions{flex-wrap:wrap;gap:10px}
    .app-actions-right{margin-left:auto}
    .app-bottom{flex-wrap:wrap;gap:10px}
    .app-radio-group{flex-wrap:wrap}
    .app-bottom .app-attach{margin-left:0}
    /* Hero appshot on mobile: collapse to draft-only frame.
       Email arrival + reasoning steps + editor are decoration on a 375px screen.
       The draft IS the punchline — show only that. */
    .hero-stage .appshot-live .app-email,
    .hero-stage .appshot-live .app-reasoning,
    .hero-stage .appshot-live .app-tabs,
    .hero-stage .appshot-live .app-editor,
    .hero-stage .appshot-live .app-bottom{display:none}
    .hero-stage .appshot-live .app-chrome-title{font-size:10px}
    .hero-stage .appshot-live .app-draft{padding:18px 16px}
    .lean .slack-card{transform:none;box-shadow:6px 6px 0 var(--bone-ink)}
  }

  /* ============================================================
     LONG-FORM PAGE STYLES (/about, /legal, /why-different,
     /changelog, /about-coderock). Editorial reading width 720px.
     ============================================================ */
  .page-header{padding:80px 0 48px;background:var(--ink);color:#fff;border-bottom:1px solid var(--line)}
  .page-header .wrap{max-width:1240px}
  .page-header .eyebrow{margin-bottom:18px}
  .page-header h1{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-weight:900;letter-spacing:-0.02em;line-height:0.95;text-transform:uppercase;font-size:88px;margin:0;color:#fff;max-width:14ch}
  .page-header .dek{font-size:19px;color:#c7cfd8;max-width:640px;margin:24px 0 0;line-height:1.55}
  .page-header.bone{background:var(--bone);color:var(--bone-ink);border-bottom-color:rgba(0,0,0,.12)}
  .page-header.bone h1{color:var(--bone-ink)}
  .page-header.bone .dek{color:#3a3528}
  .page-header.bone .eyebrow{color:var(--violet)}

  /* Long-form body. 720px reading width. Inter throughout. */
  .long-form{padding:64px 0 110px;background:var(--ink);color:#dfe4ea}
  .long-form.bone{background:var(--bone);color:var(--bone-ink)}
  .long-form .reading{max-width:720px;margin:0 auto;padding:0 32px}
  .long-form h2{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-weight:900;letter-spacing:-0.02em;line-height:1.0;text-transform:uppercase;font-size:42px;color:#fff;margin:56px 0 18px}
  .long-form.bone h2{color:var(--bone-ink)}
  .long-form h3{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-weight:900;letter-spacing:0;line-height:1.15;text-transform:uppercase;font-size:18px;color:#fff;margin:32px 0 10px}
  .long-form.bone h3{color:var(--bone-ink)}
  .long-form .label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;display:inline-block}
  .long-form p{font-size:17px;line-height:1.65;margin:0 0 18px;color:#c7cfd8}
  .long-form.bone p{color:#3a3528}
  .long-form p b,.long-form p strong{color:#fff;font-weight:600}
  .long-form.bone p b,.long-form.bone p strong{color:var(--bone-ink)}
  .long-form ul,.long-form ol{padding-left:22px;margin:0 0 22px;display:flex;flex-direction:column;gap:8px}
  .long-form li{font-size:17px;line-height:1.6;color:#c7cfd8}
  .long-form.bone li{color:#3a3528}
  .long-form a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
  .long-form a:visited{color:var(--accent-deep)}
  .long-form a:hover{color:var(--bone)}
  .long-form.bone a:hover{color:var(--violet)}
  .long-form blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--accent);font-family:'Caveat Brush','Brush Script MT',cursive;font-size:24px;color:#fff;line-height:1.4}
  .long-form.bone blockquote{color:var(--bone-ink)}
  .long-form code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;background:rgba(214,90,37,.12);padding:1px 6px;border-radius:2px;color:var(--accent)}
  .long-form hr{border:none;border-top:1px solid var(--line);margin:48px 0}
  .long-form.bone hr{border-top-color:rgba(0,0,0,.15)}
  .long-form .meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:8px}
  .long-form.bone .meta{color:var(--muted-bone)}

  /* Table of contents (used on /legal) */
  .toc{margin:0 0 36px;padding:24px 28px;background:var(--ink-2);border-left:4px solid var(--accent);border-radius:0 4px 4px 0}
  .long-form.bone .toc{background:rgba(0,0,0,.04);border-left-color:var(--violet)}
  .toc-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;display:block}
  .long-form.bone .toc-label{color:var(--violet)}
  .toc ol{list-style:none;padding:0;margin:0;gap:6px;display:flex;flex-direction:column;counter-reset:toc}
  .toc li{font-size:15px;line-height:1.4;color:#cfd5dd;counter-increment:toc}
  .long-form.bone .toc li{color:var(--bone-ink)}
  .toc li::before{content:counter(toc, decimal-leading-zero) " · ";font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-right:6px}
  .toc li a{font-size:15px;color:inherit;text-decoration:none;border-bottom:1px solid transparent}
  .toc li a:hover{border-bottom-color:var(--accent)}

  /* /about — founder photo + team grid */
  .founder-photo{margin:0 0 32px;display:block;width:100%;max-width:480px;height:auto;background:var(--ink-2);box-shadow:8px 8px 0 var(--accent)}
  .long-form.bone .founder-photo{box-shadow:8px 8px 0 var(--bone-ink)}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 48px}
  .team-member{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
  .team-thumb{width:80px;height:80px;background:var(--ink-2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:24px;color:var(--accent);text-transform:uppercase;letter-spacing:0}
  .long-form.bone .team-thumb{background:var(--ink);color:var(--bone)}
  .team-member .name{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:0;color:#fff;margin:8px 0 0}
  .long-form.bone .team-member .name{color:var(--bone-ink)}
  .team-member .role{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
  .long-form.bone .team-member .role{color:var(--muted-bone)}

  /* Changelog entries */
  .changelog-entry{margin:0 0 48px;padding:0 0 32px;border-bottom:1px solid var(--line)}
  .long-form.bone .changelog-entry{border-bottom-color:rgba(0,0,0,.15)}
  .changelog-entry:last-child{border-bottom:none}
  .changelog-date{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;display:block}
  .changelog-entry h3{margin-top:0}
  .changelog-tag{display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;background:rgba(214,90,37,.14);color:var(--accent);border-radius:2px;margin-right:6px}
  .changelog-tag.fix{background:rgba(95,212,155,.14);color:#5fd49b}
  .changelog-tag.docs{background:rgba(0,0,0,.18);color:#9aa5b5}
  .long-form.bone .changelog-tag.docs{background:rgba(0,0,0,.08);color:var(--muted-bone)}

  /* Page-level responsive */
  @media (max-width:1100px){
    .page-header h1{font-size:64px}
    .long-form h2{font-size:36px}
  }
  @media (max-width:720px){
    .page-header{padding:48px 0 32px}
    .page-header h1{font-size:42px}
    .page-header .dek{font-size:16px}
    .long-form{padding:40px 0 64px}
    .long-form .reading{padding:0 18px}
    .long-form h2{font-size:28px;margin:40px 0 14px}
    .long-form p,.long-form li{font-size:16px}
    .team-grid{grid-template-columns:repeat(2,1fr);gap:18px}
    .toc{padding:20px 22px}
    .founder-photo{box-shadow:6px 6px 0 var(--accent)}
    .long-form.bone .founder-photo{box-shadow:6px 6px 0 var(--bone-ink)}
  }

  /* ============================================================
     COVE CONTACT FORM (inline, in section.contact)
     ============================================================ */
  .cove-form{padding:32px 32px 28px;display:flex;flex-direction:column;gap:14px}
  .cove-form .field{display:flex;flex-direction:column;gap:6px}
  .cove-form label{
    font-family:'JetBrains Mono',ui-monospace,monospace;
    font-size:11px;color:var(--accent);
    letter-spacing:.16em;text-transform:uppercase;
  }
  .cove-form label .req{color:var(--accent);margin-left:4px}
  .cove-form input,
  .cove-form select,
  .cove-form textarea{
    font-family:inherit;font-size:15px;
    background:var(--ink);
    color:#fff;
    border:1px solid var(--line);
    border-radius:3px;
    padding:11px 12px;
    transition:border-color .12s ease, box-shadow .12s ease;
  }
  .cove-form input:focus,
  .cove-form select:focus,
  .cove-form textarea:focus{
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(214,90,37,.18);
  }
  .cove-form input:invalid:not(:placeholder-shown),
  .cove-form select:invalid:not([data-pristine]){
    border-color:#e57a6c;
  }
  .cove-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9aa5b5 50%),linear-gradient(135deg,#9aa5b5 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
  .cove-form textarea{resize:vertical;min-height:96px;line-height:1.5;font-family:'Inter',system-ui,sans-serif}
  .cove-form .field-hint{font-size:12px;color:var(--muted);font-family:'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none}
  .cove-form .field-error{font-size:12px;color:#e57a6c;font-family:'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none;display:none}
  .cove-form .field.invalid .field-error{display:block}
  /* Honeypot: hidden visually + from AT but submitted with the form */
  .cove-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

  .cove-form-actions{display:flex;align-items:center;gap:16px;margin-top:6px;flex-wrap:wrap}
  .cove-form-actions .btn{flex:0 0 auto}
  .cove-form-fallback{font-size:13px;color:var(--muted);line-height:1.5;flex:1 1 220px;min-width:180px}
  .cove-form-fallback a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}
  .cove-form-fallback strong{color:#dfe4ea}

  .cove-form-status{
    display:none;
    padding:14px 16px;border-radius:3px;
    font-size:14px;line-height:1.5;
    margin-top:4px;
  }
  .cove-form-status.show{display:block}
  .cove-form-status.success{background:rgba(95,212,155,.08);border:1px solid rgba(95,212,155,.32);color:#5fd49b}
  .cove-form-status.error{background:rgba(229,122,108,.08);border:1px solid rgba(229,122,108,.32);color:#e57a6c}

  /* Form submitting state: dim + disable inputs */
  .cove-form.submitting input,
  .cove-form.submitting select,
  .cove-form.submitting textarea,
  .cove-form.submitting button{opacity:.6;pointer-events:none}
  .cove-form.submitting .btn .inner::after{
    content:" …"; opacity:.7;
  }

  /* Success-only mode: hide the form fields, show the status */
  .cove-form.done .field,
  .cove-form.done .cove-form-actions{display:none}
  .cove-form.done .cove-form-status.success{display:block}

  @media (max-width:720px){
    .cove-form{padding:24px 22px 26px}
  }

  /* ============================================================
     INLINE CONTACT SECTION (above footer, every route)
     Cream canvas matching the lean section — gives the dark form card
     real visual weight on a non-dark background. Diagonal texture overlay
     matches the editorial vocabulary. Form is rendered on --ink with the
     offset solid shadow we use elsewhere (slack-card, proof-card).
     ============================================================ */
  section.contact{background:var(--bone);color:var(--bone-ink);padding:100px 0 110px;position:relative;overflow:hidden}
  .contact::before{
    content:"";position:absolute;inset:0;
    background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 1px,transparent 1px 12px);
    pointer-events:none;
  }
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative}
  .contact-pitch{padding-top:8px}
  .contact-pitch .eyebrow{color:var(--violet);margin-bottom:18px}
  .contact-pitch h2{font-family:'Archivo Black','Archivo',Impact,sans-serif;font-weight:900;letter-spacing:-0.02em;line-height:0.92;text-transform:uppercase;font-size:78px;color:var(--bone-ink);margin:0 0 24px}
  .contact-pitch p{font-size:17px;color:#3a3528;line-height:1.6;margin:0 0 16px;max-width:440px}
  .contact-pitch p b,.contact-pitch p strong{color:var(--bone-ink);font-weight:600}
  .contact-pitch .marker{display:inline-block;font-family:'Caveat Brush','Brush Script MT',cursive;font-size:24px;color:var(--accent);transform:rotate(-1.5deg);margin-top:12px}
  .contact-pitch .meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--muted-bone);letter-spacing:.16em;text-transform:uppercase;margin-top:22px;display:block}
  .contact-pitch .meta a{color:var(--violet);text-decoration:none;border-bottom:1px solid var(--violet)}
  .contact-pitch .meta a:hover{border-bottom-color:var(--accent);color:var(--accent)}

  /* Form card — dark on cream with offset solid shadow (same pattern as
     .slack-card and .proof-card). Editorial card-on-paper feel. */
  .contact .cove-form{
    background:var(--ink);
    border:1px solid var(--ink-3);
    border-radius:6px;
    box-shadow: 10px 10px 0 var(--bone-ink);
    color:#dfe4ea;
    position:relative;
  }

  /* Intent chip: shows when user arrived from a topic-specific CTA.
     Sits at the top of the form card. Click X to clear. */
  .cove-intent-chip{
    display:none;
    align-items:center;gap:10px;
    margin:0 0 6px;padding:9px 12px 9px 14px;
    background:rgba(214,90,37,.12);
    border:1px solid rgba(214,90,37,.4);
    border-radius:3px;
    font-family:'JetBrains Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
  }
  .cove-form[data-intent]:not([data-intent=""]):not([data-intent="general"]) .cove-intent-chip{display:flex}
  .cove-intent-chip .label{flex:1;min-width:0}
  .cove-intent-chip .label strong{color:#fff;font-weight:700;letter-spacing:.06em}
  .cove-intent-chip button{
    background:transparent;border:none;color:var(--accent);
    font-size:14px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:2px;
    font-family:inherit;
  }
  .cove-intent-chip button:hover{color:#fff;background:rgba(214,90,37,.2)}

  @media (max-width:1100px){
    .contact-grid{grid-template-columns:1fr;gap:48px}
    .contact-pitch h2{font-size:60px}
  }
  @media (max-width:720px){
    section.contact{padding:64px 0 80px}
    .contact-pitch h2{font-size:42px}
    .contact .cove-form{padding:24px 22px;box-shadow:6px 6px 0 var(--bone-ink)}
  }