/* ThreadFox site system (September 24, 2026 direction review).
   Loaded last on every page: one type scale, one spacing rhythm, one header and footer.
   Brand stays as chosen: Fredoka + DM Sans, paper, ink, tangerine, lavender, yellow, the fox. */
:root{--card:#fffdf6;--line:#e6d9c6;--line-strong:#d6c6ae;--orange-deep:#c93d17;--mint:#cfe5d9;--peach:#ffcfb8;--plum:#68318e;
  --r-lg:24px;--r-md:18px;--r-sm:12px;--gap:clamp(16px,2.4vw,24px);--section:clamp(56px,8vw,96px)}
body{font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
.section{border:0;padding:var(--section) 0 0}
.kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font:700 13px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--lavender);border-radius:999px;padding:7px 14px}
.eyebrow{margin:0;font:700 12.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-deep)}
.section-head{display:grid;gap:14px;max-width:760px;margin:0 0 clamp(26px,4vw,40px)}
.section-head h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.05}
.section-head .lead{margin:0;font-size:clamp(18px,1.6vw,20px);color:var(--muted)}
.section-head.center{margin-inline:auto;text-align:center;justify-items:center}
.footnote{font-size:13.5px;color:var(--muted);margin:14px 0 0;line-height:1.5}
.footnote a{color:inherit;font-weight:700}
.button.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}

/* Header */
header.shell{min-height:84px}
header.shell .brand small{display:none}
header.shell nav{gap:24px}
header.shell nav a:not(.button){font-size:15px;color:var(--ink)}
header.shell nav a:not(.button):hover{color:var(--orange-deep)}

/* Footer */
footer.shell.site-footer{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px 32px;margin-top:var(--section)!important;padding:40px 0 36px;border-top:2px solid var(--ink)}
footer.shell.site-footer .about{display:grid;grid-template-columns:1fr;gap:10px;align-content:start;width:auto}
footer.shell.site-footer .about p{margin:0;font-size:14px;color:var(--muted);max-width:30ch;width:auto}
footer.shell.site-footer .col{display:grid;grid-template-columns:1fr;gap:8px;align-content:start;width:auto}
footer.shell.site-footer .col h2{font:700 12px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
footer.shell.site-footer .col a{font-size:15px;color:var(--ink);text-decoration:none}
footer.shell.site-footer .col a:hover{text-decoration:underline}
footer.shell.site-footer .legal{grid-column:1/-1;max-width:none;margin:8px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);width:auto}

