:root{
    --ink:#0d234f;          /* blueprint navy */
    --ink-2:#33507e;
    --paper:#f4f7fc;        /* cold drafting paper */
    --card:#ffffff;
    --blue:#2762ea;         /* kajabi blue */
    --blue-deep:#0f2f7a;
    --line:#c9d7f0;
    --grid:rgba(39,98,234,.07);
    --grid-hero:rgba(255,255,255,.08);
    --up:#14a800;           /* upwork green */
    --up-dark:#108600;
    --radius:10px;
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--paper) ;
    background-image:
      linear-gradient(var(--grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size:32px 32px;
    line-height:1.6;
    font-size:16px;
  }
  ::selection{background:var(--blue);color:#fff}
  a{color:var(--blue)}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .mono{font-family:'IBM Plex Mono',monospace}

  /* ---------- nav ---------- */
  nav{
    position:sticky;top:0;z-index:50;
    background:rgba(244,247,252,.92);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);line-height:1.2}
  .brand b{font-family:'Archivo',sans-serif;font-weight:800;font-size:17px}
  .brand span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase}
  .nav-links{display:flex;gap:26px;align-items:center}
  .nav-links a{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none}
  .nav-links a:hover{color:var(--blue)}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;
    padding:12px 22px;border-radius:8px;text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:hover{transform:translateY(-1px)}
  .btn-up{background:var(--up);color:#fff;box-shadow:0 4px 14px rgba(20,168,0,.25)}
  .btn-up:hover{background:var(--up-dark)}
  .btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}
  .btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
  .btn-white{background:#fff;color:var(--blue-deep)}
  .up-badge{
    display:inline-flex;align-items:center;justify-content:center;
    width:18px;height:18px;border-radius:50%;background:#fff;color:var(--up);
    font-weight:800;font-size:11px;font-family:'Archivo',sans-serif;flex:none;
  }
  .btn-ghost .up-badge,.pill .up-badge{background:var(--up);color:#fff}
  .nav-cta{padding:9px 16px;font-size:14px}

  /* ---------- hero (blueprint sheet) ---------- */
  header{
    background:var(--blue-deep);
    background-image:
      linear-gradient(var(--grid-hero) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid-hero) 1px, transparent 1px);
    background-size:32px 32px;
    color:#fff;
    border-bottom:4px solid var(--blue);
  }
  .hero{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:72px}
  .pill{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);
    padding:7px 14px;border-radius:100px;margin-bottom:26px;
  }
  h1{
    font-family:'Archivo',sans-serif;font-weight:850;font-stretch:95%;
    font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.01em;
    margin-bottom:22px;
  }
  h1 em{font-style:italic;color:#9db9ff;position:relative;white-space:nowrap}
  h1 em::after{ /* dimension line signature */
    content:"";position:absolute;left:2px;right:2px;bottom:-10px;height:8px;
    background:
      linear-gradient(90deg,#9db9ff 0 1.5px,transparent 0) left center/1.5px 8px no-repeat,
      linear-gradient(90deg,#9db9ff 0 1.5px,transparent 0) right center/1.5px 8px no-repeat,
      linear-gradient(#9db9ff,#9db9ff) center/100% 1.5px no-repeat;
  }
  .hero p.lead{font-size:17.5px;color:#c5d4f5;max-width:56ch;margin-bottom:32px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap}

  /* profile plate */
  .plate{
    background:#fff;color:var(--ink);border-radius:var(--radius);
    box-shadow:0 24px 60px rgba(4,16,45,.45);
    overflow:hidden;
  }
  .plate-top{display:flex;gap:16px;align-items:center;padding:22px 22px 16px}
  .avatar{
    width:58px;height:58px;border-radius:12px;flex:none;
    background:var(--blue);color:#fff;display:grid;place-items:center;
    font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;
  }
  .plate-top h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;line-height:1.2}
  .plate-top p{font-size:13px;color:var(--ink-2)}
  .plate-rating{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;padding:0 22px 16px;color:var(--ink-2)}
  .plate-rating b{color:var(--ink)}
  .dot-live{color:var(--up);font-weight:700}
  .plate-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
  .plate-stats div{padding:16px 10px;text-align:center;border-right:1px solid var(--line)}
  .plate-stats div:last-child{border-right:0}
  .plate-stats b{display:block;font-family:'Archivo',sans-serif;font-weight:850;font-size:24px;color:var(--blue)}
  .plate-stats span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;color:var(--ink-2)}
  .plate-cta{display:block;text-align:center;background:var(--up);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;padding:14px;text-decoration:none}
  .plate-cta:hover{background:var(--up-dark)}
  /* title block strip — drafting signature */
  .plate-facts{
    display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap;
    font-size:12.5px;color:var(--ink-2);padding:11px 18px;background:var(--paper);
  }
  .plate-facts b{color:var(--ink);font-weight:600}

  /* ---------- stat strip ---------- */
  .strip{background:#fff;border-bottom:1px solid var(--line)}
  .strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
  .strip-in div{padding:26px 20px;border-right:1px solid var(--line)}
  .strip-in div:first-child{border-left:1px solid var(--line)}
  .strip-in b{display:block;font-family:'Archivo',sans-serif;font-weight:850;font-size:30px;color:var(--blue)}
  .strip-in span{font-size:13.5px;color:var(--ink-2)}

  /* ---------- sections ---------- */
  section{padding:88px 0}
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--blue);margin-bottom:14px;display:block;
  }
  h2{
    font-family:'Archivo',sans-serif;font-weight:850;font-stretch:95%;
    font-size:clamp(28px,3.4vw,40px);line-height:1.14;letter-spacing:-.01em;
    max-width:22ch;margin-bottom:16px;
  }
  .sub{color:var(--ink-2);max-width:64ch;margin-bottom:44px}

  /* services */
  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .svc article{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:26px;transition:border-color .15s, box-shadow .15s;
  }
  .svc article:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(13,35,79,.08)}
  .svc .ico{
    width:42px;height:42px;border-radius:9px;background:rgba(39,98,234,.1);
    color:var(--blue);display:grid;place-items:center;font-size:19px;margin-bottom:16px;
  }
  .svc h4{font-family:'Archivo',sans-serif;font-weight:750;font-size:17.5px;margin-bottom:8px}
  .svc p{font-size:14.5px;color:var(--ink-2)}

  /* ---------- work grid ---------- */
  #work{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
  .filters button{
    font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.04em;
    padding:9px 16px;border-radius:100px;border:1.5px solid var(--line);
    background:#fff;color:var(--ink-2);cursor:pointer;transition:all .12s;
  }
  .filters button:hover{border-color:var(--blue);color:var(--blue)}
  .filters button.on{background:var(--blue);border-color:var(--blue);color:#fff}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s;
  }
  .card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 14px 34px rgba(13,35,79,.12)}
  .shot{
    aspect-ratio:16/10;background:var(--paper);position:relative;overflow:hidden;
    border-bottom:1px solid var(--line);
  }
  .shot .mshot{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;
    opacity:0;transition:opacity .45s ease;z-index:2;
  }
  .shot .mshot.ok{opacity:1}
  .fb{
    position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
    background-image:
      linear-gradient(var(--grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size:24px 24px;z-index:1;
  }
  .fb-ic{
    width:64px;height:64px;border-radius:16px;background:#fff;
    border:1.5px solid var(--line);box-shadow:0 6px 18px rgba(13,35,79,.1);
    display:grid;place-items:center;
    font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;color:var(--blue);
  }
  .fb-ic img{width:36px;height:36px;object-fit:contain;display:block}
  .fb-host{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase}
  .card-body{padding:14px 16px 12px;flex:1}
  .card-body h5{font-family:'Archivo',sans-serif;font-weight:750;font-size:15.5px;line-height:1.3;margin-bottom:3px}
  .card-body span{font-size:12.5px;color:var(--ink-2);word-break:break-all}
  /* title-block footer — drafting plate signature */
  .card-tb{
    display:flex;justify-content:space-between;align-items:center;
    border-top:1px solid var(--line);padding:7px 16px;background:var(--paper);
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.09em;
    color:var(--ink-2);text-transform:uppercase;
  }
  .card-tb b{color:var(--blue);font-weight:600}
  .card-tb .open{color:var(--up);font-weight:600}
  .hidden{display:none}

  /* ---------- testimonials ---------- */
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .tsummary{
    background:var(--blue-deep);
    background-image:
      linear-gradient(var(--grid-hero) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid-hero) 1px, transparent 1px);
    background-size:32px 32px;
    color:#fff;border-radius:var(--radius);padding:30px 26px;
    display:flex;flex-direction:column;justify-content:center;gap:8px;
  }
  .tsummary .big{font-family:'Archivo',sans-serif;font-weight:850;font-size:56px;line-height:1}
  .tsummary .stars{color:#ffb020;font-size:20px;letter-spacing:3px}
  .tsummary p{color:#c5d4f5;font-size:14px;line-height:1.55}
  .tsummary a{color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;margin-top:10px}
  .tcard{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    display:flex;flex-direction:column;overflow:hidden;
    transition:border-color .15s, box-shadow .15s;
  }
  .tcard:hover{border-color:var(--blue);box-shadow:0 10px 30px rgba(13,35,79,.08)}
  .tcard-body{padding:20px 22px 18px;flex:1;display:flex;flex-direction:column}
  .thead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
  .tstars{color:#ff7a00;letter-spacing:2px;font-size:15px;white-space:nowrap}
  .tstars b{color:var(--ink);font-family:'Archivo',sans-serif;font-size:14px;margin-left:6px;letter-spacing:0}
  .tverify{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;
    color:var(--up);border:1px solid rgba(20,168,0,.35);background:rgba(20,168,0,.06);
    border-radius:100px;padding:4px 10px;text-transform:uppercase;white-space:nowrap;
  }
  .tquote{
    font-size:15.5px;font-style:italic;color:var(--ink);line-height:1.6;
    margin-bottom:16px;position:relative;padding-left:18px;
  }
  .tquote::before{
    content:"“";position:absolute;left:-2px;top:-8px;
    font-family:'Archivo',sans-serif;font-weight:850;font-size:34px;color:var(--blue);
    font-style:normal;
  }
  .tmeta{margin-top:auto;border-top:1px dashed var(--line);padding-top:12px}
  .tjob{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;color:var(--blue);text-decoration:none;line-height:1.35;display:block}
  .tjob:hover{text-decoration:underline}
  span.tjob{color:var(--ink)}
  .tdates{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;color:var(--ink-2);margin-top:4px;text-transform:uppercase}
  .tchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
  .tchip{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;
    background:var(--paper);border:1px solid var(--line);border-radius:100px;
    padding:4px 11px;color:var(--ink-2);text-transform:uppercase;
  }
  .tcard .card-tb b{color:var(--up)}
  .tcard .card-tb .open{text-decoration:none}
  .tcard .card-tb .open:hover{text-decoration:underline}

  /* ---------- process ---------- */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .steps article{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;
    position:relative;
  }
  .steps .n{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--blue);
    display:block;margin-bottom:12px;
  }
  .steps h4{font-family:'Archivo',sans-serif;font-weight:750;font-size:16.5px;margin-bottom:8px}
  .steps p{font-size:14px;color:var(--ink-2)}

  /* ---------- hourly ---------- */
  .hourly{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .hourly h2{margin-bottom:18px}
  .hourly ul{list-style:none;display:grid;gap:14px}
  .hourly li{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:15px 18px;font-size:14.5px;color:var(--ink-2);display:flex;gap:12px;
  }
  .hourly li b{color:var(--ink)}
  .tick{color:var(--up);font-weight:800;flex:none}

  /* ---------- cta ---------- */
  .cta{
    background:var(--blue-deep);
    background-image:
      linear-gradient(var(--grid-hero) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid-hero) 1px, transparent 1px);
    background-size:32px 32px;
    color:#fff;text-align:center;border-radius:16px;
    padding:64px 36px;margin:0 24px;
  }
  .cta h2{margin:0 auto 14px;max-width:26ch}
  .cta p{color:#c5d4f5;max-width:60ch;margin:0 auto 30px}
  .cta .hero-actions{justify-content:center}

  footer{padding:34px 0 44px;border-top:1px solid var(--line);margin-top:88px}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
  .foot small{color:var(--ink-2);font-size:12.5px;max-width:70ch}

  @media (max-width:960px){
    .hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:56px}
    .svc,.grid,.tgrid{grid-template-columns:repeat(2,1fr)}
    .steps{grid-template-columns:repeat(2,1fr)}
    .strip-in{grid-template-columns:repeat(2,1fr)}
    .hourly{grid-template-columns:1fr;gap:32px}
    .nav-links a:not(.btn){display:none}
  }
  @media (max-width:600px){
    .svc,.grid,.steps,.strip-in,.tgrid{grid-template-columns:1fr}
    section{padding:60px 0}
  }
  @media (prefers-reduced-motion:reduce){
    *{transition:none!important;scroll-behavior:auto}
  }
  a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}


  /* ---------- layouts: "see all" bar + Quick look tightening ---------- */
  .see-all{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    margin-top:28px;padding:16px 20px;border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--paper)}
  .see-all span{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:var(--ink-2)}
  .layout-compact .hero{padding-top:56px;padding-bottom:52px;gap:44px}
  .layout-compact .hero p.lead{margin-bottom:26px}
  .layout-compact section{padding-top:64px;padding-bottom:64px}
  .layout-compact footer{margin-top:64px}
  @media (max-width:600px){ .layout-compact section{padding:48px 0} .see-all{justify-content:center;text-align:center} }


  /* ---------- proof band (top review, right under the hero) ---------- */
  .proof{display:block;background:#fff;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
  .proof-in{display:flex;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
  .proof .rv-stars{font-size:16px}
  .proof-q{font-family:'Archivo',sans-serif;font-weight:700;font-size:17px;line-height:1.4;flex:1 1 420px}
  .proof-q mark{background:linear-gradient(transparent 58%,#ffe28a 58%);color:inherit;padding:0 2px}
  .proof-by{font-size:13.5px;color:var(--ink-2)}
  .proof-by i{font-style:normal;color:var(--blue);font-weight:600;margin-left:10px;white-space:nowrap}
  .proof:hover .proof-by i{text-decoration:underline}

  /* ---------- reviews (dark band so it stands out) ---------- */
  .reviews{
    background:var(--blue-deep);color:#fff;
    background-image:
      radial-gradient(900px 420px at 85% -10%, rgba(39,98,234,.55), transparent 70%),
      linear-gradient(var(--grid-hero) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid-hero) 1px, transparent 1px);
    background-size:auto,32px 32px,32px 32px;
    border-top:4px solid var(--blue);
  }
  .reviews .eyebrow{color:#9db9ff}
  .reviews h2{color:#fff}
  .reviews .sub{color:#c5d4f5;margin-bottom:0}
  .rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;flex-wrap:wrap}
  .rv-score{
    display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;flex:none;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:18px 22px;
    transition:background .15s;
  }
  .rv-score:hover{background:rgba(255,255,255,.14)}
  .rv-big{font-family:'Archivo',sans-serif;font-weight:850;font-size:58px;line-height:1}
  .rv-score-txt{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:#c5d4f5}
  .rv-score-txt b{color:#fff;font-size:15px}
  .rv-stars{color:#ffb020;letter-spacing:2px;font-size:18px;white-space:nowrap}

  .rv-feature,.rv-card{background:#fff;color:var(--ink);border-radius:14px;position:relative}
  .rv-feature{
    padding:44px 48px 36px;margin-bottom:22px;
    box-shadow:0 30px 70px rgba(4,16,45,.45);
  }
  .rv-feature::before{
    content:"“";position:absolute;right:36px;top:-18px;
    font-family:'Archivo',sans-serif;font-weight:900;font-size:180px;line-height:1;color:rgba(39,98,234,.12);
  }
  .rv-badge{
    position:absolute;top:-13px;left:48px;background:#ffb020;color:#2b1d00;
    font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    padding:5px 12px;border-radius:100px;box-shadow:0 6px 16px rgba(0,0,0,.25);
  }
  .rv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
  .rv-num{font-family:'Archivo',sans-serif;font-size:15px}
  .rv-verify{
    margin-left:auto;font-size:12px;font-weight:600;color:var(--up-dark);
    background:rgba(20,168,0,.08);border:1px solid rgba(20,168,0,.3);border-radius:100px;padding:4px 11px;white-space:nowrap;
  }
  .rv-quote{margin:0 0 22px;color:var(--ink);position:relative}
  .rv-quote::before{content:"“"}
  .rv-quote::after{content:"”"}
  .rv-quote mark{background:linear-gradient(transparent 58%,#ffe28a 58%);color:inherit;padding:0 2px}
  .rv-feature .rv-quote{
    font-family:'Archivo',sans-serif;font-weight:600;font-size:clamp(19px,2.1vw,25px);line-height:1.45;
    letter-spacing:-.005em;max-width:62ch;
  }
  .rv-card .rv-quote{font-size:15.5px;line-height:1.65}
  .rv-quote.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
  .rv-quote.clamp.open{display:block;-webkit-line-clamp:unset}
  .rv-more{background:none;border:0;padding:0;margin-bottom:20px;color:var(--blue);font:600 13.5px 'Inter',sans-serif;cursor:pointer;align-self:flex-start}
  .rv-more:hover{text-decoration:underline}

  .rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .rv-card{padding:26px 26px 22px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);transition:transform .15s ease, box-shadow .15s ease}
  .rv-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(4,16,45,.4)}

  .rv-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
  .rv-av{
    width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;
    background:rgba(39,98,234,.1);color:var(--blue);font-family:'Archivo',sans-serif;font-weight:800;font-size:14px;
  }
  .rv-who{display:flex;flex-direction:column;min-width:0;flex:1 1 180px}
  .rv-job{font-family:'Archivo',sans-serif;font-weight:700;font-size:14.5px;line-height:1.35;color:var(--ink);text-decoration:none}
  a.rv-job{color:var(--blue)}
  a.rv-job:hover{text-decoration:underline}
  .rv-date{font-size:12.5px;color:var(--ink-2)}
  .rv-chips{display:flex;gap:6px;flex-wrap:wrap}
  .rv-chips span{font-size:11.5px;font-weight:600;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:3px 10px;color:var(--ink-2)}
  .rv-card .rv-chips{flex-basis:100%}

  .rv-cta{
    margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.18);padding-top:30px;
  }
  .rv-cta p{display:flex;flex-direction:column;gap:2px}
  .rv-cta p b{font-family:'Archivo',sans-serif;font-size:21px}
  .rv-cta p span{color:#c5d4f5;font-size:14.5px}
  .btn-line{border:1.5px solid rgba(255,255,255,.4);color:#fff}
  .btn-line:hover{border-color:#fff;background:rgba(255,255,255,.08)}

  @media (max-width:960px){
    .rv-grid{grid-template-columns:repeat(2,1fr)}
    .rv-feature{padding:38px 28px 28px}
    .rv-badge{left:28px}
  }
  @media (max-width:600px){
    .rv-grid{grid-template-columns:1fr}
    .rv-feature::before{font-size:120px;right:14px}
    .rv-verify{margin-left:0}
    .rv-score{width:100%}
    .proof-q{font-size:15.5px}
  }

  .rv-card .rv-vlong{display:none}
  .rv-feature .rv-quote.long{font-size:clamp(18px,1.75vw,21px);line-height:1.55}
  .rv-card .rv-who{flex:1 1 0}

  /* work card footer: platform tag + live link (replaces the "PLATE KJB-001" drawing labels) */
  .card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:11px 18px;background:var(--paper)}
  .card-tag{font-size:12px;font-weight:600;color:var(--blue);background:rgba(39,98,234,.08);border-radius:100px;padding:3px 10px}
  .card-open{font-size:13px;font-weight:600;color:var(--up-dark);margin-left:auto}
  .card:hover .card-open{text-decoration:underline}

  /* final CTA lines up with the page content instead of running edge to edge */
  .cta{max-width:calc(var(--maxw) - 48px);margin-left:auto;margin-right:auto}
  @media (max-width:1228px){ .cta{margin-left:24px;margin-right:24px} }
  .layout-compact .reviews{padding-bottom:72px}
  /* 1 or 2 smaller reviews fill the row instead of leaving an empty column */
  .rv-grid.n2{grid-template-columns:repeat(2,1fr)}
  .rv-grid.n1{grid-template-columns:1fr}
  @media (max-width:600px){ .rv-grid.n2{grid-template-columns:1fr} }