:root { --ink:#101310; --paper:#f1f2ea; --muted:#a7ada4; --line:rgba(241,242,234,.16); --lime:#d9ff52; --danger:#ff7d7d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:76px; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
button,a,input { font:inherit; }
button { color:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
main { overflow:hidden; padding-bottom:82px; }

.site-header { position:fixed; inset:0 0 auto; z-index:40; display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:0 16px; border-bottom:1px solid var(--line); background:rgba(16,19,16,.9); backdrop-filter:blur(18px); }
.brand,.footer-brand { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:800; letter-spacing:.1em; }
.brand small,.footer-brand small { padding:4px 6px; border:1px solid rgba(217,255,82,.45); color:var(--lime); font-size:10px; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:12px; letter-spacing:-.08em; }
.menu-button { display:flex; flex-direction:column; gap:6px; min-width:48px; min-height:48px; align-items:center; justify-content:center; border:0; background:transparent; cursor:pointer; }
.menu-button span { display:block; width:24px; height:1px; background:var(--paper); }
.nav-links { position:absolute; inset:64px 0 auto; display:none; align-items:stretch; flex-direction:column; padding:14px 16px 22px; background:#101310; border-bottom:1px solid var(--line); }
.nav-links.open { display:flex; }
.nav-links > a:not(.nav-cta) { display:flex; align-items:center; min-height:56px; border-bottom:1px solid var(--line); color:#d5d9d1; font-size:16px; }
.nav-cta { display:flex; align-items:center; justify-content:space-between; min-height:54px; margin-top:14px; padding:8px 9px 8px 18px; border:1px solid var(--line); border-radius:999px; }
.nav-cta span { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--lime); color:var(--ink); }

.hero { position:relative; display:grid; gap:48px; min-height:100svh; padding:104px 16px 54px; background:radial-gradient(circle at 72% 24%,rgba(217,255,82,.11),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--ink); background-size:auto,56px 56px,56px 56px,auto; }
.eyebrow,.section-index { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.09em; line-height:1.4; text-transform:uppercase; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 16px var(--lime); }
.hero h1 { margin:28px 0 24px; font-size:clamp(49px,15.4vw,76px); font-weight:500; letter-spacing:-.064em; line-height:.9; }
.hero h1 em { color:var(--lime); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.hero-lead { margin:0; color:#d0d4cc; font-size:18px; line-height:1.62; }
.hero-actions { display:grid; gap:10px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:60px; padding:0 24px; border:1px solid transparent; border-radius:999px; cursor:pointer; font-size:15px; transition:transform .2s ease,background .2s ease; }
.button:active { transform:scale(.98); }
.button-primary { background:var(--lime); color:var(--ink); font-weight:750; }
.button-ghost { border-color:var(--line); color:#d8dcd4; }
.trust-line { display:flex; flex-direction:column; gap:13px; margin-top:30px; padding-top:20px; border-top:1px solid var(--line); color:#aab0a7; font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.trust-line b { margin-right:5px; color:var(--lime); }

.hero-product { min-width:0; padding:21px; border:1px solid rgba(217,255,82,.38); border-radius:3px 34px 3px 3px; background:linear-gradient(140deg,#242a22,#141714); box-shadow:0 34px 80px rgba(0,0,0,.35); }
.hero-card-top,.offer-card-head,.selection-meta { display:flex; align-items:center; justify-content:space-between; }
.status-dot { color:var(--lime); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.status-dot::before { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--lime); content:""; box-shadow:0 0 12px var(--lime); }
.offer-code { color:#737b71; font-family:"Courier New",monospace; font-size:10px; }
.hero-card-title { display:flex; flex-direction:column; margin:40px 0 10px; font-size:clamp(48px,14vw,67px); letter-spacing:-.07em; line-height:.74; }
.hero-card-title strong { align-self:flex-end; color:var(--lime); font-family:Georgia,serif; font-style:italic; font-weight:400; }
.market-chart { position:relative; height:236px; margin:28px 0 16px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:2px 22px 2px 2px; background:radial-gradient(circle at 80% 16%,rgba(217,255,82,.08),transparent 36%),rgba(8,11,8,.48); }
.market-chart canvas { position:absolute; inset:48px 0 20px; display:block; width:100%; height:168px; }
.chart-summary { position:absolute; z-index:2; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(11,14,11,.58); backdrop-filter:blur(8px); }
.chart-summary div { display:flex; align-items:center; gap:8px; }
.chart-summary span { color:#767e74; font-size:7px; letter-spacing:.12em; }
.chart-summary strong { color:#dfe3dc; font-family:"Courier New",monospace; font-size:10px; }
.chart-summary .live-value { display:flex; align-items:center; color:var(--lime); }
.chart-summary .live-value::before { width:5px; height:5px; margin-right:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime); content:""; }
.chart-axis { position:absolute; z-index:2; right:12px; bottom:4px; left:12px; display:flex; justify-content:space-between; color:#596057; font-family:"Courier New",monospace; font-size:7px; }
.chart-readout { position:absolute; z-index:3; right:9px; bottom:20px; display:flex; gap:10px; align-items:center; padding:6px 8px; border:1px solid rgba(217,255,82,.15); background:rgba(16,19,16,.82); backdrop-filter:blur(8px); font-size:7px; letter-spacing:.07em; }
.chart-readout strong { color:var(--lime); font-size:9px; }
.hero-card-note { margin-bottom:18px; color:#a1a79e; font-size:12px; }
.hero-card-footer { display:flex; align-items:flex-end; justify-content:space-between; }
.hero-card-footer div,.selection-action>div { display:flex; flex-direction:column; gap:4px; }
.hero-card-footer span,.selection-action small { color:#9ca399; font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.hero-card-footer strong { font-size:25px; }
.hero-card-footer button { display:grid; place-items:center; width:50px; height:50px; border:0; border-radius:50%; background:var(--lime); color:var(--ink); cursor:pointer; font-size:21px; }
.signal-strip { display:flex; align-items:center; justify-content:flex-start; gap:28px; min-width:max-content; padding:18px 16px; overflow:hidden; background:var(--lime); color:var(--ink); font-size:12px; font-weight:800; letter-spacing:.08em; }

.auto-section,.offers-section { padding:82px 16px; }
.section-heading { display:grid; gap:28px; margin-bottom:42px; }
.section-heading h2,.calculator-intro h2,.germany-check h2 { margin:23px 0 0; font-size:clamp(43px,12vw,66px); font-weight:500; letter-spacing:-.055em; line-height:.94; }
.section-heading>p,.calculator-intro>p { margin:0; color:#b0b6ad; font-size:18px; line-height:1.7; }
.auto-steps { display:grid; border-top:1px solid var(--line); }
.auto-steps article { min-height:220px; padding:25px 0; border-bottom:1px solid var(--line); }
.auto-steps article>span { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; color:var(--lime); font-size:10px; }
.auto-steps h3 { margin:45px 0 10px; font-size:29px; font-weight:500; letter-spacing:-.04em; }
.auto-steps p { max-width:360px; margin:0; color:#aeb4ab; font-size:16px; line-height:1.65; }

.calculator-section { display:grid; gap:40px; padding:80px 12px; background:#e7e9df; color:var(--ink); }
.calculator-intro { padding:0 4px; }
.calculator-intro .section-index { color:#62685f; }
.calculator-intro>p { margin-top:23px; color:#4f564d; }
.calculator-warning { display:flex; align-items:center; gap:10px; margin-top:26px; font-size:14px; font-weight:700; line-height:1.45; }
.calculator-warning span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ink); color:var(--lime); }
.calculator-card { padding:22px 16px; border-radius:3px 32px 3px 3px; background:var(--ink); color:var(--paper); box-shadow:0 28px 70px rgba(16,19,16,.18); }
.calc-field { padding:22px 0; border-bottom:1px solid var(--line); }
.calc-field:first-child { padding-top:4px; }
.calc-label { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:17px; }
.calc-label label,.calc-label>span { color:#c0c5bd; font-size:13px; line-height:1.4; }
.calc-label strong { color:var(--lime); font-size:20px; white-space:nowrap; }
.negative { color:var(--danger)!important; }
.amount-control { display:grid; grid-template-columns:50px 1fr 50px; gap:7px; }
.amount-control button,.duration-grid button,.preset-row button { min-height:48px; border:1px solid var(--line); background:transparent; cursor:pointer; }
.amount-control button { border-radius:50%; color:var(--lime); font-size:23px; }
.amount-control input { min-width:0; width:100%; border:1px solid var(--line); border-radius:999px; outline:none; background:#181c18; color:var(--paper); text-align:center; font-size:19px; font-weight:700; }
.amount-control input:focus { border-color:var(--lime); }
.preset-row { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:12px; }
.calc-field:first-child .preset-row { grid-template-columns:repeat(3,1fr); }
.preset-row button { min-height:48px; border-radius:999px; color:#b8beb5; font-size:12px; }
.preset-row button.active,.duration-grid button.active { border-color:var(--lime); background:var(--lime); color:var(--ink); font-weight:800; }
.range-input { width:100%; height:30px; margin:0; accent-color:var(--lime); cursor:pointer; }
.duration-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.duration-grid button { border-radius:12px; color:#c1c6be; font-size:13px; }
.calc-result { margin-top:22px; padding:22px 16px; border:1px solid rgba(217,255,82,.32); border-radius:2px 24px 2px 2px; background:#1a1f1a; }
.calc-result>span { color:#adb3aa; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.calc-result>strong { display:block; margin:8px 0 22px; color:var(--lime); font-size:clamp(34px,10vw,52px); letter-spacing:-.05em; }
.result-change { display:flex; justify-content:space-between; gap:15px; padding-top:16px; border-top:1px solid var(--line); font-size:13px; }
.result-change b { color:var(--lime); }
.result-change.negative b { color:var(--danger); }
.projection-chart { position:relative; height:176px; margin-top:22px; overflow:hidden; border-top:1px solid var(--line); }
.projection-chart-head { position:absolute; z-index:2; top:12px; right:0; left:0; display:flex; justify-content:space-between; color:#777f75; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.projection-chart-head b { color:var(--lime); font-size:8px; }
.projection-chart.negative .projection-chart-head b { color:var(--danger); }
.projection-chart canvas { position:absolute; inset:32px 0 18px; display:block; width:100%; height:126px; }
.projection-axis { position:absolute; right:0; bottom:0; left:0; display:flex; justify-content:space-between; color:#687066; font-family:"Courier New",monospace; font-size:7px; letter-spacing:.06em; }
.calc-disclaimer { margin:17px 2px 0; color:#949b91; font-size:11px; line-height:1.65; }

.germany-check { display:grid; gap:40px; padding:82px 16px; background:#141714; }
.check-list p { display:grid; grid-template-columns:38px 1fr; gap:14px; margin:0; padding:20px 0; border-top:1px solid var(--line); color:#c0c5bd; font-size:16px; line-height:1.65; }
.check-list p b { color:var(--lime); font-size:10px; }
.offers-grid { display:grid; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.offer-card { position:relative; min-height:460px; padding:25px 22px; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#131613; }
.offer-card::before { position:absolute; inset:0 auto 0 0; width:3px; background:var(--card-accent); content:""; }
.offer-card.featured { background:var(--lime); color:var(--ink); }
.offer-card.featured::before { background:var(--ink); }
.offer-number { color:var(--card-accent); font-family:Georgia,serif; font-size:25px; font-style:italic; }
.featured .offer-number,.featured .offer-code { color:rgba(16,19,16,.62); }
.featured-label { display:inline-block; margin-top:30px; padding:7px 10px; border:1px solid rgba(16,19,16,.35); font-size:10px; font-weight:800; letter-spacing:.1em; }
.offer-card h3 { margin:55px 0 14px; font-size:32px; font-weight:500; letter-spacing:-.05em; overflow-wrap:anywhere; }
.offer-card.featured h3 { margin-top:20px; }
.offer-card>p { max-width:350px; margin:0; color:#b1b7ae; font-size:16px; line-height:1.65; }
.offer-card.featured>p { color:rgba(16,19,16,.72); }
.tag-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:18px; }
.tag-list span { padding:7px 10px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#c0c5bd; font-size:11px; }
.featured .tag-list span { border-color:rgba(16,19,16,.2); color:rgba(16,19,16,.72); }
.offer-card-bottom { position:absolute; right:22px; bottom:22px; left:22px; display:flex; align-items:flex-end; justify-content:space-between; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }
.featured .offer-card-bottom { border-color:rgba(16,19,16,.22); }
.offer-card-bottom div { display:flex; flex-direction:column; gap:3px; }
.offer-card-bottom small { color:#969d93; font-size:10px; letter-spacing:.09em; text-transform:uppercase; }
.offer-card-bottom strong { font-size:20px; }
.offer-card-bottom .offer-card-actions { align-items:flex-end; gap:7px; }
.offer-card-bottom button { min-height:32px; padding:0 4px; border:0; background:none; color:#aeb4ab; cursor:pointer; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.offer-link { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:50px; padding:0 18px; border-radius:999px; background:var(--card-accent); color:var(--ink); font-size:13px; font-weight:800; white-space:nowrap; transition:filter .2s ease,transform .2s ease; }
.offer-link:active { transform:scale(.97); }
.offer-link:hover { filter:brightness(1.08); }
.offer-link[aria-disabled="true"] { cursor:pointer; }
.featured .offer-card-bottom button { color:var(--ink); font-weight:700; }
.featured .offer-link { background:var(--ink); color:var(--paper); }

.selection-section { position:relative; margin:0 10px 42px; padding:30px 18px; background:var(--selection-accent); color:var(--ink); border-radius:3px 34px 3px 3px; }
.selection-section .section-index,.selection-counter { color:rgba(16,19,16,.62); }
.selection-counter { font-family:"Courier New",monospace; font-size:10px; }
.selection-layout { display:grid; gap:44px; margin-top:46px; }
.selection-title span { font-family:Georgia,serif; font-size:17px; font-style:italic; }
.selection-title h2 { margin:9px 0 0; font-size:clamp(49px,14vw,68px); font-weight:500; letter-spacing:-.075em; line-height:.88; overflow-wrap:anywhere; }
.selection-content>p { margin:0; font-size:18px; line-height:1.5; }
.selection-tags { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 32px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.selection-action { display:flex; align-items:stretch; flex-direction:column; gap:18px; padding-top:22px; border-top:1px solid rgba(16,19,16,.24); }
.selection-action small { color:rgba(16,19,16,.6); }
.selection-action strong { font-size:31px; }
.choice-button { width:100%; border-color:var(--ink); background:var(--ink); color:var(--paper); font-weight:700; }
.choice-button.chosen { background:transparent; color:var(--ink); }
.choice-note { margin-top:16px!important; font-size:12px!important; font-weight:650; }
.selection-switcher { display:flex; gap:7px; margin-top:42px; }
.selection-switcher button { width:48px; height:48px; border:1px solid rgba(16,19,16,.32); border-radius:50%; background:transparent; cursor:pointer; font-size:12px; }
.selection-switcher button.active { background:var(--ink); color:var(--paper); }

.final-cta { display:flex; align-items:center; flex-direction:column; padding:95px 16px 110px; text-align:center; background:radial-gradient(circle at center,rgba(217,255,82,.12),transparent 40%); }
.final-cta h2 { margin:25px 0 17px; font-size:clamp(54px,15vw,90px); font-weight:500; letter-spacing:-.08em; line-height:.9; overflow-wrap:anywhere; }
.final-cta p { max-width:650px; margin:0 0 30px; color:#b4bab1; font-size:18px; line-height:1.65; }
footer { padding:46px 16px 30px; border-top:1px solid var(--line); }
footer>p { max-width:900px; margin:38px 0 45px; color:#969d93; font-size:12px; line-height:1.7; }
.footer-bottom { display:flex; flex-direction:column; gap:14px; padding-top:22px; border-top:1px solid var(--line); color:#969d93; font-size:11px; }
.footer-bottom a { color:var(--lime); }
.mobile-sticky-cta { position:fixed; right:8px; bottom:calc(8px + env(safe-area-inset-bottom)); left:8px; z-index:35; display:flex; align-items:center; justify-content:space-between; min-height:64px; padding:7px 9px 7px 18px; border:1px solid rgba(16,19,16,.25); border-radius:999px; background:var(--lime); color:var(--ink); box-shadow:0 10px 32px rgba(0,0,0,.38); font-size:13px; }
.mobile-sticky-cta strong { display:grid; place-items:center; min-height:44px; padding:0 16px; border-radius:999px; background:var(--ink); color:var(--paper); }
.link-toast { position:fixed; z-index:40; right:12px; bottom:calc(80px + env(safe-area-inset-bottom)); left:12px; padding:15px 17px; border:1px solid rgba(217,255,82,.34); border-radius:14px; background:rgba(16,19,16,.96); color:#dfe3dc; box-shadow:0 16px 46px rgba(0,0,0,.35); backdrop-filter:blur(14px); font-size:11px; line-height:1.45; }
.link-toast[hidden] { display:none; }
.reveal { animation:reveal .7s ease both; }
.delay-1 { animation-delay:.15s; }
@keyframes reveal { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }

@media (min-width:768px) {
  main { padding-bottom:0; }
  .site-header { min-height:76px; padding:0 clamp(24px,4vw,68px); }
  .brand,.footer-brand { gap:12px; font-size:14px; }
  .brand-mark { width:36px; height:36px; }
  .menu-button { display:none; }
  .nav-links { position:static; display:flex; align-items:center; flex-direction:row; gap:clamp(18px,2.2vw,36px); padding:0; border:0; background:none; font-size:14px; }
  .nav-links> a:not(.nav-cta) { min-height:auto; border:0; }
  .nav-cta { min-height:auto; margin:0; padding:9px 9px 9px 17px; gap:18px; }
  .nav-cta span { width:30px; height:30px; }
  .hero { grid-template-columns:minmax(0,1.06fr) minmax(410px,.94fr); gap:clamp(42px,6vw,100px); min-height:790px; padding:148px clamp(30px,6vw,96px) 76px; background-size:auto,74px 74px,74px 74px,auto; }
  .hero h1 { margin-top:36px; font-size:clamp(65px,6.7vw,110px); }
  .hero-lead { max-width:680px; font-size:clamp(19px,1.45vw,21px); }
  .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
  .trust-line { flex-direction:row; flex-wrap:wrap; gap:22px; margin-top:44px; }
  .hero-product { align-self:center; padding:clamp(25px,3vw,38px); border-radius:3px 54px 3px 3px; transform:rotate(1deg); }
  .hero-card-title { margin-top:48px; font-size:clamp(57px,5vw,78px); }
  .market-chart { height:230px; }
  .signal-strip { justify-content:space-around; padding-inline:2vw; }
  .auto-section,.offers-section { padding:110px clamp(30px,6vw,96px); }
  .section-heading { grid-template-columns:1.12fr .88fr; gap:80px; align-items:end; margin-bottom:62px; }
  .section-heading h2,.calculator-intro h2,.germany-check h2 { font-size:clamp(54px,5.8vw,86px); }
  .section-heading>p { max-width:530px; }
  .auto-steps { grid-template-columns:repeat(3,1fr); }
  .auto-steps article { min-height:300px; padding:30px 34px 30px 0; border-right:1px solid var(--line); border-bottom:0; }
  .auto-steps article+article { padding-left:34px; }
  .auto-steps article:last-child { border-right:0; }
  .auto-steps h3 { margin-top:90px; }
  .calculator-section { grid-template-columns:.82fr 1.18fr; gap:8vw; padding:110px clamp(30px,7vw,110px); }
  .calculator-intro { align-self:start; position:sticky; top:120px; padding:0; }
  .calculator-card { padding:36px 42px; border-radius:3px 48px 3px 3px; }
  .calc-label strong { font-size:21px; }
  .calc-result { padding:28px; }
  .germany-check { grid-template-columns:.9fr 1.1fr; gap:9vw; padding:100px clamp(30px,7vw,110px); }
  .germany-check>div:first-child { position:sticky; top:120px; align-self:start; }
  .offers-grid { grid-template-columns:repeat(3,1fr); }
  .offer-card { min-height:470px; padding:28px; transition:background .25s ease,transform .25s ease; }
  .offer-card:hover { z-index:2; background:#1b201b; transform:translateY(-4px); }
  .offer-card.featured:hover { background:var(--lime); }
  .offer-card h3 { font-size:clamp(27px,2.5vw,38px); }
  .offer-card-bottom { right:28px; bottom:26px; left:28px; }
  .selection-section { margin:0 clamp(20px,4vw,68px) 60px; padding:clamp(40px,5vw,70px); border-radius:3px 60px 3px 3px; }
  .selection-layout { grid-template-columns:1.05fr .95fr; gap:8vw; margin-top:70px; }
  .selection-title h2 { font-size:clamp(65px,7vw,110px); }
  .selection-content>p { font-size:clamp(18px,1.7vw,22px); }
  .selection-action { align-items:center; justify-content:space-between; flex-direction:row; }
  .choice-button { width:auto; }
  .selection-switcher { margin-top:68px; }
  .final-cta { padding:130px 20px 145px; }
  .final-cta h2 { font-size:clamp(85px,11vw,168px); }
  .final-cta p { font-size:19px; }
  footer { padding:54px clamp(30px,6vw,96px) 30px; }
  .footer-bottom { flex-direction:row; justify-content:space-between; }
  .mobile-sticky-cta { display:none; }
  .link-toast { right:24px; bottom:24px; left:auto; width:min(360px,calc(100vw - 48px)); }
}

@media (min-width:768px) and (max-width:1080px) {
  .hero { grid-template-columns:1fr; }
  .hero-product { width:min(100%,680px); justify-self:end; }
  .offers-grid { grid-template-columns:repeat(2,1fr); }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}