/* =========================================================
   SoluWeb v4 — soluwebtech.com
   "Poster Shop" — warm, crafted, human
   Cream paper · ink borders · vermilion · butter yellow
   Display: Archivo (black, expanded) / Accent: Instrument Serif italic / Body: Figtree
   ========================================================= */

:root{
  --paper:#faf5ec;
  --paper-2:#fffdf6;
  --card:#fffdf6;
  --ink:#181410;
  --ink-soft:#3a342c;
  --verm:#e8442e;
  
  --verm-deep:#c9341f;
  --butter:#ffd43d;
  --butter-soft:#ffe89a;
  --sky:#7db8e8;
  --mint:#9fd8b4;
  --text:#241f18;
  --muted:#6b6356;
  --muted-2:#9a917f;
  --line:#e7dfd0;
  --r-sm:12px;
  --r:18px;
  --r-lg:26px;
  --bw:2px;
  --shadow:6px 6px 0 var(--ink);
  --shadow-sm:4px 4px 0 var(--ink);
  --shadow-hover:9px 9px 0 var(--ink);
  --maxw:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--paper);color:var(--text);
  line-height:1.65;font-size:17px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--butter);color:var(--ink)}

h1,h2,h3,h4{
  font-family:"Archivo","Figtree",sans-serif;
  font-weight:850;font-stretch:115%;
  line-height:1.0;letter-spacing:-.025em;color:var(--ink);
  text-wrap:balance;
}
h1{font-size:clamp(2.55rem,6vw,4.7rem);font-weight:900}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:880}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem);letter-spacing:-.015em}
.serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
h1 .serif,h2 .serif{font-size:1.04em;color:var(--verm)}
p{color:var(--muted)}
strong{color:var(--text);font-weight:700}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.section{padding:clamp(64px,8.5vw,118px) 0}
.center{text-align:center}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--muted);max-width:60ch}
.center .lead{margin-inline:auto}
.sec-head{max-width:66ch}
.sec-head.center{margin-inline:auto}
.sec-head h2{margin-top:18px}
.sec-head .lead{margin-top:16px}

/* responsive grids (no inline styles!) */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g3{grid-template-columns:1fr}}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:780px){.g2{grid-template-columns:1fr}}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.g4{grid-template-columns:1fr}}

