/* SignalAI shared styles (copied from index.html) */

  :root{
    /* SignalAI tokens (signalai-tokens.css) */
    --signal-ink:#0B1220;
    --signal-ink-2:#172033;
    --signal-blue:#2563EB;
    --signal-blue-hover:#1D4FD7;
    --evidence-cyan:#38BDF8;
    --paper:#FFFFFF;
    --surface:#F7F9FC;
    --mist:#EEF3F8;
    --line:#D7DEE8;
    --text-muted:#5E6B7E;
    --status-verified:#0F9D84;
    --status-attention:#D97706;
    --status-risk:#C2415D;
    /* on-dark text */
    --on-ink:#FFFFFF;
    --on-ink-muted:#A9B4C4;
    --ink-line:#26324A;

    --font-display:"Inter Display","Inter",Arial,sans-serif;
    --font-body:"Inter",Aptos,Arial,sans-serif;
    --font-evidence:"IBM Plex Mono",Consolas,"Liberation Mono",monospace;

    --radius-control:10px;
    --radius-card:16px;
    --radius-large:20px;
    --radius-pill:999px;

    --shadow-elevated:0 8px 24px rgba(11,18,32,.08);
    --motion:200ms ease-out;
    --max:1200px;
  }

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{transition:none!important}
  }
  body{background:var(--surface);color:var(--signal-ink);font-family:var(--font-body);
    font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
  img,svg{display:block}
  a{color:var(--signal-blue)}
  :focus-visible{outline:2px solid var(--signal-blue);outline-offset:2px;border-radius:4px}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 40px}
  @media(max-width:900px){.wrap{padding:0 24px}}
  @media(max-width:560px){.wrap{padding:0 16px}}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

  /* type */
  h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:inherit}
  h1{font-size:56px;line-height:62px;font-weight:700}
  h2{font-size:36px;line-height:42px;font-weight:700;max-width:24ch}
  h3{font-size:20px;line-height:28px;font-weight:650;letter-spacing:-.01em}
  @media(max-width:900px){h1{font-size:42px;line-height:48px}h2{font-size:30px;line-height:36px}}
  @media(max-width:560px){h1{font-size:34px;line-height:40px}h2{font-size:26px;line-height:32px}}
  .lede{color:var(--text-muted);font-size:18px;line-height:28px;max-width:62ch;margin-top:16px}
  .label{font-family:var(--font-evidence);font-size:12px;line-height:16px;font-weight:500;
    letter-spacing:.08em;text-transform:uppercase;color:var(--signal-blue)}
  .mono{font-family:var(--font-evidence)}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
    padding:0 22px;border-radius:var(--radius-control);font-family:var(--font-body);font-weight:600;
    font-size:16px;text-decoration:none;cursor:pointer;border:1px solid transparent;
    transition:background var(--motion),border-color var(--motion),color var(--motion)}
  .btn-primary{background:var(--signal-blue);color:#fff}
  .btn-primary:hover{background:var(--signal-blue-hover)}
  .btn-primary[disabled]{opacity:.7;cursor:progress}
  .btn-secondary{background:var(--paper);color:var(--signal-ink);border-color:var(--line)}
  .btn-secondary:hover{border-color:var(--signal-ink)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:var(--signal-ink);border-bottom:1px solid var(--ink-line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
  .lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on-ink);
    font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em}
  .lockup svg{width:28px;height:28px;flex-shrink:0}
  .lockup .ai{color:var(--evidence-cyan)}
  .nav-links{display:flex;gap:28px;list-style:none}
  .nav-links a{color:var(--on-ink-muted);text-decoration:none;font-size:15px;font-weight:500;transition:color var(--motion)}
  .nav-links a:hover{color:var(--on-ink)}
  .nav .btn{min-height:44px;padding:0 18px;font-size:15px}
  @media(max-width:900px){.nav-links{display:none}}
  @media(max-width:420px){.nav .btn{padding:0 14px;font-size:14px}.lockup{font-size:20px}}

  /* sections */
  section{padding:112px 0}
  @media(max-width:900px){section{padding:72px 0}}
  @media(max-width:560px){section{padding:56px 0}}
  .sec-head .label{margin-bottom:16px}
  .dark{background:var(--signal-ink);color:var(--on-ink)}
  .dark .lede{color:var(--on-ink-muted)}
  .dark .label{color:var(--evidence-cyan)}
  .white{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

  /* hero */
  .hero{padding:88px 0 96px}
  @media(max-width:900px){.hero{padding:56px 0 64px}}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
  @media(max-width:1020px){.hero-grid{grid-template-columns:1fr;gap:48px}}
  .hero .label{margin-bottom:20px}
  .hero .lede{font-size:19px;line-height:30px;max-width:54ch;margin-top:20px}

  /* audit form */
  .form-card{margin-top:32px;background:var(--paper);border:1px solid var(--line);
    border-radius:var(--radius-card);padding:24px;max-width:560px}
  .form-card label{display:block;font-size:14px;line-height:20px;font-weight:600;margin-bottom:8px}
  .form-card input[type=text],.form-card input[type=email]{width:100%;min-height:48px;
    border:1px solid var(--line);border-radius:var(--radius-control);padding:0 14px;
    font-family:var(--font-body);font-size:16px;color:var(--signal-ink);background:var(--paper);
    transition:border-color var(--motion)}
  .form-card input:focus{outline:2px solid var(--signal-blue);outline-offset:2px;border-color:var(--signal-blue)}
  .form-card .row{margin-bottom:16px}
  .form-card .btn{width:100%}
  .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
  .microcopy{font-size:14px;line-height:20px;color:var(--text-muted);margin-top:12px}
  .form-error{display:none;margin-top:12px;font-size:14px;line-height:20px;color:var(--status-risk);font-weight:500}
  .form-done{display:none}
  .form-done h3{margin-bottom:8px}
  .form-done p{color:var(--text-muted)}
  .check-ic{width:40px;height:40px;border-radius:50%;background:var(--mist);display:flex;align-items:center;
    justify-content:center;margin-bottom:16px}

  /* sample snapshot module */
  .snapshot{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-large);
    box-shadow:var(--shadow-elevated);overflow:hidden}
  .snap-top{padding:24px 24px 20px;border-bottom:1px solid var(--line)}
  .snap-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .sample-tag{font-family:var(--font-evidence);font-size:11px;line-height:16px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px 10px}
  .snap-site{margin-top:12px;font-weight:600}
  .snap-site span{display:block;font-family:var(--font-evidence);font-weight:400;font-size:12px;color:var(--text-muted)}
  .score-row{display:flex;align-items:flex-end;gap:16px;margin-top:20px;flex-wrap:wrap}
  .score{font-family:var(--font-display);font-weight:700;font-size:64px;line-height:64px;letter-spacing:-.03em}
  .score small{font-size:18px;font-weight:500;color:var(--text-muted);letter-spacing:0}
  .band{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-evidence);font-size:12px;
    font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill);
    color:#8A4B04;background:#FDF3E6;border:1px solid #F3D2A6;margin-bottom:8px}
  .scale{margin-top:16px}
  .scale-track{position:relative;display:grid;grid-template-columns:36fr 32fr 18fr 15fr;gap:3px;height:8px}
  .scale-track i{background:var(--mist);border-radius:2px}
  .scale-track i.on{background:var(--line)}
  .scale-marker{position:absolute;top:-5px;width:3px;height:18px;background:var(--signal-blue);border-radius:2px}
  .scale-labels{display:grid;grid-template-columns:36fr 32fr 18fr 15fr;gap:3px;margin-top:6px;
    font-family:var(--font-evidence);font-size:10px;line-height:14px;color:var(--text-muted);letter-spacing:.04em}
  .band-note{font-size:14px;line-height:20px;color:var(--text-muted);margin-top:12px}

  .snap-body{display:grid;grid-template-columns:1fr 1fr}
  @media(max-width:560px){.snap-body{grid-template-columns:1fr}}
  .snap-col{padding:20px 24px}
  .snap-col + .snap-col{border-left:1px solid var(--line)}
  @media(max-width:560px){.snap-col + .snap-col{border-left:none;border-top:1px solid var(--line)}}
  .snap-col h4{font-family:var(--font-evidence);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;
    text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}
  .checks{list-style:none}
  .checks li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;line-height:20px;padding:6px 0}
  .checks li + li{border-top:1px solid var(--mist)}
  .st{font-family:var(--font-evidence);font-size:10px;line-height:14px;font-weight:500;letter-spacing:.06em;
    padding:2px 7px;border-radius:6px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
  .st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
  .st-v{color:#0B7563;background:#E7F6F3}
  .st-a{color:#8A4B04;background:#FDF3E6}
  .st-r{color:#A3304B;background:#FBEBEF}
  .bars{list-style:none}
  .bars li{display:grid;grid-template-columns:92px 1fr 28px;gap:8px;align-items:center;font-size:13px;line-height:18px;padding:6px 0}
  .bars .name{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bars .you .name{color:var(--signal-ink);font-weight:600}
  .bars .trk{height:8px;background:var(--mist);border-radius:2px;overflow:hidden}
  .bars .trk i{display:block;height:100%;background:#AAB4C3;border-radius:2px}
  .bars .you .trk i{background:var(--signal-blue)}
  .bars .lead .trk i{background:var(--evidence-cyan)}
  .bars .val{font-family:var(--font-evidence);font-size:12px;text-align:right}
  .evidence{display:flex;flex-wrap:wrap;background:var(--mist);border-top:1px solid var(--line)}
  .evidence div{padding:10px 16px;flex:1 1 25%;min-width:120px}
  .evidence div + div{border-left:1px solid var(--line)}
  @media(max-width:560px){.evidence div{flex-basis:50%}.evidence div:nth-child(3){border-left:none}}
  .evidence dt{font-family:var(--font-evidence);font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
  .evidence dd{font-family:var(--font-evidence);font-size:12px;line-height:16px;font-weight:500;margin-top:2px}
  .snap-caption{font-size:13px;line-height:18px;color:var(--text-muted);margin-top:12px;text-align:right}

  /* industries */
  .industries{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
  .ind-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
  .ind-inner .label{color:var(--text-muted);flex-shrink:0}
  .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
  .chips li{font-size:14px;line-height:20px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}

  /* the shift */
  .shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-line);
    border:1px solid var(--ink-line);border-radius:var(--radius-card);overflow:hidden;margin-top:48px}
  @media(max-width:860px){.shift-grid{grid-template-columns:1fr}}
  .shift-grid > div{background:var(--signal-ink);padding:32px}
  .shift-grid .label{margin-bottom:12px}
  .shift-grid p{color:var(--on-ink-muted);margin-top:8px}
  .gloss{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--ink-line)}
  @media(max-width:860px){.gloss{grid-template-columns:1fr;gap:16px}}
  .gloss dt{font-family:var(--font-evidence);font-size:13px;font-weight:500;color:var(--on-ink)}
  .gloss dt span{color:var(--evidence-cyan)}
  .gloss dd{color:var(--on-ink-muted);font-size:15px;line-height:24px;margin-top:4px}

  /* six checks */
  .six{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
  @media(max-width:960px){.six{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.six{grid-template-columns:1fr}}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}
  .six .num{font-family:var(--font-evidence);font-size:12px;font-weight:500;color:var(--signal-blue);
    display:flex;align-items:center;gap:10px;margin-bottom:16px}
  .six .num::after{content:"";flex:1;height:1px;background:var(--mist)}
  .six h3{margin-bottom:4px}
  .six .q{font-weight:500;color:var(--signal-ink);font-size:15px;margin-bottom:8px}
  .six p{color:var(--text-muted);font-size:15px;line-height:24px}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);
    border-radius:var(--radius-card);overflow:hidden;margin-top:48px}
  @media(max-width:860px){.steps{grid-template-columns:1fr}}
  .step{background:var(--paper);padding:32px}
  .node{width:12px;height:12px;border-radius:50%;background:var(--signal-blue);box-shadow:0 0 0 4px #DCE7FD;margin-bottom:20px}
  .step .label{color:var(--text-muted);margin-bottom:8px}
  .step p{color:var(--text-muted);margin-top:8px;font-size:15px;line-height:24px}

  /* pricing */
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;align-items:stretch}
  @media(max-width:900px){.plans{grid-template-columns:1fr;max-width:560px}}
  .plan{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}
  .plan.free{border-color:var(--signal-blue);box-shadow:inset 0 0 0 1px var(--signal-blue)}
  .plan .label{color:var(--text-muted)}
  .plan.free .label{color:var(--signal-blue)}
  .plan h3{margin-top:12px}
  .price{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:44px;letter-spacing:-.03em;margin-top:12px}
  .price small{line-height:0;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-muted);letter-spacing:0}
  .plan .for{color:var(--text-muted);font-size:14px;line-height:20px;margin-top:8px;min-height:40px}
  .plan ul{list-style:none;margin:20px 0 24px;flex:1;border-top:1px solid var(--mist);padding-top:12px}
  .plan li{position:relative;padding:6px 0 6px 22px;font-size:15px;line-height:22px}
  .plan li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%;
    border:2px solid var(--signal-blue)}
  .plan .note{font-family:var(--font-evidence);font-size:11px;line-height:16px;color:var(--text-muted);margin:-12px 0 20px}
  .plan .btn{width:100%}
  .price-foot{margin-top:24px;font-size:14px;line-height:20px;color:var(--text-muted)}

  /* comparison */
  .compare{margin-top:48px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--paper)}
  .compare table{width:100%;border-collapse:collapse}
  .compare th,.compare td{text-align:left;padding:16px 24px;vertical-align:top;font-size:15px;line-height:24px}
  .compare thead th{font-family:var(--font-evidence);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;
    text-transform:uppercase;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--line)}
  .compare thead th.us{color:var(--signal-blue)}
  .compare tbody tr + tr td,.compare tbody tr + tr th{border-top:1px solid var(--mist)}
  .compare tbody th{font-weight:600;width:22%}
  .compare td.them{color:var(--text-muted)}
  @media(max-width:700px){
    .compare thead{display:none}
    .compare tr{display:block;padding:16px 20px}
    .compare tbody tr + tr{border-top:1px solid var(--line)}
    .compare th,.compare td{display:block;padding:0;width:auto;border:none!important}
    .compare tbody th{margin-bottom:8px}
    .compare td::before{display:block;font-family:var(--font-evidence);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
    .compare td.us::before{content:"SignalAI";color:var(--signal-blue)}
    .compare td.them::before{content:"Common in this market";margin-top:8px}
  }

  /* honesty */
  .honest{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
  @media(max-width:860px){.honest{grid-template-columns:1fr}}
  .honest .card{padding:32px}
  .honest .label{margin-bottom:12px}
  .honest p{color:var(--text-muted);margin-top:8px}
  .lens-mark{width:32px;height:32px;margin-bottom:16px}

  /* faq */
  .faq{max-width:840px;margin-top:40px;border-top:1px solid var(--line)}
  .faq details{border-bottom:1px solid var(--line)}
  .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;
    padding:20px 0;font-family:var(--font-display);font-weight:600;font-size:18px;line-height:26px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";font-family:var(--font-evidence);font-size:20px;color:var(--signal-blue);flex-shrink:0}
  .faq details[open] summary::after{content:"–"}
  .faq details p{color:var(--text-muted);padding:0 0 20px;max-width:70ch}

  /* final */
  .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  @media(max-width:900px){.final-grid{grid-template-columns:1fr;gap:32px}}
  .final .form-card{margin-top:0;border-color:var(--ink-line)}
  .final .form-card,.final .form-card label{color:var(--signal-ink)}

  footer{background:var(--signal-ink);color:var(--on-ink-muted);border-top:1px solid var(--ink-line);padding:48px 0;font-size:14px;line-height:22px}
  .foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
  footer a{color:var(--on-ink);text-decoration:none}
  footer a:hover{text-decoration:underline}
  .fine{margin-top:24px;padding-top:24px;border-top:1px solid var(--ink-line);font-size:13px;line-height:20px;max-width:90ch}

/* ===== Plan detail pages ===== */
.crumbs{font-size:14px;line-height:20px;color:var(--text-muted);padding-top:32px}
.crumbs a{color:var(--text-muted);text-decoration:none}
.crumbs a:hover{color:var(--signal-blue);text-decoration:underline}
.crumbs span{margin:0 8px;color:var(--line)}
.plan-hero{padding:40px 0 96px}
@media(max-width:900px){.plan-hero{padding:32px 0 64px}}
.plan-hero .hero-grid{align-items:center}
.plan-price{display:flex;align-items:baseline;gap:12px;margin-top:20px;flex-wrap:wrap}
.plan-price b{font-family:var(--font-display);font-size:48px;line-height:52px;font-weight:700;letter-spacing:-.03em}
.plan-price small{font-size:15px;color:var(--text-muted)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-card);
  background:var(--paper);margin-top:28px;overflow:hidden;max-width:560px}
.facts div{padding:14px 18px;border-top:1px solid var(--line)}
.facts div:nth-child(-n+2){border-top:none}
.facts div:nth-child(2n){border-left:1px solid var(--line)}
.facts dt{font-family:var(--font-evidence);font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.facts dd{font-weight:600;font-size:15px;line-height:22px;margin-top:2px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cover{position:relative;background:var(--mist);border:1px solid var(--line);border-radius:var(--radius-large);padding:32px;display:flex;justify-content:center}
.cover img{width:100%;max-width:420px;height:auto;border-radius:6px;border:1px solid var(--line);box-shadow:var(--shadow-elevated);background:#fff}
.cover .sample-tag{position:absolute;top:16px;left:16px;background:var(--paper)}
.cover-cap{font-size:13px;line-height:18px;color:var(--text-muted);margin-top:12px;text-align:center}

.gets{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
@media(max-width:760px){.gets{grid-template-columns:1fr}}
.get{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start}
.get .ic{width:40px;height:40px;border-radius:var(--radius-control);background:#E8EFFD;display:flex;align-items:center;justify-content:center}
.get .ic svg{width:20px;height:20px}
.get h3{font-size:18px;line-height:26px}
.get p{color:var(--text-muted);font-size:15px;line-height:24px;margin-top:4px}

/* report viewer */
.report{margin-top:48px}
.report + .report{margin-top:72px;padding-top:72px;border-top:1px solid var(--line)}
.report-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.report-head h3{font-size:24px;line-height:32px}
.report-head p{color:var(--text-muted);max-width:60ch;margin-top:4px}
.viewer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
@media(max-width:960px){.viewer{grid-template-columns:minmax(0,1fr)}}
.stage{background:var(--mist);border:1px solid var(--line);border-radius:var(--radius-large);padding:24px}
.stage-img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-elevated)}
.stage-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.stage-bar .count{font-family:var(--font-evidence);font-size:12px;color:var(--text-muted)}
.pager{display:flex;gap:8px}
.pager button{min-width:44px;min-height:44px;border-radius:var(--radius-control);border:1px solid var(--line);background:var(--paper);
  cursor:pointer;font-size:18px;color:var(--signal-ink);transition:border-color var(--motion)}
.pager button:hover:not([disabled]){border-color:var(--signal-ink)}
.pager button[disabled]{opacity:.4;cursor:default}
.thumbs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding-bottom:4px}
.thumbs button{flex:0 0 auto;width:64px;padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer}
.thumbs button[aria-current="true"]{border-color:var(--signal-blue)}
.thumbs img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--line)}
.look h4{font-family:var(--font-evidence);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-blue);margin-bottom:12px}
.look ol{list-style:none;counter-reset:n}
.look li{counter-increment:n;position:relative;padding:14px 0 14px 44px;border-top:1px solid var(--line)}
.look li:last-child{border-bottom:1px solid var(--line)}
.look li::before{content:counter(n);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;
  border:1.5px solid var(--signal-blue);color:var(--signal-blue);font-family:var(--font-evidence);font-size:12px;font-weight:500;
  display:flex;align-items:center;justify-content:center}
