/* Hopkin site styles: the Woven Intelligence system (DESIGN.md), shared by the homepage, pricing,
   Tag Inspector, legal and guide pages. styles.css stays for /docs and /for, which keep their own look. */
:root{
  --chalk:#FCFAF7; --coral:#CB8179; --ox:#542C30; --peach:#F2D6CE; --ink:#282329;
  --ox-deep:#43222A; --coral-hi:#DB9A92; --ink-soft:#5B5458;
  --on-dark-soft:#E6CFC9;
  --rule-dark:rgba(242,214,206,.24); --rule-light:rgba(84,44,48,.18);
  --sans:"Space Grotesk",Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad:64px;
  --edge:calc((100vw - min(100vw, 1280px)) / 2 + var(--pad));
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:var(--coral) var(--chalk);-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--chalk);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--coral);color:var(--ink)}
img,svg,canvas{display:block}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
h1,h2,h3,p,ul,ol,figure,table,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:500;color:var(--ox);text-wrap:balance}
h2{font-size:clamp(30px,3.5vw,50px);line-height:1.1;letter-spacing:-.03em}
h3{font-size:22px;line-height:1.25;letter-spacing:-.015em}
:focus-visible{outline:2px solid var(--ox);outline-offset:3px;border-radius:4px}
.dark :focus-visible{outline-color:var(--chalk)}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:var(--mono);font-size:13px;line-height:1.5;letter-spacing:0}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.5;max-width:34em}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dark{background:var(--ox);color:var(--chalk)}
.dark h1,.dark h2,.dark h3{color:var(--chalk)}
canvas.art{width:100%;height:100%}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:8px;border:1px solid transparent;font:600 17px/1 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--coral);color:var(--ink)}
.btn--primary:hover{background:var(--coral-hi)}
.dark .btn--primary:hover{background:var(--peach)}
.btn--ghost{border-color:var(--ox);color:var(--ox)}
.btn--ghost:hover{background:var(--ox);color:var(--chalk)}
.dark .btn--ghost{border-color:rgba(252,250,247,.5);color:var(--chalk)}
.dark .btn--ghost:hover{background:var(--chalk);border-color:var(--chalk);color:var(--ox)}
.btn--sm{min-height:42px;padding:0 18px;font-size:16px}
.textlink{font-weight:500;color:var(--ox)}
.dark .textlink{color:var(--peach)}
.textlink:hover{text-decoration-thickness:2px}

/* lockup */
.lockup{display:inline-flex;text-decoration:none;--mark-a:var(--coral);--mark-b:var(--ox);--word:var(--ox)}
.dark .lockup{--mark-a:var(--coral);--mark-b:var(--peach);--word:var(--chalk)}
.lockup svg{height:32px;width:auto}

/* ───────── hero ───────── */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:max(740px,min(100svh,960px));background:
  radial-gradient(58% 72% at 80% 56%,rgba(203,129,121,.22),rgba(203,129,121,0) 70%),
  linear-gradient(90deg,var(--ox-deep),rgba(67,34,42,0) 46%),var(--ox)}
.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}
.nav__links{display:flex;align-items:center;gap:36px;font-size:16px}
.nav__links a:not(.btn){text-decoration:none;color:var(--chalk);padding:8px 0;border-bottom:1px solid transparent;transition:border-color .25s var(--ease)}
.nav__links a:not(.btn):hover{border-color:var(--coral)}
.nav__toggle{display:none}
.hero__stage{position:relative;flex:1;display:flex;flex-direction:column}
.hero__art{position:absolute;inset:-94px 0 0 auto;width:70%;z-index:1}
.hero__body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:24px 60px}
.hero__copy{max-width:640px}
h1{font-size:clamp(40px,5.4vw,78px);line-height:1.03;letter-spacing:-.035em}
h1 span{display:block}
h1 .h1b{color:var(--peach)}
.hero__sub{margin-top:24px;font-size:clamp(18px,1.4vw,20px);line-height:1.5;max-width:27em;text-wrap:balance;color:var(--on-dark-soft)}
.hero__actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px}
.hero__terms{margin-top:20px;color:var(--chalk)}
.hero__proof{margin-top:12px;font-size:16px;line-height:1.45;max-width:31em;color:var(--on-dark-soft)}
.hero__proof b{font-weight:500;color:var(--peach)}

/* specimens */
.spec{margin:0}

.cap{margin-top:12px;font-family:var(--mono);font-size:12px;line-height:1.4;color:var(--ink-soft)}
.dark .cap{color:var(--on-dark-soft)}

/* seams */
.seam{height:90px;margin-bottom:-90px;position:relative;z-index:1;pointer-events:none}