/* ---------- sticker chip ---------- */
.sticker{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:800;font-size:.8rem;letter-spacing:.02em;
  color:var(--ink);background:var(--card);
  border:var(--bw) solid var(--ink);border-radius:999px;
  padding:8px 16px;box-shadow:var(--shadow-sm);
  transform:rotate(-1.5deg);
}
.sticker.r{transform:rotate(1.5deg)}
.sticker.butter{background:var(--butter)}
.sticker.verm{background:var(--verm);color:#fff}
.sticker.sky{background:var(--sky)}
.sticker .dot{width:8px;height:8px;border-radius:50%;background:var(--verm);border:1.5px solid var(--ink)}
.sticker.verm .dot{background:var(--butter)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:"Archivo",sans-serif;font-weight:800;font-stretch:108%;font-size:1rem;
  padding:16px 28px;border-radius:14px;cursor:pointer;
  border:var(--bw) solid var(--ink);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .2s;
  white-space:nowrap;line-height:1;box-shadow:var(--shadow-sm);
}
.btn svg{width:18px;height:18px;transition:transform .25s var(--spring)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-verm{background:var(--verm);color:#fff}
.btn-verm:hover{background:#f04c36}
.btn-butter{background:var(--butter);color:var(--ink)}
.btn-paper{background:var(--card);color:var(--ink)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-lg{padding:19px 34px;font-size:1.05rem}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.center .cta-row{justify-content:center}
.cta-note{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:var(--muted)}
.cta-note svg{width:16px;height:16px;color:var(--verm)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;padding:14px 0;background:linear-gradient(var(--paper) 70%,rgba(250,245,236,0));transition:.3s}
.site-header .bar{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;
  padding:10px 12px 10px 18px;box-shadow:var(--shadow-sm);
}
.brand{display:flex;align-items:center;gap:10px;font-family:"Archivo",sans-serif;font-weight:900;font-stretch:115%;font-size:1.28rem;color:var(--ink);letter-spacing:-.02em}
.brand .mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:var(--butter);font-weight:900;font-size:1.05rem;border:var(--bw) solid var(--ink)}
.brand b{color:var(--verm);font-weight:900}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links a{font-weight:700;font-size:.93rem;color:var(--ink-soft);padding:9px 13px;border-radius:10px;transition:.2s}
.nav-links a:hover{background:var(--paper)}
.nav-links a.active{background:var(--ink);color:var(--paper)}
.nav-cta{display:flex;align-items:center;gap:8px}
.nav-cta .btn{padding:12px 20px;font-size:.9rem;box-shadow:3px 3px 0 var(--ink)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:10px}
.hamburger span{width:24px;height:3px;background:var(--ink);border-radius:2px;transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-menu{display:none}
@media(max-width:980px){
  .nav-links,.nav-cta .btn{display:none}
  .hamburger{display:flex}
  .mobile-menu{display:block;position:fixed;top:88px;left:16px;right:16px;z-index:55;background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;padding:12px 20px 20px;transform:translateY(-14px);opacity:0;pointer-events:none;transition:.32s var(--ease);box-shadow:var(--shadow)}
  .mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
  .mobile-menu a{display:block;padding:14px 4px;font-weight:800;font-size:1.08rem;border-bottom:2px dashed var(--line);color:var(--ink)}
  .mobile-menu a:last-of-type{border-bottom:0}
  .mobile-menu .btn{display:flex;justify-content:center;margin-top:14px;width:100%}
}

/* sticky mobile cta */
.sticky-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:50;display:none;transform:translateY(150%);transition:transform .4s var(--ease)}
.sticky-cta.show{transform:none}
.sticky-cta .btn{width:100%;justify-content:center;padding:17px}
@media(max-width:760px){.sticky-cta{display:block}}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(36px,4vw,58px) 0 clamp(62px,7vw,92px);overflow:hidden}
.hero .scribble{position:absolute;color:var(--butter);opacity:.9;z-index:0;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(42px,5vw,76px);align-items:center}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:44px}}
.hero-copy{max-width:670px}
.hero h1{margin-top:20px;max-width:12ch;font-size:clamp(3rem,5.4vw,4.8rem);line-height:.94;letter-spacing:-.045em}
.hero-after{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.15rem,4vw,3.65rem);font-style:italic;color:var(--verm);line-height:1;margin-top:9px}
.hero .sub{font-size:clamp(1.05rem,1.45vw,1.2rem);max-width:53ch;margin:24px 0 20px;color:var(--muted);line-height:1.6}
.hero .cta-row{margin-bottom:16px}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 26px}
.hero-proof span{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:800;color:var(--ink-soft)}
.hero-proof svg{width:16px;height:16px;color:var(--verm);flex:none}
.hero-call{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:7px 4px;color:var(--ink)}
.hero-call>svg{grid-row:1/3;width:24px;height:24px;color:var(--verm)}
.hero-call span{font-size:.73rem;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.hero-call b{font-family:"Archivo",sans-serif;font-size:1.02rem;line-height:1.2}

/* hero customer journey */
.lead-card{position:relative;background:var(--card);border:var(--bw) solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;transform:rotate(.7deg)}
.lead-card-head{display:flex;align-items:center;gap:11px;padding:17px 20px;background:var(--butter);border-bottom:var(--bw) solid var(--ink)}
.lead-card-head .live-dot{width:11px;height:11px;border-radius:50%;background:var(--verm);border:1.5px solid var(--ink);box-shadow:0 0 0 4px rgba(232,68,46,.14)}
.lead-card-head div{display:grid;line-height:1.1}
.lead-card-head small,.flow-step small{font-family:"Archivo",sans-serif;font-weight:850;font-size:.65rem;letter-spacing:.1em;color:var(--muted);line-height:1.3}
.lead-card-head b{font-size:.92rem;color:var(--ink)}
.lead-time{margin-left:auto;font-family:"Archivo",sans-serif;font-weight:900;font-size:.77rem;background:var(--ink);color:#fff;border-radius:999px;padding:7px 10px}
.lead-flow{padding:22px 22px 18px}
.flow-step{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start}
.flow-icon{width:46px;height:46px;border:var(--bw) solid var(--ink);border-radius:13px;display:grid;place-items:center;color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.flow-icon svg{width:21px;height:21px}
.flow-icon.sky{background:var(--sky)}.flow-icon.butter{background:var(--butter)}.flow-icon.mint{background:var(--mint)}
.flow-step b{display:block;font-family:"Archivo",sans-serif;font-size:.98rem;line-height:1.25;color:var(--ink);margin:2px 0 4px;letter-spacing:-.015em}
.flow-step p{font-size:.83rem;line-height:1.42}
.flow-step.success b{color:var(--verm-deep)}
.flow-line{height:18px;border-left:2px dashed var(--muted-2);margin:4px 0 4px 22px}
.lead-result{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;padding:14px 18px;text-align:left}
.lead-result>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--verm);color:#fff}
.lead-result div{display:grid;line-height:1.1}.lead-result b{font-size:.88rem}.lead-result small{color:var(--butter);font-weight:800}
@media(max-width:960px){.lead-card{max-width:620px;transform:none}.hero-copy{max-width:720px}}
@media(max-width:620px){
  .hero{padding-top:36px}.hero h1{font-size:clamp(2.75rem,13.5vw,4rem)}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
  .hero .cta-row{align-items:flex-start}.hero .btn-lg{width:100%;justify-content:center}
  .hero-call{margin:2px 0 0 5px}.lead-card{border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
  .lead-card-head{padding:14px}.lead-flow{padding:18px 15px 14px}.flow-step{grid-template-columns:40px 1fr;gap:11px}
  .flow-icon{width:40px;height:40px}.flow-line{margin-left:19px}.lead-time{font-size:.68rem;padding:6px 8px}
}

.hload{opacity:0;transform:translateY(24px);animation:hin .85s var(--ease) forwards}
.hload.h1{animation-delay:.05s}.hload.h2{animation-delay:.15s}.hload.h3{animation-delay:.25s}.hload.h4{animation-delay:.35s}.hload.h5{animation-delay:.45s}
@keyframes hin{to{opacity:1;transform:none}}

/* hero stack: lead ticket pile */
.pile{position:relative;display:grid;gap:16px}
.ticket{
  background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);
  padding:20px 22px;box-shadow:var(--shadow);
  display:flex;gap:14px;align-items:flex-start;
}
.ticket:nth-child(1){transform:rotate(-1.2deg)}
.ticket:nth-child(2){transform:rotate(.9deg)}
.ticket:nth-child(3){transform:rotate(-.7deg)}
.ticket .tic{width:46px;height:46px;border-radius:12px;border:var(--bw) solid var(--ink);display:grid;place-items:center;flex:none}
.ticket .tic.butter{background:var(--butter)}
.ticket .tic.sky{background:var(--sky)}
.ticket .tic.mint{background:var(--mint)}
.ticket .tic.verm{background:var(--verm);color:#fff}
.ticket .tic svg{width:22px;height:22px}
.ticket b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:108%;color:var(--ink);font-size:1rem;letter-spacing:-.01em}
.ticket span{color:var(--muted);font-size:.9rem;line-height:1.5;display:block;margin-top:2px}
.ticket .when{margin-left:auto;flex:none;font-size:.74rem;font-weight:800;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;padding-top:4px}
.pile .stamp{
  position:absolute;right:-8px;top:-22px;z-index:2;
  background:var(--butter);border:var(--bw) solid var(--ink);border-radius:999px;
  font-family:"Archivo",sans-serif;font-weight:900;font-size:.8rem;letter-spacing:.04em;
  padding:10px 16px;transform:rotate(6deg);box-shadow:var(--shadow-sm);
}
@media(max-width:960px){.pile .stamp{right:4px}}

/* ---------- marquee ---------- */
.strip{background:var(--ink);border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);padding:15px 0;overflow:hidden}
.strip .track{display:flex;gap:42px;white-space:nowrap;animation:scroll 32s linear infinite;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:110%;font-size:.92rem;color:var(--paper);letter-spacing:.03em;text-transform:uppercase}
.strip .track span{display:inline-flex;align-items:center;gap:42px}
.strip .track span::after{content:"★";color:var(--butter);font-size:.8rem}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ---------- story / scenario ---------- */
.story{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.story .top{padding:clamp(26px,4vw,42px);border-bottom:var(--bw) solid var(--ink);background:var(--butter-soft)}
.story .top p{color:var(--ink-soft);font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.6;max-width:62ch}
.story .top p b{font-weight:800;color:var(--ink)}
.story .bottom{padding:clamp(26px,4vw,42px)}
.beats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
@media(max-width:880px){.beats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.beats{grid-template-columns:1fr}}
.beat{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:18px;position:relative}
.beat .bn{position:absolute;top:-14px;left:14px;background:var(--verm);color:#fff;border:var(--bw) solid var(--ink);border-radius:999px;font-family:"Archivo",sans-serif;font-weight:900;font-size:.78rem;padding:4px 11px}
.beat b{display:block;font-family:"Archivo",sans-serif;font-weight:800;color:var(--ink);margin:8px 0 6px;font-size:.96rem;letter-spacing:-.01em}
.beat p{font-size:.88rem;line-height:1.55}
.story .punch{margin-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.story .punch .serif{font-size:clamp(1.2rem,2.2vw,1.55rem);color:var(--ink)}

/* ---------- numbered service rows ---------- */
.svc-list{display:grid;gap:0;border:var(--bw) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.svc-row{display:grid;grid-template-columns:110px 1fr auto;gap:26px;align-items:center;padding:clamp(22px,3.4vw,34px) clamp(20px,3.4vw,38px);border-bottom:var(--bw) solid var(--ink);transition:background .25s;position:relative}
.svc-row:last-child{border-bottom:0}
.svc-row:hover{background:var(--butter-soft)}
@media(max-width:760px){.svc-row{grid-template-columns:1fr;gap:10px;padding:24px 22px}}
.svc-row .idx{font-family:"Archivo",sans-serif;font-weight:900;font-stretch:120%;font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--paper);-webkit-text-stroke:2px var(--ink);letter-spacing:0}
.svc-row h3{font-size:clamp(1.25rem,2vw,1.6rem);margin-bottom:6px}
.svc-row p{font-size:.96rem;max-width:58ch}
.svc-row .deliver{margin-top:10px;font-size:.86rem;color:var(--ink-soft);font-weight:600}
.svc-row .deliver b{color:var(--verm);font-weight:800}
.svc-row .go{width:50px;height:50px;border-radius:50%;border:var(--bw) solid var(--ink);display:grid;place-items:center;background:var(--card);transition:.25s var(--spring);flex:none}
.svc-row:hover .go{background:var(--verm);color:#fff;transform:rotate(-45deg)}
.svc-row .go svg{width:20px;height:20px}
@media(max-width:760px){.svc-row .go{display:none}}

/* ---------- price cards ---------- */
.price{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease);position:relative}
.price:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.price.pop{background:var(--ink);color:var(--paper)}
.price.pop h3,.price.pop .amount{color:var(--paper)}
.price.pop p,.price.pop li{color:#cfc8ba}
.price .badge{position:absolute;top:-16px;right:20px;background:var(--butter);border:var(--bw) solid var(--ink);border-radius:999px;font-family:"Archivo",sans-serif;font-weight:900;font-size:.74rem;letter-spacing:.05em;padding:6px 13px;transform:rotate(3deg);color:var(--ink)}
.price h3{font-size:1.3rem}
.price .for{font-size:.88rem;color:var(--muted);margin-top:4px}
.price.pop .for{color:#a89f8d}
.price .amount{font-family:"Archivo",sans-serif;font-weight:900;font-stretch:115%;font-size:clamp(2rem,3.4vw,2.7rem);letter-spacing:-.03em;color:var(--ink);margin:18px 0 2px;line-height:1}
.price .amount small{font-size:.95rem;font-weight:700;color:var(--muted-2);font-stretch:100%}
.price ul{list-style:none;margin:18px 0 24px;display:grid;gap:10px}
.price li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;color:var(--ink-soft)}
.price li svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--verm)}
.price.pop li svg{color:var(--butter)}
.price .btn{margin-top:auto;justify-content:center}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:840px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.step:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.step .snum{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--butter);font-family:"Archivo",sans-serif;font-weight:900;font-size:1.25rem;margin-bottom:18px}
.step:nth-child(2) .snum{background:var(--sky)}
.step:nth-child(3) .snum{background:var(--mint)}
.step h3{margin-bottom:10px}
.step p{font-size:.96rem}
.step .dur{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.step .dur svg{width:14px;height:14px;flex:none}
.step .needs{margin-top:14px;padding-top:14px;border-top:2px dashed var(--line);font-size:.85rem;color:var(--ink-soft)}
.step .needs b{color:var(--ink)}

/* ---------- quotes ---------- */
.quote{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);transition:transform .25s var(--ease)}
.quote:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:var(--shadow-hover)}
.quote:nth-child(2){transform:rotate(.6deg)}
.quote:nth-child(2):hover{transform:translate(-3px,-3px) rotate(0)}
.quote .stars{display:flex;gap:2px;color:var(--verm);margin-bottom:14px}
.quote .stars svg{width:16px;height:16px}
.quote p{font-size:.99rem;color:var(--text);line-height:1.7}
.quote .who{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:2px dashed var(--line)}
.quote .who .av{width:42px;height:42px;border-radius:50%;border:var(--bw) solid var(--ink);display:grid;place-items:center;font-weight:900;font-family:"Archivo",sans-serif;color:var(--ink);font-size:.95rem}
.quote:nth-child(1) .av{background:var(--butter)}
.quote:nth-child(2) .av{background:var(--sky)}
.quote:nth-child(3) .av{background:var(--mint)}
.quote .who b{display:block;font-size:.92rem;color:var(--ink)}
.quote .who span{font-size:.8rem;color:var(--muted-2);font-weight:600}

/* ---------- compare ---------- */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:820px){.ba{grid-template-columns:1fr}}
.ba .col{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:clamp(26px,4vw,42px)}
.ba .before{background:var(--paper-2);border-style:dashed}
.ba .after{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}
.ba .pill{display:inline-block;font-family:"Archivo",sans-serif;font-weight:900;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:999px;border:var(--bw) solid var(--ink);margin-bottom:22px}
.ba .before .pill{background:var(--paper);color:var(--muted)}
.ba .after .pill{background:var(--butter);color:var(--ink)}
.ba ul{list-style:none;display:grid;gap:14px}
.ba li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem;color:var(--muted)}
.ba .after li{color:#e9e2d4}
.ba .ck{flex:none;width:24px;height:24px;border-radius:8px;border:2px solid currentColor;display:grid;place-items:center;margin-top:1px;opacity:.85}
.ba .before .ck{color:#c2705e}
.ba .after .ck{color:var(--butter)}
.ba .ck svg{width:13px;height:13px}

/* ---------- industries ---------- */
.ind-card{display:flex;gap:16px;padding:24px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.ind-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}
.ind-card .ic{width:50px;height:50px;border-radius:13px;border:var(--bw) solid var(--ink);display:grid;place-items:center;flex:none;background:var(--butter)}
.ind-card .ic.sky{background:var(--sky)}
.ind-card .ic.mint{background:var(--mint)}
.ind-card .ic.verm{background:var(--verm);color:#fff}
.ind-card .ic svg{width:24px;height:24px}
.ind-card h3{margin-bottom:6px;font-size:1.15rem}
.ind-card p{font-size:.93rem}
.ind-card .win{margin-top:12px;font-size:.84rem;font-weight:800;color:var(--verm)}

/* ---------- guarantee ---------- */
.guarantee{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--butter);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:clamp(26px,4vw,42px);box-shadow:var(--shadow)}
@media(max-width:820px){.guarantee{grid-template-columns:1fr;text-align:center}.guarantee .gb{margin:0 auto}.guarantee .cta-row{justify-content:center}}
.guarantee .gb{width:82px;height:82px;border-radius:22px;border:var(--bw) solid var(--ink);display:grid;place-items:center;background:var(--card);transform:rotate(-5deg)}
.guarantee .gb svg{width:38px;height:38px;color:var(--ink)}
.guarantee h3{font-size:clamp(1.3rem,2.3vw,1.7rem);margin-bottom:8px}
.guarantee p{color:var(--ink-soft);font-size:.98rem;max-width:58ch}

/* ---------- FAQ ---------- */
.faq{max-width:790px;margin:0 auto}
.faq details{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-sm);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}
.faq details[open]{box-shadow:var(--shadow);background:var(--paper-2)}
.faq summary{padding:20px 24px;font-family:"Archivo",sans-serif;font-size:1.05rem;color:var(--ink);font-weight:800;letter-spacing:-.01em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Figtree";font-size:1.7rem;color:var(--verm);font-weight:600;transition:transform .3s var(--spring);flex:none;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;font-size:.97rem}

/* ---------- CTA band ---------- */
.cta-band{position:relative;background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:clamp(46px,7vw,80px) clamp(22px,5vw,60px);text-align:center;box-shadow:var(--shadow);overflow:hidden}
.cta-band .conf{position:absolute;font-size:1.4rem;opacity:.9}
.cta-band h2{color:var(--paper);max-width:20ch;margin:18px auto 16px}
.cta-band h2 .serif{color:var(--butter)}
.cta-band p{color:#bdb4a2;max-width:52ch;margin:0 auto 30px;font-size:1.05rem}
.cta-band .cta-note{justify-content:center;margin-top:18px;color:#bdb4a2}
.cta-band .cta-note svg{color:var(--butter)}

/* ---------- page hero ---------- */
.page-hero{position:relative;padding:clamp(40px,5.5vw,72px) 0 clamp(40px,5vw,64px)}
.page-hero h1{max-width:18ch;margin-top:20px}
.page-hero .sub{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:56ch;margin:20px 0 28px;color:var(--muted)}
.crumb{font-size:.84rem;color:var(--muted-2);font-weight:700}
.crumb a:hover{color:var(--verm)}

/* ---------- forms ---------- */
.form-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
@media(max-width:880px){.form-grid{grid-template-columns:1fr}}
.form-card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:clamp(26px,4vw,42px);box-shadow:var(--shadow)}
.field{margin-bottom:18px}
.field label{display:block;font-weight:800;font-size:.86rem;color:var(--ink);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;padding:14px 16px;border:var(--bw) solid var(--ink);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--text);background:var(--paper-2);transition:.2s}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;background:#fff;box-shadow:3px 3px 0 var(--ink)}
.field .req{color:var(--verm)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){.two{grid-template-columns:1fr}}
.form-note{font-size:.84rem;color:var(--muted-2);margin-top:14px;text-align:center}
.form-ok{display:none;text-align:center;padding:26px;background:var(--butter-soft);border:var(--bw) solid var(--ink);border-radius:14px;color:var(--ink);font-weight:700}
.contact-aside .ci{display:flex;gap:14px;align-items:flex-start;padding:17px 0;border-bottom:2px dashed var(--line)}
.contact-aside .ci:last-child{border-bottom:0}
.contact-aside .ci .ic{width:46px;height:46px;border-radius:13px;border:var(--bw) solid var(--ink);display:grid;place-items:center;flex:none;background:var(--butter)}
.contact-aside .ci:nth-child(2) .ic{background:var(--sky)}
.contact-aside .ci:nth-child(3) .ic{background:var(--mint)}
.contact-aside .ci:nth-child(4) .ic{background:var(--verm);color:#fff}
.contact-aside .ci .ic svg{width:22px;height:22px}
.contact-aside .ci b{display:block;color:var(--ink)}
.contact-aside .ci span{color:var(--muted);font-size:.94rem}
.review-box{margin-top:26px;background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:30px;box-shadow:var(--shadow)}
.review-box h3{color:var(--paper);margin-bottom:8px}
.review-box p{color:#bdb4a2;font-size:.95rem}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);overflow:hidden;font-size:.97rem;box-shadow:var(--shadow)}
.tbl th,.tbl td{padding:18px 22px;text-align:left}
.tbl thead th{background:var(--ink);color:var(--paper);font-family:"Archivo",sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}
.tbl tbody tr{border-top:var(--bw) solid var(--line)}
.tbl tbody tr:hover{background:var(--butter-soft)}
.tbl tbody td:first-child{font-weight:800;color:var(--ink)}
.tbl .pay{color:var(--verm);font-weight:800}
@media(max-width:640px){
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{padding:8px 0;border-top:var(--bw) solid var(--line)}
  .tbl td{padding:6px 22px;display:flex;justify-content:space-between;gap:18px}
  .tbl td::before{content:attr(data-l);font-weight:800;color:var(--muted);font-size:.76rem;text-transform:uppercase}
}
.earn .e{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:26px 18px;text-align:center;box-shadow:var(--shadow-sm);transition:.25s var(--ease)}
.earn .e:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}
.earn .e .big{font-family:"Archivo",sans-serif;font-size:2.1rem;color:var(--verm);font-weight:900;font-stretch:115%;letter-spacing:-.02em;line-height:1}
.earn .e .big small{font-size:.95rem;color:var(--muted-2)}
.earn .e>small{display:block;color:var(--muted);margin-top:8px;font-weight:700}

/* ---------- panels ---------- */
.panel{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:clamp(26px,4vw,44px);box-shadow:var(--shadow)}
.panel.light{background:var(--card)}
.panel.dark{background:var(--ink);color:var(--paper)}
.panel.dark h2,.panel.dark h3{color:var(--paper)}
.panel.dark p{color:#bdb4a2}
.checklist{list-style:none;margin-top:20px;display:grid;gap:13px}
.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:.99rem}
.checklist .ck{flex:none;width:25px;height:25px;border-radius:8px;border:2px solid var(--ink);display:grid;place-items:center;margin-top:1px;background:var(--butter)}
.panel.dark .ck{border-color:var(--butter);background:transparent;color:var(--butter)}
.panel.dark .checklist li{color:#e9e2d4}
.checklist svg{width:14px;height:14px}

/* ---------- footer ---------- */
.site-footer{background:var(--ink);color:#bdb4a2;padding:64px 0 32px;margin-top:clamp(60px,8vw,100px);border-top:var(--bw) solid var(--ink)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:40px;border-bottom:1px solid #3a342c}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}}
.site-footer .brand{color:var(--paper);margin-bottom:14px}
.site-footer .brand .mark{background:var(--butter);color:var(--ink);border-color:var(--butter)}
.foot-about{max-width:30ch;font-size:.94rem;line-height:1.65}
.foot-col h4{font-family:"Archivo",sans-serif;color:var(--paper);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-weight:800}
.foot-col a{display:block;padding:6px 0;font-size:.94rem;transition:.2s}
.foot-col a:hover{color:var(--butter)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:.85rem}
.foot-bottom a:hover{color:var(--paper)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

@media(prefers-reduced-motion:reduce){
  .reveal,.hload{opacity:1;transform:none;transition:none;animation:none}
  .strip .track{animation:none}
}

/* =========================================================
   v5 MOTION LAYER
   ========================================================= */

/* --- hero tickets: drop in, then bob forever --- */
.ticket{--r:0deg}
.pile .ticket:nth-of-type(1){--r:-1.2deg}
.pile .ticket:nth-of-type(2){--r:1deg}
.pile .ticket:nth-of-type(3){--r:-.8deg}
@keyframes tdrop{from{opacity:0;transform:translateY(-34px) rotate(var(--r)) scale(.95)}to{opacity:1;transform:translateY(0) rotate(var(--r)) scale(1)}}
@keyframes tbob{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-8px) rotate(var(--r))}}
.pile .ticket{opacity:0;animation:tdrop .7s var(--spring) .55s forwards,tbob 6.5s ease-in-out 1.6s infinite}
.pile .ticket:nth-of-type(2){animation-delay:.95s,2.3s}
.pile .ticket:nth-of-type(3){animation-delay:1.35s,3s}
.pile .ticket:hover{box-shadow:var(--shadow-hover)}

/* --- the stamp: pop in, then wiggle --- */
@keyframes stamppop{from{opacity:0;transform:rotate(20deg) scale(.4)}to{opacity:1;transform:rotate(6deg) scale(1)}}
@keyframes stampwig{0%,100%{transform:rotate(6deg)}50%{transform:rotate(3deg)}}
.pile .stamp{opacity:0;animation:stamppop .6s var(--spring) .25s forwards,stampwig 4.5s ease-in-out 1.2s infinite}

/* --- sticker pop when a section reveals --- */
@keyframes stickpop{from{opacity:0;transform:scale(.4) rotate(-12deg)}60%{transform:scale(1.12) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(-1.5deg)}}
.reveal.in .sticker{animation:stickpop .55s var(--spring) both}
.reveal.in .sticker.r{animation-name:stickpopr}
@keyframes stickpopr{from{opacity:0;transform:scale(.4) rotate(12deg)}60%{transform:scale(1.12) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(1.5deg)}}

/* --- service rows: slide in one by one --- */
.svc-list.reveal .svc-row{opacity:0;transform:translateX(-22px)}
@keyframes rowin{to{opacity:1;transform:none}}
.svc-list.reveal.in .svc-row{animation:rowin .55s var(--ease) both}
.svc-list.reveal.in .svc-row:nth-child(1){animation-delay:.05s}
.svc-list.reveal.in .svc-row:nth-child(2){animation-delay:.15s}
.svc-list.reveal.in .svc-row:nth-child(3){animation-delay:.25s}
.svc-list.reveal.in .svc-row:nth-child(4){animation-delay:.35s}
.svc-list.reveal.in .svc-row:nth-child(5){animation-delay:.45s}
.svc-list.reveal.in .svc-row:nth-child(6){animation-delay:.55s}
/* index numbers fill on hover */
.svc-row .idx{transition:.3s}
.svc-row:hover .idx{color:var(--verm);-webkit-text-stroke:2px var(--ink)}

/* --- story beats: cards rise, timestamps stamp down --- */
.story.reveal .beat{opacity:0;transform:translateY(18px)}
.story.reveal.in .beat{animation:rowin .5s var(--ease) both}
.story.reveal.in .beat:nth-child(1){animation-delay:.1s}
.story.reveal.in .beat:nth-child(2){animation-delay:.3s}
.story.reveal.in .beat:nth-child(3){animation-delay:.5s}
.story.reveal.in .beat:nth-child(4){animation-delay:.7s}
@keyframes stampin{from{opacity:0;transform:scale(2.1) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.story.reveal .beat .bn{opacity:0}
.story.reveal.in .beat:nth-child(1) .bn{animation:stampin .45s var(--spring) .35s both}
.story.reveal.in .beat:nth-child(2) .bn{animation:stampin .45s var(--spring) .55s both}
.story.reveal.in .beat:nth-child(3) .bn{animation:stampin .45s var(--spring) .75s both}
.story.reveal.in .beat:nth-child(4) .bn{animation:stampin .45s var(--spring) .95s both}

/* --- grid children stagger (quotes, prices, panels, industry cards) --- */
.g3.reveal>*,.g2.reveal>*,.g4.reveal>*{opacity:0;transform:translateY(20px)}
.g3.reveal.in>*,.g2.reveal.in>*,.g4.reveal.in>*{animation:rowin .55s var(--ease) both}
.g3.reveal.in>*:nth-child(1),.g2.reveal.in>*:nth-child(1),.g4.reveal.in>*:nth-child(1){animation-delay:.05s}
.g3.reveal.in>*:nth-child(2),.g2.reveal.in>*:nth-child(2),.g4.reveal.in>*:nth-child(2){animation-delay:.18s}
.g3.reveal.in>*:nth-child(3),.g2.reveal.in>*:nth-child(3),.g4.reveal.in>*:nth-child(3){animation-delay:.31s}
.g4.reveal.in>*:nth-child(4){animation-delay:.44s}

/* --- ba columns slide from sides --- */
.ba.reveal .before{opacity:0;transform:translateX(-26px)}
.ba.reveal .after{opacity:0;transform:translateX(26px)}
.ba.reveal.in .before,.ba.reveal.in .after{animation:rowin .65s var(--ease) both}
.ba.reveal.in .after{animation-delay:.18s}

/* --- primary CTA: echo ring pulse --- */
.btn-pulse{position:relative}
.btn-pulse::before{content:"";position:absolute;inset:-3px;border-radius:17px;border:2px solid var(--verm);opacity:0;animation:ping 2.4s ease-out 1.4s infinite;pointer-events:none}
@keyframes ping{0%{inset:-3px;opacity:.7}70%{inset:-13px;opacity:0}100%{inset:-13px;opacity:0}}
/* arrow nudge on hero CTA */
.btn-pulse svg{animation:nudge 1.8s ease-in-out 2s infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

/* --- marquee: two rows, opposite directions, pause on hover --- */
.strip .track.rev{animation-direction:reverse;margin-top:12px;color:#8d8474}
.strip .track.rev span::after{content:"✶";color:var(--verm)}
.strip:hover .track{animation-play-state:paused}

/* --- CTA band: floating confetti shapes --- */
.cta-band .conf{position:absolute;pointer-events:none;font-size:1.5rem;color:var(--butter);opacity:.85;animation:confbob 5s ease-in-out infinite}
.cta-band .conf.c1{top:14%;left:7%;animation-delay:0s}
.cta-band .conf.c2{top:24%;right:9%;color:var(--verm);animation-delay:1.2s;font-size:1.2rem}
.cta-band .conf.c3{bottom:18%;left:13%;color:var(--sky);animation-delay:2.1s;font-size:1.1rem}
.cta-band .conf.c4{bottom:26%;right:14%;animation-delay:.7s}
.cta-band .conf.c5{top:55%;left:3%;color:var(--mint);animation-delay:1.7s;font-size:1rem}
.cta-band .conf.c6{top:48%;right:4%;color:var(--butter);animation-delay:2.6s;font-size:1.3rem}
@keyframes confbob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(12deg)}}

/* --- guarantee badge: slow seesaw --- */
@keyframes seesaw{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}}
.guarantee .gb{animation:seesaw 5s ease-in-out infinite}

/* --- quote cards get a tiny idle sway on hover handled; add entrance rotation --- */
.quote{will-change:transform}

/* --- step number coins: pop on reveal --- */
.steps .step .snum{transition:.3s var(--spring)}
.steps .step:hover .snum{transform:rotate(-10deg) scale(1.1)}

/* --- earn cards count handled in JS; add pop --- */
.earn .e .big{transition:.3s}

/* --- FAQ open: answer fades in --- */
.faq details[open] p{animation:rowin .4s var(--ease) both}

/* --- reduced motion: kill the party --- */
@media(prefers-reduced-motion:reduce){
  .pile .ticket,.pile .stamp{opacity:1;animation:none;transform:rotate(var(--r))}
  .reveal .sticker,.svc-list.reveal .svc-row,.story.reveal .beat,.story.reveal .beat .bn,
  .g3.reveal>*,.g2.reveal>*,.g4.reveal>*,.ba.reveal .before,.ba.reveal .after{opacity:1!important;transform:none!important;animation:none!important}
  .btn-pulse::before,.btn-pulse svg,.cta-band .conf,.guarantee .gb{animation:none!important}
}

/* ============ v6 additions ============ */
.nav-links a{padding:9px 10px;font-size:.9rem}
/* starter strip */
.starter{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--card);border:var(--bw) dashed var(--ink);border-radius:var(--r);padding:18px 22px;margin:34px 0 0}
.starter .st-l b{font-family:"Archivo",sans-serif;font-weight:850;font-stretch:110%;font-size:1.15rem;color:var(--ink);display:block}
.starter .st-l span{color:var(--muted);font-size:.92rem}
.starter .st-p{font-family:"Archivo",sans-serif;font-weight:900;font-stretch:115%;font-size:1.5rem;color:var(--verm);white-space:nowrap}
/* demo cards */
.demo{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease);display:flex;flex-direction:column}
.demo:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.demo .thumb{height:160px;display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-stretch:118%;font-size:1.25rem;letter-spacing:.04em;color:var(--paper);border-bottom:var(--bw) solid var(--ink);text-align:center;padding:0 14px}
.demo .thumb.t1{background:var(--ink)}
.demo .thumb.t2{background:var(--verm)}
.demo .thumb.t3{background:var(--butter);color:var(--ink)}
.demo .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.demo .chip-demo{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:5px 11px;color:var(--muted)}
.demo h3{font-size:1.2rem}
.demo p{font-size:.93rem}
.demo ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.demo li{font-size:.78rem;font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--ink)}
/* founding split */
.founding{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
@media(max-width:820px){.founding{grid-template-columns:1fr}}
/* legal prose */
.legal{max-width:760px}
.legal h2{margin:36px 0 12px;font-size:1.45rem}
.legal p,.legal li{color:var(--muted);font-size:.97rem;line-height:1.75}
.legal ul{margin:10px 0 14px 22px}
.legal .eff{font-size:.85rem;color:var(--muted-2);margin-top:8px}
/* team */
.team{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
@media(max-width:760px){.team{grid-template-columns:1fr}}
.team .t-card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow)}
.team .t-card .role{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--butter);border:1.5px solid var(--ink);border-radius:999px;padding:6px 12px;margin-bottom:14px}
.team .t-card h3{margin-bottom:8px}
.team .t-card p{font-size:.95rem}
.panel.dark strong,.cta-band strong{color:var(--butter)}

/* ============ v6.1 pricing overhaul ============ */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
@media(max-width:1000px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.price-grid{grid-template-columns:1fr}}
.price-grid .price{margin:0}
/* featured launch page card */
.price.feature{background:var(--butter);border-color:var(--ink);box-shadow:8px 8px 0 var(--ink);position:relative;z-index:1}
.price.feature:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink)}
.price.feature h3,.price.feature .amount{color:var(--ink)}
.price.feature .for{color:var(--ink-soft)}
.price.feature li{color:var(--ink-soft)}
.price.feature li svg{color:var(--verm)}
.price.feature .badge{background:var(--verm);color:#fff}
.price-foot{margin-top:14px;padding-top:14px;border-top:2px dashed rgba(24,20,16,.25);font-size:.82rem;font-weight:700;color:var(--ink-soft)}
.price-note{text-align:center;margin-top:22px;font-size:.92rem;color:var(--muted);font-weight:600}
.price-note a{color:var(--verm);font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* make all four cards tighter for 4-up */
.price-grid .price{padding:26px 22px}
.price-grid .price h3{font-size:1.18rem}
.price-grid .price .amount{font-size:clamp(1.7rem,2.6vw,2.2rem);margin:14px 0 2px}
.price-grid .price ul{margin:16px 0 20px;gap:9px}
.price-grid .price li{font-size:.89rem}
.price-grid .price .btn{width:100%;justify-content:center}
.price.feature .btn:hover{background:var(--verm);color:#fff}

/* ============ v6.1 legal page fix ============ */
section.section.legal{padding-top:10px}
section.section.legal .wrap.legal{max-width:760px}
.legal .eff{display:inline-block;background:var(--butter-soft);border:1.5px solid var(--butter);border-radius:999px;padding:6px 14px;font-weight:700;color:var(--ink);margin-bottom:8px}
.legal h2{margin:34px 0 10px;font-size:1.4rem;padding-bottom:8px;border-bottom:2px solid var(--line)}
.legal h2:first-of-type{margin-top:20px}
.legal p,.legal li{color:var(--muted);font-size:1rem;line-height:1.75}
.legal a{color:var(--verm);font-weight:700}

/* ============ v6.1 polish ============ */
/* 4-tier pricing: equal heights, aligned actions */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
@media(max-width:1000px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.price-grid{grid-template-columns:1fr}}
.price-grid .price{display:flex;flex-direction:column;height:100%;margin:0}
.price-grid .price ul{flex:1}
.price-grid .price .btn{margin-top:16px}
.price .price-foot{margin-top:14px;padding-top:14px;border-top:2px dashed rgba(0,0,0,.15);font-size:.82rem;font-weight:700;color:var(--ink)}
.price.feature .price-foot{border-top-color:rgba(24,20,16,.25)}
/* feature card = butter, lifted */
.price.feature{background:var(--butter);border-color:var(--ink);transform:translateY(-6px)}
@media(max-width:1000px){.price.feature{transform:none}}
.price.feature .amount{color:var(--ink)}
.price.feature .badge{background:var(--verm);color:#fff}
.price-note{text-align:center;margin-top:22px;font-size:.9rem;color:var(--muted);font-weight:600}
.price-note a{color:var(--verm);font-weight:800}
/* compact list rhythm so 5 items fit evenly */
.price ul li{font-size:.9rem;line-height:1.4}

/* ============ legal page reading layout ============ */
.legal-wrap{display:grid;grid-template-columns:210px 1fr;gap:44px;align-items:start}
@media(max-width:820px){.legal-wrap{grid-template-columns:1fr;gap:20px}}
.legal-nav{position:sticky;top:96px;border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--card);padding:16px;box-shadow:var(--shadow-sm)}
@media(max-width:820px){.legal-nav{position:static}}
.legal-nav b{font-family:"Archivo",sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);display:block;margin-bottom:10px}
.legal-nav a{display:block;font-size:.88rem;font-weight:600;color:var(--ink-soft);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line)}
.legal-nav a:last-child{border-bottom:0}
.legal-nav a:hover{color:var(--verm)}
.legal-body{max-width:68ch}
.legal-body .eff{display:inline-block;background:var(--marigold-soft,var(--butter-soft));border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.legal-body h2{font-size:1.4rem;margin:34px 0 10px;scroll-margin-top:96px}
.legal-body h2:first-of-type{margin-top:18px}
.legal-body p,.legal-body li{color:var(--ink-soft);font-size:1rem;line-height:1.8}
.legal-body ul{margin:12px 0 16px 22px}
.legal-body li{margin-bottom:6px}
.legal-body a{color:var(--verm);font-weight:700}
.legal-tldr{background:var(--butter-soft);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:20px 22px;margin-bottom:8px;box-shadow:var(--shadow-sm)}
.legal-tldr b{font-family:"Archivo",sans-serif;font-weight:800;font-size:.95rem;color:var(--ink);display:block;margin-bottom:6px}
.legal-tldr p{font-size:.95rem;color:var(--ink-soft);margin:0}

/* ============ v7: audit-funnel rebuild ============ */
/* trust strip */
.trust-strip{background:var(--ink);border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);padding:18px 0}
.trust-strip .tw{display:flex;gap:18px 34px;flex-wrap:wrap;justify-content:center;align-items:center}
.trust-strip .t{display:flex;align-items:center;gap:9px;color:var(--paper);font-weight:700;font-size:.92rem}
.trust-strip .t svg{width:17px;height:17px;color:var(--butter);flex:none}
.trust-founders{text-align:center;color:#bdb4a2;font-size:.88rem;margin-top:12px;max-width:68ch;margin-inline:auto}
.trust-founders b{color:var(--butter)}
@media(max-width:620px){.trust-strip{padding:20px 0}.trust-strip .tw{display:grid;grid-template-columns:1fr;gap:11px}.trust-founders{text-align:left;margin-top:16px}}

/* eyebrow */
.eyebrow{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:110%;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--verm);margin-bottom:14px}
.on-ink .eyebrow,.panel.dark .eyebrow,.cta-band .eyebrow{color:var(--butter)}

/* audit checklist cards */
.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.audit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.audit-grid{grid-template-columns:1fr}}
.audit-card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm);transition:.25s var(--ease)}
.audit-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}
.audit-card .an{width:34px;height:34px;border-radius:50%;background:var(--butter);border:var(--bw) solid var(--ink);display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-size:.85rem;margin-bottom:14px}
.audit-card h3{font-size:1.08rem;margin-bottom:7px}
.audit-card p{font-size:.92rem}