.look li b{display:block;font-weight:600}
.look li span{display:block;color:var(--text-muted);font-size:15px;line-height:24px;margin-top:2px}
.look li a{font-size:14px;font-weight:500;text-decoration:none}
.look li a:hover{text-decoration:underline}
.pdf-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;text-decoration:none}
.pdf-link:hover{text-decoration:underline}
.note-box{margin-top:24px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);
  font-size:14px;line-height:22px;color:var(--text-muted)}

/* fit */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
@media(max-width:760px){.fit{grid-template-columns:1fr}}
.fit .card{padding:32px}
.fit ul{list-style:none;margin-top:16px}
.fit li{position:relative;padding:8px 0 8px 28px;font-size:15px;line-height:24px}
.fit li::before{position:absolute;left:0;top:8px;font-family:var(--font-evidence);font-weight:500}
.fit .yes li::before{content:"✓";color:var(--status-verified)}
.fit .no li::before{content:"→";color:var(--signal-blue)}
.fit .no a{font-weight:600}

/* other plans strip */
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media(max-width:860px){.others{grid-template-columns:1fr}}
.other{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);
  padding:24px;transition:border-color var(--motion)}
a.other:hover{border-color:var(--signal-blue)}
.other.current{border-color:var(--signal-blue);box-shadow:inset 0 0 0 1px var(--signal-blue)}
.other .label{color:var(--text-muted)}
.other.current .label{color:var(--signal-blue)}
.other h3{margin-top:8px}
.other .p{font-family:var(--font-display);font-weight:700;font-size:24px;margin-top:4px}
.other p{color:var(--text-muted);font-size:14px;line-height:20px;margin-top:8px}
.other .go-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--signal-blue)}

