*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#101010;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{-webkit-tap-highlight-color:transparent}main{max-width:1600px;margin:auto;overflow:hidden}.hero{height:620px;position:relative;isolation:isolate}.hero-picture{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#47a3e3}.hero-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-picture:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.8) 7%,transparent 24%);pointer-events:none}.header{height:94px;max-width:1160px;margin:auto;background:white;border-radius:0 0 28px 28px;display:flex;align-items:center;justify-content:space-between;padding:12px 34px}.event-date{display:flex;align-items:center;gap:12px;font-size:25px;white-space:nowrap}.event-date svg{width:28px;height:28px}.date-divider{font-weight:300;color:#656565;margin:0 4px}.brand{display:flex}.brand img{width:55px;height:58px;object-fit:contain}.hero-copy{text-align:center;padding-top:30px}.hero-copy h1{margin:0;color:#573d1c;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:48px;letter-spacing:1.4px;line-height:1.2}.hero-copy p{color:#e65100;font-size:26px;line-height:1.2;margin:20px 0 0}.hero-action{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:390px}.cta{display:flex;justify-content:center;align-items:center;min-height:85px;border-radius:28px;padding:20px 16px;background:linear-gradient(105deg,#ffd78f,#ffe5b7 52%,#ffd48b);color:#9c6824;text-decoration:none;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:800;letter-spacing:1.6px;box-shadow:0 3px 0 #e8b566;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 6px 0 #e8b566,0 12px 25px #b77c1920}.cta:active{transform:translateY(1px);box-shadow:0 1px 0 #e8b566}a:focus-visible{outline:3px solid #93611c;outline-offset:6px}.intro{text-align:center}.button-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;margin:10px auto 0;min-height:39px}.button-hint svg{width:38px;height:38px;transform:translateY(-9px);color:#555}.countdown{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid #ffb24c;border-radius:12px;padding:3px 14px;font-size:25px;letter-spacing:2px;line-height:1.1;font-variant-numeric:tabular-nums}.countdown>span:first-child{font-size:23px}.timer-label{font-size:11px;color:#777;margin:7px 0 0}.benefits{max-width:1160px;margin:28px auto 0;padding:0 24px}.benefits h2{text-align:center;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:30px;margin:0 0 30px;line-height:1.2;letter-spacing:-.5px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:#dadada;border-radius:34px;overflow:hidden}.card-image{position:relative}.card-image>img{width:100%;height:auto;aspect-ratio:1508/860;display:block;object-fit:cover;border-radius:34px}.check{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f9b236}.check svg{width:28px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:24px;line-height:1.12;letter-spacing:-.6px;font-weight:400;text-align:center;margin:40px 8px 24px}.card strong{font-weight:750}.final-action{max-width:390px;margin:46px auto 36px}.final-action .cta{box-shadow:none}.final-action .button-hint{margin-top:18px}
@media(min-width:900px){.hero-picture img{object-position:center 50%}.hero-picture:after{background:linear-gradient(0deg,#fff 0%,#ffffffc9 6%,transparent 27%)}.hero-copy{text-shadow:0 1px 20px #1979a329}.hero-copy h1{font-size:52px}.hero-copy p{font-size:27px}.hero{height:660px}}
@media(max-width:800px){.hero{height:590px}.header{height:68px;margin:0;border-radius:0 0 25px 25px;padding:10px 25px}.event-date{font-size:21px;gap:9px}.event-date svg{width:25px;height:25px}.brand img{width:40px;height:43px}.hero-copy{padding-top:23px}.hero-copy h1{font-size:33px;letter-spacing:.7px;transform:scaleX(.85)}.hero-copy p{font-size:21px;margin-top:22px;line-height:1.13}.hero-action{width:80%;bottom:0}.cta{min-height:75px;font-size:16px;letter-spacing:1.5px;border-radius:28px;padding:16px 10px}.button-hint{margin-top:13px;font-size:14px}.countdown{font-size:25px;padding:3px 12px}.timer-label{font-size:10px}.benefits{padding:0 8.3%;margin-top:20px}.benefits h2{font-size:24px;letter-spacing:-1px;white-space:nowrap;margin:0 -10px 27px;font-stretch:condensed}.cards{grid-template-columns:1fr;gap:33px}.card{border-radius:34px}.card-image>img{border-radius:34px}.card h3{font-size:26px;line-height:1.08;margin:41px 6px 23px;letter-spacing:-.7px}.final-action{width:80%;margin:40px auto 38px}.final-action .button-hint{margin-top:16px}.hero-picture:after{background:linear-gradient(0deg,#fff 0%,#ffffffc4 10%,transparent 28%)}}
@media(max-width:360px){.event-date{font-size:18px}.header{padding-inline:20px}.hero{height:550px}.hero-copy p{font-size:19px}.cta{font-size:13px}.benefits h2{font-size:21px}.card h3{font-size:23px}.button-hint{font-size:12px}.countdown{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
@media(min-width:801px){.hero-picture:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#59ace7 0%,#59ace7eb 24%,#59ace766 43%,transparent 66%)}.hero-copy{position:relative}.hero-copy h1{color:#513818}.header{position:relative}}

/* Larger uppercase offer text across screen sizes. */
.hero-copy p{font-size:34px;font-weight:800;line-height:1.18;text-transform:uppercase;padding-inline:16px}
@media(max-width:800px){.hero-copy p{font-size:clamp(25px,5vw,34px);margin-top:22px;padding-inline:18px}}
@media(max-width:360px){.hero-copy p{font-size:23px}}

/* Sharp architectural background with the offer in a separate box. */
.hero-picture{filter:none;transform:scale(1.015);transform-origin:center}
.header{position:relative;z-index:2}
.hero-copy{position:relative;z-index:1;isolation:isolate;text-shadow:none}
.hero-copy p{width:calc(100% - 40px);max-width:820px;margin:22px auto 0;padding:24px 28px;color:#fff2d5;background:#30271f;border:1px solid rgba(255,242,213,.22);border-radius:20px;box-shadow:0 0 12px rgba(0,0,0,.85)}
.hero-action{z-index:2}
@media(max-width:800px){.hero-copy p{padding:20px 14px;border-radius:16px}}
@media(max-width:360px){.hero-copy p{width:calc(100% - 32px);padding:18px 12px}}