.lg{
  --navy1:#0d223f;--navy2:#0a1a30;--navy3:#07101f;
  --gold:#c2a875;--gold-dim:#b7935a;--gold-bright:#dcc79b;
  --cream:#f4efe4;--ink:#e7edf6;--muted:#9db0c8;--line:rgba(194,168,117,.22);
  position:relative;overflow:hidden;background:var(--navy2);
  font-family:Montserrat,-apple-system,Segoe UI,sans-serif;
  padding:clamp(128px,15vw,178px) 24px clamp(84px,9vw,120px);
}
.lg *{box-sizing:border-box}
.lg__bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(30,64,110,.55) 0%,rgba(13,34,63,0) 55%),
    radial-gradient(90% 80% at 10% 100%,rgba(24,52,92,.4) 0%,rgba(10,26,48,0) 60%),
    linear-gradient(180deg,var(--navy1) 0%,var(--navy2) 45%,var(--navy3) 100%);}
.lg__grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay}

.lg__inner{position:relative;max-width:1120px;margin:0 auto}
.lg__head{text-align:center;max-width:720px;margin:0 auto clamp(44px,5vw,64px)}
.lg__ey{display:inline-flex;align-items:center;gap:10px;color:var(--gold);
  font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;margin:0 0 22px}
.lg__ey::before,.lg__ey::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}
.lg__ey::after{background:linear-gradient(90deg,var(--gold-dim),transparent)}
.lg__title{color:var(--cream);font-size:clamp(34px,5.2vw,56px);font-weight:600;line-height:1.08;
  letter-spacing:-.01em;margin:0;text-wrap:balance}
.lg__sub{color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.6;font-weight:400;
  max-width:600px;margin:20px auto 0}
.lg__sub b{color:var(--ink);font-weight:500}

.lg__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.lg-card{position:relative;display:flex;flex-direction:column;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid var(--line);padding:clamp(28px,3vw,40px);
  transition:transform .5s cubic-bezier(.11,.82,.39,.92),border-color .5s,box-shadow .5s;
  backdrop-filter:blur(6px)}
.lg-card:hover{transform:translateY(-4px);border-color:rgba(194,168,117,.5);
  box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(194,168,117,.14)}
.lg-card--primary{background:linear-gradient(180deg,rgba(194,168,117,.12),rgba(194,168,117,.03));
  border-color:rgba(194,168,117,.4)}
.lg-card--primary::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:16px 16px 0 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}

.lg-card__tag{position:absolute;top:22px;right:22px;font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-bright);border:1px solid rgba(194,168,117,.4);
  border-radius:40px;padding:5px 11px}
.lg-card__ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(194,168,117,.4);background:radial-gradient(circle at 40% 35%,rgba(194,168,117,.22),rgba(194,168,117,.04));
  color:var(--gold-bright);margin-bottom:22px}
.lg-card__ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lg-card__h{color:var(--cream);font-size:22px;font-weight:600;letter-spacing:.01em;margin:0 0 12px}
.lg-card__p{color:var(--muted);font-size:14.5px;line-height:1.62;font-weight:400;margin:0 0 26px;flex:1}
.lg-card__p b{color:var(--ink);font-weight:500}

.lg-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  background:var(--cream);color:#20344e;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;border-radius:4px;padding:15px 30px;transition:background .3s,transform .3s,box-shadow .3s}
.lg-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.lg-btn:hover{background:#fffaf0;box-shadow:0 12px 30px rgba(244,239,228,.24)}
.lg-btn:hover svg{transform:translateX(4px)}

.lg-stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.lg-store{display:inline-flex;align-items:center;gap:11px;text-decoration:none;
  border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:11px 18px;min-width:180px;
  background:rgba(255,255,255,.03);transition:border-color .3s,background .3s,transform .3s}
.lg-store:hover{border-color:rgba(194,168,117,.5);background:rgba(194,168,117,.08);transform:translateY(-2px)}
.lg-store svg{width:22px;height:22px;flex:none;fill:var(--cream)}
.lg-store span{display:flex;flex-direction:column;line-height:1.15}
.lg-store small{color:var(--muted);font-size:9.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.lg-store strong{color:var(--cream);font-size:15px;font-weight:600;letter-spacing:.01em}

.lg__help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;
  margin:clamp(40px,4.5vw,56px) auto 0;color:var(--muted);font-size:13.5px;text-align:center}
.lg__help svg{width:15px;height:15px;stroke:var(--gold-dim);fill:none;stroke-width:1.6;vertical-align:-2px;margin-right:6px}
.lg__help a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(194,168,117,.4);padding-bottom:1px;transition:color .3s,border-color .3s}
.lg__help a:hover{color:var(--gold-bright);border-color:var(--gold-bright)}
.lg__help .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-dim);opacity:.6}

.lg-reveal{opacity:0;transform:translateY(16px);animation:lgIn .8s cubic-bezier(.2,.7,.2,1) forwards}
.lg-reveal:nth-child(2){animation-delay:.08s}
.lg-d1{animation-delay:.12s}.lg-d2{animation-delay:.2s}
@keyframes lgIn{to{opacity:1;transform:none}}

@media (max-width:860px){
  .lg__cards{grid-template-columns:1fr;gap:18px}
}
@media (prefers-reduced-motion:reduce){
  .lg-reveal{animation:none;opacity:1;transform:none}
  .lg-card,.lg-btn,.lg-store{transition:none}
}