/* sample audit thumb */
.sample{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow);color:var(--paper)}
@media(max-width:700px){.sample{grid-template-columns:1fr}}
.sample .thumb{width:230px;height:140px;border-radius:12px;background:var(--verm);border:var(--bw) solid var(--butter);display:grid;place-items:center;text-align:center;padding:12px;position:relative}
@media(max-width:700px){.sample .thumb{width:100%}}
.sample .thumb span{font-family:"Archivo",sans-serif;font-weight:900;font-size:.78rem;letter-spacing:.08em;line-height:1.5;color:#fff}
.sample .thumb .play{position:absolute;bottom:8px;right:10px;font-size:.72rem;font-weight:800;color:#fff;opacity:.85}
.sample h3{color:#fff;margin-bottom:6px}
.sample p{color:#bdb4a2;font-size:.94rem}
.sample .disc{font-size:.78rem;color:#8d8474;margin-top:10px}

/* before/after demo */
.ba .col ul li{align-items:flex-start}

/* system parts */
.part{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column}
.part .pn{display:inline-flex;align-items:center;gap:8px;font-family:"Archivo",sans-serif;font-weight:900;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;background:var(--butter);border:1.5px solid var(--ink);border-radius:999px;padding:6px 12px;align-self:flex-start;margin-bottom:16px}
.part h3{font-size:1.25rem;margin-bottom:10px}
.part>p{font-size:.95rem}
.part ul{list-style:none;margin-top:16px;display:grid;gap:8px}
.part ul li{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;color:var(--ink-soft)}
.part ul li::before{content:"✓";color:var(--verm);font-weight:800;flex:none}
.part .disc{margin-top:16px;padding-top:14px;border-top:2px dashed var(--line);font-size:.82rem;color:var(--muted);font-style:italic}

/* 2-package pricing */
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
@media(max-width:860px){.pkg-grid{grid-template-columns:1fr}}
.pkg{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}
.pkg.lead{background:var(--butter)}
.pkg .plabel{display:inline-block;font-family:"Archivo",sans-serif;font-weight:900;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 13px;margin-bottom:16px;align-self:flex-start}
.pkg.lead .plabel{background:var(--verm);color:#fff}
.pkg h3{font-size:1.7rem;margin-bottom:6px}
.pkg .pdesc{font-size:.95rem;color:var(--ink-soft);margin-bottom:18px}
.pkg .price-main{font-family:"Archivo",sans-serif;font-weight:900;font-stretch:115%;font-size:2.9rem;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.pkg .price-sub{font-size:.88rem;font-weight:700;color:var(--muted);margin-top:6px}
.pkg .price-strike{font-size:.88rem;color:var(--muted);margin-top:4px}
.pkg .terms{font-size:.85rem;font-weight:700;color:var(--ink-soft);margin-top:10px;padding:10px 12px;background:rgba(0,0,0,.05);border-radius:8px}
.pkg .best{font-size:.88rem;color:var(--ink-soft);margin-top:14px;font-weight:600}
.pkg h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:20px 0 10px}
.pkg .inc{list-style:none;display:grid;gap:7px}
.pkg .inc li{display:flex;gap:8px;align-items:flex-start;font-size:.89rem;color:var(--ink-soft)}
.pkg .inc li::before{content:"✓";color:var(--verm);font-weight:800;flex:none}
.pkg.lead .inc li::before{color:var(--ink)}
.pkg .exc{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pkg .exc li{font-size:.76rem;color:var(--muted);background:rgba(0,0,0,.04);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.pkg .btn{margin-top:22px;justify-content:center}
.pkg .pmicro{font-size:.8rem;color:var(--muted);text-align:center;margin-top:10px}
.pkg .sms-note{font-size:.8rem;color:var(--muted);margin-top:12px;padding-top:12px;border-top:2px dashed var(--line);line-height:1.55}
.pkg-foot{margin-top:26px;text-align:center;font-size:.92rem;color:var(--muted)}

/* industries compact */
.ind-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.ind-mini{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ind-mini{grid-template-columns:1fr}}
.ind-mini .im{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm);transition:.25s var(--ease)}
.ind-mini .im:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}
.ind-mini .im b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:1.02rem;color:var(--ink);margin-bottom:6px}
.ind-mini .im p{font-size:.87rem;line-height:1.55}

/* founders */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.founders{grid-template-columns:1fr}}
.founder{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow)}
.founder .avatar{width:76px;height:76px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--butter);display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-size:1.6rem;color:var(--ink);margin-bottom:16px}
.founder:nth-child(2) .avatar{background:var(--sky)}
.founder .frole{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--verm);margin-bottom:8px}
.founder h3{font-size:1.35rem;margin-bottom:10px}
.founder p{font-size:.94rem;margin-bottom:10px}
.founder .bg-line{font-size:.88rem;color:var(--ink-soft);padding-top:12px;border-top:2px dashed var(--line);margin-top:14px}
.founder a.li{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:800;font-size:.85rem;color:var(--verm);text-decoration:underline;text-underline-offset:3px}
.founder-promise{margin-top:20px;background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow)}
.founder-promise h3{color:#fff;margin-bottom:8px}
.founder-promise p{color:#bdb4a2;font-size:.96rem}

/* process steps */
.psteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.psteps{grid-template-columns:1fr}}
.pstep{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow);transition:.25s var(--ease)}
.pstep:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}
.pstep .sn{width:48px;height:48px;border-radius:50%;background:var(--butter);border:var(--bw) solid var(--ink);display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-size:1.15rem;margin-bottom:16px}
.pstep:nth-child(2) .sn{background:var(--sky)}
.pstep:nth-child(3) .sn{background:var(--mint)}
.pstep h3{font-size:1.15rem;margin-bottom:8px}
.pstep p{font-size:.93rem}
.pstep .timing{margin-top:14px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}