/* platforms band: quiet peers, at the foot of the dark chapter */
.band{position:relative;z-index:2;padding-bottom:34px}
.band__row{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:center;padding-block:16px;border-top:1px solid var(--rule-dark)}
.band__row>.mono{color:var(--on-dark-soft)}
.plats{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px}
.plats img{height:26px;width:auto}
.plats img.p-meta{height:14px}.plats img.p-gads{height:32px}
.plat-type{display:inline-flex;align-items:center;gap:8px;font:700 13.5px/1 Arial,Helvetica,sans-serif;color:#fff}
.plat-type svg{width:18px;height:18px}
.works{display:flex;flex-wrap:wrap;gap:6px 34px;font-size:16px;font-weight:500;color:var(--peach)}

/* chapters */
.chapter{padding-block:144px 0}
.chapter--after{padding-top:190px}
.chapter__head{max-width:800px}
.chapter__head .lead{margin-top:22px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}

/* plates: evidence lives in the dark */
.plate{background:var(--ox);color:var(--chalk);padding:56px}
.plate--r{margin-right:calc(-1 * var(--edge));padding-right:var(--edge)}
.plate--l{margin-left:calc(-1 * var(--edge));padding-left:var(--edge)}
.plate__label{display:flex;justify-content:space-between;gap:16px;color:var(--on-dark-soft);padding-bottom:14px;border-bottom:1px solid var(--rule-dark)}

/* 1 example */

.rec{margin-top:26px;padding:20px 22px;background:var(--peach);color:var(--ink);border-radius:8px}
.rec .mono{color:var(--ox);font-weight:500}
.rec p+p{margin-top:6px}
.asks{grid-column:3 / -1;margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.asks li{padding-top:16px;border-top:1px solid var(--rule-light);font-size:18px;line-height:1.35;color:var(--ox)}

/* 2 creative */
.cr{align-items:center}
.cr .plate{grid-column:1 / span 6;display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:44px;align-items:center;padding-block:64px}
.cr__text{grid-column:8 / -1}
.cr__text h2{font-size:clamp(30px,3vw,42px)}
.senses{display:grid;gap:30px}
.sense .mono{color:var(--on-dark-soft);display:block;margin-bottom:10px}
.sense__eye{height:165px}.sense__wave{height:150px}
.reel{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#1B2440;color:#fff;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;box-shadow:0 22px 48px -14px rgba(20,8,10,.6)}
.reel svg.bottle{position:absolute;left:50%;top:21%;height:60%;transform:translateX(-50%)}
.reel__top{position:absolute;left:14px;top:12px;font-weight:700;font-size:15px}
.reel__big{position:absolute;left:14px;right:52px;top:44px;font:800 27px/1 -apple-system,Helvetica,Arial,sans-serif;letter-spacing:-.03em;color:#F2C94C}
.reel__side{position:absolute;right:11px;bottom:92px;display:grid;gap:15px}
.reel__side svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reel__meta{position:absolute;left:14px;right:14px;bottom:12px;font-size:11.5px;line-height:1.35}
.reel__meta b{display:flex;align-items:center;gap:7px;font-size:12px}
.reel__meta b::before{content:"";width:22px;height:22px;border-radius:50%;background:#F2C94C}
.reel__meta small{font-weight:400;opacity:.85;font-size:10.5px}
.reel__cta{margin-top:8px;display:flex;justify-content:space-between;background:rgba(255,255,255,.2);border-radius:6px;padding:7px 10px;font-weight:600}
.tl{margin-top:16px}
.tl__track{position:relative;height:22px;background:repeating-linear-gradient(90deg,var(--rule-dark) 0 1px,transparent 1px calc(100% / 15)) bottom / 100% 8px no-repeat;border-bottom:1px solid var(--rule-dark)}
.tl__track i{position:absolute;bottom:-1px;width:2px;height:22px;background:var(--coral)}
.tl__track i:first-child{background:var(--chalk);width:3px}
.tl__ends{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--on-dark-soft)}

.fine{margin-top:20px;font-size:15px;color:var(--ink-soft)}

/* 3 playbook */
.pb{margin-top:72px;align-items:start}
.pb__art{grid-column:1 / span 5;position:sticky;top:40px}
.pb__canvas{height:330px;margin-left:-12px}
.pb__art .mono{color:var(--ink-soft);margin-top:10px;max-width:30em}
.pb__page{grid-column:7 / -1}
.pb__title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:3px solid var(--ox)}
.pb__title .mono{color:var(--ink-soft)}
.check{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 18px;padding-block:24px;border-bottom:1px solid var(--rule-light)}
.check__n{font:500 15px/1.6 var(--mono);color:var(--ox)}
.check h4{margin:0;font:500 20px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ox)}
.check p{grid-column:2;color:var(--ink);max-width:34em}
.verdict{font:500 12px/1 var(--mono);padding:7px 10px;border-radius:4px;border:1px solid var(--ox);color:var(--ox);align-self:start;white-space:nowrap}
.verdict--hit{background:var(--ox);color:var(--chalk)}
.check .spec{grid-column:2 / -1;margin-top:14px;max-width:400px}

.pb .rec{background:var(--peach)}

/* 4 tag inspector */
.ti{align-items:center}
.ti__text{grid-column:1 / span 6}
.ti__text .lead{margin-top:22px}
.ti__text p+p{margin-top:16px}
.ti__actions{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.ti .plate{grid-column:8 / -1;padding-block:64px}
.insp{background:var(--chalk);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 22px 48px -14px rgba(20,8,10,.6)}
.insp__bar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--rule-light);font-family:var(--mono);font-size:12.5px}
.insp__bar svg{width:18px;height:18px}
.insp__bar span{flex:1;background:#fff;border:1px solid var(--rule-light);border-radius:6px;padding:5px 10px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insp li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:16px;border-bottom:1px solid var(--rule-light)}
.insp li svg{width:22px;height:22px;margin-top:1px}
.insp li b{display:block;font-weight:600;color:var(--ox);line-height:1.3}
.insp li span{display:block;font-size:15px;color:var(--ink-soft);margin-top:3px}
.insp__foot{padding:12px 16px;font-family:var(--mono);font-size:12px;color:var(--ink-soft)}

/* 5 start */
.steps{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.step{border-top:3px solid var(--ox);padding-top:22px}

.step h3{margin-top:18px}
.step p{margin-top:10px;max-width:26em}
.step ul{margin-top:16px;font-size:16px}
.step li{padding-block:9px;border-top:1px solid var(--rule-light);color:var(--ox)}

/* 6 pricing (dark chapter) */
.pricing{padding-block:120px 132px;position:relative}
.pricing__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.pricing__head>div:first-child{grid-column:1 / span 7}
.pricing__head h2{font-size:clamp(34px,4.6vw,68px);line-height:1.04}
.pricing__head h2 span{display:block;color:var(--peach)}
.pricing__head .lead{margin-top:24px;color:var(--on-dark-soft)}
.trial{grid-column:9 / -1;padding-bottom:6px}
.trial dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin-bottom:24px;font-family:var(--mono);font-size:13px}
.trial dt{color:var(--on-dark-soft)}
.trial dd{color:var(--chalk)}
.plans{margin-top:80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark)}
.plan{padding:36px 32px 40px;border-left:1px solid var(--rule-dark)}
.plan:first-child{border-left:0;padding-left:0}
.plan h2,.plan h3{font-size:20px;line-height:1.25;letter-spacing:-.015em;color:var(--peach)}
.plan__price{margin-top:18px;font:500 clamp(54px,6vw,84px)/1 var(--sans);letter-spacing:-.04em}
.plan__price small{font:400 17px/1 var(--sans);letter-spacing:0;color:var(--on-dark-soft);margin-left:6px}
.plan__credits{margin-top:14px;color:var(--peach)}
.plan__fit{margin-top:14px;color:var(--on-dark-soft);font-size:16px;max-width:22em;min-height:4.7em}

.plan__act{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.every{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 36px;color:var(--on-dark-soft)}
.every b{font-weight:500;color:var(--chalk)}
.ledgers{margin-top:88px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.ledger{grid-column:1 / span 6}
.ledger--ex{grid-column:8 / -1}
.ledger h2,.ledger h3{font-size:22px;line-height:1.25;letter-spacing:-.015em;padding-bottom:16px;border-bottom:1px solid var(--chalk)}
.ledger table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ledger th,.ledger td{padding:14px 0;border-bottom:1px solid var(--rule-dark);text-align:left;font-weight:400;vertical-align:top}
.ledger td small{display:block;font-size:14px;color:var(--on-dark-soft)}
.ledger .r{text-align:right;font-family:var(--mono);font-size:15px;white-space:nowrap;padding-left:16px}
.ledger tfoot td{border-bottom:0;color:var(--peach);font-weight:500;font-size:19px}
.ledger tfoot .r{font-size:19px}
.ledger p{margin-top:18px;color:var(--on-dark-soft);font-size:16px;max-width:34em}
.ledger p b{font-weight:500;color:var(--chalk)}

/* read-only */

/* faq */
.faq{align-items:start}
.faq h2{grid-column:1 / span 4}
.faq__list{grid-column:6 / -1;border-top:3px solid var(--ox)}
.faq details{border-bottom:1px solid var(--rule-light)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font-size:20px;font-weight:500;color:var(--ox);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;width:18px;height:18px;stroke:var(--ox);stroke-width:2;fill:none;transition:transform .3s var(--ease)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq summary:hover{color:var(--ink)}
.faq details p{padding:0 48px 24px 0;max-width:38em}

/* closing */
.close{position:relative;margin-top:144px;padding-block:120px 132px;overflow:hidden;border-top:1px solid var(--rule-light)}
.close__art{position:absolute;inset:0 0 0 auto;width:52%}
.close__copy{position:relative;z-index:1;max-width:700px}
.close h2{font-size:clamp(36px,5.2vw,76px);line-height:1.04;letter-spacing:-.035em}
.close h2 span{display:block;color:var(--ink)}
.close .lead{margin-top:26px}
.close__actions{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.close__terms{margin-top:20px;color:var(--ink-soft)}

/* conversion pass: repeated call rows and the sticky call */
.cta-row{margin-top:56px;padding-top:26px;border-top:3px solid var(--ox);display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}

.cta-row__say{flex:1 1 14em;font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.02em;font-weight:500;color:var(--ox)}
.cta-row__terms{color:var(--ink-soft)}
.stick{position:fixed;z-index:20;left:0;right:0;top:0;background:var(--ox-deep);border-bottom:1px solid var(--rule-dark);transform:translateY(-100%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s}
.stick.is-on{transform:none;visibility:visible;transition:transform .35s var(--ease)}
.stick__in{display:flex;align-items:center;gap:28px;padding-block:10px}
.stick .lockup svg{height:26px}
.stick__links{display:flex;gap:30px;margin-left:auto;font-size:15px}
.stick__links a{text-decoration:none;color:var(--chalk);padding:6px 0}
.stick__links a:hover{text-decoration:underline}
.stick__terms{color:var(--on-dark-soft)}
.stick__terms i{font-style:normal}

.site-foot{border-top:3px solid var(--ox);padding-block:36px 44px}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px}
.foot nav a{text-decoration:none;color:var(--ink);padding:6px 0}
.foot nav a:hover{text-decoration:underline}
.foot small{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}

/* ───────── responsive ───────── */
@media (max-width:1100px){
  :root{--pad:40px}
  .hero__art{width:72%}
  
  
  .hero__copy{max-width:560px}
  
  
  .asks{grid-column:1 / -1}
  .cr__text{display:contents}
  .cr__text>*{grid-column:1 / -1;order:3;max-width:680px}
  .cr__text>h2,.cr__text>.lead{order:1}
  .cr .plate{grid-column:1 / span 9;order:2;margin-block:48px 20px}
  .ti__text{grid-column:1 / -1}
  .ti .plate{grid-column:3 / -1;margin-top:48px}
  
  .stick__terms{display:none}
  .pb__art{grid-column:1 / span 4}
  .pb__page{grid-column:5 / -1}
  .trial{grid-column:8 / -1}
}
@media (max-width:820px){
  :root{--pad:20px}
  body{font-size:16.5px}
  .nav{padding-block:16px;flex-wrap:wrap}
  .nav__right{display:flex;align-items:center;gap:10px}
  .nav__toggle{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;border:1px solid rgba(252,250,247,.5);background:none;color:var(--chalk);cursor:pointer}
  .nav__toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
  .nav__links{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:10px}
  .nav__links.is-open{display:flex}
  .nav__links a:not(.btn){padding:14px 0;border-bottom:1px solid var(--rule-dark);font-size:18px}
  .nav__links .btn{display:none}
  .nav__try{display:inline-flex}
  .hero{min-height:0}
  .hero__body{padding-block:36px 0}
  .hero__actions .btn{flex:1 1 auto}
  .hero__art{position:relative;inset:auto;order:2;width:auto;height:460px;margin-top:12px}
  .hero__copy{max-width:none}
  
  
  
  
  
  .band__row{grid-template-columns:1fr;gap:14px}
  .plats{gap:8px 22px}
  .plats img{height:22px}.plats img.p-meta{height:12px}.plats img.p-gads{height:27px}
  .chapter{padding-top:96px}
  #why{padding-top:128px}
  .plate{padding:36px 20px}
  .plate--r,.plate--l,.cr .plate,.ti .plate{margin-inline:-20px;padding-inline:20px}
  
  
  
  .asks{grid-template-columns:1fr;gap:0;margin-top:28px}
  .asks li{padding-block:14px}
  .cr .plate{grid-column:1 / -1;grid-template-columns:1fr;gap:36px;padding-block:44px;margin-block:36px 8px}
  .cr .reelwrap{max-width:240px}
  .pb{margin-top:40px}
  .pb__art,.pb__page{grid-column:1 / -1}
  .pb__art{position:static;margin-bottom:36px}
  .pb__canvas{height:250px;margin-left:0}
  .check{grid-template-columns:30px minmax(0,1fr)}
  .verdict{grid-column:2;justify-self:start;margin-top:4px}
  .check .spec{display:none}
  .ti .plate{grid-column:1 / -1}
  .steps{grid-template-columns:1fr;gap:40px;margin-top:44px}
  
  .pricing{padding-block:72px 96px}
  
  .chapter--after{padding-top:150px}
  .pricing__head>div:first-child,.trial{grid-column:1 / -1}
  .trial{margin-top:36px}
  .plans{grid-template-columns:1fr;margin-top:56px}
  .plan,.plan:first-child{border-left:0;padding:32px 0;border-top:1px solid var(--rule-dark)}
  .plan:first-child{border-top:0}
  .plan__fit{min-height:0}
  .ledgers{margin-top:64px}
  .ledger,.ledger--ex{grid-column:1 / -1}
  .ledger--ex{margin-top:56px}
  
  
  
  
  .faq h2,.faq__list{grid-column:1 / -1}
  .faq__list{margin-top:32px}
  .faq summary{font-size:18px}
  .faq details p{padding-right:0}
  .close{margin-top:96px;padding-block:72px 0}
  .close__art{position:relative;inset:auto;width:auto;height:300px;margin:28px -20px 0}
  .foot{flex-direction:column;align-items:flex-start}
  /* conversion pass, mobile: legible small type, shorter scroll, sticky call at the thumb */
  .mono,.cap,.trial dl,.verdict,.foot small{font-size:14px}
  .tl__ends{font-size:12px}
  .hero__sub{margin-top:18px}
  .hero__actions{margin-top:26px;gap:10px}
  .hero__terms{margin-top:16px}
  .hero__proof{font-size:15px}
  .hero__art{height:330px;margin-top:0}
  .chapter{padding-top:84px}
  .chapter--after{padding-top:150px}
  
  .plate__label span:last-child{white-space:nowrap}
  .cta-row{margin-top:32px;padding-top:22px;gap:12px 20px}
  .cta-row__say{flex-basis:100%}
  .cta-row .btn{flex:1 1 auto}
  .cta-row__terms{flex-basis:100%}
  .senses{grid-template-columns:1fr 1fr;gap:16px}
  .sense__eye,.sense__wave{height:112px}
  .pb__canvas{height:176px}
  .pb__art{margin-bottom:24px}
  .steps{gap:30px}
  .step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding-top:16px}
  
  .step h3,.step p,.step ul{grid-column:2}
  .step h3{margin-top:8px}
  .plans{margin-top:44px}
  .plan,.plan:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:22px 0}
  .plan h2,.plan h3{grid-column:1;font-size:20px}
  .plan__price{grid-column:2;grid-row:1;margin-top:0;font-size:44px;text-align:right}
  .plan__price small{font-size:15px;margin-left:3px}
  .plan__credits{grid-column:1 / -1;margin-top:8px}
  .plan__fit{grid-column:1 / -1;margin-top:10px}
  .plan__act{grid-column:1 / -1;margin-top:0}
  .plan__act .btn{display:none}
  .plan__act .textlink{margin-top:10px}
  
  .ledgers{margin-top:48px}
  .ledger--ex{margin-top:44px}
  .close__art{height:230px}
  .stick{top:auto;bottom:0;border-bottom:0;border-top:1px solid var(--rule-dark);transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 24px -12px rgba(30,12,15,.5)}
  .stick .lockup,.stick__links{display:none}
  .stick__in{justify-content:space-between;gap:12px;padding-block:10px}
  .stick__terms{display:block;font-size:14px;line-height:1.3;color:var(--chalk)}
  .stick__terms span{display:block}
  .stick__terms i{display:none}
  .stick .btn{flex:none;min-height:46px}
  .site-foot{padding-bottom:104px}
}
@media (min-width:821px){.nav__try{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* ───────── v2: the LP copy doc's structure ───────── */
/* running heads: the doc's section names, set as the ruled head of each section, not as a label over the heading */
.runhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px;margin-bottom:64px;border-top:1px solid var(--rule-light);font:500 13px/1.5 var(--mono);color:var(--ox)}
.runhead span:last-child{color:var(--ink-soft);font-weight:400}
.dark .runhead{border-color:var(--rule-dark);color:var(--peach)}
.dark .runhead span:last-child{color:var(--on-dark-soft)}

/* hero, v2 */
.hero__copy{max-width:780px}
h1{font-size:clamp(40px,4.8vw,70px)}
.hero h1 span{white-space:nowrap}
.hero__sub{max-width:30em}
.hero__sub span{display:block}
@media (min-width:821px){.plats{gap:10px 20px}.band__row{grid-template-columns:104px 1fr}.plats img{height:24px}}
.hero__sub span+span{margin-top:10px;color:var(--peach)}
.band__row--ai .works li{color:var(--chalk)}

/* why we built this */
.why{align-items:start}
.why__then{grid-column:1 / span 5}
.why__say{font-size:clamp(22px,2.2vw,30px);line-height:1.3;letter-spacing:-.02em;font-weight:500;color:var(--ox)}
.tabs{margin-top:40px;border-radius:10px;overflow:hidden;background:#E9E2DC;box-shadow:0 18px 40px -18px rgba(40,35,41,.3),0 0 0 1px rgba(40,35,41,.08)}
.tabs__bar{display:flex;gap:2px;padding:8px 8px 0;overflow:hidden}
.tab{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px 8px 0 0;background:rgba(255,255,255,.45);font:500 12.5px/1.2 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#3c3c43;white-space:nowrap}
.tab span{overflow:hidden;text-overflow:ellipsis}
.tab svg{flex:none;width:14px;height:14px}
.tab--on{background:#fff}
.tabs__page{background:#fff;padding:18px 18px 20px;display:grid;gap:9px}
.tabs__row{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:8px}
.tabs__row i{height:9px;border-radius:2px;background:#E6E1DD}
.tabs__row:first-child i{background:#CFC6C0}
.tabs__cap{margin-top:12px;color:var(--ink-soft)}
.why__now{grid-column:7 / -1;padding-block:52px 56px}
.why__now .plate__label{margin-bottom:28px}
.why__lede{font-size:clamp(20px,1.8vw,24px);line-height:1.35;color:var(--chalk)}
.qs{margin-top:26px;display:grid;gap:12px}
.qs li{justify-self:start;max-width:30em;padding:14px 18px;border-radius:14px 14px 14px 4px;background:rgba(242,214,206,.1);border:1px solid var(--rule-dark);font-size:clamp(18px,1.5vw,21px);line-height:1.35;color:var(--peach)}
.why__close{grid-column:3 / span 8;margin-top:80px;font-size:clamp(22px,2.2vw,30px);line-height:1.35;letter-spacing:-.015em;color:var(--ink)}
.why__close b{font-weight:500;color:var(--ox)}

/* the obvious question */
.oq__head{max-width:900px}
.oq__head h2{font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.035em}
.oq__head h2 span{display:block;color:var(--ink)}
.oq__head .lead{margin-top:28px}
.oq__head p+p{margin-top:16px;max-width:38em}
.vs{margin-top:64px;width:100%;border-collapse:collapse;border-top:3px solid var(--ox)}
.vs th,.vs td{padding:18px 0;border-bottom:1px solid var(--rule-light);text-align:left;font-weight:400;vertical-align:middle}
.vs thead th{font:500 13px/1.4 var(--mono);color:var(--ink-soft);padding-block:14px}
.vs thead th:last-child{color:var(--ox)}
.vs tbody th{font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--ox);width:46%}
.vs tbody th a{text-decoration:none}
.vs tbody th a:hover{text-decoration:underline}
.vs td{width:27%;font-size:16px;color:var(--ink-soft)}
.vs td:last-child{color:var(--ox);font-weight:500}
.vs td svg{width:20px;height:20px;fill:none;stroke-width:2.2;stroke-linecap:square}
.vs .y{stroke:var(--ox)}
.vs .n{stroke:rgba(84,44,48,.38)}
.vs .cell{display:inline-flex;align-items:center;gap:10px}

/* chapters 1–5 */
.reason{padding-top:144px}
.reason h2{font-size:clamp(30px,3.2vw,46px)}
.reason__text>p{margin-top:18px;max-width:34em}
.reason__text>p.lead{margin-top:22px}
.try{margin-top:28px;padding:20px 22px;background:var(--peach);border-radius:8px}
.try .mono{color:var(--ox);font-weight:500}
.try p+p{margin-top:6px;font-size:19px;line-height:1.4;color:var(--ox)}

/* 2 competitors */
.cp{align-items:center}
.cp .reason__text{grid-column:1 / span 5}
.cp .plate{grid-column:7 / -1;padding-block:52px 56px}
.feed{width:100%;margin-top:6px;border-collapse:collapse}
.feed td{padding:14px 0;border-bottom:1px solid var(--rule-dark);vertical-align:middle}
.feed td+td{padding-left:16px}
.feed__th{width:52px}
.thumb{width:44px;height:58px;border-radius:6px;display:grid;place-items:center;overflow:hidden}
.thumb svg{height:44px;width:auto}
.feed__hook{font-size:17px;line-height:1.3;color:var(--chalk)}
.feed__hook small{display:block;margin-top:4px;font:400 13px/1.4 var(--mono);color:var(--on-dark-soft)}
.feed__st{text-align:right;white-space:nowrap;font:500 12px/1 var(--mono)}
.feed__st span{display:inline-block;padding:6px 9px;border-radius:4px;border:1px solid var(--rule-dark);color:var(--on-dark-soft)}
.feed__st .on{background:var(--peach);border-color:var(--peach);color:var(--ox)}

/* 3 advice: book art, playbook page */

/* 5 speed */

.race{margin-top:8px;display:grid;gap:26px}

/* bullets: short, scannable claims */
.pts{margin-top:22px;display:grid;gap:0;max-width:34em}
.pts li{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-block:11px;border-top:1px solid var(--rule-light);font-size:18px;line-height:1.35;color:var(--ink)}
.pts li:last-child{border-bottom:1px solid var(--rule-light)}
.pts li::before{content:"";width:8px;height:8px;margin-top:.5em;background:var(--coral)}
.pts__h{margin-top:22px;font-weight:500;color:var(--ox)}
.pts__h+.pts{margin-top:12px}

.chapter__head .pts{max-width:38em}
/* a monday */
.mon .plate{margin-top:64px;padding-block:24px 28px}
.day li{display:grid;grid-template-columns:120px minmax(0,1fr) 220px;gap:8px 32px;align-items:baseline;padding-block:28px;border-bottom:1px solid var(--rule-dark)}
.day li:last-child{border-bottom:0}
.day time{font:500 30px/1 var(--mono);color:var(--peach);letter-spacing:-.02em}
.day q{quotes:none;font-size:clamp(21px,2.1vw,30px);line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--chalk)}
.day q::before{content:"“"}.day q::after{content:"”"}
.day span{justify-self:end;text-align:right;font:400 13px/1.45 var(--mono);color:var(--on-dark-soft)}
.mon .cta-row{margin-top:56px}

/* questions, v2 */
#faq{scroll-margin-top:72px}

/* closing, v2 */
.close__made{font-size:clamp(22px,2.2vw,30px);line-height:1.3;letter-spacing:-.02em;font-weight:500;color:var(--ox);max-width:24em}
.close .lead{margin-top:20px;max-width:30em}
.close h2{margin-top:56px}

@media (max-width:1100px){
  .why__then{grid-column:1 / span 6}
  .why__now{grid-column:7 / -1;padding:44px var(--edge) 44px 36px}
  .why__close{grid-column:1 / -1}
  .cp .reason__text{grid-column:1 / -1}
  .cp .plate{grid-column:3 / -1;margin-top:48px}
  .day li{grid-template-columns:96px minmax(0,1fr)}
  .day span{grid-column:2;justify-self:start;text-align:left}
}
@media (max-width:820px){
  .runhead{margin-bottom:40px}
  .runhead:not(.runhead--n) span:nth-child(2){display:none}
  .hero h1 span{white-space:normal}
  .reason{padding-top:96px}
  .why__then,.why__now,.why__close{grid-column:1 / -1}
  .why__now{margin-top:40px;padding:36px 20px}
  .tabs{margin-top:28px}
  .tab{padding:8px;font-size:12px}
  .tab:nth-child(n+4){display:none}
  .why__close{margin-top:48px}
  .vs{margin-top:44px}
  .vs thead th:first-child{width:auto}
  .vs tbody th{font-size:17px;width:auto;padding-right:12px}
  .vs td{width:auto;font-size:14px;padding-left:10px}
  .vs td .cell span{display:none}
  .cp .plate{grid-column:1 / -1;margin-top:36px}
  .feed__th{width:44px}
  .thumb{width:36px;height:48px}.thumb svg{height:36px}
  .feed__hook{font-size:16px}
  .feed__st span{padding:5px 7px}
  .mon .plate{margin-top:40px;padding-block:8px}
  .day li{grid-template-columns:1fr;gap:10px;padding-block:22px}
  .day time{font-size:20px}
  .day span{grid-column:1}
  .close h2{margin-top:40px}
  .plan__act a.btn[href^="mailto"]{display:inline-flex;margin-top:10px}
  
}

/* ───────── site chrome: shared by every redesigned page ───────── */
.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.lockup path{fill:none;stroke-width:5.5;stroke-linejoin:miter}
.lockup__a{stroke:var(--mark-a)}
.lockup__b{stroke:var(--mark-b)}
.lockup__w{fill:var(--word);font:600 27px/1 "Space Grotesk",Arial,sans-serif;letter-spacing:-1.1px}
.top{position:relative;z-index:5}
.nav__links a[aria-current="page"]{border-color:var(--coral)}
.site-foot .foot nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px}
.site-foot .foot nav a{text-decoration:none;color:var(--ink);padding:6px 0}
.site-foot .foot nav a:hover{text-decoration:underline}

/* homepage: pricing in brief */
.pt{margin-top:56px;align-items:center}
.pt__copy{grid-column:1 / span 5}
.pt__copy .lead{margin-top:22px}
.pt__actions{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.pt__terms{margin-top:18px;color:var(--ink-soft)}
.pt .plate{grid-column:7 / -1;padding-block:28px 32px}
.pt__plans li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding-block:20px;border-bottom:1px solid var(--rule-dark)}
.pt__plans li:last-child{border-bottom:0}
.pt__plans b{font-weight:500;font-size:20px;color:var(--peach)}
.pt__plans .num{font:500 clamp(34px,3.4vw,46px)/1 var(--sans);letter-spacing:-.035em;color:var(--chalk)}
.pt__plans .num small{font:400 15px/1 var(--sans);letter-spacing:0;color:var(--on-dark-soft);margin-left:4px}
.pt__plans span{grid-column:1 / -1;font:400 13px/1.5 var(--mono);color:var(--on-dark-soft)}

/* pricing page */
.pricing--page{padding-top:72px}
.pricing__head h1{font-size:clamp(38px,5.4vw,78px);line-height:1.03;letter-spacing:-.035em;color:var(--chalk)}
.pricing__head h1 span{display:block;color:var(--peach)}

/* legal pages */
.policy-page{padding-block:96px 128px}
.policy-max{max-width:46rem}
.policy-page h1{font-size:clamp(36px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em;color:var(--ox);padding-bottom:28px;border-bottom:3px solid var(--ox)}
.policy-last-updated{margin-top:18px;font:400 13px/1.5 var(--mono);color:var(--ink-soft)}
.policy-body{margin-top:40px}
.policy-body h2{margin-top:64px;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em}
.policy-body h3{margin-top:40px;font-size:20px}
.policy-body h4{margin:28px 0 0;font:500 17px/1.4 var(--sans);color:var(--ox)}
.policy-body p{margin-top:14px;line-height:1.7}
.policy-body ul{margin-top:12px;padding-left:1.2em;list-style:square}
.policy-body li{margin-top:8px;line-height:1.65}
.policy-body li::marker{color:var(--coral)}
.policy-body a{color:var(--ox);text-decoration:underline}
.policy-body a:hover{text-decoration-thickness:2px}
.policy-body strong{font-weight:600;color:var(--ox)}
.policy-body code,.ti-section code{font-family:var(--mono);font-size:.86em;padding:.1em .35em;border-radius:4px;background:rgba(84,44,48,.07);color:var(--ox)}

/* tag inspector */
.hero--ti{min-height:0;padding-bottom:96px}
.ti-hero{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-top:40px}
.ti-hero__copy{grid-column:1 / span 6}
.ti-hero h1{font-size:clamp(40px,4.8vw,70px)}
.ti-code{grid-column:8 / -1;border-radius:12px;overflow:hidden;background:#2E1619;box-shadow:0 30px 60px -24px rgba(20,8,10,.7);border:1px solid var(--rule-dark)}
.ti-code-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--rule-dark);font:400 12.5px/1.4 var(--mono);color:var(--on-dark-soft)}
.ti-code pre{margin:0;padding:18px;overflow-x:auto;font:400 12.5px/1.65 var(--mono);color:var(--chalk);tab-size:2}
.ti-code .c-comment{color:#B48A86}
.ti-code .c-kw{color:var(--coral-hi)}
.ti-code .c-fn{color:var(--peach)}
.ti-code .c-key{color:#F3E7E2}
.ti-code .c-str{color:#E8B4A9}
.ti-code .c-num{color:var(--peach)}
.ti-code .c-error{color:#FF9C8F;font-weight:500}
.ti-code .c-warn{color:#F0C98E}
.ti-section{padding-top:144px}
.ti-section h2{max-width:20em}
.ti-section-sub{margin-top:22px;font-size:clamp(18px,1.5vw,21px);line-height:1.5;max-width:36em}
.ti-ledger{margin-top:56px;background:var(--ox);color:var(--chalk);padding:44px 56px;margin-right:calc(-1 * var(--edge));padding-right:var(--edge)}
.ti-ledger-head{padding-bottom:14px;border-bottom:1px solid var(--rule-dark);font:400 13px/1.5 var(--mono);color:var(--on-dark-soft)}
.ti-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;padding-block:12px;border-bottom:1px solid var(--rule-dark);font:400 14px/1.4 var(--mono)}
.ti-row-vendor,.ti-row-verdict{color:var(--on-dark-soft)}
.ti-row-verdict{text-align:right}
.ti-row--missing .ti-row-event,.ti-row--missing .ti-row-verdict{color:var(--peach);font-weight:500}
.ti-row--dupe .ti-row-verdict{color:var(--coral-hi);font-weight:500}
.ti-ledger-note{margin-top:22px;max-width:42em;color:var(--on-dark-soft)}
.ti-ledger-note strong{font-weight:500;color:var(--chalk)}
.ti-findings{margin-top:72px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 48px}
.ti-finding{border-top:3px solid var(--ox);padding-top:20px}
.ti-finding-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:500 12px/1 var(--mono)}
.ti-sev{padding:7px 10px;border-radius:4px;border:1px solid var(--ox);color:var(--ox)}
.ti-sev--error{background:var(--ox);color:var(--chalk)}
.ti-vendors{color:var(--ink-soft);font-weight:400;font-size:13px}
.ti-finding h3{margin-top:18px}
.ti-finding p{margin-top:12px;max-width:34em}
.ti-aftermath{margin-top:64px;padding:28px 32px;background:var(--peach);border-radius:8px;max-width:54em}
.ti-aftermath p+p{margin-top:12px}
.ti-aftermath strong{font-weight:600;color:var(--ox)}
.ti-api{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ti-api-item{border-top:3px solid var(--ox);padding-top:18px}
.ti-api-item h3{font:500 16px/1.35 var(--mono);color:var(--ox);letter-spacing:0}
.ti-api-item p{margin-top:10px;font-size:16px}
.ti-note{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule-light);max-width:48em}
.ti-note strong{font-weight:600;color:var(--ox)}
.ti-vendor-list{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px}
.ti-vendor-chip{padding:10px 14px;border:1px solid var(--rule-light);border-radius:6px;background:#fff;font-size:16px;color:var(--ox)}
.ti-privacy-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ti-privacy-item{border-top:3px solid var(--ox);padding-top:20px}
.ti-privacy-item p{margin-top:10px;max-width:26em}

@media (max-width:1100px){
  .pt__copy{grid-column:1 / -1}
  .pt .plate{grid-column:3 / -1;margin-top:48px}
  .ti-hero__copy,.ti-code{grid-column:1 / -1}
  .ti-code{margin-top:48px}
  .ti-api{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
}
@media (max-width:820px){
  .pt{margin-top:40px}
  .pt .plate{grid-column:1 / -1;margin-inline:-20px;padding-inline:20px;margin-top:36px}
  .pt__actions .btn{flex:1 1 auto}
  .pricing--page{padding-top:40px}
  .policy-page{padding-block:56px 88px}
  .policy-body h2{margin-top:48px}
  .hero--ti{padding-bottom:64px}
  .ti-hero{padding-top:20px}
  .ti-code pre{font-size:12px}
  .ti-section{padding-top:96px}
  .ti-ledger{margin-inline:-20px;padding:32px 20px}
  .ti-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
  .ti-row-vendor{grid-column:1 / -1}
  .ti-findings,.ti-api,.ti-privacy-grid{grid-template-columns:1fr;gap:40px}
  .ti-aftermath{padding:22px 20px}
  .site-foot{padding-bottom:104px}
  .site-foot .foot nav{gap:4px 22px}
}

.policy-body a{overflow-wrap:anywhere}