/* A focused, editorial cover before the feature overview. Sizes and timing are draft choices. */
.gift-landing{position:relative;isolation:isolate;min-height:640px;height:100svh;overflow:clip;background:#1c221b;color:#fffdf6}
.landing-visual,.landing-shade{position:absolute;inset:0;pointer-events:none}
.landing-visual{z-index:-3;overflow:hidden}
.landing-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 54%}
.landing-shade{z-index:-2;background:linear-gradient(90deg,rgba(12,20,14,.88) 0%,rgba(12,20,14,.77) 32%,rgba(12,20,14,.30) 62%,rgba(12,20,14,.10) 100%),linear-gradient(0deg,#111310 0%,rgba(17,19,16,.12) 25%,transparent 67%,rgba(17,19,16,.22) 100%)}
.landing-inner{position:relative;width:calc(100% - 144px);max-width:1340px;height:100%;margin:auto;display:flex;align-items:center;padding:130px 0 115px}
.landing-copy{max-width:760px}
.landing-title{margin:0;font-family:var(--sans);font-size:clamp(48px,4.05vw,68px);font-weight:650;line-height:1.24;letter-spacing:-.055em;word-break:keep-all;text-shadow:0 2px 30px #0e140e24}
.landing-title>span{display:block}
.landing-title .landing-title-lead{margin-bottom:23px;font-size:clamp(26px,2.1vw,34px);font-weight:450;line-height:1.4;letter-spacing:-.035em;color:#f1eee3}
.landing-title-main{white-space:nowrap}
.landing-title-main+.landing-title-main{margin-top:.08em}
.landing-enter{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:38px;color:#fffdf6;font-size:14px;font-weight:500;letter-spacing:-.02em}
.landing-enter-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fffdf680;border-radius:50%;transition:background .25s,border-color .25s}
.landing-enter-icon svg{width:20px;height:20px;stroke-width:1.35;transition:transform .25s}
.landing-enter:hover .landing-enter-icon{background:#fffdf619;border-color:#fffdf6}
.landing-enter:hover svg{transform:translateY(3px)}
.landing-enter:focus-visible{outline:2px solid #fffdf6;outline-offset:8px;border-radius:4px}
.site-js.landing-active[data-header-theme="dark"] .integrated-site .site-header,.site-js.landing-pending .integrated-site .site-header{opacity:1;visibility:visible;pointer-events:auto;color:#fffdf6;background:linear-gradient(#10170eb8,#10170e00);box-shadow:none;backdrop-filter:none}
html.landing-active[data-header-theme="dark"] .integrated-site .header-download{color:#283324;background:#f6f3e8;border-color:#f6f3e8;box-shadow:none}
html.landing-active[data-header-theme="dark"] .integrated-site .header-payment{border-color:#fffdf65c}
html.landing-active .integrated-site .header-nav a{opacity:1}
/* The landing copy appears together before the feature overview. */
@media(prefers-reduced-motion:no-preference){
 .site-js .landing-copy{animation:landing-title-in .7s cubic-bezier(.2,.65,.25,1) both}
 @keyframes landing-title-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media(min-width:1700px){.landing-inner{max-width:1520px}.landing-title{font-size:76px}.landing-title .landing-title-lead{font-size:36px}}
@media(max-width:999px){.landing-visual img{object-position:90% center}.landing-inner{width:calc(100% - 80px)}.landing-title{font-size:clamp(40px,5.1vw,52px)}.landing-title .landing-title-lead{font-size:26px}.landing-shade{background:linear-gradient(90deg,#10170ee6 0%,#10170ebd 38%,#10170e30 100%),linear-gradient(0deg,#111310,transparent 38%)}}
@media(max-width:700px){
 .gift-landing{min-height:560px}
 .landing-inner{width:calc(100% - 44px);padding:160px 0 50px;align-items:flex-start}
 .landing-copy{width:100%;max-width:none}
 .landing-title{font-size:clamp(26px,7.8vw,52px);line-height:1.3;letter-spacing:-.055em}
 .landing-title .landing-title-lead{font-size:clamp(20px,4.7vw,25px);margin-bottom:19px}
 .landing-title-main+.landing-title-main{margin-top:.10em}
 .landing-visual{top:24%}
 .landing-visual img{object-position:86% center}
 .landing-shade{background:linear-gradient(180deg,#151c14 0%,#151c14 20%,#151c14e8 31%,#151c1480 48%,#151c1414 70%,#111310 100%)}
 .landing-enter{margin-top:25px;gap:14px;font-size:13px}
 .landing-enter-icon{width:44px;height:44px}
 html.landing-active .integrated-site .site-header{height:104px}
 html.landing-active .header-inner{width:calc(100% - 36px);gap:10px}
 html.landing-active .header-brand{width:90px;padding-block:5px}
 html.landing-active .integrated-site .header-nav a{min-height:44px;padding:12px 0}
 html.landing-active .header-purchase{gap:4px}
 html.landing-active .header-purchase>a{min-height:42px;padding-inline:11px;font-size:11px}
}
@media(max-width:360px){.landing-inner{width:calc(100% - 36px)}html.landing-active .header-brand{width:74px}html.landing-active .header-inner{gap:7px}html.landing-active .header-purchase>a{padding-inline:9px;font-size:10px}}
@media(max-height:540px) and (min-width:701px){.gift-landing{min-height:100svh}.landing-inner{padding:100px 0 35px}.landing-title{font-size:clamp(32px,3.7vw,50px)}.landing-title .landing-title-lead{font-size:22px;margin-bottom:13px}.landing-enter{margin-top:20px;min-height:44px}.landing-enter-icon{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.landing-copy,.landing-visual img,.landing-title,.landing-enter{animation:none;transform:none;opacity:1}.landing-enter-icon,.landing-enter-icon svg{transition:none}}