/* Home: hero */
.hero.home-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,64px);padding:clamp(28px,5vw,64px) 0 0;align-items:center}
.home-hero h1{font-size:clamp(42px,4.7vw,64px);line-height:1.03;margin:0 0 22px;max-width:16ch}
.home-hero .lead{font-size:clamp(18px,1.55vw,21px);line-height:1.5;margin:0 0 28px;max-width:40ch;color:var(--ink)}
.home-hero .actions{margin:0 0 26px}
.hero .hero-stats{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.hero .hero-stats li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.25;color:var(--muted)}
.hero .hero-stats li:last-child{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.hero .hero-stats b{display:block;font:700 24px/1.1 Fredoka,'DM Sans',sans-serif;color:var(--ink)}

/* Run card: the product at work */
.runcard{margin:0;background:var(--ink);color:#f6efe0;border-radius:var(--r-lg);padding:20px;display:grid;gap:10px;box-shadow:0 30px 60px -30px rgb(41 32 64 / .55)}
.runcard .rc-you{background:#3a2f58;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.45}
.runcard .rc-you span{display:block;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}
.runcard .rc-line{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;border-top:1px solid #3d3160;padding-top:10px}
.runcard code{font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffb99e;overflow-wrap:normal}
.runcard .rc-t{font:700 20px/1 Fredoka,'DM Sans',sans-serif;color:var(--yellow);font-variant-numeric:tabular-nums}
.runcard .rc-ok{grid-column:1/-1;font-size:14.5px;color:#d9f2e4}
.runcard .rc-ok::before{content:"✓ ";color:#8fe0b5;font-weight:700}
.runcard figcaption{font-size:13px;color:#cfc4dd;padding-top:4px}
.runcard figcaption a{color:#fff;font-weight:700}

.runcard .rc-post{display:grid;gap:6px;background:#fff9e9;color:var(--ink);border-radius:14px;padding:12px 14px;text-decoration:none;line-height:1.35}
.runcard .rc-post b{font-size:15px;font-weight:700}
.runcard .rc-post:hover b{text-decoration:underline}
.runcard .rc-live{justify-self:start;font:700 11.5px/1 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--orange);border-radius:999px;padding:5px 9px}
/* The run plays back in order: request, post, reply, the live post. */
.runcard>*{animation:rc-in .45s cubic-bezier(.2,.7,.2,1) both}
.runcard>:nth-child(1){animation-delay:.1s}.runcard>:nth-child(2){animation-delay:.5s}.runcard>:nth-child(3){animation-delay:.9s}
.runcard>:nth-child(4){animation-delay:1.3s}.runcard>:nth-child(5){animation-delay:1.6s}
@keyframes rc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.runcard>*{animation:none}}

/* Trust strip */
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:18px 0;border-block:1px solid var(--line);font-size:15px;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:8px}
.trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}

/* How it works */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);list-style:none;margin:0;padding:0;counter-reset:step}
.steps li{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;display:grid;gap:10px;align-content:start}
.steps li::before{content:counter(step);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange);color:#fff;font:700 20px/1 Fredoka,'DM Sans',sans-serif}
.steps h3{margin:4px 0 0;font-size:24px}
.steps p{margin:0;color:var(--muted);font-size:16px}
.needs{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:22px 0 0;font-size:15px;color:var(--muted)}
.needs b{color:var(--ink);margin-right:4px}
.needs span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px}

.shots{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--gap);margin-top:var(--gap);align-items:start}
.shots figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;display:grid;gap:10px}
.shots img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.shots figcaption{font-size:14px;color:var(--muted);text-align:center}
@media(max-width:900px){.shots{grid-template-columns:1fr}}