/* demo cards (work page) */
.demo-full{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:20px}
.demo-full .dhead{padding:26px 28px;border-bottom:var(--bw) solid var(--ink);background:var(--butter-soft)}
.demo-full .dlabel{display:inline-block;font-family:"Archivo",sans-serif;font-weight:900;font-size:.7rem;letter-spacing:.1em;background:var(--verm);color:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.demo-full h3{font-size:1.4rem;margin-bottom:8px}
.demo-full .prob{font-size:.95rem;color:var(--ink-soft)}
.demo-full .dbody{padding:26px 28px}
.demo-full h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
.demo-full .feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:620px){.demo-full .feats{grid-template-columns:1fr}}
.demo-full .feats li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;color:var(--ink-soft)}
.demo-full .feats li::before{content:"✓";color:var(--verm);font-weight:800;flex:none}
.demo-full .dfoot{padding:20px 28px;border-top:2px dashed var(--line);display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.demo-full .ddisc{font-size:.8rem;color:var(--muted);margin-left:auto}
.notice-banner{background:var(--butter);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:16px 20px;font-weight:700;font-size:.93rem;color:var(--ink);box-shadow:var(--shadow-sm);margin-bottom:28px}

/* status pill for unbuilt things */
.soon{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:var(--muted);background:var(--paper);border:1.5px dashed var(--muted-2);border-radius:999px;padding:8px 14px}

/* free-audit form page */
.audit-hero{padding-bottom:24px}
.audit-form-section{padding-top:10px}
.audit-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
@media(max-width:900px){.audit-layout{grid-template-columns:1fr}}
.audit-sidebar{display:grid;gap:20px;align-content:start}
.checklist-side{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow)}
.checklist-side h3{margin-bottom:16px}
.checklist-side ol{list-style:none;counter-reset:c;display:grid;gap:14px}
.checklist-side li{counter-increment:c;display:flex;gap:12px;align-items:flex-start}
.checklist-side li::before{content:counter(c);flex:none;width:26px;height:26px;border-radius:50%;background:var(--butter);border:1.5px solid var(--ink);display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-size:.78rem}
.checklist-side li b{display:block;font-size:.95rem;color:var(--ink);font-weight:700}
.checklist-side li span{font-size:.88rem;color:var(--muted)}
.consent-box{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--ink-soft);margin-bottom:12px;line-height:1.55}
.consent-box input{width:auto;margin-top:4px;flex:none}
.field .help{font-size:.8rem;color:var(--muted);margin-top:5px}
.next-steps{background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow)}
.next-steps h3{color:#fff;margin-bottom:14px}
.next-steps ol{list-style:none;counter-reset:n;display:grid;gap:11px}
.next-steps li{counter-increment:n;display:flex;gap:11px;align-items:flex-start;color:#d6cfc2;font-size:.93rem}
.next-steps li::before{content:counter(n);flex:none;width:24px;height:24px;border-radius:50%;background:var(--butter);color:var(--ink);display:grid;place-items:center;font-family:"Archivo",sans-serif;font-weight:900;font-size:.75rem}
.next-steps .close{margin-top:14px;padding-top:14px;border-top:1px solid #3a342c;color:var(--butter);font-weight:700;font-size:.9rem}
.audit-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid #3a342c}
.audit-contact>div:first-child{display:grid;line-height:1.25}.audit-contact span{font-size:.78rem;color:#bdb4a2;font-weight:700}.audit-contact b{color:#fff;font-size:.95rem}
.audit-contact .cta-row{gap:9px;flex:none}.audit-contact .btn{padding:12px 16px;font-size:.85rem;box-shadow:3px 3px 0 var(--butter)}
@media(max-width:1180px){.audit-contact{align-items:flex-start;flex-direction:column}.audit-contact .cta-row{width:100%}.audit-contact .btn{flex:1;justify-content:center}}
@media(max-width:900px){.audit-form-section{padding-top:18px}.audit-sidebar{margin-top:4px}}
@media(max-width:520px){.audit-hero{padding-bottom:18px}.audit-contact .cta-row{display:grid;grid-template-columns:1fr 1fr}.audit-contact .btn{width:100%}}

/* mobile dual sticky */
.sticky-two{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;gap:8px;transform:translateY(150%);transition:transform .4s var(--ease)}
.sticky-two.show{transform:none}
.sticky-two .btn{flex:1;justify-content:center;padding:15px 10px;font-size:.92rem}
@media(max-width:760px){.sticky-two{display:flex}.sticky-cta{display:none!important}}

/* placeholder warning banner (remove before launch) */
.ph-warn{background:#fff3cd;border-bottom:2px solid var(--ink);padding:10px 0;font-size:.82rem;font-weight:700;color:#7a5c00;text-align:center}
/* guard: bare inline SVGs must never balloon */
svg{max-width:100%}
p > svg, .sub svg, .page-hero p svg{width:1em;height:1em;vertical-align:-.1em;flex:none}
.trust-inline{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}
.trust-inline svg{width:17px;height:17px;color:var(--verm);flex:none}
.checklist-side li{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start}
.checklist-side li::before{grid-column:1;grid-row:1 / span 2}
.checklist-side li b,.checklist-side li span{grid-column:2}
.checklist-side li b{margin-bottom:0}