:root { --ink:#17212d; --muted:#64707d; --paper:#fffefd; --mist:#edf4f7; --blue:#1d70a2; --blue-deep:#0b3856; --navy:#09273d; --gold:#eab65f; --line:#dbe4e9; --shell:72rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:5.25rem; }
body { overflow-x:hidden; margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; }
img { display:block; max-width:100%; } a { color:inherit; } h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; line-height:1.05; letter-spacing:-.035em; }
h1 { max-width:43rem; margin-bottom:1.35rem; font-size:clamp(2.8rem,6.1vw,5.5rem); } h2 { margin-bottom:1rem; font-size:clamp(2.2rem,4.4vw,4rem); } h3 { margin-bottom:.55rem; font-size:1.2rem; }
.shell { width:min(calc(100% - 2.5rem),var(--shell)); margin-inline:auto; }
.skip-link { position:fixed; z-index:20; top:.75rem; left:.75rem; padding:.7rem 1rem; color:#fff; background:var(--navy); border-radius:.5rem; transform:translateY(-150%); } .skip-link:focus { transform:translateY(0); } :focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.affiliate-notice { padding:.55rem 1rem; color:#d8ebf1; background:var(--navy); font-size:.75rem; text-align:center; } .affiliate-notice p { margin:0; }
.site-header { position:sticky; z-index:10; top:0; background:rgba(255,254,253,.94); border-bottom:1px solid rgba(9,39,61,.09); backdrop-filter:blur(14px); } .site-header .shell { display:flex; min-height:4.5rem; align-items:center; justify-content:space-between; }
.site-name { color:var(--navy); font-family:Georgia,"Times New Roman",serif; font-size:1.1rem; font-weight:700; text-decoration:none; } .site-name span { display:inline-grid; width:1.55rem; height:1.55rem; place-items:center; color:var(--paper); background:var(--blue); border-radius:50%; font-family:Arial,sans-serif; } .header-link { color:var(--blue-deep); font-size:.86rem; font-weight:800; text-decoration:none; }
.hero { position:relative; overflow:hidden; min-height:39rem; background:linear-gradient(115deg,#f8fbfc 2%,#edf5f5 53%,#c6e8e5); } .hero::before { position:absolute; inset:0; background:radial-gradient(circle at 80% 30%,rgba(234,182,95,.35),transparent 22rem); content:""; } .hero__grid { position:relative; display:grid; min-height:36rem; align-items:center; gap:2rem; grid-template-columns:minmax(0,1.02fr) minmax(20rem,.98fr); } .hero__copy { padding-block:4.2rem 5.8rem; }
.eyebrow { margin-bottom:.85rem; color:var(--blue); font-size:.75rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; } .hero__lead { max-width:38rem; margin-bottom:1.7rem; color:#40515d; font-size:1.1rem; } .hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.15rem; }
.button { display:inline-flex; min-height:3.2rem; align-items:center; justify-content:center; gap:.55rem; padding:.78rem 1.25rem; color:#fff; background:var(--blue-deep); border:1px solid var(--blue-deep); border-radius:999px; box-shadow:0 12px 26px rgba(9,56,86,.18); font-weight:850; line-height:1.2; text-align:center; text-decoration:none; transition:transform .16s ease,background-color .16s ease; } .button:hover { background:var(--blue); transform:translateY(-2px); } .text-link { color:var(--blue-deep); font-size:.93rem; font-weight:800; text-decoration-thickness:1px; text-underline-offset:.22rem; } .microcopy { max-width:33rem; margin:.95rem 0 0; color:var(--muted); font-size:.78rem; }
.hero__demo { width:min(100%,35rem); margin:0 0 0 auto; } .demo-card { position:relative; overflow:hidden; background:var(--navy); border:5px solid rgba(255,255,255,.92); border-radius:1.3rem; box-shadow:0 25px 60px rgba(9,39,61,.22); } .demo-card video { display:block; width:100%; aspect-ratio:16 / 9; background:#d9e5e6; object-fit:cover; } .demo-card__badge { position:absolute; z-index:2; top:.8rem; left:.8rem; padding:.38rem .62rem; margin:0; color:#fff; background:rgba(9,39,61,.82); border:1px solid rgba(255,255,255,.42); border-radius:999px; font-size:.67rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; } .demo-card__caption { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem .9rem .9rem 1rem; color:#e9f6f5; font-size:.78rem; font-weight:700; } .demo-card__cta { display:inline-flex; flex:0 0 auto; align-items:center; gap:.35rem; padding:.58rem .78rem; color:var(--navy); background:var(--gold); border-radius:999px; box-shadow:0 0 0 0 rgba(234,182,95,0); font-size:.73rem; font-weight:900; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; } .demo-card__cta:hover,.demo-card__cta.is-ready { transform:translateY(-2px); box-shadow:0 0 0 .35rem rgba(234,182,95,.25),0 9px 24px rgba(0,0,0,.25); } .demo-credit { margin:.62rem .3rem 0; color:var(--muted); font-size:.66rem; text-align:right; }
.scroll-cue { position:absolute; z-index:3; right:calc((100% - min(100% - 2.5rem,var(--shell)))/2); bottom:1rem; color:var(--blue-deep); font-size:.75rem; font-weight:850; text-decoration:none; text-transform:uppercase; } .scroll-cue span { display:inline-grid; width:1.75rem; height:1.75rem; margin-left:.4rem; place-items:center; color:#fff; background:var(--blue-deep); border-radius:50%; }
.details { padding:clamp(4.5rem,9vw,7.5rem) 0; } .section-intro { max-width:48rem; margin-bottom:2.5rem; } .section-intro > p:last-child { color:var(--muted); font-size:1.05rem; } .detail-grid { display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); } .detail-card { min-height:15.5rem; padding:1.6rem; background:var(--mist); border:1px solid var(--line); border-radius:1.15rem; } .detail-card span { display:block; margin-bottom:3.4rem; color:var(--blue); font-family:Georgia,"Times New Roman",serif; font-size:1.15rem; } .detail-card p { margin:0; color:var(--muted); font-size:.94rem; }
.expectations { padding:clamp(4.5rem,8vw,6.5rem) 0; color:#fff; background:var(--navy); } .expectations__grid { display:grid; gap:4rem; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); } .expectations h2 { color:#fff; } .eyebrow--light { color:var(--gold); } .expectations ul { display:grid; gap:1rem; padding:0; margin:0; list-style:none; } .expectations li { display:grid; align-items:start; gap:1rem; grid-template-columns:1.8rem 1fr; } .expectations li > span { display:grid; width:1.8rem; height:1.8rem; place-items:center; color:var(--navy); background:var(--gold); border-radius:50%; font-weight:900; } .expectations li p { margin:0; color:rgba(255,255,255,.76); } .expectations li strong { color:#fff; }
.offer { padding:clamp(4.5rem,9vw,7.5rem) 0; background:linear-gradient(125deg,#e4f3f3,#fbfaf5); } .offer__box { max-width:52rem; padding:clamp(2.2rem,5vw,4rem); margin-inline:auto; background:#fff; border:1px solid rgba(9,56,86,.12); border-radius:1.6rem; box-shadow:0 24px 55px rgba(9,39,61,.12); text-align:center; } .offer__box > p:not(.eyebrow) { max-width:40rem; margin:0 auto 1.55rem; color:var(--muted); font-size:1.06rem; } .button--light { color:var(--navy); background:var(--gold); border-color:var(--gold); box-shadow:none; } .button--light:hover { background:#f2c974; } .offer__box small { display:block; margin-top:1rem; color:var(--muted); font-size:.74rem; }
.comparison { padding:clamp(4.5rem,9vw,7.5rem) 0; } .comparison-grid { display:grid; gap:1.25rem; grid-template-columns:repeat(2,minmax(0,1fr)); } .comparison-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:1.25rem; box-shadow:0 15px 38px rgba(9,39,61,.09); } .comparison-card__label { display:flex; align-items:center; gap:.72rem; padding:1rem 1.15rem; } .comparison-card__label span { display:grid; width:1.8rem; height:1.8rem; place-items:center; color:#fff; border-radius:50%; font-family:Georgia,"Times New Roman",serif; font-size:.84rem; } .comparison-card--before .comparison-card__label { color:#853e3e; background:#fff8f7; } .comparison-card--before .comparison-card__label span { background:#bd5555; } .comparison-card--after .comparison-card__label { color:#316b5b; background:#f3fbf7; } .comparison-card--after .comparison-card__label span { background:#479b7e; } .comparison-card__label p { margin:0; font-size:.84rem; font-weight:900; letter-spacing:.035em; text-transform:uppercase; } .comparison-card img { width:100%; aspect-ratio:1.63 / 1; object-fit:cover; } .comparison-card__copy { padding:1.3rem 1.35rem 1.5rem; } .comparison-card__copy h3 { font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; } .comparison-card__copy p { margin:0; color:var(--muted); font-size:.94rem; }
.site-footer { padding:2rem 0; color:rgba(255,255,255,.72); background:#061b2a; font-size:.76rem; } .site-footer .shell { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; } .site-footer p { max-width:34rem; margin:0; } .site-footer nav { display:flex; flex-wrap:wrap; gap:.75rem 1.1rem; } .site-footer a { color:#fff; text-decoration:none; }
@media (max-width:48rem) { .site-header .shell { min-height:4rem; } .header-link { font-size:.76rem; } .hero { min-height:0; } .hero__grid,.expectations__grid { grid-template-columns:1fr; } .hero__copy { padding:3.2rem 0 1.5rem; } .hero__demo { width:min(100%,31rem); margin-inline:auto; } .demo-card__caption { align-items:flex-start; flex-direction:column; } .demo-card__cta { width:100%; justify-content:center; } .demo-credit { text-align:center; } .scroll-cue { position:relative; right:auto; bottom:auto; display:block; width:max-content; margin:0 auto 1.5rem; } .detail-grid,.comparison-grid { grid-template-columns:1fr; } .detail-card { min-height:0; } .detail-card span { margin-bottom:1.6rem; } .expectations__grid { gap:2rem; } .site-footer .shell { align-items:flex-start; flex-direction:column; } }

/* Buyer-guide restructure: MetaBurn flow, Derila palette */
.section-block { padding:clamp(4.5rem,8vw,7rem) 0; }
.site-name { display:inline-flex; align-items:center; gap:.5rem; }
.site-name small { display:block; margin-left:.15rem; color:var(--muted); font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.main-nav { display:flex; align-items:center; gap:1.5rem; }
.main-nav a { color:#415363; font-size:.82rem; font-weight:800; text-decoration:none; }
.main-nav a:hover { color:var(--blue); }
.main-nav .header-cta { padding:.62rem 1rem; color:#fff; background:var(--blue-deep); border-radius:999px; box-shadow:0 8px 22px rgba(9,56,86,.15); }

.hero { min-height:46rem; color:#fff; background:radial-gradient(circle at 78% 18%,#397f99 0,#0f4a68 33%,#09273d 76%); isolation:isolate; }
.hero::before { z-index:-1; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:3rem 3rem; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.hero-orb { position:absolute; z-index:-1; border-radius:50%; }
.hero-orb--one { width:26rem; height:26rem; top:2rem; right:-10rem; background:rgba(234,182,95,.13); }
.hero-orb--two { width:20rem; height:20rem; bottom:-10rem; left:-8rem; background:rgba(91,199,192,.13); }
.hero__grid { min-height:43rem; gap:4rem; }
.hero__grid > *, .guarantee-card > *, .design-grid > *, .decision-card > *, .faq-grid > * { min-width:0; }
.hero__copy { padding-block:4.8rem; }
.hero h1 { color:#fff; font-size:clamp(3rem,5.5vw,5.15rem); }
.hero h1 em { color:var(--gold); font-style:normal; }
.hero .eyebrow { color:#aee1dd; }
.hero__lead { color:#d8e8ee; font-size:clamp(1rem,1.5vw,1.18rem); }
.hero-points { display:flex; flex-wrap:wrap; gap:.55rem; margin:0 0 1.7rem; }
.hero-points span { padding:.44rem .72rem; color:#eef9fa; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.17); border-radius:999px; font-size:.75rem; font-weight:750; }
.button--gold { color:var(--navy); background:linear-gradient(135deg,#f6d18d,var(--gold)); border-color:var(--gold); box-shadow:0 14px 32px rgba(234,182,95,.2); }
.button--gold:hover { color:#fff; background:var(--blue); border-color:var(--blue); }
.hero .microcopy { color:#b7ced8; }
.hero__demo { position:relative; width:min(100%,36rem); }
.demo-card { border-width:4px; box-shadow:0 28px 70px rgba(0,0,0,.35); }
.demo-card video { aspect-ratio:16/9; object-fit:cover; }
.demo-card__badge { font-size:.75rem; }
.demo-card__caption { font-size:.82rem; }
.demo-card__cta { font-size:.78rem; }
.demo-credit { font-size:.75rem; }
.guarantee-seal { display:block; width:6.25rem; height:auto; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 10px 12px rgba(0,0,0,.3)); transform:rotate(4deg); }
.guarantee-seal--hero { position:absolute; z-index:5; top:.7rem; right:.7rem; }

.section-intro--center { margin-right:auto; margin-left:auto; text-align:center; }
.snapshot { background:#fff; }
.snapshot-grid { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:1.55rem; box-shadow:0 22px 55px rgba(9,39,61,.11); }
.snapshot-grid article { min-height:13.7rem; padding:1.8rem; border-right:1px solid var(--line); }
.snapshot-grid article:last-child { border-right:0; }
.snapshot-grid b { display:block; margin-bottom:2.2rem; color:var(--blue); font-family:Georgia,"Times New Roman",serif; font-size:1.05rem; }
.snapshot-grid h3 { color:var(--navy); font-family:Georgia,"Times New Roman",serif; font-size:1.35rem; }
.snapshot-grid p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.55; }

.guarantee { background:var(--mist); }
.guarantee-card { position:relative; overflow:hidden; display:grid; min-height:35rem; align-items:center; grid-template-columns:.92fr 1.08fr; color:#fff; background:radial-gradient(circle at 10% 45%,#287b91,#0e4b68 46%,#09273d 100%); border-radius:2rem; box-shadow:0 26px 65px rgba(9,39,61,.18); }
.guarantee-visual { position:relative; align-self:stretch; display:flex; align-items:end; justify-content:center; min-height:35rem; background:linear-gradient(90deg,rgba(255,255,255,.07),transparent); }
.guarantee-visual > img:not(.guarantee-seal) { position:relative; z-index:2; width:112%; max-width:none; max-height:34rem; object-fit:contain; object-position:center bottom; }
.guarantee-halo { position:absolute; width:25rem; aspect-ratio:1; left:50%; top:50%; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 2rem rgba(255,255,255,.025),0 0 0 4.5rem rgba(255,255,255,.018); transform:translate(-50%,-50%); }
.guarantee-visual > .guarantee-seal--large { position:absolute; z-index:4; top:1.2rem; right:1rem; width:7.25rem; max-height:none; }
.guarantee-copy { padding:4rem 4.4rem 4rem 1.7rem; }
.guarantee-copy h2 { color:#fff; }
.guarantee-copy > p:not(.eyebrow):not(.guarantee-note) { color:#d6e8ed; }
.guarantee-note { padding:1rem 1.05rem; margin:1.3rem 0 1.5rem; color:#d8e9ed; background:rgba(255,255,255,.07); border-left:3px solid var(--gold); font-size:.83rem; }
.guarantee-note strong { color:#fff; }

.comparison { background:#fff; }
.comparison .section-intro { max-width:53rem; }
.comparison-card img { aspect-ratio:1116/742; object-fit:cover; }
.section-action { margin-top:2rem; text-align:center; }

.design { background:linear-gradient(135deg,#edf5f7,#fbfdfd); }
.design-grid { display:grid; align-items:center; gap:5rem; grid-template-columns:.92fr 1.08fr; }
.design-visual { overflow:hidden; margin:0; background:#dcecf0; border-radius:1.7rem; box-shadow:0 22px 50px rgba(9,39,61,.13); }
.design-visual img { width:100%; aspect-ratio:1.08/1; object-fit:cover; }
.design-visual figcaption { padding:.7rem 1rem; color:var(--muted); background:#fff; font-size:.75rem; text-align:center; }
.feature-list { display:grid; gap:.75rem; margin:1.8rem 0 1.7rem; }
.feature-list article { display:grid; grid-template-columns:2.5rem 1fr; gap:1rem; padding:1rem; background:#fff; border:1px solid var(--line); border-radius:1rem; }
.feature-list article > span { display:grid; width:2.5rem; height:2.5rem; place-items:center; color:#fff; background:var(--blue); border-radius:.8rem; font-weight:900; }
.feature-list h3 { margin:.05rem 0 .25rem; color:var(--navy); }
.feature-list p { margin:0; color:var(--muted); font-size:.88rem; }

.positions { background:#fff; }
.position-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.position-grid figure { position:relative; overflow:hidden; margin:0; border-radius:1.15rem; box-shadow:0 15px 35px rgba(9,39,61,.1); }
.position-grid img { width:100%; aspect-ratio:604/768; object-fit:cover; }
.position-grid figcaption { position:absolute; inset:auto .7rem .7rem; padding:.65rem .8rem; color:#fff; background:rgba(9,39,61,.83); border:1px solid rgba(255,255,255,.22); border-radius:.7rem; font-size:.82rem; font-weight:850; text-align:center; backdrop-filter:blur(8px); }

.decision { background:var(--mist); }
.decision-card { position:relative; overflow:hidden; display:grid; align-items:center; gap:2rem; grid-template-columns:1.25fr .75fr; padding:clamp(2.2rem,5vw,4rem); background:linear-gradient(135deg,#fff8e9,#fff 58%); border:1px solid #ead8aa; border-radius:1.8rem; box-shadow:0 20px 50px rgba(9,39,61,.1); }
.decision-copy { position:relative; z-index:2; }
.decision-copy > p:not(.eyebrow):not(.microcopy) { max-width:44rem; color:var(--muted); }
.decision-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.25rem; }
.decision-card > img { width:100%; max-height:17rem; object-fit:contain; filter:drop-shadow(0 20px 20px rgba(9,39,61,.18)); }

.faq { background:#fff; }
.faq-grid { display:grid; align-items:start; gap:5rem; grid-template-columns:.72fr 1.28fr; }
.faq-intro { position:sticky; top:7rem; }
.faq-intro > p:not(.eyebrow) { color:var(--muted); }
.faq-list { display:grid; gap:.65rem; }
.faq-list details { background:#f9fcfd; border:1px solid var(--line); border-radius:.9rem; }
.faq-list summary { position:relative; padding:1.2rem 3.4rem 1.2rem 1.2rem; cursor:pointer; list-style:none; color:var(--navy); font-weight:850; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { position:absolute; top:50%; right:1.2rem; color:var(--blue); font-size:1.4rem; font-weight:400; content:"+"; transform:translateY(-50%); }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { padding:0 1.2rem 1.2rem; margin:0; color:var(--muted); font-size:.92rem; }

.disclosures { padding:2.6rem 0; color:#b8ced7; background:var(--navy); font-size:.76rem; }
.disclosures h2 { color:#fff; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:1rem; letter-spacing:0; }
.disclosures p:last-child { margin-bottom:0; }
.site-footer { padding:3.5rem 0 1.4rem; background:#061b2a; }
.site-footer .footer-grid { display:grid; align-items:start; gap:3.5rem; grid-template-columns:2fr 1fr 1fr; }
.site-name--footer { color:#fff; }
.site-name--footer small { color:#8fa9b6; }
.footer-grid > div > p { max-width:22rem; margin:1rem 0 0; color:#8fa9b6; }
.site-footer .footer-grid nav { display:flex; align-items:flex-start; flex-direction:column; gap:.6rem; }
.site-footer .footer-grid nav a { color:#c6d9e0; }
.site-footer .footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:1.25rem; margin-top:2.8rem; border-top:1px solid rgba(255,255,255,.09); color:#708d9a; }

@media (max-width:64rem) {
  .main-nav a:not(.header-cta) { display:none; }
  .hero__grid { gap:2rem; grid-template-columns:1fr 1fr; }
  .snapshot-grid { grid-template-columns:repeat(2,1fr); }
  .snapshot-grid article:nth-child(2) { border-right:0; }
  .snapshot-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .design-grid,.faq-grid { gap:3rem; }
  .position-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:48rem) {
  .main-nav .header-cta { padding:.58rem .78rem; font-size:.75rem; }
  .site-name small { display:none; }
  .hero { min-height:0; }
  .hero__grid,.guarantee-card,.design-grid,.decision-card,.faq-grid { grid-template-columns:1fr; }
  .hero__copy { padding:3.5rem 0 1.5rem; }
  .hero__demo { margin-bottom:4rem; }
  .guarantee-seal--hero { top:.6rem; right:.6rem; width:5.25rem; }
  .guarantee-card { border-radius:1.4rem; }
  .guarantee-visual { min-height:25rem; }
  .guarantee-visual > img:not(.guarantee-seal) { width:105%; max-height:25rem; }
  .guarantee-copy { padding:2.2rem 1.5rem 2.6rem; }
  .guarantee-visual > .guarantee-seal--large { top:1rem; right:1rem; width:6.25rem; }
  .design-grid { gap:2.5rem; }
  .decision-card { text-align:center; }
  .decision-actions { justify-content:center; }
  .decision-card > img { grid-row:1; max-height:12rem; }
  .faq-intro { position:static; }
  .site-footer .footer-grid { grid-template-columns:1fr 1fr; }
  .site-footer .footer-grid > div { grid-column:1/-1; }
  .site-footer .footer-bottom { align-items:flex-start; flex-direction:column; gap:.4rem; }
}

@media (max-width:34rem) {
  h1 { font-size:clamp(2.55rem,12vw,3.6rem); }
  h2 { font-size:clamp(2rem,9vw,2.7rem); }
  .shell { width:min(calc(100% - 1.7rem),var(--shell)); }
  .button { width:100%; }
  .snapshot-grid,.position-grid { grid-template-columns:1fr; }
  .snapshot-grid article { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
  .snapshot-grid article:last-child { border-bottom:0; }
  .snapshot-grid b { margin-bottom:1rem; }
  .hero-points span { width:100%; text-align:center; }
  .guarantee-seal--hero { top:.45rem; right:.45rem; width:4.65rem; }
  .guarantee-visual { min-height:20rem; }
  .guarantee-visual > img:not(.guarantee-seal) { max-height:20rem; }
  .guarantee-visual > .guarantee-seal--large { top:.75rem; right:.75rem; width:5.5rem; }
}

/* ===================================================================
   AUDITORIA TECNICA 10/set/2026 - ajustes de celular
   Bloco somente-mobile (<= 34rem / 544px). Nada aqui alcanca o desktop.
   Nenhum texto, nenhuma imagem e nenhuma secao foram alterados.
   Rolagem lateral: ja e zero (document.scrollWidth == innerWidth a 390 e
   360). Os orbs decorativos sao contidos por .hero{overflow:hidden} e o
   .guarantee-halo por .guarantee-card{overflow:hidden}; body ja carrega
   overflow-x:hidden como rede de seguranca. Nada a mudar.
   =================================================================== */
@media (max-width:34rem) {
  /* H1 <= 32px a 390px: so o piso do clamp desce. */
  h1 { font-size:clamp(1.75rem,8vw,2rem); }
  .hero h1 { font-size:clamp(1.75rem,8vw,2rem); }

  /* A v7 escondia o <small> da marca abaixo de 48rem porque "Buyer Guide"
     nao cabia. "Wellness" cabe: a marca do site tem de aparecer inteira. */
  .site-name small { display:inline; }

  /* Alvo de toque: minimo 44px de altura e 14px de fonte. */
  .site-name,
  .site-name--footer { display:inline-flex; align-items:center; gap:.32rem; min-height:44px; }
  .main-nav .header-cta { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; }
  .demo-card__cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:.875rem; }
  .text-link { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; }
  .site-footer .footer-grid nav a,
  .site-footer .footer-bottom a { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; }
  .skip-link { min-height:44px; display:inline-flex; align-items:center; font-size:.875rem; }
}