/* Real run */
.run-section .demo-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--gap);align-items:start}
.run-log{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.run-log li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:grid;gap:6px}
.run-log li.you{background:var(--lavender);border-color:var(--lavender)}
.run-log .who{font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.run-log .tool{font:600 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1f7a55}
.run-log p{margin:0}
.run-log code{display:block;background:var(--ink);color:#fff9e9;border-radius:10px;padding:9px 12px;font-size:13px;overflow-wrap:anywhere}
.run-log small{color:var(--muted);font-size:14px}
.run-facts{background:var(--yellow);border-radius:var(--r-lg);padding:26px;display:grid;gap:18px;position:sticky;top:20px}
.run-facts dl{margin:0;display:grid;gap:14px}
.run-facts dl div{display:grid;gap:2px}
.run-facts dt{font:700 40px/1 Fredoka,'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
.run-facts dd{margin:0;font-size:15px}
.run-facts .safe{border-top:1.5px solid #d2b642;padding-top:16px;margin:0;font-size:15px;line-height:1.5}
.run-facts .safe b{display:block;font:700 19px/1.2 Fredoka,'DM Sans',sans-serif;margin-bottom:4px}
.run-section .section-head a{font-weight:700}

/* The result */
.result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--lavender);border-radius:28px;padding:clamp(26px,4.5vw,56px)}
.result h2{font-size:clamp(34px,4.4vw,54px);line-height:1.02;margin:0 0 16px}
.result p{margin:0 0 14px;max-width:46ch}
.result .links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;font-weight:700}
.result .footnote{color:#514263}
.views-chart{background:var(--card);border-radius:20px;padding:24px;display:grid;gap:18px;margin:0}
.views-chart .cap{font:700 12px/1.3 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.views-chart .row{display:grid;gap:8px}
.views-chart .row span{font-size:15px}
.views-chart .row b{font:700 26px/1 Fredoka,'DM Sans',sans-serif;display:block;margin-top:2px;font-variant-numeric:tabular-nums}
.views-chart .track{height:30px;background:#f0e6d3;border-radius:9px;overflow:hidden}
.views-chart .fill{height:100%;border-radius:9px;background:var(--orange)}
.views-chart .fill.low{background:#7339aa;min-width:4px}
.views-chart figcaption{font-size:13.5px;color:var(--muted)}

/* Ranking (home) */
.rank-home .ranking{margin-top:0}
.rank-home .compare-caption{margin:0 0 14px;font-size:15px}
.rank-home .footnote{margin-top:16px}

/* What you get */
.included{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center}
.included figure{margin:0}
.included img{display:block;width:100%;height:auto;border-radius:var(--r-lg)}
.included figcaption{margin-top:10px;font-size:13.5px;color:var(--muted);text-align:center}
.included ul{list-style:none;margin:0 0 22px;padding:0;display:grid}
.included li{padding:13px 0 13px 34px;border-bottom:1px solid var(--line);position:relative;line-height:1.45}
.included li::before{content:"";position:absolute;left:4px;top:19px;width:13px;height:7px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
.included li b{font-weight:700}
.included li.bonus{background:#e1f2e8;border-radius:12px;border:0;margin-top:8px;padding-left:40px}
.included li.bonus::before{left:14px}

/* Pricing: two doors */
.plans{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--gap);align-items:stretch}
.plan{border-radius:28px;padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:14px}
.plan.kit{background:var(--yellow)}
.plan.managed{background:var(--lavender)}
.plan .door{font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.plan h3{margin:0;font-size:clamp(26px,2.6vw,32px)}
.plan .price{margin:0;font-size:clamp(56px,6vw,76px);line-height:1}
.plan .price small{font-size:17px;letter-spacing:0;font-weight:400}
.plan p{margin:0}
.plan .launch-tag{align-self:flex-start;margin:0;background:var(--orange);color:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}
.plan .launch-meter{margin:0;font-size:15px;background:#fff4c2;border-radius:12px;padding:10px 14px}
.plan .ticks{margin:0}
.plan .ticks li{color:var(--ink);font-size:15.5px}
.plan form{margin:4px 0 0;display:grid;gap:12px}
.plan form button{width:100%;min-height:56px;font-size:17px}
.plan .bump-offer{display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px dashed var(--orange);border-radius:12px;padding:12px 14px;margin:0;font-weight:400;line-height:1.45}
.plan .bump-offer input{margin-top:3px;flex:0 0 auto}
.plan .assure{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:14px}
.plan .assure li::before{content:"✓ ";font-weight:700;color:var(--orange-deep)}
.plan .fine{font-size:13.5px;color:#5a4a2a;margin-top:auto}
.plan.managed .fine{color:#514263}
.plan .button{align-self:stretch;min-height:56px;font-size:17px}
.tiers{display:grid;gap:10px}
.tiers div{background:#fff9e9;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.45}
.tiers b{display:block;font:700 18px/1.2 Fredoka,'DM Sans',sans-serif;margin-bottom:3px}

/* Affiliate band */
.partner-band{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:20px 40px;align-items:center;background:var(--ink);color:#fff9e9;border-radius:var(--r-lg);padding:clamp(22px,3vw,34px) clamp(22px,3.5vw,40px);margin-top:var(--gap)}
.partner-band h3{margin:0 0 6px;font-size:clamp(24px,2.4vw,30px);color:#fff9e9}
.partner-band p{margin:0;color:#e3dbef;max-width:62ch}
.partner-band b{color:var(--yellow)}
.partner-band .button{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}

/* FAQ */
.faq{max-width:860px}
.faq details,.document details{border-top:1px solid var(--line);padding:6px 0}
.faq details:last-of-type,.document details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary,.document summary{font:700 19px/1.35 'DM Sans',sans-serif;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker,.document summary::-webkit-details-marker{display:none}
.faq summary::after,.document summary::after{content:"+";font:700 26px/1 Fredoka,'DM Sans',sans-serif;color:var(--orange);flex:none}
.faq details[open] summary::after,.document details[open] summary::after{content:"\2212"}
.faq details p,.document details p{margin:0 0 16px;color:var(--ink);max-width:68ch}
.faq .more{margin-top:18px;font-size:15px}

/* Closing call to action */
.closing{margin-top:var(--section);background:var(--orange);color:#fff;border-radius:28px;padding:clamp(30px,5vw,60px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center}
.closing h2{margin:0 0 8px;color:#fff;font-size:clamp(34px,4.4vw,54px);line-height:1.02}
.closing p{margin:0;font-size:18px;color:#fff3ec}
.closing .button{background:#fff;border-color:#fff;color:var(--ink);min-height:58px;padding-inline:28px;font-size:17px}

/* Managed */
.managed-hero h1{font-size:clamp(44px,5vw,68px);line-height:1.02;margin:10px 0 22px}
.managed-hero .actions{margin:26px 0 18px}
.trust-inline{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--muted)}
.trust-inline li::before{content:"✓ ";color:var(--orange-deep);font-weight:700}
.managed-card{transform:none;padding:28px}
.managed-card img{border-radius:18px}
.managed-card .card-foot{font-size:14px;color:#514263;margin:4px 0 0}
.managed-hero + .proof{margin-top:var(--section)}
.managed-intake{padding-top:var(--section)}
.managed-intake h2{font-size:clamp(34px,4vw,48px);line-height:1.05;margin:10px 0 16px}

/* Affiliates */
.aff{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,64px);align-items:start;padding-top:clamp(28px,5vw,56px)}
.aff h1{font-size:clamp(40px,4.6vw,62px);line-height:1.03;margin:12px 0 18px}
.aff .lead{color:var(--ink);margin-bottom:24px}
.aff .rates{margin:0 0 18px;background:var(--card);border-radius:14px;overflow:hidden}
.aff .rates td,.aff .rates th{padding:12px 14px}
.aff .contest-box{margin:22px 0;padding:18px 22px;border-radius:18px}
.aff .aff-h2{font-size:clamp(26px,2.8vw,34px);margin:30px 0 10px}
.aff .aff-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:700}
.aff-form.formbox{position:sticky;top:20px;margin:0;max-width:none;padding:clamp(22px,3vw,32px)}
.aff-form h2{font-size:28px;margin:0 0 4px}
.aff-form>p:first-of-type{margin:0 0 6px;color:var(--muted)}
.aff-form form button{width:100%;margin-top:20px;min-height:54px;font-size:17px}
.aff-form .aff-signin{margin:12px 0 0;font-size:15px}
@media(max-width:900px){.aff{grid-template-columns:1fr}.aff-form.formbox{position:static}}

/* Case study */
.case .views-chart{margin:28px 0 8px;border:1px solid var(--line)}
.case .table-wrap{overflow-x:auto}
.case table caption{caption-side:top;text-align:left;font-size:14px;color:var(--muted);padding-bottom:10px}
.case td,.case th{padding:14px 10px;font-variant-numeric:tabular-nums}
.page-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:700;margin-top:24px}

/* Marketplace sales pages (/m/jvzoo, /m/warriorplus) */
.market-disclaimer p{max-width:72ch;color:var(--muted);font-size:15px}
img.pixel{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.market-buy{align-self:center;display:inline-block;line-height:0}
.market-buy img{max-width:100%;height:auto}
.plan .wplus_spdisclaimer{font-size:15px;color:var(--ink);background:none;text-align:left}
/* WarriorPlus review: its disclaimer on plain page colour, not a tinted card */
.plan.kit:has(.wplus_spdisclaimer){background:#fff;border:2px solid var(--line-strong)}
.plain-link{color:inherit}

/* Conversion details: trust at the hero and at the buy button */
.hero-safe{margin-top:14px}
.plan .pay-note{margin:0;font-size:14px;color:#5a4a2a}
.plan .refund-promise{margin:0;background:#fff4c2;border-radius:12px;padding:10px 14px;font-size:14.5px;line-height:1.45}

/* Free checklist sign-up */
.checklist{margin-top:var(--section);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 40px;align-items:center;background:var(--mint);border-radius:var(--r-lg);padding:clamp(22px,3.5vw,36px)}
.checklist h2{margin:6px 0 10px;font-size:clamp(26px,2.8vw,34px);line-height:1.1}
.checklist p{margin:0;max-width:52ch}
.checklist form{margin:0;display:grid;gap:8px}
.checklist label{margin:0;font-size:14px}
.checklist-row{display:flex;gap:10px;flex-wrap:wrap}
.checklist-row input{flex:1 1 220px;min-height:52px;font-size:16px;background:#fffdf6}
.checklist-row button{flex:0 0 auto;min-height:52px}
.checklist .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.guide .checklist{margin-top:28px}
@media(max-width:900px){.checklist{grid-template-columns:1fr}}

/* Document pages share the same rhythm */
.document{max-width:860px}
.document h1 em,.formbox h1 em{font-style:normal;color:var(--orange)}
.document .lead{color:var(--ink)}
.page-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0}

@media(max-width:1000px){
  footer.shell.site-footer{grid-template-columns:1fr 1fr}
  footer.shell.site-footer .about{grid-column:1/-1}
}
@media(max-width:900px){
  .hero.home-hero,.result,.included,.plans,.run-section .demo-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .run-facts{position:static}
  .partner-band,.closing{grid-template-columns:1fr}
  .partner-band .button,.closing .button{justify-self:start}
}
@media(max-width:700px){
  .home-hero h1{font-size:clamp(36px,10vw,44px);max-width:none;margin-bottom:16px}
  .home-hero .lead{font-size:17px;margin-bottom:20px}
  .hero .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hero .hero-stats li{padding:10px 6px;text-align:center;font-size:13px}
  .hero .hero-stats b{font-size:21px}
  .home-hero .actions{margin-bottom:18px}
  .runcard{padding:16px}
  .trust{justify-content:flex-start;gap:8px 18px;font-size:14px}
  .steps li{padding:20px}
  .result{border-radius:22px}
  .plan{border-radius:22px}
  .closing{border-radius:22px}
  .faq summary,.document summary{font-size:17px;min-height:52px;align-items:center}
  footer.shell.site-footer{gap:22px 16px;padding-top:28px}
  footer.shell.site-footer .col a{display:block;padding:10px 0}
  footer.shell.site-footer .col{gap:0}
  footer.shell.site-footer .col h2{margin-bottom:2px}
  header.shell{min-height:0;column-gap:12px}
  header.shell nav a:not(.button){font-size:14px}
}
@media(prefers-reduced-motion:reduce){.runcard{box-shadow:none}}

/* A marketplace page sells only the kit: one plan, centred. */
.plans.single{grid-template-columns:minmax(0,640px);justify-content:center}

/* Affiliates: a kit video preview, loaded only when played. */
.aff-video{margin:22px 0 6px;max-width:420px}
.aff-video video{display:block;width:100%;height:auto;border-radius:var(--r-md);background:#292040}
.aff-video figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}

/* Managed-first homepage (September 25): the Launch offer card sits beside the hero copy. */
.hero-offer{transform:rotate(1deg);box-shadow:0 30px 60px -34px rgb(41 32 64 / .45)}
.hero-offer h3{font-size:clamp(24px,2.2vw,28px)}
.hero-offer .price{font-size:clamp(46px,4.6vw,60px)}
.hero-offer .fine{margin-top:0}
@media(max-width:900px){.hero-offer{transform:none}}