/* order panel */
.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.order-grid{grid-template-columns:1fr;gap:32px}}
.order-points{list-style:none;margin-top:24px}
.order-points li{position:relative;padding:8px 0 8px 28px;color:var(--on-ink-muted)}
.order-points li::before{content:"";position:absolute;left:4px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--evidence-cyan)}
.panel{background:var(--paper);color:var(--signal-ink);border-radius:var(--radius-large);overflow:hidden}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.tabs button{min-height:52px;border:none;background:var(--surface);font-family:var(--font-body);font-size:15px;font-weight:600;
  color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--motion)}
.tabs button[aria-selected="true"]{background:var(--paper);color:var(--signal-ink);border-bottom-color:var(--signal-blue)}
.panel .form-card{margin:0;border:none;border-radius:0;max-width:none;padding:28px}
.form-card textarea{width:100%;min-height:112px;border:1px solid var(--line);border-radius:var(--radius-control);padding:12px 14px;
  font-family:var(--font-body);font-size:16px;line-height:24px;color:var(--signal-ink);resize:vertical}
.form-card textarea:focus{outline:2px solid var(--signal-blue);outline-offset:2px;border-color:var(--signal-blue)}
.form-card .opt{font-weight:400;color:var(--text-muted)}
.order-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-control);margin-bottom:20px}
.order-sum b{font-family:var(--font-display);font-size:20px}
.order-sum span{font-weight:600}
.steps.s4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.steps.s4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.steps.s4{grid-template-columns:1fr}}