/* hero-v2 — design-Claude hero, scoped under .hv2-hero (2026-05-23). Do not edit by hand; regenerated from source. */
.hv2-hero h1,.hv2-hero h2,.hv2-hero h3,.hv2-hero h4{
  font-family:var(--font-display); color:var(--ink);
  letter-spacing:-.022em; font-weight:500; line-height:1.02;
  font-variation-settings:"opsz" 96; text-wrap:balance;
}.hv2-hero em.flex{font-style:italic;color:var(--accent);font-weight:500}.hv2-hero .container{max-width:1180px;margin:0 auto;padding:0 20px}
@media(min-width:720px){.hv2-hero .container{padding:0 32px}}.hv2-hero .kick{
  font:600 11px/1 var(--font-body);
  text-transform:uppercase; letter-spacing:.16em;
  color:var(--accent);
  display:inline-flex; align-items:center; gap:10px;
  margin-bottom:18px;
}.hv2-hero .kick::before{content:"";width:24px;height:1px;background:currentColor}.hv2-hero .kick--invert{color:var(--accent-on-dark)}.hv2-hero .kick--center{justify-content:center}.hv2-hero .screen-divider{
  background:#0a1a18; color:rgba(255,255,255,.55);
  padding:14px 20px; text-align:center;
  font:500 11px/1 var(--font-data);
  letter-spacing:.2em; text-transform:uppercase;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}.hv2-hero .screen-divider b{color:var(--accent-on-dark);margin-right:8px;letter-spacing:.16em}.hv2-hero{
  background:var(--cream);
  padding:32px 0 56px;
  position:relative; overflow:hidden;
}
@media(min-width:880px){.hv2-hero{padding:56px 0 96px}}.hv2-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(12,46,43,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,46,43,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask:radial-gradient(ellipse at 78% 0%,#000 0%,transparent 58%);
  -webkit-mask:radial-gradient(ellipse at 78% 0%,#000 0%,transparent 58%);
}.hv2-hero .brandbar{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:32px; padding-bottom:18px;
  border-bottom:1px solid rgba(12,46,43,.08);
  position:relative; z-index:1;
}.hv2-hero .brand{
  font-family:var(--font-display); font-weight:500;
  font-size:22px; letter-spacing:-.01em; color:var(--ink);
  display:inline-flex; align-items:baseline;
}.hv2-hero .brand .brand-to{font-style:italic;color:var(--accent);margin:0 4px}.hv2-hero .brandbar__meta{
  font:500 11px/1 var(--font-data);
  text-transform:uppercase; letter-spacing:.12em;
  color:var(--grey-500); display:inline-flex; align-items:center; gap:8px;
}.hv2-hero .brandbar__meta::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--move); box-shadow:0 0 8px var(--move);
  animation:hv2pulse 1.8s ease-in-out infinite;
}
@keyframes hv2pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:560px){.hv2-hero .brandbar__meta span{display:none}.hv2-hero .brandbar__meta::after{content:"Live · Q2 2026"}}.hv2-hero .hero__grid{
  display:grid; grid-template-columns:1fr;
  gap:40px; align-items:center;
  position:relative; z-index:1;
}
@media(min-width:1000px){.hv2-hero .hero__grid{grid-template-columns:1.05fr 1fr;gap:64px}
}.hv2-hero h1{
  font-size:clamp(40px,8vw,76px);
  margin-bottom:20px;
  font-variation-settings:"opsz" 96;
}.hv2-hero h1 em{font-style:italic;color:var(--accent);font-weight:500}.hv2-hero .hero__lede{
  font-size:clamp(17px,2.2vw,20px);
  line-height:1.55; color:var(--grey-700);
  max-width:560px; margin-bottom:28px;
  text-wrap:pretty;
}.hv2-hero .hero__lede b{color:var(--ink);font-weight:600}.hv2-hero .hero__lede b:nth-of-type(1),.hv2-hero .hero__lede b:nth-of-type(2){color:var(--accent)}.hv2-hero .hero__offer{
  display:grid; grid-template-columns:1fr 1fr;
  gap:14px;
  margin:0 0 22px;
  max-width:580px;
}
@media(max-width:520px){.hv2-hero .hero__offer{grid-template-columns:1fr}}.hv2-hero .ocard{
  position:relative;
  display:flex; flex-direction:column;
  padding:20px;
  background:var(--paper);
  border:1.5px solid rgba(12,46,43,.1);
  border-radius:var(--radius-lg);
  text-decoration:none; color:var(--ink);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}.hv2-hero .ocard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(12,46,43,.18)}.hv2-hero .ocard:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hv2-hero .ocard--paid{
  background:linear-gradient(180deg,#FFFAF5 0%,#FDF0EA 100%);
  border-color:var(--accent);
  box-shadow:0 12px 28px rgba(196,93,44,.14);
}.hv2-hero .ocard--paid:hover{border-color:var(--accent-hover);box-shadow:0 18px 36px rgba(196,93,44,.2)}.hv2-hero .ocard__badge{
  position:absolute; top:-10px; left:14px;
  padding:5px 10px;
  background:var(--accent); color:#fff;
  border-radius:var(--radius-pill);
  font:700 9px/1 var(--font-data);
  letter-spacing:.14em; text-transform:uppercase;
}.hv2-hero .ocard__head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:10px;
  padding-bottom:14px; margin-bottom:16px;
  border-bottom:1px dashed rgba(12,46,43,.12);
}.hv2-hero .ocard--paid .ocard__head{border-bottom-color:rgba(196,93,44,.2)}.hv2-hero .ocard__tag{
  font:700 10px/1 var(--font-data);
  text-transform:uppercase; letter-spacing:.16em;
  color:var(--grey-500);
}.hv2-hero .ocard--paid .ocard__tag{color:var(--accent)}.hv2-hero .ocard__price{
  font:500 44px/1 var(--font-display);
  color:var(--ink); letter-spacing:-.03em;
  font-variation-settings:"opsz" 96;
}.hv2-hero .ocard--paid .ocard__price{color:var(--accent)}.hv2-hero .ocard__feats{
  list-style:none;
  display:flex; flex-direction:column; gap:10px;
  margin:0;
}.hv2-hero .feat{
  display:flex; align-items:flex-start; gap:11px;
}.hv2-hero .feat__mark{
  width:24px; height:24px; flex-shrink:0;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin-top:1px;
}.hv2-hero .feat__mark svg{width:13px;height:13px}.hv2-hero .feat__mark--check{background:var(--primary-10);color:var(--primary)}.hv2-hero .feat__mark--accent{background:var(--accent);color:#fff}.hv2-hero .feat__mark--x{background:rgba(12,46,43,.06);color:var(--grey-500)}.hv2-hero .feat__body{display:flex;flex-direction:column;gap:2px;min-width:0}.hv2-hero .feat__label{
  font:600 13.5px/1.3 var(--font-body);
  color:var(--ink);
}.hv2-hero .feat__meta{
  font:500 11px/1.3 var(--font-data);
  color:var(--grey-500);
  letter-spacing:.02em;
}.hv2-hero .feat--off .feat__label{
  color:var(--grey-500);
  text-decoration:line-through;
  text-decoration-color:rgba(12,46,43,.25);
}.hv2-hero .hero__nudge{
  font:500 12px/1.4 var(--font-data);
  text-transform:uppercase; letter-spacing:.08em;
  color:var(--grey-500);
  margin:0 0 24px;
}.hv2-hero .hero__ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hv2-hero .cta{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 24px; min-height:56px;
  border:none; border-radius:var(--radius);
  font:600 15px/1 var(--font-body);
  text-decoration:none; cursor:pointer;
  transition:all .18s var(--ease);
  letter-spacing:.005em;
}.hv2-hero .cta--solid{
  background:var(--accent); color:#fff;
  box-shadow:0 10px 24px rgba(196,93,44,.32);
}.hv2-hero .cta--solid:hover,.hv2-hero .cta--solid:focus-visible{
  background:var(--accent-hover);
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(196,93,44,.4);
}.hv2-hero .cta--ghost{
  background:transparent; color:var(--ink);
  border:1.5px solid rgba(12,46,43,.18);
}.hv2-hero .cta--ghost:hover{
  border-color:var(--ink); background:rgba(12,46,43,.04);
}.hv2-hero .cta svg{width:16px;height:16px}
@media(max-width:520px){.hv2-hero .cta{width:100%;justify-content:center;font-size:16px}
}.hv2-hero .hero__trust{
  display:flex; flex-wrap:wrap; gap:14px 22px;
  margin-top:24px;
  font:500 12px/1.4 var(--font-data);
  text-transform:uppercase; letter-spacing:.08em;
  color:var(--grey-500);
}.hv2-hero .hero__trust span{display:inline-flex;align-items:center;gap:8px}.hv2-hero .hero__trust span::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--move);
}.hv2-hero .hero__card-wrap{position:relative;padding-top:8px}.hv2-hero .vcard{
  background:var(--paper);
  border:1px solid rgba(12,46,43,.06);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-xl);
  overflow:hidden;
  position:relative; z-index:1;
  max-width:520px; margin:0 auto;
}.hv2-hero .vcard__bar{
  background:var(--ink); color:#fff;
  padding:12px 18px;
  display:flex; align-items:center; justify-content:space-between;
  font:600 10px/1 var(--font-body);
  text-transform:uppercase; letter-spacing:.14em;
}.hv2-hero .vcard__bar-l{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7)}.hv2-hero .vcard__bar-l::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#4ADE80; box-shadow:0 0 8px #4ADE80;
  animation:hv2pulse 1.8s ease-in-out infinite;
}.hv2-hero .vcard__bar-r{font:500 10px/1 var(--font-data);color:rgba(255,255,255,.5);letter-spacing:.1em}.hv2-hero .vcard__hat{
  padding:14px 18px;
  background:linear-gradient(180deg,#FBF7EE 0%,#F8F2E4 100%);
  border-bottom:1px solid rgba(12,46,43,.06);
  display:flex; justify-content:space-between; align-items:center;
}.hv2-hero .vcard__profile{
  display:flex; align-items:center; gap:10px;
  font:500 11px/1.4 var(--font-body); color:var(--grey-700);
}.hv2-hero .vcard__profile b{
  display:block;
  font:600 13px/1.2 var(--font-display);
  color:var(--ink); margin-bottom:2px;
  letter-spacing:-.005em;
}.hv2-hero .flag-ng{
  width:30px; height:20px; border-radius:3px;
  background:linear-gradient(90deg,#008751 33%,#fff 33% 66%,#008751 66%);
  box-shadow:0 1px 3px rgba(0,0,0,.15); flex-shrink:0;
}.hv2-hero .vcard__page{font:500 10px/1 var(--font-data);color:var(--grey-500);letter-spacing:.1em}.hv2-hero .vcard__verdict{
  padding:22px 22px 12px;
  display:flex; flex-direction:column; gap:14px;
}.hv2-hero .pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 14px 7px 12px;
  border-radius:var(--radius-pill);
  font:700 11px/1 var(--font-body);
  letter-spacing:.16em; text-transform:uppercase;
  align-self:flex-start;
}.hv2-hero .pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.hv2-hero .pill--move{background:var(--move-bg);color:var(--move);border:1px solid var(--move-border)}.hv2-hero .pill--delay{background:var(--delay-bg);color:var(--delay);border:1px solid var(--delay-border)}.hv2-hero .pill--avoid{background:var(--avoid-bg);color:var(--avoid);border:1px solid var(--avoid-border)}.hv2-hero .vrow{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:16px;
}.hv2-hero .vrow__title{
  font:600 26px/1.05 var(--font-display);
  color:var(--ink); letter-spacing:-.018em;
}.hv2-hero .vrow__title em{font-style:italic;color:var(--accent)}.hv2-hero .vrow__score{
  font:700 36px/1 var(--font-data);
  color:var(--ink); letter-spacing:-.025em;
}.hv2-hero .vrow__score small{font:500 12px/1 var(--font-body);color:var(--grey-500);margin-left:2px}.hv2-hero .score-bar{
  height:6px; border-radius:3px;
  background:rgba(15,107,58,.12); overflow:hidden;
}.hv2-hero .score-bar i{
  display:block; height:100%; border-radius:3px;
  background:linear-gradient(90deg,var(--move) 0%,#3FA260 100%);
  transform-origin:left;
  animation:hv2bar 1.2s var(--ease) .2s both;
}
@keyframes hv2bar{from{transform:scaleX(.05)}to{transform:scaleX(1)}}.hv2-hero .vrows{padding:0 22px 22px}.hv2-hero .vrows__item{
  display:grid; grid-template-columns:auto 1fr;
  gap:14px 16px; align-items:center;
  padding:11px 0;
  border-bottom:1px solid rgba(12,46,43,.06);
}.hv2-hero .vrows__item:last-child{border-bottom:none}.hv2-hero .vrows__item dt{
  font:500 10px/1 var(--font-data);
  text-transform:uppercase; letter-spacing:.1em;
  color:var(--grey-500); min-width:100px;
}.hv2-hero .vrows__item dd{
  font:600 13px/1.3 var(--font-body); color:var(--ink);
  text-align:right; justify-self:end;
}.hv2-hero .vrows__item dd.move{color:var(--move)}.hv2-hero .vrows__item dd.delay{color:var(--delay)}.hv2-hero .vcard__foot{
  background:var(--cream);
  border-top:1px solid rgba(12,46,43,.06);
  padding:12px 18px;
  display:flex; justify-content:space-between; align-items:center;
  font:500 10px/1 var(--font-data);
  text-transform:uppercase; letter-spacing:.1em;
  color:var(--grey-500);
}.hv2-hero .vcard__foot b{color:var(--ink);font-weight:700}.hv2-hero .vcard__peek{
  position:absolute;
  inset:24px -22px -22px 22px;
  background:var(--paper);
  border:1px solid rgba(12,46,43,.06);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  transform:rotate(3deg);
  z-index:0;
}.hv2-hero .vcard__peek--2{
  inset:44px -42px -42px 42px;
  transform:rotate(5deg);
  opacity:.6;
}
@media(max-width:520px){.hv2-hero .vcard__peek,.hv2-hero .vcard__peek--2{display:none}}.hv2-hero .anno{
  position:absolute; z-index:3;
  background:var(--ink); color:#fff;
  padding:6px 11px; border-radius:6px;
  font:600 10px/1 var(--font-data);
  text-transform:uppercase; letter-spacing:.14em;
  white-space:nowrap;
  box-shadow:var(--shadow-md);
}.hv2-hero .anno--top{top:62px;left:-12px}.hv2-hero .anno--mid{top:142px;right:-12px}
@media(max-width:1100px){.hv2-hero .anno{display:none}}
/* 2026-05-23 founder edits: centred nudge + card caption */
.hv2-hero .hero__nudge{text-align:center}
.hv2-hero .hero__card-caption{font:500 16px/1.5 var(--font-body);color:var(--grey-700);margin:0 0 18px;max-width:440px;text-wrap:pretty}
.hv2-hero .hero__card-caption b{color:var(--ink);font-weight:600}
@media(min-width:1000px){.hv2-hero .hero__card-caption{max-width:none}}
/* 2026-05-23 founder: bigger hero H1 */
.hv2-hero h1{font-size:clamp(48px,9.5vw,98px);line-height:1.0}
/* 2026-05-23 founder: appealing founder strip with photo */
.hv2-hero .hero__founder{display:inline-flex;align-items:center;gap:13px;margin-top:24px;padding:9px 20px 9px 9px;background:var(--paper);border:1px solid rgba(12,46,43,.1);border-radius:999px;text-decoration:none;box-shadow:var(--shadow-sm,0 1px 4px rgba(12,46,43,.06));transition:box-shadow .18s ease,transform .18s ease}
.hv2-hero .hero__founder:hover{box-shadow:var(--shadow-md,0 6px 18px rgba(12,46,43,.08));transform:translateY(-1px)}
.hv2-hero .hero__founder-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--grey-100)}
.hv2-hero .hero__founder-text{display:flex;flex-direction:column;gap:2px;font:400 12px/1.4 var(--font-body);color:var(--grey-500);text-align:left}
.hv2-hero .hero__founder-text b{font:600 14px/1.2 var(--font-body);color:var(--ink)}
.hv2-hero .hero__founder-link{color:var(--accent);font-weight:600}
/* 2026-05-23 founder: H1 bigger (round 2) */
.hv2-hero h1{font-size:clamp(56px,10.5vw,116px);line-height:0.98;margin-bottom:18px}
/* 2026-05-23 founder: neutral icon (no photo/name) */
.hv2-hero .hero__founder-icon{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff}
.hv2-hero .hero__founder-icon svg{width:20px;height:20px}
.hv2-hero h1{font-size:clamp(56px,10.5vw,116px) !important;line-height:0.98 !important}
/* 2026-05-23 founder: H1 dialled back from 116px (too big) to a balanced ~80px */
.hv2-hero h1{font-size:clamp(40px,6vw,80px) !important;line-height:1.03 !important;margin-bottom:18px}
/* 2026-05-23 founder: simple founder link (no card/icon/subtext) */
.hv2-hero .hero__founder{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:0;background:none;border:none;box-shadow:none;text-decoration:none;font:600 15px/1.3 var(--font-body);color:var(--accent)}
.hv2-hero .hero__founder:hover{transform:none;box-shadow:none;text-decoration:underline;text-underline-offset:3px}
/* 2026-05-23 founder: full-width headline + caption above the grid */
.hv2-hero .hero__head{margin:0 0 36px}
.hv2-hero .hero__head .hero__card-caption{max-width:800px;font-size:20px;color:var(--grey-700);margin-top:14px}
@media(min-width:1000px){.hv2-hero .hero__grid{align-items:start}}
/* 2026-05-23 founder: caption single line + CTA ~20% bigger */
.hv2-hero .hero__head .hero__card-caption{max-width:none;white-space:nowrap}
@media(max-width:900px){.hv2-hero .hero__head .hero__card-caption{white-space:normal}}
.hv2-hero .hero__ctas .cta--solid{padding:19px 30px;min-height:67px;font-size:18px}
.hv2-hero .hero__ctas .cta--solid svg{width:19px;height:19px}
/* 2026-05-23 founder: shrink sample card ~10% to reduce hero height */
@media(min-width:1000px){.hv2-hero .hero__card-wrap{zoom:0.9}}
/* 2026-05-23 founder: centered hero header (H1 + caption + CTA centered on top, cards below) */
.hv2-hero .hero__head--center{text-align:center}
.hv2-hero .hero__head--center .hero__card-caption{max-width:none;margin-left:auto;margin-right:auto}
.hv2-hero .hero__head--center .hero__nudge{text-align:center;margin-top:8px}
.hv2-hero .hero__head--center .hero__ctas{justify-content:center;margin-top:4px}
@media(max-width:900px){.hv2-hero .hero__head--center .hero__card-caption{white-space:normal}}