@font-face{font-family:"Bricolage Grotesque";src:url("/assets/bricolage-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/inter-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/inter-600.ttf") format("truetype");font-style:normal;font-weight:600 800;font-display:swap}

:root{
  color-scheme:light;
  --paper:#faf9f5;
  --ink:#0d0d0f;
  --yellow:#ffde59;
  --muted:#615e53;
  --line:#e1dfd5;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;border-top:6px solid var(--yellow)}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #2d5bff;outline-offset:5px}
.skip-link{position:absolute;top:-100px;left:20px;z-index:2;padding:12px 20px;background:var(--ink);color:white;border-radius:8px}
.skip-link:focus{top:16px}
.header{display:flex;justify-content:center;padding:43px 24px 0}
.brand{display:block;border-radius:4px}
.logo-window{position:relative;display:block;width:220px;height:46px;overflow:hidden}
.logo-window img{position:absolute;width:260px;height:260px;max-width:none;top:-105px;left:-20px}
main{padding:65px 24px 72px}
.offer{max-width:650px;margin:0 auto;text-align:center}
h1{margin:0;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:clamp(48px,6vw,80px);font-weight:800;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.highlight{position:relative;isolation:isolate;white-space:nowrap}
.highlight::before{content:"";position:absolute;z-index:-1;inset:52% -8px 4%;background:var(--yellow);border-radius:3px}
.trust-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:530px;margin:30px auto 0;padding:0;list-style:none}
.trust-signals li{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:1.5}
.trust-signals svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:#1f8a4d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.actions{max-width:390px;margin:30px auto 0;position:relative}
.coupon{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px 14px 23px;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:left}
.coupon-text{display:flex;flex-direction:column;gap:5px}
.code-label{font-size:11px;line-height:1.2;font-weight:600;color:var(--muted)}
#promo-code{font-size:22px;line-height:1.2;letter-spacing:.06em;font-weight:600;user-select:all}
.apply-button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;min-width:120px;padding:8px 12px;border:1px solid var(--yellow);border-radius:8px;background:var(--yellow);color:var(--ink);box-shadow:0 0 10px #ffde5966,0 0 20px #ffde592b;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background 160ms ease,box-shadow 180ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.apply-button:active{transform:scale(.97)}
.apply-symbol{position:relative;display:block;width:18px;height:18px}
.apply-icon,.apply-check{position:absolute;inset:0;width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity 180ms ease,transform 220ms cubic-bezier(.23,1,.32,1)}
.apply-check{opacity:0;transform:translateY(3px) scale(.9);stroke-width:2}
.is-applying .apply-icon{opacity:0;transform:translateY(-3px) scale(.9)}
.is-applying .apply-check{opacity:1;transform:translateY(0) scale(1)}
.continue-button{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 24px;margin-top:16px;border:1px solid var(--yellow);border-radius:999px;background:var(--yellow);color:var(--ink);box-shadow:0 0 0 1px #ffde5980,0 0 15px #ffde5999,0 6px 32px #ffde594d;text-decoration:none;font-size:15px;font-weight:600;transition:background 180ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.22,1,.36,1)}
.continue-button:active{transform:scale(.98)}
.arrow-circle{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center}
.arrow-circle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apply-status{position:absolute;width:100%;font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.eligibility{font-size:11px;line-height:1.7;color:var(--muted);margin:0 auto 12px;max-width:420px}
.footer{width:min(100%,790px);text-align:center;margin:auto auto 0;padding:23px 24px 25px;border-top:1px solid var(--line)}
.footer nav{display:flex;align-items:center;justify-content:center;gap:27px}
.footer nav a{font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;text-decoration-color:transparent;min-height:32px;display:inline-flex;align-items:center}
.footer nav a:hover{text-decoration-color:currentColor}
.disclaimer{max-width:610px;margin:15px auto 0;font-size:11px;line-height:1.65;color:var(--muted)}
.copyright{font-size:11px;color:var(--muted);margin:13px 0 0}
@media(hover:hover) and (pointer:fine){
  .apply-button:hover{background:#ffe77e;box-shadow:0 0 14px #ffde5980,0 0 24px #ffde5940}
  .continue-button:hover{background:#ffe77e;transform:translateY(-2px);box-shadow:0 0 0 1px #ffde59,0 0 20px #ffde59b3,0 8px 38px #ffde5966}
  .continue-button:active{transform:scale(.98)}
}
@media(min-width:1100px) and (min-height:880px){
  .header{padding-top:52px}
  main{padding-top:74px}
}
@media(max-width:600px){
  .header{padding-top:33px}
  .logo-window{width:186px;height:40px}
  .logo-window img{width:220px;height:220px;top:-89px;left:-17px}
  main{padding:50px 22px 70px}
  h1{font-size:clamp(42px,10.8vw,64px);line-height:1.13;letter-spacing:-.035em}
  .trust-signals{gap:12px;margin-top:26px}
  .trust-signals li{font-size:11px;gap:8px}
  .trust-signals svg{width:22px;height:22px}
  .actions{margin-top:27px}
  .coupon{min-height:73px;padding:12px 15px 12px 20px}
  .continue-button{font-size:14px;min-height:58px;padding-left:21px}
  .eligibility{font-size:11px;max-width:320px}
  .footer{padding:19px 25px 24px}
  .disclaimer{font-size:11px;max-width:340px;margin-top:11px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}