/* Ditchlist customer site */
.top{position:sticky;top:0;z-index:40;padding-top:var(--safe-t);background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .3s}
.top.scrolled{border-color:var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:64px}
.top .logo{display:block;width:132px;flex:none}
.top nav{display:none;gap:4px;margin-left:auto}
.top nav a{padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
.top nav a:hover{background:var(--paper-2)}
.top nav a[aria-current="page"]{background:var(--ink);color:var(--tape)}
.top .snd{margin-left:auto}
.top .btn{display:none;min-height:44px;padding:0 18px;font-size:15px}
@media (min-width:900px){.top nav{display:flex}.top .snd{margin-left:8px}.top .btn{display:inline-flex}.top .wrap{height:76px}.top .logo{width:150px}}
/* phone bottom bar */
.tabbar{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe-b));z-index:45;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:0 6px;border-radius:22px;background:var(--ink);color:var(--paper);box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:56px;text-decoration:none;font:600 11px/1 var(--text);color:#cfcac2;border-radius:16px}
.tabbar a svg{width:22px;height:22px}
.tabbar a[aria-current="page"]{color:var(--tape)}
.tabbar a.go{background:var(--tape);color:var(--ink);height:52px;margin:0 2px;font-weight:800}
.tabbar a:active{transform:scale(.94)}
@media (min-width:900px){.tabbar{display:none}}
main{padding-bottom:0}
@media (min-width:900px){main{padding-bottom:0}}
section{position:relative}
.sec{padding-block:clamp(64px,10vw,140px)}
.sec-h{display:grid;gap:16px;margin-bottom:clamp(28px,4vw,56px);max-width:820px}
.sec-h h2{font-size:clamp(36px,6.4vw,84px)}
.sec-h p{font-size:clamp(17px,1.3vw + 12px,21px);color:var(--graphite);max-width:60ch;margin:0}
/* hero */
.hero{padding-top:clamp(18px,4vw,48px);overflow:clip}
.hero-grid{display:grid;gap:22px}
.hero h1{font-size:clamp(46px,11.5vw,128px);font-stretch:122%;line-height:.88;letter-spacing:-.035em}
.hero h1 .tp{display:inline-block;background:var(--tape);padding:0 .12em;margin-left:-.06em;clip-path:polygon(0 0,100% 0,calc(100% - .14em) 50%,100% 100%,0 100%,.14em 50%);padding-inline:.2em}
.hero .lede{font-size:clamp(17px,1.5vw + 12px,23px);max-width:34ch;margin:0}
.hero .lede b{font-weight:700}
.typer{display:flex;gap:8px;align-items:stretch;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:6px;box-shadow:0 6px 0 var(--ink)}
.typer input{flex:1;min-width:0;border:0;background:transparent;padding:0 10px;min-height:48px;outline:none;font-weight:600}
.typer input::placeholder{color:var(--graphite)}
.typer .btn{min-height:48px;padding:0 18px;box-shadow:none;border-radius:13px}
.typer:focus-within{outline:3px solid var(--signal);outline-offset:3px}
.sugs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sugs .chip{min-height:40px;font-size:14px;padding:0 13px;border-width:1.5px}
.sugs .chip.k{border-color:var(--signal);color:var(--signal)}
.stage{position:relative;display:grid;place-items:center;padding:12px 0 0}
.board{position:relative;border-radius:var(--r-l);padding:20px 16px 18px;min-height:168px;box-shadow:inset 0 2px 10px rgba(0,0,0,.35),var(--shadow-2);overflow:hidden}
.board canvas{position:absolute;inset:0;width:100%;height:100%}
.board h2{position:relative;color:#fff;font-size:13px;font-family:var(--text);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-stretch:100%;display:flex;justify-content:space-between;gap:12px;align-items:center}
.board h2 .count{background:var(--ink);color:var(--tape);border-radius:999px;padding:5px 10px;letter-spacing:.06em}
.hooks{position:relative;list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px 14px;min-height:80px}
.hooks li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;transform-origin:50% 0;animation:swing 1.6s var(--ease-out)}
.hooks li::before{content:"";position:absolute;left:18px;top:0;width:12px;height:16px;border:3px solid #d8d6cf;border-bottom:0;border-radius:8px 8px 0 0;background:transparent}
.hooks .match{font:600 13px/1.3 var(--text);color:#fff;background:rgba(22,21,20,.82);padding:6px 10px;border-radius:10px;max-width:240px}
.hooks .match b{color:var(--tape);font-weight:700}
.hooks .match.k b{color:#ffb3ef}
.hooks .empty{color:#f5e9dc;font-size:15px;padding:18px 4px;animation:none}
.hooks .empty::before{display:none}
@keyframes swing{0%{transform:rotate(-9deg)}35%{transform:rotate(6deg)}65%{transform:rotate(-3deg)}100%{transform:rotate(0)}}
.board .more{position:relative;margin-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.board .more p{margin:0;color:#f5e9dc;font-size:13px}
.board .more .btn{min-height:46px}
@media (min-width:900px){
  .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:calc(100svh - 76px);padding-block:30px}
  .hero-copy{display:grid;gap:26px}
  .stage{padding:0}
  .board{margin-top:-10px}
}
@media (max-width:899px){.hero-copy{display:grid;gap:16px}.lm-wrap{margin-top:4px}}
.lm-wrap{width:100%;display:grid;place-items:center;position:relative;z-index:2}
/* honest strip */
.honest{background:var(--ink);color:var(--paper);padding-block:22px;overflow:hidden}
.marq{display:flex;gap:40px;width:max-content;animation:marq 38s linear infinite}
.marq span{display:inline-flex;align-items:center;gap:14px;font:800 clamp(18px,2vw,26px)/1 var(--display);font-stretch:118%;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap}
.marq span::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--tape);margin-left:26px}
@keyframes marq{to{transform:translateX(-50%)}}
.honest:hover .marq{animation-play-state:paused}
/* steps (stacking cards) */
.steps{display:grid;gap:18px}
.step{position:sticky;top:calc(84px + var(--i)*14px);border-radius:var(--r-l);padding:clamp(22px,3.4vw,44px);min-height:min(68svh,520px);display:grid;grid-template-rows:auto 1fr auto;gap:18px;box-shadow:var(--shadow-2);overflow:hidden}
.step:nth-child(1){background:var(--tape)}
.step:nth-child(2){background:var(--paper-2);border:2px solid var(--ink)}
.step:nth-child(3){background:var(--ink);color:var(--paper)}
.step .n{font:900 clamp(80px,16vw,200px)/.8 var(--display);font-stretch:125%;letter-spacing:-.05em;opacity:.95}
.step:nth-child(3) .n{color:var(--tape)}
.step h3{font-size:clamp(30px,4.6vw,60px)}
.step p{font-size:clamp(16px,1.2vw + 12px,20px);max-width:46ch;margin:10px 0 0}
.step ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.step ul li{font:600 14px/1 var(--text);padding:9px 12px;border-radius:999px;border:1.5px solid currentColor}
.step .art{position:absolute;right:-20px;bottom:-20px;width:min(46%,320px);opacity:.95;pointer-events:none}
@media (min-width:900px){.step{grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:end}.step .n{align-self:start}}
/* shelf carousel */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:26px var(--pad) 30px;margin-inline:calc(-1*var(--pad));scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.tag{scroll-snap-align:center;position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:20px;padding:34px 20px 20px;display:grid;gap:10px;text-decoration:none;box-shadow:0 6px 0 var(--ink);transition:transform .3s var(--ease-spring)}
.tag::before{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--board);box-shadow:inset 0 2px 3px rgba(0,0,0,.6)}
.tag:hover{transform:rotate(-2deg) translateY(-4px)}
.tag h3{font-size:24px;font-stretch:112%}
.tag p{margin:0;color:var(--graphite);font-size:15px}
.tag .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.tag .meta span{font:700 11px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border-radius:6px;background:var(--paper-2)}
.tag .meta span.a{background:var(--tape)}
.rail-ctl{display:flex;gap:10px;justify-content:space-between;align-items:center}
.rail-ctl .arrows{display:none;gap:8px}
.rail-ctl .arrows button{width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);cursor:pointer;display:grid;place-items:center}
@media (min-width:900px){.rail-ctl .arrows{display:flex}.rail{grid-auto-columns:320px}}
/* keep human */
.keep-sec{background:var(--signal);color:#fff}
.keep-sec .sec-h p{color:#fde6f8}
.keepgrid{display:grid;gap:14px}
.keepgrid article{background:rgba(0,0,0,.18);border-radius:20px;padding:22px;display:grid;gap:10px}
.keepgrid .label{justify-self:start;--lc:#fff;color:var(--signal);text-shadow:none}
.keepgrid p{margin:0;color:#fff}
@media (min-width:760px){.keepgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.keepgrid{grid-template-columns:repeat(4,1fr)}}
/* facts */
.facts{display:grid;gap:12px;counter-reset:f}
.facts li{list-style:none;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:2px solid var(--ink);font-size:clamp(16px,1vw + 12px,19px)}
.facts li::before{counter-increment:f;content:counter(f,decimal-leading-zero);font:800 15px/1.6 var(--display);font-stretch:62%;color:var(--board)}
.facts ul{padding:0;margin:0}
.src{font-size:13px;color:var(--graphite)}
@media (min-width:900px){.facts-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.facts-grid .sec-h{position:sticky;top:110px}}
/* price cards */
.prices{display:grid;gap:18px}.price{min-width:0}
.price{position:relative;border-radius:var(--r-l);padding:28px 24px;display:grid;gap:14px;background:var(--paper);border:2px solid var(--ink);box-shadow:0 8px 0 var(--ink)}
.price.hot{background:var(--ink);color:var(--paper);box-shadow:0 8px 0 var(--board)}
.price .amt{font:900 clamp(44px,14vw,88px)/.9 var(--display);font-stretch:118%;letter-spacing:-.04em}
.price .amt small{font:600 16px/1 var(--text);letter-spacing:0;margin-left:6px;opacity:.8}
.price ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.price li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:16px}
.price li::before{content:"";width:14px;height:8px;margin-top:6px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg)}
.price.hot li::before{color:var(--tape)}
.price .for{font-size:14px;opacity:.8;margin:0}
.price .flag{position:absolute;top:-14px;right:18px}
@media (min-width:900px){.prices{grid-template-columns:repeat(2,1fr)}.prices.three{grid-template-columns:repeat(3,1fr)}}
.care{margin-top:22px;display:grid;gap:14px}
.care .row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:18px 20px;border-radius:18px;background:var(--paper-2)}
.care .row b{font:800 22px/1 var(--display);font-stretch:112%}
.care .row span{grid-column:1/-1;font-size:15px;color:var(--graphite)}
.care .row .p{font:900 26px/1 var(--display);font-stretch:118%}
@media (min-width:900px){.care{grid-template-columns:repeat(3,1fr)}}
.note{font-size:14px;color:var(--graphite);max-width:70ch}
/* faq */
.faq details{border-top:2px solid var(--ink)}
.faq details:last-child{border-bottom:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;min-height:64px;font:800 clamp(19px,1.6vw + 12px,26px)/1.15 var(--display);font-stretch:108%}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--tape);position:relative;transition:transform .35s var(--ease-spring)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;margin:-1.5px 0 0 -7px;background:var(--ink);border-radius:2px}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{transform:rotate(135deg)}
.faq .a{padding:0 0 22px;max-width:70ch;font-size:17px}
/* CTA */
.cta{background:var(--ink);color:var(--paper);overflow:hidden}
.cta h2{font-size:clamp(52px,12vw,170px);font-stretch:125%;line-height:.85;letter-spacing:-.045em}
.cta h2 span{color:var(--tape)}
.cta p{color:#d9d4cb;font-size:clamp(17px,1.4vw + 12px,22px);max-width:44ch}
.cta .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.cta .btn.ghost{--fg:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}
/* footer */
.foot{background:var(--ink);color:#cfcac2;padding:36px 0 calc(110px + var(--safe-b));border-top:1px solid #2b2926;font-size:14px}
.foot .wrap{display:grid;gap:22px}
.foot .logo{width:130px;color:var(--paper)}
.foot a{color:var(--paper);display:inline-flex;align-items:center;min-height:44px}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot .indep{max-width:72ch;color:#bdb7ad}
@media (min-width:900px){.foot{padding-bottom:40px}.foot .wrap{grid-template-columns:1fr 2fr auto;align-items:start}}
/* sheet (dialog) */
dialog.sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:640px;max-height:88svh;border-radius:28px 28px 0 0;background:var(--paper);color:var(--ink);box-shadow:0 -20px 60px rgba(0,0,0,.4);overscroll-behavior:contain}
dialog.sheet::backdrop{background:rgba(22,21,20,.55);backdrop-filter:blur(3px)}
dialog.sheet[open]{animation:sheetup .45s var(--ease-out)}
@keyframes sheetup{from{transform:translateY(100%)}}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 0}
.sheet .in{padding:18px 22px calc(26px + var(--safe-b));display:grid;gap:14px;overflow:auto;max-height:calc(88svh - 20px)}
.sheet .x{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--paper-2);cursor:pointer;font-size:22px}
@media (min-width:900px){dialog.sheet{margin:auto;border-radius:28px}}
.kv{display:grid;gap:10px}
.kv div{display:grid;gap:4px}
.kv dt{font:700 12px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}
.kv dd{margin:0}
.kv ul{margin:0;padding-left:18px}
/* page head (inner pages) */
.phead{padding:clamp(36px,7vw,90px) 0 clamp(24px,4vw,48px)}
.phead h1{font-size:clamp(46px,10vw,124px);font-stretch:122%;line-height:.88;letter-spacing:-.035em}
.phead p{font-size:clamp(17px,1.4vw + 12px,22px);max-width:52ch;color:var(--graphite);margin-top:18px}
.logo svg{width:100%;height:auto}
.sugs .chip.k[aria-pressed="true"]{background:var(--signal);color:#fff}
@media (min-width:900px){.hero h1{font-size:clamp(56px,6.6vw,104px)}}
.step .art{right:18px;top:18px;bottom:auto;width:min(30%,150px)}
@media (min-width:900px){.step .art{left:clamp(28px,3.4vw,44px);right:auto;top:auto;bottom:clamp(28px,3.4vw,44px);width:200px}}
.cta h2{margin-bottom:28px}
/* shelf page pegboard */
.pb{position:relative;margin-top:22px;border-radius:var(--r-l);padding:clamp(18px,3vw,40px);box-shadow:inset 0 3px 14px rgba(0,0,0,.4),var(--shadow-2);overflow:hidden}
.pb canvas{position:absolute;inset:0;width:100%;height:100%}
.pegs{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:28px 18px}
.pegs li{position:relative;padding-top:18px;transform-origin:50% 0;transition:opacity .3s,transform .3s}
.pegs li::before{content:"";position:absolute;left:50%;top:0;width:14px;height:22px;margin-left:-7px;border:3px solid #e3e1da;border-bottom:0;border-radius:9px 9px 0 0;z-index:2}
.pegs li.off{opacity:.25;transform:scale(.97)}
.pegs button.tag{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;min-height:190px;align-content:start}
.pegs button.tag:hover{transform:rotate(-1.5deg)}
.pegs .tag .n{font:800 12px/1 var(--display);font-stretch:62%;letter-spacing:.08em;color:var(--board)}
.sheet h2{font-size:clamp(32px,6vw,44px);font-stretch:112%;padding-right:46px}
.sheet .hook{font-size:19px;margin:0}
.sheet .tests li{margin-bottom:4px}
.sheet .nev{display:flex;flex-wrap:wrap;gap:8px}
.calc{display:grid;gap:22px}
.calc fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}
.calc legend{font:700 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);margin-bottom:10px}
.calc .chip{background:transparent;border-color:var(--paper);color:var(--paper)}
.calc .chip[aria-pressed="true"]{background:var(--tape);color:var(--ink);border-color:var(--tape)}
.stepper{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--paper);border-radius:999px;padding:4px;width:max-content}
.stepper button{width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);font:800 22px/1 var(--display);cursor:pointer}
.stepper output{min-width:48px;text-align:center;font:900 26px/1 var(--display);font-stretch:118%}
.bill{margin-top:28px;display:grid;gap:12px}
.bill .ln{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-top:1px solid #3a3733;font-size:16px}
.bill .ln b{font:800 20px/1.2 var(--display);font-stretch:112%;white-space:nowrap}
.bill .tot{border-top:3px solid var(--tape);padding-top:18px}
.bill .tot b{font-size:clamp(34px,5vw,56px);color:var(--tape);font-stretch:118%}
@media (min-width:900px){#calc-h+p{max-width:60ch}.calc{grid-template-columns:1.3fr .8fr 1.1fr;align-items:start}}
.legal h2{font-size:clamp(26px,3.4vw,38px);margin:40px 0 14px;font-stretch:114%}
.legal ul{padding-left:20px;display:grid;gap:10px}
.legal p,.legal li{max-width:68ch}
/* ===== optional ads add-on (24 Oct 2026): sponsor peg + advertise page ===== */
.label.sp{font-size:1em;justify-self:start}
.sponsor-peg{position:relative;margin-top:26px;border:2px dashed var(--board);border-radius:20px;padding:22px 20px 18px;background:var(--paper-2);display:grid;gap:10px;font-size:16px;max-width:760px}
.sponsor-peg p{margin:0;color:var(--ink)}
.sponsor-peg .sp-note{font-size:14px;color:var(--graphite)}
.sponsor-peg a{color:var(--ink);font-weight:700}
.ad-h{font-size:clamp(30px,4.6vw,56px);margin:0 0 8px}
.ad-rate{margin-top:18px}
.ad-rate .row{align-items:baseline}
.ad-rate .p small{font:600 14px var(--text);letter-spacing:0}
.ad-notes{margin:18px 0 0;padding-left:20px;display:grid;gap:6px;font-size:15px;color:var(--graphite);max-width:70ch}
.ad-ex{background:var(--paper-2)}
.ad-mail{margin:0;max-width:620px;background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:0 8px 0 var(--ink);overflow:hidden;font-size:16px}
.ad-mail-h{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:14px 20px;background:var(--ink);color:var(--paper)}
.ad-mail-h b{font:850 20px/1 var(--display);font-stretch:112%;color:var(--tape)}
.ad-mail-h span{font-size:14px;color:var(--smoke)}
.ad-spot{display:grid;gap:10px;padding:18px 20px;border-bottom:2px solid var(--line)}
.ad-spot p,.ad-body p{margin:0}
.ad-body{padding:18px 20px}
.ad-body h3{font-size:22px;margin:0 0 6px}
.ad-ex-note{margin:0;padding:12px 20px;font-size:14px;color:var(--graphite);background:var(--paper)}
.ad-two{display:grid;gap:40px}
.ad-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.ad-list li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:16px}
.ad-list li::before{content:"";width:14px;height:8px;margin-top:6px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}
.ad-list.no li::before{width:14px;height:3px;margin-top:10px;border:0;background:var(--signal);transform:none}
.ad-rules{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.ad-rules li{display:grid;gap:6px;padding:18px 20px;border:2px solid #3a3734;border-radius:18px}
.ad-rules b{font:850 20px/1.1 var(--display);font-stretch:112%;color:var(--tape)}
.ad-rules span{color:#E7E3DA;font-size:16px}
.ad-cases{display:grid;gap:14px;margin-bottom:16px}
.ad-case .label{justify-self:start}
.ad-case{display:grid;gap:6px;padding:20px;border:2px solid var(--ink);border-radius:20px;background:var(--paper)}
.ad-case.hot{background:var(--tape);box-shadow:0 6px 0 var(--ink)}
.ad-case b{font:900 clamp(40px,10vw,64px)/.95 var(--display);font-stretch:118%;letter-spacing:-.03em}
.ad-case span:not(.label){font-size:15px;color:var(--graphite)}
.ad-case.hot span:not(.label){color:var(--ink)}
.ad-ask{display:grid;gap:14px;justify-items:start;padding:clamp(24px,4vw,44px);border-radius:var(--r-l);background:var(--paper-2);border:2px solid var(--ink)}
.ad-ask h2{font-size:clamp(28px,4vw,48px)}
.ad-ask p{margin:0;max-width:60ch;color:var(--graphite)}
@media (min-width:900px){.care.ad-rate{grid-template-columns:repeat(2,1fr)}.ad-two{grid-template-columns:1fr 1fr;gap:60px}.ad-rules{grid-template-columns:repeat(3,1fr)}.ad-cases{grid-template-columns:repeat(3,1fr)}}

a.tap{display:inline-block;padding-block:3px;min-height:24px}