/* One coherent offer panel, with a clear price comparison and readable clock. */
.landing .hero{min-height:810px}
.landing .hero .copy{max-width:650px;padding-top:145px;padding-bottom:55px}
.landing .hero h1{font-size:clamp(48px,4.65vw,68px);line-height:1.02;letter-spacing:-1.9px;max-width:650px}
.landing .hero .sub{font-size:16px;line-height:1.5;max-width:550px;margin-top:18px;color:#eef6f3}
.hero-offer-card{--offer-ink:#252b26;--offer-muted:#598070;--offer-blue:#28664c;background:#fff;color:var(--offer-ink);border:1px solid #ffffffb3;border-radius:24px;padding:27px 30px 25px;margin-top:26px;max-width:600px;box-shadow:0 20px 55px #182d2520}
.hero-price-row{display:flex;align-items:center;gap:28px}
.hero-current-price strong{display:block;font-size:76px;line-height:1;letter-spacing:-3.2px;font-weight:700;white-space:nowrap;color:var(--offer-blue);font-variant-numeric:tabular-nums}
.hero-current-price strong>span{font-size:.7em;letter-spacing:-1px}
.hero-previous-price{display:flex;flex-direction:column;gap:9px;align-items:flex-start;flex-shrink:0}
.hero-previous-price del{font-size:31px;line-height:1.05;font-weight:500;color:#648778;text-decoration-color:#42745f;text-decoration-thickness:2px;white-space:nowrap}
.hero-discount{font-size:12px;line-height:1.4;white-space:nowrap;font-weight:600;background:#f3f9f6;color:#2a4f40;padding:5px 9px;border-radius:6px}
.hero-gift{display:flex;align-items:center;gap:11px;margin-top:19px}
.hero-gift-number{display:grid;place-items:center;font-size:18px;line-height:1;font-weight:700;background:#f1f8f5;color:var(--offer-blue);border-radius:10px;width:39px;height:37px;flex-shrink:0}
.hero-gift p{font-size:18px;line-height:1.35;margin:0;color:var(--offer-ink)}
.hero-gift p strong{font-weight:650;color:var(--offer-blue)}
.hero-offer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;border-top:1px solid #e3f0eb;margin-top:22px;padding-top:21px}
.hero-offer-card .offer-timer{padding:0;margin:0;width:auto;max-width:none;border:0;border-radius:0;background:none}
.hero-offer-card .offer-timer-heading{font-size:12px;line-height:1.4;font-weight:500;color:var(--offer-muted)}
.hero-offer-card .offer-clock{gap:5px;margin-top:0;align-items:flex-start}
.hero-offer-card .offer-clock>span{min-width:43px;gap:0}
.hero-offer-card .offer-clock b{display:grid;place-items:center;width:43px;height:44px;background:#f3f9f6;border:1px solid #e8f2ee;border-radius:8px;font-size:27px;line-height:1;font-weight:650;letter-spacing:0;color:var(--offer-ink)}
.hero-offer-card .offer-clock small{font-size:10px;color:var(--offer-muted);margin-top:5px;line-height:1.2}
.hero-offer-card .offer-clock i{font-size:19px;color:#7aa392;line-height:42px}
.hero-offer-card .offer-timer>p{font-size:11px;line-height:1.4;color:var(--offer-muted);margin-top:9px;max-width:235px}
.landing .hero-offer-card .actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin:0}
.landing .hero-offer-card .actions .button{width:100%;min-height:54px;justify-content:space-between;padding:15px 17px;font-size:14px;background:var(--offer-blue);color:#fff;border-radius:12px;white-space:nowrap}
.landing .hero-offer-card .actions .button:hover{background:#2c5142}
.landing .hero-offer-card .actions .secondary{color:var(--offer-blue);font-size:12px;line-height:1.4;text-align:center;border:0;text-decoration:underline;text-underline-offset:4px}
.hero-offer-card .hero-payment{color:var(--offer-muted);font-size:11px;line-height:1.45;margin:11px 0 0;text-align:center}
.landing .hero .experience-row{max-width:600px;border-top:0;margin-top:22px;padding-top:0;gap:36px}
.landing .hero .experience-row strong{font-size:18px}.landing .hero .experience-row span{font-size:11px}
@media(min-width:701px) and (max-width:1050px){
 .landing .hero .copy{max-width:590px}
 .hero-offer-card{padding:25px;max-width:550px}
 .hero-current-price strong{font-size:68px}.hero-price-row{gap:25px}
 .hero-offer-bottom{gap:18px}
}
@media(max-width:700px){
 .landing .hero{min-height:0}
 .landing .hero .copy{padding-top:107px;padding-bottom:150px;max-width:100%}
 .landing .hero h1{font-size:clamp(33px,10.7vw,43px);line-height:1.02;letter-spacing:-1.4px;max-width:100%}
 .landing .hero .sub{font-size:14px;line-height:1.45;margin-top:15px;max-width:310px}
 .hero-offer-card{margin-top:21px;padding:23px 21px 22px;border-radius:20px;max-width:100%}
 .hero-price-row{gap:12px;justify-content:space-between}
 .hero-current-price strong{font-size:55px;letter-spacing:-2.8px}
 .hero-previous-price{gap:8px}.hero-previous-price del{font-size:24px}
 .hero-discount{font-size:10px;padding:4px 6px}
 .hero-gift{gap:10px;margin-top:18px}.hero-gift p{font-size:16px}.hero-gift p strong{display:inline-block}
 .hero-gift-number{width:35px;height:35px;font-size:17px;border-radius:9px}
 .hero-offer-bottom{grid-template-columns:1fr;gap:20px;margin-top:20px;padding-top:18px}
 .hero-offer-card .offer-timer-heading{font-size:12px}
 .hero-offer-card .offer-clock{gap:8px;margin-top:0;justify-content:space-between;max-width:100%}
 .hero-offer-card .offer-clock>span{min-width:48px;flex:1}
 .hero-offer-card .offer-clock b{width:100%;height:49px;font-size:30px;border-radius:9px}
 .hero-offer-card .offer-clock i{line-height:48px;font-size:19px}
 .hero-offer-card .offer-clock small{font-size:11px;margin-top:6px}
 .hero-offer-card .offer-timer>p{max-width:none;font-size:11px;margin-top:10px}
 .landing .hero-offer-card .actions{gap:13px}
 .landing .hero-offer-card .actions .button{min-height:53px;font-size:15px;padding:15px 18px}
 .hero-offer-card .hero-payment{font-size:11px;margin-top:10px}
 .landing .hero .experience-row{gap:20px;margin-top:22px}
 .landing .hero .experience-row strong{font-size:16px}.landing .hero .experience-row span{font-size:10px}
}
@media(max-width:370px){
 .landing .hero h1{font-size:34px}
 .hero-offer-card{padding:20px 17px}
 .hero-current-price strong{font-size:46px;letter-spacing:-2.4px}
 .hero-price-row{gap:10px}.hero-previous-price del{font-size:21px}.hero-discount{font-size:9px;padding:4px 5px}
 .hero-gift p{font-size:15px}
 .hero-offer-card .offer-clock{gap:5px}.hero-offer-card .offer-clock>span{min-width:42px}
 .hero-offer-card .offer-clock b{font-size:27px;height:45px}
 .landing .hero-offer-card .actions .button{font-size:13px;padding:15px 13px}
 .landing .hero .experience-row strong{font-size:15px}
}