/* Legibility and retained product interactions on the supplied sales structure. */
:root{--paper:#fffdf9;--raspberry:#883e57;--plum:#342a29;--body:'DM Sans',sans-serif;--display:Fraunces,Georgia,serif}
html{scroll-padding-top:24px}h1,h2,h3{text-wrap:balance}button,a,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,.breed-viewport:focus-visible{outline:3px solid var(--wine);outline-offset:5px}
.btn{transition:background-color .2s,transform .2s;line-height:1.4;text-align:center}
.btn,.checks li,.tile,.category,.bonus-item,.step{min-width:0}
.hero-grid>div,.split>div,.offer-layout>div{min-width:0}
.hero-stage{overflow:visible}.display-main img{height:auto}.photo-panel img{height:auto;max-width:100%}
.problem-grid .tile{padding:0;overflow:hidden}.problem-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:25px}
.tile .symbol,.tile h3,.tile p{margin-left:26px;margin-right:26px}.tile p{padding-bottom:10px}
.bonus-item{display:block;padding:0;overflow:hidden}.bonus-mockup{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff9f4}
.bonus-item>div{padding:24px}.bonus-item p{font-size:16px;line-height:1.65}
.bonuses .fine{margin-top:24px}.guarantee-badge{width:160px;height:160px;object-fit:contain;flex-shrink:0}
.material-carousel{max-width:650px;margin:35px auto 0}.sample-open{font:inherit;border:0;background:#fff;color:var(--ink);cursor:zoom-in}
.carousel-slide .sample-open strong{display:block;font-family:var(--display);font-weight:600}.carousel-slide .sample-open>span{display:block;text-decoration:underline;text-underline-offset:3px}
.carousel-dots button{width:44px;height:44px}.carousel-dots button:after{top:18px;left:18px}
.carousel-controls button{min-width:48px;min-height:48px}.carousel-controls .carousel-toggle{font-size:14px}
.carousel-position,.carousel-help{font-size:14px;line-height:1.6}.carousel-slide .sample-open>span{font-size:14px}
.carousel-help{max-width:420px;margin:0 auto}.breed-toggle{font-size:14px;min-height:48px}.breed-chip small{font-size:12px}.breed-note{font-size:13px;line-height:1.65}
.breed-ribbon-heading p{margin:0}.breed-ribbon-heading{gap:16px}.breed-track{animation-duration:55s}
.anchor-alias{display:block;scroll-margin-top:24px}.offer .checks li{line-height:1.6}.offer-intro p{max-width:540px}
.sticky.is-hidden{transform:translateY(120%);pointer-events:none}.sticky{transition:transform .2s;padding-bottom:max(12px,env(safe-area-inset-bottom))}
body:has(dialog[open]) .sticky{display:none}.sticky .btn{min-height:48px}
.text-button{background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:48px;padding:8px 0;font-size:14px}
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;width:calc(100% - 32px);max-width:500px;max-height:90dvh;overflow:auto;overscroll-behavior:contain;padding:48px 25px 28px;text-align:center;box-shadow:var(--shadow)}
dialog::backdrop{background:#24151d9e}dialog h2{font-size:30px}dialog p{font-size:16px;color:var(--muted)}
.dialog-close,.sample-close{width:48px;height:48px;border:0;background:var(--paper);color:var(--wine);border-radius:50%;font-size:30px;cursor:pointer}
.dialog-close{position:absolute;top:5px;right:6px}.dialog-icon{font-size:30px;color:var(--wine)}
.dialog-done{border:0;border-radius:14px;background:var(--wine);color:#fff;min-height:48px;padding:12px 20px;font-size:16px}
#sample-dialog{max-width:840px;padding:12px 12px 20px}#sample-image{width:100%;height:auto}#sample-caption{font-size:14px;margin:14px 5px 0}
.sample-close{position:sticky;top:0;display:block;margin:0 0 8px auto;z-index:2;box-shadow:0 3px 12px #342a2922}
@media(max-width:900px){.bonus-grid{max-width:650px;margin-inline:auto}.offer-layout{max-width:650px}.hero-grid{gap:35px}.hero-stage{min-height:430px}}
@media(max-width:620px){
  body{font-size:16px;line-height:1.65}.wrap{width:calc(100% - 40px)}
  .topbar{font-size:12px;line-height:1.55;padding:10px 16px}.header{height:76px;gap:12px}.brand{font-size:22px;line-height:1.25;max-width:160px}.nav .btn{font-size:13px;min-height:48px;padding:10px 13px}
  .section{padding-block:60px}.hero{padding-top:20px}.hero h1{font-size:clamp(32px,8.5vw,38px);line-height:1.12;margin:18px 0 22px}
  h2{font-size:clamp(30px,8vw,36px);line-height:1.16}h3{font-size:23px;line-height:1.25}
  .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em}.pill{font-size:12px;line-height:1.55;padding:8px 13px;white-space:normal}
  .hero-lead{font-size:16px;line-height:1.65}.hero-cta{gap:14px;margin:24px 0 14px}.hero-cta .btn{width:100%;font-size:16px;min-height:56px}.hero-cta>a:not(.btn){font-size:14px;min-height:44px;display:inline-flex;align-items:center}
  .micro,.small{font-size:14px;line-height:1.65}.fine{font-size:14px;line-height:1.65}
  .trust-row{gap:8px;margin:20px 0}.trust-row span{font-size:12px;line-height:1.5;padding:7px 10px}
  .hero-stage{min-height:370px;max-width:400px}.float-tag{font-size:12px;max-width:175px;padding:10px 13px}.mini-card{max-width:190px;font-size:14px;right:0}.mini-card strong{font-size:32px}
  .problem-grid,.steps,.bonus-grid,.catalog-grid{grid-template-columns:minmax(0,1fr)}
  .problem-grid{gap:22px}.tile h3{font-size:24px}.tile p{font-size:16px}.problem-image{margin-bottom:22px}
  .statement{font-size:26px;line-height:1.35;margin-top:30px}.split{gap:32px}.photo-panel{padding:20px;min-height:0}.photo-panel img{max-height:450px}
  .checks li{font-size:16px;line-height:1.6}.category{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:center;min-height:114px;padding:20px 22px}
  .category h3{font-size:18px;line-height:1.35;margin-bottom:5px}.category strong{font-size:28px}.category .emoji{font-size:32px}.total{font-size:16px;line-height:1.65}
  .steps{gap:25px}.step h3{font-size:24px}.step p{font-size:16px}.step-num{font-size:42px}
  .breed-ribbon-heading{font-size:14px;align-items:flex-start}.breed-toggle{font-size:13px;white-space:normal;flex-shrink:0;max-width:105px}.breed-note{font-size:13px;margin-inline:20px}
  .material-carousel{padding:8px}.carousel-slide{padding:5px}.carousel-slide .sample-open{padding:8px 8px 15px}.carousel-slide .sample-open img{height:clamp(320px,105vw,430px)}
  .carousel-slide .sample-open strong{font-size:20px;line-height:1.3}.carousel-controls{gap:8px}.carousel-help{font-size:13px;padding-inline:5px}
  .bonus-grid{gap:24px}.bonus-item>div{padding:24px}.bonus-item h3{font-size:24px}.bonus-item p{font-size:16px;line-height:1.65}.bonus-mockup{aspect-ratio:4/3}
  .offer-card{padding:26px 22px}.offer-card h3{line-height:1.2}.offer-card .checks li{font-size:16px}.offer-card .btn{font-size:16px;min-height:56px;white-space:normal}
  .offer-intro p{font-size:16px;line-height:1.65}.price{font-size:68px}.price small{font-size:19px}.guarantee{padding:26px 22px;gap:20px}.guarantee-badge{width:160px;height:160px}.guarantee p{font-size:16px}
  summary{font-size:16px;line-height:1.6;padding-right:32px;min-height:48px;display:flex;align-items:center}summary:after{top:0}details p{font-size:16px;line-height:1.7}
  .last .btn{font-size:16px;min-height:56px;width:100%;white-space:normal}.footer{font-size:13px;line-height:1.75;padding-bottom:125px}.footer-grid>div+div{margin-top:20px}
  .sticky{padding-inline:18px;gap:10px}.sticky b{font-size:14px}.sticky .small{font-size:13px}.sticky .btn{font-size:14px;min-height:48px}.last{padding-bottom:75px}
  html{scroll-padding-bottom:110px}.faq summary{scroll-margin-bottom:110px}.footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.brand{font-size:20px;max-width:135px}.nav .btn{font-size:12px;padding:10px}.hero h1{font-size:32px}.hero-stage{min-height:335px}.float-tag{top:18px;max-width:150px}.mini-card{max-width:165px}.sticky{padding-inline:14px}.sticky .btn{padding-inline:13px}.offer-card{padding-inline:18px}.carousel-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.sticky{transition:none}.breed-track{animation:none}.breed-viewport{overflow-x:auto}.breed-group[aria-hidden=true]{display:none}.carousel-track{transition:none}}
