/* ═══════════════════════════════════════════════════════════
   ΛI1 — Your money, powered by AI
   Gold-on-black fintech landing. Three.js + GSAP + Lenis.
   ═══════════════════════════════════════════════════════════ */

:root{
  --bg:      #000000;
  --panel:   #090909;
  --panel-2: #111111;
  --ink:     #f7f3eb;
  --muted:   rgba(247,243,235,.65);
  --faint:   rgba(247,243,235,.35);
  --gold:    #e8c56b;
  --gold-2:  #f8e29d;
  --gold-3:  #a68233;
  --line:    rgba(232,197,107,.18);
  --line-2:  rgba(255,255,255,.07);
  --ease:    cubic-bezier(.19,1,.22,1);
  --grad-gold: linear-gradient(135deg,#fbeec0 0%,#e8c56b 38%,#b98e3e 72%,#8a6520 100%);
  --silver:   #d8dde4;
  --silver-2: #ffffff;
  --silver-3: #8f99a6;
  --grad-silver: linear-gradient(135deg,#ffffff 0%,#d8dde4 34%,#9aa4b1 70%,#6f7883 100%);
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; }
html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
body{
  background:#000000; color:var(--ink);
  font-family:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{ display:block; }
a{ color:inherit; text-decoration:none; }
::selection{ background:var(--gold); color:#000000; }
::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:#000000; }
::-webkit-scrollbar-thumb{ background:linear-gradient(#9a7a33,#332508); border-radius:8px; border:1px solid #000000; }

h1,h2,h3,h4{ font-weight:500; margin:0; letter-spacing:-.01em; }
h2{ font-size:clamp(30px,4vw,52px); line-height:1.12; font-weight:500; }
p{ margin:0; }
.center{ text-align:center; }
.nowrap{ white-space:nowrap; }
.gold-text{
  background:var(--grad-gold);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.silver-text{
  background:var(--grad-silver);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.eyebrow{
  display:inline-block; font-size:11px; letter-spacing:.34em; text-transform:uppercase;
  color:var(--gold); margin-bottom:18px;
}
.section{ max-width:1240px; margin-inline:auto; padding:clamp(80px,11vh,130px) clamp(20px,4vw,48px); position:relative; }

/* ── grain ── */
body::after{
  content:""; position:fixed; inset:-50%; width:200%; height:200%; z-index:9990;
  pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 8s steps(10) infinite;
}
@keyframes grain{ 0%,100%{transform:translate(0,0)} 20%{transform:translate(-6%,4%)} 40%{transform:translate(4%,-8%)} 60%{transform:translate(8%,6%)} 80%{transform:translate(-4%,9%)} }
/* a frozen backdrop lets the modal's backdrop-filter cache instead of
   re-blurring the whole viewport every frame */
body.modal-open::after{ animation-play-state:paused; }

/* ── cursor ── */
.cursor-dot,.cursor-ring{ position:fixed; top:0; left:0; z-index:9999; pointer-events:none; border-radius:50%; will-change:transform; opacity:0; transition:opacity .3s; }
body.has-cursor .cursor-dot, body.has-cursor .cursor-ring{ opacity:1; }
.cursor-dot{ width:6px; height:6px; background:var(--gold); }
.cursor-ring{ width:36px; height:36px; border:1px solid rgba(232,197,107,.5); transition:width .25s,height .25s,background .25s; }
.cursor-ring.is-hover{ width:60px; height:60px; background:rgba(232,197,107,.09); }
@media (hover:none),(pointer:coarse){ .cursor-dot,.cursor-ring{ display:none; } }

/* ── preloader ── */
.preloader{
  position:fixed; inset:0; z-index:10000; background:var(--bg);
  display:flex; align-items:center; justify-content:center;
  transition:transform .9s var(--ease), visibility 0s linear .9s;
}
.preloader.is-done{ transform:translateY(-101%); visibility:hidden; }
.preloader__inner{ text-align:center; }
.preloader__logo{
  font-size:44px; font-weight:700; letter-spacing:.06em;
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:pulse 1.6s ease-in-out infinite;
}
@keyframes pulse{ 0%,100%{opacity:.4} 50%{opacity:1} }
.preloader__bar{ width:min(300px,60vw); height:2px; background:var(--line-2); margin:22px auto 12px; overflow:hidden; border-radius:2px; }
.preloader__bar div{ height:100%; width:0%; background:var(--grad-gold); transition:width .3s ease; }
.preloader__counter{ font-size:12px; letter-spacing:.3em; color:var(--faint); font-variant-numeric:tabular-nums; }

/* ── icon system (CSS masks) ── */
.ic{
  display:inline-block; width:18px; height:18px; flex:none;
  background:currentColor; vertical-align:middle;
  -webkit-mask:var(--m) center/contain no-repeat; mask:var(--m) center/contain no-repeat;
}
.ic.lg{ width:26px; height:26px; color:var(--gold); }
.ic-spend  { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E"); }
.ic-budget { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='14' rx='3'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E"); }
.ic-credit { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E"); }
.ic-pet    { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='6' cy='9' r='2.2'/%3E%3Ccircle cx='12' cy='6' r='2.2'/%3E%3Ccircle cx='18' cy='9' r='2.2'/%3E%3Cpath d='M12 11c3.5 0 6.5 2.6 6.5 5.4 0 1.8-1.4 2.8-3 2.8-1.4 0-2.3-.7-3.5-.7s-2.1.7-3.5.7c-1.6 0-3-1-3-2.8C5.5 13.6 8.5 11 12 11z'/%3E%3C/svg%3E"); }
.ic-rewards{ --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='8' width='18' height='4'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8s-4 0-4-3c0-2 3-2 4 3zM12 8s4 0 4-3c0-2-3-2-4 3z'/%3E%3C/svg%3E"); }
.ic-check  { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E"); }
.ic-brain  { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 4a4 4 0 0 0-4 4 4 4 0 0 0-3 6.5A4 4 0 0 0 8 21h4zM12 4a4 4 0 0 1 4 4 4 4 0 0 1 3 6.5A4 4 0 0 1 16 21h-4zM12 4v17'/%3E%3C/svg%3E"); }
.ic-bolt   { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E"); }
.ic-card   { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='5' width='20' height='14' rx='3'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); }
.ic-lock   { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
.ic-tap    { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M8 12a6 6 0 0 1 8 0M5 9a10 10 0 0 1 14 0M11 15a2 2 0 0 1 2 0v6'/%3E%3C/svg%3E"); }
.ic-shield { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.ic-chart  { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); }
.ic-crystal{ --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 4c3 3 3 13 0 16M9 5.5c-2 3-2 10 0 13'/%3E%3C/svg%3E"); }
.ic-loop   { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5M20 12a8 8 0 0 1-14 5'/%3E%3Cpath d='M18 3v4h-4M6 21v-4h4'/%3E%3C/svg%3E"); }

/* ── buttons ── */
.btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px;
  border-radius:99px; border:1px solid transparent; cursor:pointer;
  font:inherit; font-size:14px; font-weight:500; letter-spacing:.02em;
  padding:15px 28px; overflow:hidden; isolation:isolate; white-space:nowrap;
  transition:transform .3s var(--ease), box-shadow .3s;
}
.btn--gold{ background:var(--grad-gold); color:#191203; box-shadow:0 10px 34px -10px rgba(232,197,107,.45); }
.btn--gold::after{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:linear-gradient(135deg,#fff3cf,#f6dd8f);
  opacity:0; transition:opacity .35s;
}
.btn--gold:hover::after{ opacity:1; }
.btn--gold:hover{ box-shadow:0 16px 44px -10px rgba(232,197,107,.6); }
.btn--sm{ padding:10px 20px; font-size:13px; }
.btn--ghost{ border-color:var(--line); color:var(--ink); background:transparent; }
.btn--ghost::before{
  content:""; position:absolute; inset:0; z-index:-1; background:var(--grad-gold);
  transform:translateY(102%); transition:transform .5s var(--ease); border-radius:inherit;
}
.btn--ghost:hover::before{ transform:translateY(0); }
.btn--ghost:hover{ color:#191203; }
.btn--wide{ width:100%; }
.btn__arrow{ transition:transform .4s var(--ease); }
.btn:hover .btn__arrow{ transform:translateX(5px); }
.tlink{ color:var(--gold); font-size:14px; display:inline-flex; gap:8px; align-items:center; }
.tlink em{ font-style:normal; transition:transform .3s var(--ease); display:inline-block; }
.tlink:hover em{ transform:translateX(4px); }
.tlink.light{ color:var(--gold-2); }

/* ══════════ NAV ══════════ */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:9000;
  display:grid; grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center; gap:26px;
  padding:18px clamp(18px,3.5vw,44px);
  transition:background .4s, backdrop-filter .4s, padding .4s, border-color .4s;
  border-bottom:1px solid transparent;
}
.nav.is-scrolled{
  background:rgba(6,5,4,.78); backdrop-filter:blur(16px) saturate(140%);
  padding-block:12px; border-bottom-color:var(--line-2);
}
.nav__logo{ justify-self:start; font-size:24px; font-weight:700; letter-spacing:.04em; color:var(--ink); }
.nav__logo span{
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.nav__links{ display:flex; justify-self:center; gap:clamp(12px,1.8vw,26px); }
.nav__link{
  position:relative; font-size:13.5px; color:var(--muted); padding:6px 2px; transition:color .3s; white-space:nowrap;
}
.nav__link::after{
  content:""; position:absolute; left:0; bottom:0; height:1px; width:100%;
  background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .4s var(--ease);
}
.nav__link:hover,.nav__link.is-active{ color:var(--ink); }
.nav__link:hover::after,.nav__link.is-active::after{ transform:scaleX(1); transform-origin:left; }
.nav__cta{ justify-self:end; }
/* header survey pill — outlined gold, fills on hover */
.nav__survey{
  display:inline-flex; align-items:center;
  font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gold); text-decoration:none; white-space:nowrap;
  border:1px solid rgba(232,197,107,.45); border-radius:999px; padding:7px 16px;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.nav__survey:hover{
  color:#191203; background:var(--grad-gold); border-color:transparent;
  box-shadow:0 8px 26px -10px rgba(232,197,107,.55);
}
.nav__burger{ display:none; background:none; border:0; width:40px; height:40px; position:relative; cursor:pointer; }
.nav__burger span{ position:absolute; left:8px; right:8px; height:1.5px; background:var(--ink); transition:.35s var(--ease); }
.nav__burger span:nth-child(1){ top:15px; } .nav__burger span:nth-child(2){ top:24px; }
.nav__burger.is-open span:nth-child(1){ top:19px; transform:rotate(45deg); }
.nav__burger.is-open span:nth-child(2){ top:19px; transform:rotate(-45deg); }
@media (max-width:1320px){
  .nav{ gap:16px; }
  .nav__links{ gap:clamp(10px,1.4vw,18px); }
  .nav__link{ font-size:12.5px; }
  .nav__survey{ font-size:11px; padding:6px 13px; }
}
@media (max-width:1180px){
  .nav{ display:flex; }
  .nav__links{ display:none; }
  .nav__burger{ display:block; margin-left:14px; }
}

.menu-overlay{
  position:fixed; inset:0; z-index:8500; background:rgba(6,5,4,.98);
  display:flex; align-items:center; padding:0 10vw;
  clip-path:inset(0 0 100% 0); transition:clip-path .7s var(--ease);
}
.menu-overlay.is-open{ clip-path:inset(0 0 0% 0); }
.menu-overlay nav{ display:flex; flex-direction:column; gap:10px; }
.menu-overlay a{
  font-size:clamp(24px,5.5vw,46px); font-weight:400; opacity:0; transform:translateY(26px);
  transition:opacity .5s ease, transform .6s var(--ease), color .3s;
}
.menu-overlay.is-open a{ opacity:1; transform:none; }
.menu-overlay.is-open a:nth-child(2){ transition-delay:.05s } .menu-overlay.is-open a:nth-child(3){ transition-delay:.1s }
.menu-overlay.is-open a:nth-child(4){ transition-delay:.15s } .menu-overlay.is-open a:nth-child(5){ transition-delay:.2s }
.menu-overlay.is-open a:nth-child(6){ transition-delay:.25s } .menu-overlay.is-open a:nth-child(7){ transition-delay:.3s }
.menu-overlay a:hover,.menu-overlay a.gold,.menu-overlay a.is-active{ color:var(--gold); }

/* ══════════ CONTACT PAGE ══════════ */
.contact-page{
  min-height:100svh;
  background:
    radial-gradient(800px 360px at 12% 8%,rgba(232,197,107,.09),transparent 62%),
    radial-gradient(900px 420px at 86% 18%,rgba(248,226,157,.055),transparent 58%),
    #000000;
}
.contact-hero{
  position:relative; overflow:hidden;
  padding:clamp(120px,17vh,170px) clamp(20px,4vw,48px) clamp(70px,10vh,112px);
}
.contact-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(232,197,107,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,197,107,.075) 1px,transparent 1px);
  background-size:160px 160px;
  opacity:.42;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.8) 52%,transparent 100%);
}
.contact-hero::after{
  content:""; position:absolute; left:-8vw; right:4vw; top:250px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,197,107,.45),transparent);
  transform:rotate(-4deg); opacity:.58; pointer-events:none;
}
.contact-hero__inner{
  position:relative; z-index:1; max-width:1240px; margin-inline:auto;
}
.contact-hero__header{
  text-align:center; max-width:820px; margin:0 auto clamp(52px,7vw,86px);
}
.contact-hero__header h1{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(58px,7vw,104px); line-height:.92; font-weight:500;
}
.contact-hero__header h1 span{ color:var(--ink); font-style:italic; }
.contact-hero__header h1 .gold-text{
  background:var(--grad-gold);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.contact-hero__rule{
  width:min(160px,42vw); height:4px; border-radius:99px;
  margin:24px auto 18px; background:var(--grad-gold);
  box-shadow:0 0 28px rgba(232,197,107,.35);
}
.contact-hero__header p{
  color:rgba(247,243,235,.72); font-size:clamp(15px,1.6vw,18px);
  line-height:1.7;
}
.contact-layout{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:clamp(34px,5vw,64px); align-items:start;
}
.contact-form{
  display:grid; gap:24px;
}
.contact-form__grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;
}
.contact-field{
  display:grid; gap:10px;
}
.contact-field--wide{ grid-column:1/-1; }
.contact-field label{
  color:var(--ink); font-size:14px; font-weight:600;
}
.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%; min-height:58px; border:1px solid rgba(255,255,255,.12);
  border-radius:8px; background:rgba(255,255,255,.035);
  color:var(--ink); font:inherit; font-size:14px;
  padding:15px 18px; outline:none;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.contact-field textarea{
  min-height:166px; resize:vertical; line-height:1.6;
}
.contact-field input::placeholder,
.contact-field textarea::placeholder{ color:rgba(247,243,235,.36); }
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  border-color:rgba(232,197,107,.62);
  background:rgba(232,197,107,.045);
  box-shadow:0 0 0 3px rgba(232,197,107,.09), 0 16px 44px -26px rgba(232,197,107,.45);
}
.contact-field > select{
  appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--gold) 50%),
    linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 23px) 26px, calc(100% - 17px) 26px;
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.contact-field select option{
  color:#191203;
  background:#fffaf0;
}
.contact-field select option:checked{
  color:#ffffff;
  background:#2b6fd6;
}
.contact-select{
  position:relative;
}
.contact-select select{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.contact-select__button{
  width:100%; min-height:58px; border:1px solid rgba(255,255,255,.12);
  border-radius:8px; background:rgba(255,255,255,.035);
  color:var(--ink); font:inherit; font-size:14px; text-align:left;
  padding:15px 46px 15px 18px; outline:none; cursor:pointer;
  position:relative;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.contact-select__button::before,
.contact-select__button::after{
  content:""; position:absolute; top:50%; width:7px; height:2px;
  background:var(--gold); border-radius:99px; transition:transform .25s var(--ease);
}
.contact-select__button::before{ right:25px; transform:translateY(-50%) rotate(45deg); }
.contact-select__button::after{ right:20px; transform:translateY(-50%) rotate(-45deg); }
.contact-select.is-open .contact-select__button,
.contact-select__button:focus-visible{
  border-color:rgba(232,197,107,.62);
  background:rgba(232,197,107,.045);
  box-shadow:0 0 0 3px rgba(232,197,107,.09), 0 16px 44px -26px rgba(232,197,107,.45);
}
.contact-select.is-open .contact-select__button::before{ transform:translateY(-50%) rotate(-45deg); }
.contact-select.is-open .contact-select__button::after{ transform:translateY(-50%) rotate(45deg); }
.contact-select__menu{
  position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:30;
  display:none; padding:7px; border:1px solid rgba(232,197,107,.36);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    rgba(6,5,4,.98);
  box-shadow:
    0 26px 70px rgba(0,0,0,.75),
    0 0 0 1px rgba(255,246,203,.035),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(135%);
  max-height:340px; overflow:auto;
}
.contact-select.is-open .contact-select__menu{ display:grid; gap:4px; }
.contact-select__option{
  width:100%; min-height:44px; border:0; border-radius:8px;
  background:transparent; color:rgba(247,243,235,.74);
  font:inherit; font-size:14px; text-align:left; cursor:pointer;
  padding:11px 14px;
  transition:background .2s ease, color .2s ease, transform .2s var(--ease);
}
.contact-select__option:hover,
.contact-select__option:focus-visible{
  color:var(--ink); outline:none;
  background:rgba(232,197,107,.1);
}
.contact-select__option.is-selected{
  color:#191203;
  background:var(--grad-gold);
}
.contact-form__fine{
  color:var(--faint); font-size:12px; line-height:1.6; margin-top:-8px;
}
.contact-form .btn{ width:max-content; min-width:190px; border-radius:10px; }
.contact-panel{
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
}
.contact-method{
  display:grid; grid-template-columns:58px minmax(0,1fr); gap:20px;
  padding:34px 0; border-bottom:1px solid rgba(255,255,255,.1);
}
.contact-method:last-child{ border-bottom:0; }
.contact-method__icon{
  width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; color:#1a1203; background:var(--grad-gold);
  box-shadow:0 14px 38px -18px rgba(232,197,107,.85);
}
.contact-method__icon .ic{ width:22px; height:22px; }
.contact-method h2{
  font:inherit; font-size:14px; font-weight:600; color:rgba(247,243,235,.66);
  margin:0 0 4px;
}
.contact-method a,
.contact-method strong{
  display:block; color:var(--ink); font-size:clamp(18px,2vw,23px);
  line-height:1.24; font-weight:700; overflow-wrap:anywhere;
}
.contact-method p{
  color:rgba(247,243,235,.58); font-size:13.5px; margin-top:8px;
}
.contact-note{
  margin-top:28px; color:rgba(247,243,235,.75); font-weight:600;
}
.contact-success{
  display:none; border:1px solid rgba(232,197,107,.25); border-radius:14px;
  padding:20px; background:rgba(232,197,107,.08); color:var(--gold-2);
}
.contact-success.is-visible{ display:block; }
.contact-success.is-error{
  border-color:rgba(255,112,112,.35);
  background:rgba(255,112,112,.08);
  color:#ffb8b8;
}
@media (max-width:1180px){
  .contact-layout{ grid-template-columns:1fr; }
  .contact-panel{ max-width:760px; }
}
@media (max-width:640px){
  .contact-hero{ padding-top:108px; }
  .contact-form__grid{ grid-template-columns:1fr; gap:18px; }
  .contact-method{ grid-template-columns:46px minmax(0,1fr); gap:16px; padding:28px 0; }
  .contact-form .btn{ width:100%; }
}

/* ══════════ HERO ══════════ */
.hero{ position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; }
.hero__glow{
  position:absolute; inset:0; pointer-events:none;
  background:none;
}
.hero__canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.hero__inner{
  position:relative; z-index:2; width:100%; max-width:1240px; margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center; gap:30px; padding:130px clamp(20px,4vw,48px) 90px;
}
.hero__copy{ max-width:560px; }
.badge{
  display:inline-flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.3em;
  color:var(--gold-2); border:1px solid var(--line); border-radius:99px; padding:8px 16px;
  background:rgba(232,197,107,.06); margin-bottom:26px;
}
.hero__title{ font-size:clamp(44px,6.2vw,84px); line-height:1.02; font-weight:500; margin:0 0 24px; }
.hero__title .line-mask{ display:block; overflow:hidden; }
.hero__title .line{ display:block; will-change:transform; }
.hero__sub{ color:var(--muted); font-size:clamp(16px,1.6vw,19px); margin-bottom:34px; }
.hero__chips{ list-style:none; display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0 0 36px; }
.hero__chips li{
  display:inline-flex; align-items:center; gap:9px; font-size:13px; color:var(--muted);
  border:1px solid var(--line-2); border-radius:99px; padding:9px 16px;
  background:rgba(255,255,255,.02); transition:border-color .3s, color .3s, transform .3s var(--ease);
}
.hero__chips li .ic{ color:var(--gold); width:15px; height:15px; }
.hero__chips li:hover{ border-color:var(--line); color:var(--ink); transform:translateY(-2px); }
.hero__actions{ display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.hero__note{ display:flex; align-items:center; gap:9px; color:var(--faint); font-size:13.5px; }
.hero__note .ic{ color:var(--gold); width:15px; height:15px; }
.hero__visual{ position:relative; min-height:460px; }
.hero-card-fallback{
  position:absolute; inset:0; display:none;
  background:radial-gradient(340px 240px at 60% 45%, rgba(232,197,107,.2), transparent 70%);
}
.hero-mobile-card-wrap{ display:none; }
@media (min-width:901px){
  .hero-mobile-card-wrap{ display:none !important; visibility:hidden; pointer-events:none; }
}

/* ── Interactive Card Hint ── */
.card-hint{
  position:absolute; bottom:20px; left:50%; transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(10,10,10,.75); border:1px solid rgba(232,197,107,.3);
  padding:8px 18px; border-radius:99px; font-size:12px; letter-spacing:.04em;
  color:var(--gold-2); backdrop-filter:blur(10px);
  pointer-events:auto; cursor:pointer; user-select:none;
  box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 20px rgba(232,197,107,.15);
  transition:opacity .4s ease, transform .4s var(--ease), border-color .3s;
  animation:hintPulse 3s infinite ease-in-out;
}
.card-hint .ic{ color:var(--gold); width:14px; height:14px; }
.card-hint:hover{ border-color:var(--gold); transform:translateX(-50%) translateY(-2px); }
.card-hint.is-hidden{ opacity:0; pointer-events:none; }
@keyframes hintPulse{ 0%,100%{ box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 15px rgba(232,197,107,.1); } 50%{ box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 26px rgba(232,197,107,.35); } }

/* ══════════ STATIC FEATURE STRIP ══════════ */
.static-strip{
  position:relative; z-index:4; width:100%; border-top:1px solid rgba(232,197,107,.15);
  border-bottom:1px solid rgba(232,197,107,.15); background:#000000;
  backdrop-filter:blur(16px);
}
.static-strip__inner{
  max-width:1280px; margin-inline:auto; padding:22px clamp(20px,4vw,48px);
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px; align-items:center;
}
.strip-item {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; gap:4px; padding:6px 12px;
    transition:transform .3s var(--ease);
  }
  .strip-item:hover { transform:translateY(-2px); }
  .strip-item__top {
    font-size:26px; font-weight:500; color:var(--gold);
    line-height:1; letter-spacing:-0.02em;
  }
  .strip-item__bottom {
    font-size:14px; color:var(--muted); line-height:1.35;
  }
  
.strip-sep{ width:1px; height:32px; background:rgba(255,255,255,.08); margin-inline:auto; display:none; }

/* ══════════ GOLD METAL CARD SECTION ══════════ */
.metal-section{
  position:relative; z-index:4; overflow:hidden;
  padding:clamp(76px,10vw,132px) clamp(20px,4vw,48px);
  background:
    linear-gradient(180deg,#000000 0%,#060504 45%,#000000 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.metal-section::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(232,197,107,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:radial-gradient(circle at 50% 35%,#000 0%,transparent 68%);
  opacity:.45;
}
.metal-section__inner{
  position:relative; max-width:1180px; margin-inline:auto;
  display:grid; grid-template-columns:minmax(280px,.92fr) minmax(0,1fr);
  gap:clamp(34px,6vw,82px); align-items:center;
}
.metal-section__visual{
  position:relative; width:min(100%,470px); aspect-ratio:1.32; min-height:340px;
  display:flex; align-items:center; justify-content:flex-start;
  perspective:1200px;
}
.metal-section__visual::before{
  content:""; position:absolute; left:50%; bottom:-46px; transform:translateX(-50%);
  width:min(420px,84vw); height:150px;
  background:radial-gradient(ellipse at center,rgba(232,197,107,.34),rgba(232,197,107,.08) 42%,transparent 72%);
  filter:blur(20px); pointer-events:none;
}
/* 3D WebGL card — replaces the flat fallback once initialized */
.metal-section__canvas{
  position:absolute; inset:0; width:100%; height:100%; display:none;
  cursor:pointer; outline-offset:10px; touch-action:manipulation;
}
.metal-section__visual.is-3d .metal-section__canvas{ display:block; }
.metal-section__visual.is-3d .metal-card{ display:none; }
.metal-section__canvas:focus-visible{ outline:2px solid var(--gold-2); }
.metal-card{
  --rx: 0deg; --ry: 0deg;
  position:relative; width:min(100%,430px); aspect-ratio:1.586;
  border:0; border-radius:22px; background:transparent;
  color:#221603; cursor:pointer; transform-style:preserve-3d;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  transition:transform .18s ease;
  font:inherit; text-align:left; padding:0;
}
.metal-card__inner{
  position:absolute; inset:0; display:block; transform-style:preserve-3d;
  transition:transform .9s var(--ease), opacity .25s ease;
}
.metal-card.is-flipped .metal-card__inner{ transform:rotateY(180deg); }
.metal-card__face{
  position:absolute; inset:0; display:block; overflow:hidden; isolation:isolate;
  border:1px solid rgba(255,235,176,.38); border-radius:22px;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,248,218,.9),transparent 12%),
    radial-gradient(circle at 78% 74%,rgba(255,235,146,.34),transparent 22%),
    conic-gradient(from 226deg at 48% 44%,#4b3008,#d19d37,#fff2bf,#8b621b,#f4d271,#62400d,#efd37b,#4b3008);
  box-shadow:
    0 42px 90px -34px rgba(232,197,107,.78),
    0 0 0 1px rgba(255,246,203,.08),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -20px 42px rgba(38,23,3,.48),
    inset 0 0 34px rgba(255,238,174,.18);
}
.metal-card__face::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.075) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(90deg,rgba(39,25,4,.085) 0 1px,transparent 1px 16px),
    linear-gradient(124deg,transparent 0 26%,rgba(255,255,255,.34) 42%,transparent 56%),
    linear-gradient(22deg,transparent 0 54%,rgba(255,242,192,.25) 62%,transparent 72%);
  mix-blend-mode:soft-light; opacity:.86;
}
.metal-card__face::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.42),transparent 26%);
  opacity:.42; transition:opacity .25s;
}
.metal-card__face--back{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  padding:34px; text-align:center; transform:rotateY(180deg);
  background:
    radial-gradient(circle at 50% 50%,rgba(255,249,218,.9) 0%,rgba(255,230,133,.58) 7%,transparent 19%),
    conic-gradient(from 42deg at 50% 50%,#6d4a14 0deg,#f2d77f 26deg,#8b5f19 55deg,#332006 91deg,#d7a746 127deg,#fff0b4 162deg,#755117 203deg,#2b1a04 246deg,#e7bc59 289deg,#fff3c4 322deg,#6d4a14 360deg);
}
.metal-card__face--back::before{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(90deg,rgba(31,20,4,.06) 0 1px,transparent 1px 12px),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.3),transparent 32%);
  background-size:auto,auto,100% 100%;
  opacity:.56;
}
.metal-card__holo{
  position:absolute; right:8.8%; top:13%; z-index:2; width:76px; height:76px; border-radius:50%;
  background:
    conic-gradient(from 20deg,rgba(255,255,255,.06),rgba(252,230,139,.68),rgba(154,212,255,.34),rgba(255,255,255,.1),rgba(232,197,107,.5),rgba(255,255,255,.06));
  opacity:.34; mix-blend-mode:screen; transform:translateZ(22px);
  animation:holoTurn 7s linear infinite;
}
.metal-card__holo::after{
  content:""; position:absolute; inset:28px; border-radius:50%;
  background:rgba(255,244,192,.72); box-shadow:0 0 18px rgba(255,235,159,.7);
}
.metal-card:hover .metal-card__face{
  border-color:rgba(255,241,193,.72);
  box-shadow:
    0 52px 110px -38px rgba(232,197,107,.9),
    0 0 42px rgba(232,197,107,.12),
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -16px 32px rgba(49,31,4,.42);
}
.metal-card:focus-visible{
  outline:2px solid var(--gold-2); outline-offset:6px;
}
.metal-card__back-logo{
  position:relative; z-index:4; display:block; font-size:46px; line-height:1; font-weight:700;
  letter-spacing:.04em; color:#fff2bf;
  text-shadow:0 0 24px rgba(255,232,149,.42), 0 3px 14px rgba(35,21,2,.55);
  transform:translateZ(28px);
}
.metal-card__stripe{
  position:absolute; left:4%; right:4%; top:9%; z-index:4;
  height:16.5%; display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:7px;
  background:linear-gradient(180deg,#060504 0%,#151009 55%,#0a0806 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -8px 16px rgba(0,0,0,.5),
    0 7px 18px rgba(24,15,2,.35);
  font-size:clamp(13px,1.55vw,19px); font-weight:700;
  letter-spacing:.26em; text-indent:.26em; color:#f8f4e9;
  text-shadow:0 0 16px rgba(255,244,206,.35);
  transform:translateZ(30px);
  white-space:nowrap;
}
.metal-card__stripe::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(105deg,transparent 30%,rgba(255,255,255,.09) 46%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.06) 55%,transparent 70%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);
}
.metal-card__back-line{
  position:relative; z-index:4; display:block; width:min(210px,64%); height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,246,211,.58),transparent);
  transform:translateZ(24px);
}
.metal-card__shine{
  position:absolute; inset:-45%; z-index:1;
  background:
    linear-gradient(115deg,transparent 35%,rgba(255,255,255,.54) 47%,rgba(255,232,156,.32) 51%,transparent 63%),
    linear-gradient(68deg,transparent 16%,rgba(255,255,255,.15) 22%,transparent 30%);
  transform:translateX(-58%) rotate(8deg);
  animation:metalSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
.metal-card__chip{
  position:absolute; left:9.5%; top:20%; width:72px; height:54px; z-index:2;
  border-radius:9px; border:1px solid rgba(56,35,5,.45);
  background:linear-gradient(135deg,#785311,#eac66c 48%,#68460d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 8px 18px rgba(42,26,2,.22);
  transform:translateZ(18px);
}
.metal-card__chip span{ position:absolute; background:rgba(45,28,2,.48); border-radius:2px; }
.metal-card__chip span:nth-child(1){ left:0; right:0; top:17px; height:1px; }
.metal-card__chip span:nth-child(2){ left:0; right:0; bottom:17px; height:1px; }
.metal-card__chip span:nth-child(3){ top:0; bottom:0; left:24px; width:1px; }
.metal-card__chip span:nth-child(4){ top:0; bottom:0; right:24px; width:1px; }
.metal-card__brand{
  position:absolute; right:10%; top:21%; z-index:2; font-size:clamp(52px,7vw,82px);
  line-height:1; font-weight:700; letter-spacing:.02em; color:rgba(63,41,8,.72);
  text-shadow:
    1px -1px 0 rgba(255,240,185,.48),
    -1px 1px 0 rgba(63,38,5,.48),
    0 9px 18px rgba(45,28,2,.16);
  transform:translateZ(26px);
}
.metal-card__brand span{ color:rgba(85,55,10,.75); }
.metal-card__label{
  position:absolute; left:9.5%; bottom:17%; z-index:2;
  font-size:12px; letter-spacing:.28em; text-transform:uppercase; font-weight:700;
  color:rgba(34,22,3,.82); transform:translateZ(20px);
}
.metal-card__number{
  position:absolute; right:10%; bottom:17%; z-index:2;
  font-size:13px; letter-spacing:.18em; font-weight:600; color:rgba(34,22,3,.64);
  transform:translateZ(20px);
}
.metal-card__waves{
  position:absolute; right:11%; top:51%; width:42px; height:42px; z-index:2;
  border-right:3px solid rgba(38,24,3,.48); border-radius:50%;
  transform:translateZ(18px) rotate(0.001deg);
}
.metal-card__waves::before,.metal-card__waves::after{
  content:""; position:absolute; inset:7px 7px 7px auto; width:26px;
  border-right:3px solid rgba(38,24,3,.4); border-radius:50%;
}
.metal-card__waves::after{ inset:14px 14px 14px auto; width:12px; }
.metal-card__micro{
  position:absolute; left:9.5%; right:9.5%; bottom:8.2%; z-index:2;
  font-size:7px; line-height:1; letter-spacing:.26em; white-space:nowrap;
  color:rgba(42,27,5,.38); transform:translateZ(18px);
}
/* ── flat-card break halves (no-WebGL fallback split) ── */
.metal-card__break{
  position:absolute; inset:0; z-index:30; display:none;
  transform-style:preserve-3d; pointer-events:none;
}
.metal-card.is-broken .metal-card__break{ display:block; }
.metal-card.is-broken .metal-card__inner{ opacity:0; }
.metal-card__break-half{
  position:absolute; inset:0; transform-style:preserve-3d; will-change:transform;
}
.metal-card__break-half--l{ clip-path:inset(-4% 49.7% -4% -4%); }
.metal-card__break-half--r{ clip-path:inset(-4% -4% -4% 49.7%); }
.metal-card__face--flat{ transform:none; }
.metal-section--silver{
  --gold: var(--silver);
  --gold-2: var(--silver-2);
  --gold-3: var(--silver-3);
  --line: rgba(216,221,228,.2);
  --grad-gold: var(--grad-silver);
}
.metal-section--silver::before{
  background:
    linear-gradient(90deg,rgba(216,221,228,.075) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);
}
.metal-section--silver .metal-section__visual::before{
  background:radial-gradient(ellipse at center,rgba(216,221,228,.28),rgba(216,221,228,.08) 42%,transparent 72%);
}
.metal-section--silver .metal-card__face{
  border-color:rgba(245,248,252,.42);
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.92),transparent 12%),
    radial-gradient(circle at 78% 74%,rgba(207,215,226,.34),transparent 22%),
    conic-gradient(from 226deg at 48% 44%,#4a515b,#c9d0d9,#ffffff,#818b97,#edf2f8,#66717e,#f7f9fc,#4a515b);
  box-shadow:
    0 42px 90px -34px rgba(216,221,228,.62),
    0 0 0 1px rgba(255,255,255,.12),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -20px 42px rgba(31,36,43,.44),
    inset 0 0 34px rgba(255,255,255,.18);
}
.metal-section--silver .metal-card__face--back{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.88) 0%,rgba(219,225,234,.6) 7%,transparent 19%),
    conic-gradient(from 42deg at 50% 50%,#6f7883 0deg,#f7f9fc 26deg,#9aa4b1 55deg,#323842 91deg,#c9d0d9 127deg,#ffffff 162deg,#7c8794 203deg,#252b34 246deg,#d8dde4 289deg,#ffffff 322deg,#6f7883 360deg);
}
.metal-section--silver .metal-card:hover .metal-card__face{
  border-color:rgba(255,255,255,.76);
  box-shadow:
    0 52px 110px -38px rgba(216,221,228,.82),
    0 0 42px rgba(216,221,228,.14),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -16px 32px rgba(38,43,50,.38);
}
.metal-section--silver .metal-card__chip{
  background:linear-gradient(135deg,#717b88,#eef3fa 48%,#687380 100%);
}
.metal-section--silver .metal-card__brand,
.metal-section--silver .metal-card__brand span,
.metal-section--silver .metal-card__label,
.metal-section--silver .metal-card__number,
.metal-section--silver .metal-card__micro{
  color:rgba(28,33,39,.76);
}
.metal-section--silver .metal-card__waves,
.metal-section--silver .metal-card__waves::before,
.metal-section--silver .metal-card__waves::after{
  border-right-color:rgba(28,33,39,.5);
}
.metal-section__copy{ max-width:590px; }
.metal-section__copy h2{ margin-bottom:22px; }
.metal-section__lead{
  color:var(--muted); font-size:clamp(16px,1.6vw,20px); line-height:1.65;
  margin-bottom:30px; max-width:560px;
}
.metal-section__hint{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--faint); font-size:13px; letter-spacing:.03em;
}
.metal-section__hint .ic{ width:16px; height:16px; color:var(--gold); flex:none; }
.metal-benefits{
  position:relative; max-width:1180px; margin:clamp(44px,6vw,74px) auto 0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.metal-benefit{
  min-height:158px; padding:24px;
  border:1px solid rgba(255,255,255,.08); border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  transition:transform .35s var(--ease), border-color .35s, background .35s;
}
.metal-benefit:hover{
  transform:translateY(-5px); border-color:rgba(232,197,107,.32);
  background:linear-gradient(180deg,rgba(232,197,107,.08),rgba(255,255,255,.02));
}
.metal-benefit .ic{ width:24px; height:24px; color:var(--gold); margin-bottom:20px; }
.metal-benefit h3{ font-size:20px; margin-bottom:8px; }
.metal-benefit p{ color:var(--muted); font-size:14px; line-height:1.55; }
@keyframes metalSweep{
  0%,55%{ transform:translateX(-62%) rotate(8deg); opacity:0; }
  66%{ opacity:.86; }
  82%,100%{ transform:translateX(62%) rotate(8deg); opacity:0; }
}
@keyframes holoTurn{
  to{ transform:translateZ(22px) rotate(360deg); }
}

/* ══════════ COMPACT FOOTER (INFORMATION STRIP) ══════════ */
.footer{
  position:relative; z-index:4; background:#000000; border-top:1px solid rgba(255,255,255,.06);
}
.footer__inner{
  max-width:1280px; margin-inline:auto; padding:22px clamp(20px,4vw,48px);
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px;
}
.footer__brand{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.footer__logo{ font-size:22px; font-weight:700; }
.footer__tagline{ font-size:13px; color:var(--faint); }
.footer__links{ display:flex; gap:24px; font-size:13px; }
.footer__link{ color:var(--muted); transition:color .3s; }
.footer__link:hover{ color:var(--gold); }

/* ══════════ EARLY ACCESS MODAL ══════════ */
.modal{
  position:fixed; inset:0; z-index:11000; display:flex; align-items:center; justify-content:center;
  padding:20px; opacity:0; pointer-events:none; transition:opacity .35s var(--ease);
}
.modal.is-open{ opacity:1; pointer-events:auto; }
.modal__overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.86); backdrop-filter:blur(14px);
}
.modal__card{
  position:relative; z-index:2; width:100%; max-width:480px;
  background:#090909; border:1px solid rgba(232,197,107,.25); border-radius:24px;
  padding:40px clamp(24px,5vw,36px); box-shadow:0 30px 90px -10px rgba(0,0,0,.95), 0 0 40px rgba(232,197,107,.12);
  transform:scale(.94) translateY(18px); transition:transform .4s var(--ease);
}
.modal.is-open .modal__card{ transform:scale(1) translateY(0); }
.modal__close{
  position:absolute; top:20px; right:20px; width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:var(--muted); font-size:22px; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:color .3s, border-color .3s, background .3s;
}
.modal__close:hover{ color:var(--gold); border-color:var(--gold); background:rgba(232,197,107,.1); }
.modal h2{ font-size:28px; margin:10px 0 12px; }
.modal__desc{ font-size:14px; color:var(--muted); margin-bottom:24px; line-height:1.5; }
.modal__form{ display:flex; flex-direction:column; gap:14px; }
.input-group input{
  width:100%; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
  border-radius:12px; padding:14px 18px; font:inherit; font-size:14px; color:var(--ink);
  transition:border-color .3s, background .3s, box-shadow .3s;
}
.input-group input:focus{
  outline:none; border-color:var(--gold); background:rgba(232,197,107,.05);
  box-shadow:0 0 16px rgba(232,197,107,.18);
}
.input-group--phone{ display:flex; align-items:center; }
.phone-prefix{
  background:rgba(232,197,107,.1); border:1px solid rgba(255,255,255,.1); border-right:0;
  border-radius:12px 0 0 12px; padding:14px 14px; font-size:14px; font-weight:600;
  color:var(--gold);
}
.input-group--phone input{ border-radius:0 12px 12px 0; }
.modal__fineprint{ font-size:11px; color:var(--faint); text-align:center; margin-top:6px; }

.modal__success{ text-align:center; padding:10px 0; }
.modal__success .success-icon{
  width:64px; height:64px; margin:0 auto 18px; border-radius:50%;
  background:rgba(232,197,107,.12); border:1px solid var(--gold);
  display:flex; align-items:center; justify-content:center; color:var(--gold);
  box-shadow:0 0 30px rgba(232,197,107,.3);
}
.modal__success h3{ font-size:24px; color:var(--ink); margin-bottom:12px; }
.modal__success .early__ranknum{
  font-size:48px; font-weight:700; margin-bottom:12px;
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.modal__success p{ font-size:14px; color:var(--muted); margin-bottom:24px; line-height:1.5; }

/* ══════════ ΛI1 GOLD METAL CARD DETAILS MODAL ══════════ */
.card-info-modal{
  position:fixed; inset:0; z-index:11200; display:grid; place-items:center;
  padding:clamp(14px,3vw,34px); opacity:0; pointer-events:none; visibility:hidden;
  transition:opacity .2s var(--ease), visibility 0s linear .2s;
}
.card-info-modal.is-open{
  opacity:1; pointer-events:auto; visibility:visible;
  transition:opacity .28s var(--ease), visibility 0s;
}
.card-info-modal__overlay{
  position:absolute; inset:0;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(18px) saturate(128%);
}
.card-info-modal__overlay::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 12%,rgba(232,197,107,.15),transparent 42%);
  opacity:.5; animation:overlayBreathe 7s ease-in-out infinite;
}
.card-info-modal:not(.is-open) .card-info-modal__overlay::after{ animation-play-state:paused; }
@keyframes overlayBreathe{ 0%,100%{ opacity:.4; } 50%{ opacity:.95; } }
/* one-shot gold burst where the card was, as the popup grows out of it */
.card-info-flash{
  position:absolute; z-index:1; width:380px; height:380px; margin:-190px 0 0 -190px;
  border-radius:50%; pointer-events:none; mix-blend-mode:screen; filter:blur(10px);
  background:radial-gradient(circle,rgba(255,240,200,.85) 0%,rgba(232,197,107,.4) 38%,rgba(232,197,107,0) 70%);
}
.card-info-modal__panel{
  position:relative; z-index:2; width:min(1040px,100%); max-height:min(88svh,860px);
  overflow:auto; border:1px solid rgba(232,197,107,.28); border-radius:24px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%),
    radial-gradient(circle at 86% 4%,rgba(232,197,107,.18),transparent 30%),
    linear-gradient(180deg,#11100d 0%,#070706 56%,#030303 100%);
  box-shadow:
    0 34px 110px rgba(0,0,0,.92),
    0 0 0 1px rgba(255,246,203,.06),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform-origin:50% 0%;
  transform:perspective(1400px) translateY(58px) scale(.94) rotateX(5deg);
  transition:transform .3s cubic-bezier(.5,0,.8,.4);
  will-change:transform;
  outline:none;
  scrollbar-width:thin; scrollbar-color:rgba(232,197,107,.35) rgba(0,0,0,.4);
}
.card-info-modal.is-open .card-info-modal__panel{
  transform:perspective(1400px) translateY(0) scale(1) rotateX(0deg);
  transition:transform .55s var(--ease);
}
.card-info-modal__panel::-webkit-scrollbar{ width:9px; }
.card-info-modal__panel::-webkit-scrollbar-track{ background:rgba(0,0,0,.4); }
.card-info-modal__panel::-webkit-scrollbar-thumb{
  background:linear-gradient(#b9963f,#4a350c); border-radius:99px;
  border:2px solid rgba(0,0,0,.55);
}
.card-info-modal__panel::-webkit-scrollbar-thumb:hover{ background:linear-gradient(#d8b04d,#5c4210); }
.card-info-modal__panel::before{
  content:""; position:sticky; top:0; display:block; height:1px; z-index:3;
  background:linear-gradient(90deg,transparent,rgba(232,197,107,.72),transparent);
  background-size:200% 100%; background-position:50% 0;
}
.card-info-modal.is-open .card-info-modal__panel::before{
  animation:cardLineSweep 1.6s var(--ease) .15s both;
}
@keyframes cardLineSweep{
  0%{ background-position:150% 0; opacity:0; }
  30%{ opacity:1; }
  100%{ background-position:50% 0; opacity:1; }
}
.card-info-modal__close{
  position:sticky; top:18px; float:right; z-index:5; margin:18px 18px 0 0;
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.14);
  background:rgba(7,7,6,.72); color:var(--ink); cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:26px; line-height:1;
  box-shadow:0 14px 30px rgba(0,0,0,.42); backdrop-filter:blur(12px);
  transition:color .25s, border-color .25s, background .25s, transform .25s var(--ease);
}
.card-info-modal__close:hover,
.card-info-modal__close:focus-visible{
  color:var(--gold-2); border-color:rgba(232,197,107,.58);
  background:rgba(232,197,107,.11); transform:rotate(90deg);
}
.card-info-modal__hero{
  padding:clamp(30px,5vw,58px) clamp(22px,5vw,60px) 24px;
  display:grid; gap:16px; clear:both;
}
.card-info-modal__hero .badge{ margin:0; width:max-content; }
.card-info-modal__hero h2{
  max-width:760px; font-size:clamp(32px,5vw,62px); line-height:1.03;
}
.card-info-modal__hero .card-info-modal__title{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:0 clamp(14px,2vw,26px);
  max-width:none;
  font-size:clamp(34px,5.6vw,64px); line-height:1;
}
.card-info-modal__logo{
  font-size:1em; font-weight:700; letter-spacing:.03em;
  color:var(--ink);
  text-shadow:0 12px 46px rgba(232,197,107,.22);
}
.card-info-modal__logo span{
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.card-info-modal__cardname{
  font-size:1em; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; line-height:1;
}
.card-info-modal__hero p{
  max-width:760px; color:var(--muted); font-size:clamp(15px,1.7vw,18px); line-height:1.65;
}
.card-info-modal__highlights{
  margin:4px clamp(22px,5vw,60px) 28px; display:grid; grid-template-columns:repeat(4,1fr);
  gap:1px; overflow:hidden; border:1px solid rgba(232,197,107,.18); border-radius:16px;
  background:rgba(232,197,107,.16);
}
.card-info-modal__highlights div{
  min-height:112px; padding:20px; background:rgba(8,8,7,.88);
  display:flex; flex-direction:column; justify-content:center; gap:8px;
}
.card-info-modal__highlights strong{
  color:var(--gold-2); font-size:clamp(18px,2vw,25px); line-height:1.05; font-weight:600;
}
.card-info-modal__highlights span{ color:var(--muted); font-size:13px; line-height:1.45; }
.card-info-modal__body{
  padding:0 clamp(22px,5vw,60px) clamp(30px,5vw,58px); display:grid; gap:14px;
}
.card-info-block{
  position:relative; display:grid; grid-template-columns:48px minmax(0,1fr); gap:18px;
  padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  transition:border-color .35s ease, background .35s ease;
}
.card-info-block:hover{
  border-color:rgba(232,197,107,.3);
  background:linear-gradient(180deg,rgba(232,197,107,.06),rgba(255,255,255,.02));
}
.card-info-block::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(135deg,rgba(232,197,107,.08),transparent 34%);
  opacity:.75;
}
.card-info-block > *{ position:relative; z-index:1; }
.card-info-block__num{
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
  color:#1a1203; background:var(--grad-gold); font-weight:700; font-size:13px;
  box-shadow:0 12px 30px rgba(232,197,107,.18);
  transition:box-shadow .35s ease;
}
.card-info-block:hover .card-info-block__num{
  box-shadow:0 14px 38px rgba(232,197,107,.34), 0 0 0 1px rgba(255,246,203,.28);
}
.card-info-block h3{ font-size:clamp(21px,2.6vw,30px); margin:4px 0 12px; }
.card-info-block h4{ font-size:16px; color:var(--gold-2); margin:0 0 8px; font-weight:600; }
.card-info-block p,
.card-info-block li{ color:var(--muted); font-size:15px; line-height:1.65; }
.card-info-block ul{ margin:0; padding-left:18px; display:grid; gap:8px; }
.card-info-block p + ul{ margin-top:12px; }
.card-info-muted{
  color:var(--gold-2) !important; margin-bottom:12px;
}
.card-info-columns{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(232,197,107,.18); border-radius:12px; overflow:hidden;
  background:rgba(232,197,107,.15);
}
.card-info-columns--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.card-info-columns--three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.card-info-columns div{
  min-height:190px; padding:18px; background:rgba(0,0,0,.34);
  border-right:1px solid rgba(232,197,107,.14);
}
.card-info-columns div:last-child{ border-right:0; }
.card-info-columns p{ font-size:14px; line-height:1.6; }
.card-info-block--wide{
  background:
    linear-gradient(180deg,rgba(232,197,107,.075),rgba(255,255,255,.02)),
    rgba(0,0,0,.24);
}
.card-info-block--wide:hover{
  background:
    linear-gradient(180deg,rgba(232,197,107,.11),rgba(255,255,255,.02)),
    rgba(0,0,0,.24);
}
.privacy-modal__panel{
  width:min(780px,100%);
}
.privacy-modal__hero{
  padding-bottom:18px;
}
.privacy-modal__hero h2{
  font-size:clamp(34px,5vw,54px);
}
.privacy-modal__hero p{
  font-size:clamp(15px,1.8vw,18px);
  color:rgba(247,243,235,.78);
}
.privacy-modal__body{
  gap:12px;
}
.privacy-modal__block{
  grid-template-columns:1fr;
  padding:clamp(20px,3vw,26px);
}
.privacy-modal__block h3{
  font-size:clamp(18px,2.2vw,24px);
  margin:0 0 10px;
  color:var(--gold-2);
}
.privacy-modal__block p{
  font-size:clamp(14px,1.7vw,16px);
  line-height:1.72;
}
.terms-modal__panel{
  width:min(900px,100%);
}
.terms-modal__body .privacy-modal__block p + p{
  margin-top:12px;
}
.terms-modal__body .privacy-modal__block ul{
  padding-left:18px;
  gap:10px;
}
.terms-modal__body .privacy-modal__block li{
  font-size:clamp(14px,1.7vw,16px);
  line-height:1.72;
}
.terms-modal__body .privacy-modal__block strong{
  color:rgba(247,243,235,.92);
  font-weight:600;
}
.cookie-modal__panel{
  width:min(920px,100%);
}
.cookie-modal__hero p{
  max-width:820px;
}
.cookie-modal__intro{
  border-color:rgba(232,197,107,.22);
  background:
    linear-gradient(135deg,rgba(232,197,107,.09),rgba(255,255,255,.025)),
    rgba(0,0,0,.22);
}
.cookie-modal__body .privacy-modal__block p + p{
  margin-top:12px;
}
.cookie-modal__body .privacy-modal__block ul{
  padding-left:18px;
  display:grid;
  gap:10px;
}
.cookie-modal__body .privacy-modal__block li{
  font-size:clamp(14px,1.7vw,16px);
  line-height:1.72;
}
.cookie-modal__body .privacy-modal__block strong{
  color:rgba(247,243,235,.94);
  font-weight:600;
}
.disclosure-modal__panel{
  width:min(880px,100%);
}
.disclosure-modal__body .privacy-modal__block p + p{
  margin-top:12px;
}
.disclosure-modal__body .privacy-modal__block ol{
  margin:0; padding-left:22px;
}
.disclosure-modal__body .privacy-modal__block li{
  font-size:clamp(13px,1.6vw,15px);
  line-height:1.72;
}
.disclosure-modal__body .privacy-modal__block li + li{
  margin-top:10px;
}
.disclosure-modal__body .privacy-modal__block li::marker{
  color:var(--gold-2); font-weight:700;
}
.disclosure-modal__body .privacy-modal__block strong{
  color:rgba(247,243,235,.92);
  font-weight:600;
}
.disclosure-modal__intro{
  border-color:rgba(232,197,107,.22);
  background:
    linear-gradient(135deg,rgba(232,197,107,.09),rgba(255,255,255,.025)),
    rgba(0,0,0,.22);
}
.card-info-modal.is-silver .card-info-flash{
  background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(216,221,228,.52) 32%,rgba(216,221,228,0) 72%);
}
.card-info-modal.is-silver .card-info-modal__panel::before{
  background:linear-gradient(90deg,transparent,rgba(216,221,228,.76),transparent);
  background-size:200% 100%; background-position:50% 0;
}
.card-info-modal.is-silver .card-info-modal__panel::-webkit-scrollbar-thumb{
  background:linear-gradient(#e8edf3,#707985); border-radius:8px; border:1px solid #000000;
}
.card-info-modal.is-silver .card-info-modal__close:hover,
.card-info-modal.is-silver .card-info-modal__close:focus-visible{
  color:var(--silver-2); border-color:rgba(216,221,228,.62);
  background:rgba(216,221,228,.11);
}
.card-info-modal.is-silver .gold-text,
.card-info-modal.is-silver .card-info-modal__logo span{
  background:var(--grad-silver);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.card-info-modal.is-silver .card-info-modal__logo{
  text-shadow:0 12px 46px rgba(216,221,228,.22);
}
.card-info-modal.is-silver .card-info-modal__highlights{
  border-color:rgba(216,221,228,.2);
  background:rgba(216,221,228,.16);
}
.card-info-modal.is-silver .card-info-modal__highlights strong,
.card-info-modal.is-silver .card-info-block h4,
.card-info-modal.is-silver .card-info-muted{
  color:var(--silver-2) !important;
}
.card-info-modal.is-silver .card-info-block:hover{
  border-color:rgba(216,221,228,.32);
  background:linear-gradient(180deg,rgba(216,221,228,.065),rgba(255,255,255,.02));
}
.card-info-modal.is-silver .card-info-block::after{
  background:linear-gradient(135deg,rgba(216,221,228,.08),transparent 34%);
}
.card-info-modal.is-silver .card-info-block__num{
  color:#11161c; background:var(--grad-silver);
  box-shadow:0 12px 30px rgba(216,221,228,.18);
}
.card-info-modal.is-silver .card-info-block:hover .card-info-block__num{
  box-shadow:0 14px 38px rgba(216,221,228,.34), 0 0 0 1px rgba(255,255,255,.28);
}
.card-info-modal.is-silver .card-info-columns{
  border-color:rgba(216,221,228,.2);
  background:rgba(216,221,228,.15);
}
.card-info-modal.is-silver .card-info-columns div{
  border-right-color:rgba(216,221,228,.14);
}
.card-info-modal.is-silver .card-info-block--wide{
  background:
    linear-gradient(180deg,rgba(216,221,228,.075),rgba(255,255,255,.02)),
    rgba(0,0,0,.24);
}
.card-info-modal.is-silver .card-info-block--wide:hover{
  background:
    linear-gradient(180deg,rgba(216,221,228,.11),rgba(255,255,255,.02)),
    rgba(0,0,0,.24);
}

/* ── Reveal Helpers ── */
[data-reveal]{ opacity:0; transform:translateY(30px); }
[data-reveal].is-inview{ opacity:1; transform:none; transition:opacity .9s ease, transform .9s var(--ease); }
.reveal-fade{ opacity:0; transform:translateY(22px); transition:opacity .9s ease, transform .9s var(--ease); }
.reveal-fade.is-inview{ opacity:1; transform:none; }

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1024px){
  .static-strip__inner{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .metal-section__inner{ grid-template-columns:1fr; }
  .metal-section__visual{ justify-content:center; min-height:330px; }
  .metal-section__copy{ max-width:760px; margin-inline:auto; text-align:center; }
  .metal-section__lead{ margin-inline:auto; }
  .metal-section__hint{ justify-content:center; }
}
@media (max-width:900px){
  .nav__links{ display:none; }
  .nav__cta{ display:none; }
  .nav__burger{ display:block; margin-left:auto; }
  .hero__canvas{ display:none; }
  .hero__inner{ grid-template-columns:1fr; padding-top:430px; }
  .hero__visual{
    position:absolute; top:72px; left:0; right:0; height:330px; min-height:0;
    display:flex; justify-content:center; align-items:flex-start; pointer-events:auto;
  }
  .hero-card-fallback{ display:none; }
  .hero-mobile-card-wrap{
    display:flex; width:min(98vw,560px); min-height:330px; aspect-ratio:1.32;
    justify-content:center; align-items:center;
    transform:translateX(-.5vw);
  }
  .hero-mobile-card-wrap::before{ display:none; }
  .hero-mobile-card-wrap .metal-section__canvas{
    display:none; inset:0; width:100%; height:100%;
  }
  .hero-mobile-card-wrap.is-3d .metal-section__canvas{
    display:block;
  }
  .hero-mobile-card{
    display:block; width:100%; max-width:430px;
  }
  .hero-mobile-card .metal-card__inner{ animation:none; }
  .hero-mobile-card .metal-card__shine{ animation:none; transform:translateX(-24%) rotate(8deg); opacity:.78; }
  .hero-mobile-card .metal-card__holo{ animation:none; }
  .metal-benefits{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .static-strip__inner{ grid-template-columns:1fr; gap:12px; }
  .footer__inner{ flex-direction:column; text-align:center; justify-content:center; gap:14px; }
  .footer__brand{ justify-content:center; }
  .footer__links{ justify-content:center; flex-wrap:wrap; }
  .hero__title{ font-size:clamp(36px,10vw,52px); }
  .modal__card{ padding:30px 20px; }
  .metal-section{ padding-inline:18px; }
  .metal-section__visual{ min-height:260px; }
  .metal-section__lead{ max-width:480px; font-size:clamp(12px,3.2vw,16px); line-height:1.85; }
  .mobile-lead-line{ display:block; white-space:nowrap; }
  .metal-card, .metal-card__face{ border-radius:17px; }
  .metal-card__chip{ width:54px; height:40px; border-radius:7px; }
  .metal-card__chip span:nth-child(1){ top:13px; }
  .metal-card__chip span:nth-child(2){ bottom:13px; }
  .metal-card__chip span:nth-child(3){ left:18px; }
  .metal-card__chip span:nth-child(4){ right:18px; }
  .metal-card__label{ font-size:10px; max-width:52%; line-height:1.4; }
  .metal-card__number{ font-size:11px; letter-spacing:.12em; }
  .metal-card__holo{ width:56px; height:56px; }
  .metal-card__holo::after{ inset:21px; }
  .metal-card__micro{ display:none; }
  .metal-card__stripe{ font-size:11px; letter-spacing:.2em; text-indent:.2em; }
  .metal-benefit{ min-height:auto; padding:22px; }
  .card-info-modal{ padding:10px; align-items:end; }
  .card-info-modal__panel{
    max-height:92svh; border-radius:20px 20px 0 0;
    transform-origin:50% 100%;
    transform:translateY(72px) scale(.985);
    transition:transform .45s cubic-bezier(.5,0,.8,.4);
  }
  .card-info-modal.is-open .card-info-modal__panel{
    transform:translateY(0) scale(1);
    transition:transform .75s var(--ease);
  }
  .card-info-modal__close{ top:12px; width:38px; height:38px; margin:12px 12px 0 0; }
  .card-info-modal__hero{ padding-top:24px; }
  .card-info-modal__highlights{ grid-template-columns:1fr; }
  .card-info-block{ grid-template-columns:1fr; gap:14px; padding:20px; }
  .card-info-block__num{ width:40px; height:40px; }
  .card-info-columns,
  .card-info-columns--three{ grid-template-columns:1fr; }
  .card-info-columns div{
    min-height:auto; border-right:0; border-bottom:1px solid rgba(232,197,107,.14);
  }
  .card-info-columns div:last-child{ border-bottom:0; }
}

@media (max-width:840px) and (min-width:641px){
  .card-info-modal__highlights{ grid-template-columns:repeat(2,1fr); }
  .card-info-columns,
  .card-info-columns--three{ grid-template-columns:1fr; }
  .card-info-columns div{
    min-height:auto; border-right:0; border-bottom:1px solid rgba(232,197,107,.14);
  }
  .card-info-columns div:last-child{ border-bottom:0; }
}

/* ── Metal card flip hint ── */
.metal-section__visual .card-hint{
  bottom:14px; left:50%; z-index:3;
  font-family:inherit;
}
.metal-section__visual .card-hint.is-hidden{ opacity:0; transform:translateX(-50%) translateY(8px); pointer-events:none; }

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  [data-reveal],.reveal-fade{ opacity:1 !important; transform:none !important; }
}

.checkbox-group {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--muted);
  cursor: pointer;
  margin-bottom: 4px;
  text-align: left;
}
.checkbox-group input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 4px;
  background: rgba(255,255,255,.05);
  margin-top: 2px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s var(--ease);
}
.checkbox-group input[type="checkbox"]:checked {
  background: var(--gold);
  border-color: var(--gold);
}
.checkbox-group input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px; top: 1px;
  width: 4px; height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-group span {
  line-height: 1.4;
}
.checkbox-group a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.checkbox-group a:hover {
  color: var(--ink);
}

/* ═══════════════════════════════════════════════════════════
   SECTION 04 — AI INTELLIGENCE (bento grid)
   ═══════════════════════════════════════════════════════════ */
.intel{
  position:relative; z-index:4; overflow:hidden;
  padding:clamp(76px,10vw,132px) clamp(20px,4vw,48px);
  background:linear-gradient(180deg,#000000 0%,#060504 45%,#000000 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.intel::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(232,197,107,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 70%);
  opacity:.4;
}
.intel-defs{ position:absolute; width:0; height:0; overflow:hidden; }
.intel__grid{
  position:relative; max-width:1240px; margin-inline:auto;
  display:grid; grid-template-columns:1fr; gap:16px;
}

/* ── intro cell ── */
.intel__intro{ padding:12px 8px 6px; display:flex; flex-direction:column; align-items:flex-start; }
.intel__intro .eyebrow{ margin-bottom:16px; }
.intel__intro h2{ font-size:clamp(28px,3.4vw,46px); line-height:1.14; margin-bottom:18px; }
.intel__intro p{ color:var(--muted); font-size:clamp(14px,1.5vw,17px); line-height:1.65; max-width:360px; }

/* ── cards ── */
.intel-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  min-height:238px; padding:24px; border-radius:18px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
  transition:border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.intel-card:hover{
  border-color:rgba(232,197,107,.35);
  box-shadow:0 18px 44px -22px rgba(232,197,107,.35);
  background:
    radial-gradient(420px 220px at 18% 0%,rgba(232,197,107,.09),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
}
.intel-card h3{ font-size:17px; font-weight:600; letter-spacing:0; }
.intel-card > p{ color:var(--muted); font-size:13.5px; line-height:1.55; max-width:260px; }
.intel-card--subs > p, .intel-card--maya > p, .intel-card--jarvis > p{ max-width:440px; }
.intel-visual{ margin-top:auto; width:100%; display:flex; align-items:flex-end; }

/* staggered reveal — full transition list so hover styles stay instant */
.intel-card.is-inview{
  transition:
    opacity .9s ease var(--d,0s),
    transform .9s var(--ease) var(--d,0s),
    border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

/* ── spend chart ── */
.intel-visual--chart svg{ width:100%; height:auto; display:block; }
.chart-line{
  fill:none; stroke:url(#intelGold); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:340; stroke-dashoffset:340;
}
.intel-card.is-inview .chart-line{ stroke-dashoffset:0; transition:stroke-dashoffset 1.8s var(--ease) .35s; }
.chart-fill{ opacity:0; }
.intel-card.is-inview .chart-fill{ opacity:1; transition:opacity 1.2s ease .8s; }
.chart-dot{ fill:#0c0b0a; stroke:url(#intelGold); stroke-width:1.6; opacity:0; }
.intel-card.is-inview .chart-dot{ opacity:1; transition:opacity .4s ease calc(.5s + var(--i,0) * .09s); }

/* ── donut + gauge ── */
.gauge-wrap{ position:relative; width:118px; }
.gauge{ width:118px; height:118px; display:block; }
.gauge circle{ fill:none; stroke-width:10; }
.gauge .track{ stroke:rgba(255,255,255,.09); }
.gauge .val{ stroke:url(#intelGold); stroke-linecap:round; }
.gauge-val{ stroke-dasharray:0 276.5; }
.intel-card.is-inview .gauge-val{ stroke-dasharray:var(--arc); transition:stroke-dasharray 1.5s var(--ease) .4s; }
.gauge-center{
  position:absolute; inset:0; display:flex; flex-direction:column; gap:2px;
  align-items:center; justify-content:center; text-align:center;
}
.gauge-center strong{ font-size:23px; font-weight:600; line-height:1; color:var(--ink); }
.gauge-center .gauge-center__big{ font-size:30px; }
.gauge-center span{ font-size:11px; color:var(--faint); letter-spacing:.04em; }

/* ── subscription app chips ── */
.intel-visual--apps{ gap:10px; justify-content:flex-end; }
.app-chip{
  width:44px; height:44px; border-radius:50%; flex:none;
  display:grid; place-items:center; font-weight:700; font-size:16px; color:#ffffff;
  background:var(--app,#2a2a2e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 8px 18px rgba(0,0,0,.5);
}
.app-chip--more{
  background:rgba(255,255,255,.06); border:1px solid rgba(232,197,107,.4);
  color:var(--gold-2); font-size:13px; font-weight:600;
}

/* ── maya waveform + orb ── */
.intel-visual--wave{ justify-content:space-between; align-items:center; }
.wave{ display:flex; gap:4px; align-items:center; height:56px; }
.wave span{
  width:3px; height:100%; border-radius:3px; flex:none;
  background:linear-gradient(180deg,#f8e29d,#c79a3f);
  animation:wavePulse 1.15s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * -.09s);
}
@keyframes wavePulse{
  0%,100%{ transform:scaleY(calc(var(--amp,.6) * .38)); }
  50%{ transform:scaleY(var(--amp,1)); }
}
.maya-orb{
  width:58px; height:58px; border-radius:50%; flex:none; display:grid; place-items:center;
  color:#1a1203;
  background:radial-gradient(circle at 32% 28%,#fbeec0,#e8c56b 55%,#9a7431);
  box-shadow:0 0 0 6px rgba(232,197,107,.12), 0 0 34px rgba(232,197,107,.45);
}
.maya-orb .ic{ width:22px; height:22px; color:#1a1203; }
.ic-mic{ --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0'/%3E%3Cpath d='M12 18v3'/%3E%3C/svg%3E"); }

/* ── reward intelligence: floating coins + multiplier meter ── */
.intel-visual--coins{ flex:1; align-items:center; gap:22px; }
.coin-stack{ position:relative; flex:none; display:flex; align-items:flex-end; padding:16px 10px 0 6px; }
.coin{
  width:58px; height:58px; border-radius:50%; flex:none;
  display:grid; place-items:center; font-weight:700; font-size:14px; color:#241703;
  background:radial-gradient(circle at 32% 28%,#fbeec0,#e8c56b 52%,#a17c2e);
  border:1px solid rgba(255,246,203,.5);
  box-shadow:0 10px 24px rgba(0,0,0,.5), 0 0 22px rgba(232,197,107,.25);
  animation:coinBob 3.4s ease-in-out infinite;
}
.coin + .coin{ margin-left:-14px; }
.coin:nth-child(4){ animation-delay:.4s; }
.coin:nth-child(5){ animation-delay:.8s; }
.coin--mid{ width:66px; height:66px; }
.coin--top{ width:74px; height:74px; font-size:16px; }
@keyframes coinBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }
.coin-spark{
  position:absolute; width:4px; height:4px; border-radius:50%; background:#f8e29d;
  box-shadow:0 0 9px rgba(248,226,157,.95); opacity:0;
  animation:sparkTwinkle 2.7s ease-in-out infinite; animation-delay:var(--s,0s);
}
@keyframes sparkTwinkle{ 0%,100%{ opacity:0; transform:scale(.4); } 50%{ opacity:1; transform:scale(1); } }
.coin-panel{ flex:1; min-width:0; display:flex; flex-direction:column; gap:14px; }
.coin-total strong{ display:block; font-size:27px; font-weight:700; line-height:1; }
.coin-total span{
  display:block; margin-top:6px; font-size:10.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--faint);
}
.mult-rows{ display:flex; flex-direction:column; gap:9px; }
.mult-row{ display:grid; grid-template-columns:58px minmax(0,1fr) 26px; align-items:center; gap:10px; }
.mult-label{ font-size:11px; color:var(--faint); letter-spacing:.03em; }
.mult-bar{ position:relative; height:4px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.mult-bar::after{
  content:""; position:absolute; inset:0; width:calc(var(--w,1) * 100%); border-radius:inherit;
  background:linear-gradient(90deg,#c79a3f,#f8e29d);
  box-shadow:0 0 10px rgba(232,197,107,.4);
  transform:scaleX(0); transform-origin:left;
}
.intel-card.is-inview .mult-bar::after{
  transform:scaleX(1);
  transition:transform .9s var(--ease) calc(.5s + var(--r,0) * .15s);
}
.mult-row b{ font-size:12px; color:var(--gold-2); text-align:right; font-weight:600; }

/* ── credit health score: readout + meter + trend ── */
.intel-visual--score{
  flex:1; flex-direction:column; align-items:stretch; justify-content:space-evenly; gap:12px;
}
.score-head{ display:flex; align-items:baseline; justify-content:space-between; }
.score-head strong{ font-size:28px; font-weight:700; line-height:1; }
.score-delta{ font-size:12px; color:var(--gold-2); }
.score-meter{ display:flex; gap:6px; }
.score-seg{ flex:1; height:8px; border-radius:99px; background:rgba(255,255,255,.08); }
.score-seg.is-lit{
  background:linear-gradient(90deg,#c79a3f,#f8e29d);
  box-shadow:0 0 14px rgba(232,197,107,.35);
  transform:scaleX(0); transform-origin:left;
}
.intel-card.is-inview .score-seg.is-lit{ transform:scaleX(1); transition:transform .6s var(--ease) calc(.4s + var(--i,0) * .18s); }
.score-trend svg{ width:100%; height:auto; display:block; }
.trend-line{
  fill:none; stroke:url(#intelGold); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:240; stroke-dashoffset:240;
}
.intel-card.is-inview .trend-line{ stroke-dashoffset:0; transition:stroke-dashoffset 1.6s var(--ease) .4s; }
.trend-fill{ opacity:0; }
.intel-card.is-inview .trend-fill{ opacity:1; transition:opacity 1s ease .9s; }
.trend-months{
  display:flex; justify-content:space-between; margin-top:7px;
  font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--faint);
}

/* ── jarvis: neural network of every ΛI1 intelligence ── */
.intel-card--jarvis{
  background:
    radial-gradient(360px 230px at 50% 118%,rgba(232,197,107,.13),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
}
.intel-card--jarvis:hover{
  border-color:rgba(232,197,107,.4);
  background:
    radial-gradient(420px 260px at 50% 118%,rgba(232,197,107,.17),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
}
.jarvis-steps{
  font-size:11.5px; letter-spacing:.08em; color:var(--faint);
  text-transform:uppercase;
}
.intel-visual--net{ margin-top:auto; }
.jarvis-net{ width:100%; max-width:360px; height:auto; display:block; }

/* links: one faint backbone + one traveling signal per intelligence */
.jn-base{ stroke:rgba(232,197,107,.15); stroke-width:1; }
.jn-sig{
  stroke:#f8e29d; stroke-width:1.4; stroke-linecap:round;
  stroke-dasharray:5 210; stroke-dashoffset:215; opacity:0;
  filter:drop-shadow(0 0 4px rgba(248,226,157,.8));
  animation:jnSig 5.4s linear infinite;
  animation-delay:calc(var(--i,0) * .9s);
}
.jn-node circle{
  fill:#0c0b0a; stroke:rgba(232,197,107,.55); stroke-width:1.2;
  animation:jnNode 5.4s linear infinite;
  animation-delay:calc(var(--i,0) * .9s);
}
.jn-label{
  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase;
  fill:rgba(247,243,235,.55); text-anchor:middle;
  animation:jnLabel 5.4s linear infinite;
  animation-delay:calc(var(--i,0) * .9s);
}
.jn-halo{
  fill:none; stroke:rgba(232,197,107,.3); stroke-width:1;
  animation:jnHalo 3s ease-in-out infinite;
}
.jn-ping{
  fill:none; stroke:rgba(248,226,157,.5); stroke-width:1;
  transform-box:fill-box; transform-origin:center;
  animation:jnPing .9s cubic-bezier(.19,1,.22,1) infinite;
}
.jn-disc{ filter:drop-shadow(0 0 10px rgba(232,197,107,.5)); }
.jn-core-t{ font-size:13px; font-weight:700; fill:#1a1203; text-anchor:middle; }

@keyframes jnSig{
  0%{ stroke-dashoffset:215; opacity:0; }
  2%{ opacity:1; }
  11%{ stroke-dashoffset:0; opacity:1; }
  13%,100%{ stroke-dashoffset:0; opacity:0; }
}
@keyframes jnNode{
  0%,1%{ filter:none; }
  3%{ filter:drop-shadow(0 0 6px rgba(248,226,157,.9)); }
  7%,100%{ filter:none; }
}
@keyframes jnLabel{
  0%,1%{ fill:rgba(247,243,235,.55); }
  4%{ fill:var(--gold-2); }
  9%,100%{ fill:rgba(247,243,235,.55); }
}
@keyframes jnHalo{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }
@keyframes jnPing{
  0%{ transform:scale(.45); opacity:.85; }
  70%,100%{ transform:scale(1.55); opacity:0; }
}
@media (max-width:640px){
  .jarvis-net{ margin-inline:auto; }
  .intel-visual--coins{ flex-direction:column; align-items:flex-start; gap:16px; }
}

/* ── explore link ── */
.intel__more{ font-size:15px; padding:8px 0 0; }

/* ── responsive ── */
@media (min-width:641px){
  .intel__grid{ grid-template-columns:1fr 1fr; grid-auto-flow:dense; }
  .intel__intro, .intel-card--subs, .intel-card--jarvis, .intel__more{ grid-column:1/-1; }
  .intel-card{ min-height:252px; }
}
@media (min-width:1025px){
  .intel__grid{ grid-template-columns:repeat(4,1fr); grid-auto-flow:row; gap:18px; }
  .intel__intro{ grid-column:1; grid-row:1; padding-right:24px; }
  .intel-card--spend{ grid-column:2; grid-row:1; }
  .intel-card--budget{ grid-column:3; grid-row:1; }
  .intel-card--credit{ grid-column:4; grid-row:1; }
  .intel-card--subs{ grid-column:1/3; grid-row:2; }
  .intel-card--maya{ grid-column:3/5; grid-row:2; min-height:212px; }
  .intel-card--rewards{ grid-column:1; grid-row:3; }
  .intel-card--health{ grid-column:2; grid-row:3; }
  .intel-card--jarvis{ grid-column:3/5; grid-row:3; min-height:200px; }
  .intel__more{ grid-column:1; grid-row:4; align-self:center; }
}

/* ═══════════════════════════════════════════════════════════
   SECTION 05 — INTELLIGENT BY DESIGN
   ═══════════════════════════════════════════════════════════ */
.design{
  position:relative; z-index:4; overflow:hidden;
  padding:clamp(76px,10vw,132px) clamp(20px,4vw,48px);
  background:linear-gradient(180deg,#000000 0%,#060504 50%,#000000 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:center;
}
.design::before{
  content:""; position:absolute; left:50%; top:6%; width:min(920px,120vw); height:640px;
  transform:translateX(-50%); pointer-events:none;
  background:radial-gradient(closest-side,rgba(232,197,107,.10),rgba(232,197,107,.03) 48%,transparent 74%);
}
.design__inner{ position:relative; max-width:1240px; margin-inline:auto; }

/* ── heading ── */
.design__head .eyebrow{ margin-bottom:16px; }
.design__head h2{ font-size:clamp(30px,4vw,52px); line-height:1.12; }

/* ── particle sphere stage ── */
.design__stage{
  position:relative; height:clamp(300px,42vw,470px);
  margin-top:clamp(10px,2vw,22px);
}
.design__glow{
  position:absolute; left:50%; top:50%; width:min(560px,88vw); height:min(560px,88vw);
  transform:translate(-50%,-50%); pointer-events:none; border-radius:50%;
  background:radial-gradient(circle,rgba(232,197,107,.13) 0%,rgba(232,197,107,.05) 42%,transparent 68%);
}
.design__canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }

/* ── lead line ── */
.design__lead{
  margin:clamp(2px,1vw,10px) auto 0; max-width:720px;
  font-size:clamp(16px,2vw,21px); line-height:1.55; color:var(--ink); font-weight:400;
}
.design__lead .gold-text{ font-weight:500; }

/* ── feature grid ── */
.design__grid{
  margin-top:clamp(44px,6vw,76px);
  display:grid; grid-template-columns:1fr; gap:16px; text-align:left;
}
.design-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:14px;
  padding:26px 24px; border-radius:18px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
  transition:border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.design-card:hover{
  border-color:rgba(232,197,107,.35);
  box-shadow:0 18px 44px -22px rgba(232,197,107,.35);
  background:
    radial-gradient(420px 220px at 18% 0%,rgba(232,197,107,.09),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
}
.design-card.is-inview{
  transition:
    opacity .9s ease var(--d,0s),
    transform .9s var(--ease) var(--d,0s),
    border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.design-card h3{ font-size:16.5px; font-weight:600; letter-spacing:0; }
.design-card > p{ color:var(--muted); font-size:13.5px; line-height:1.55; }
.design-card__icon{
  width:54px; height:54px; border-radius:50%; flex:none;
  display:grid; place-items:center; color:var(--gold-2);
  border:1px solid rgba(232,197,107,.32);
  background:radial-gradient(circle at 32% 28%,rgba(232,197,107,.16),rgba(232,197,107,.04) 62%);
  box-shadow:inset 0 0 0 1px rgba(232,197,107,.06), 0 6px 20px -8px rgba(232,197,107,.35);
  transition:border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);
}
.design-card:hover .design-card__icon{
  border-color:rgba(232,197,107,.6);
  box-shadow:inset 0 0 0 1px rgba(232,197,107,.12), 0 8px 26px -8px rgba(232,197,107,.55);
  transform:translateY(-2px);
}
.design-card__icon svg{ width:26px; height:26px; }

/* ── responsive ── */
@media (min-width:641px){
  .design__grid{ grid-template-columns:1fr 1fr; }
}
@media (min-width:1025px){
  .design__grid{ grid-template-columns:repeat(4,1fr); gap:18px; }
  .design__lead{ font-size:21px; }
}
@media (max-width:640px){
  .design__br{ display:none; }
}

/* ═══════════════════════════════════════════════════════════
   SECTION 06 — REWARDS MARKETPLACE
   ═══════════════════════════════════════════════════════════ */
.mkt{
  position:relative; max-width:1240px; margin-inline:auto;
  padding:clamp(80px,11vh,130px) clamp(20px,4vw,48px);
}
.mkt::before{
  content:""; position:absolute; top:-4%; left:50%; transform:translateX(-50%);
  width:min(760px,92vw); height:460px; pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(232,197,107,.07),transparent 62%);
}
.mkt__inner{ position:relative; }
.mkt__head{ text-align:center; }
.mkt__head .eyebrow{ margin-bottom:16px; }
.mkt__head h2{ font-size:clamp(30px,4vw,52px); line-height:1.12; }
.mkt__lead{
  margin:clamp(2px,1vw,10px) auto 0; max-width:640px;
  font-size:clamp(15px,1.8vw,19px); line-height:1.55; color:var(--muted);
}
.mkt__lead .gold-text{ font-weight:500; }
.mkt__grid{
  margin-top:clamp(40px,6vw,64px);
  display:grid; grid-template-columns:1fr; gap:16px; text-align:left;
}
.mkt-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:12px;
  padding:26px 24px; border-radius:18px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
  transition:border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.mkt-card:hover{
  border-color:rgba(232,197,107,.35);
  box-shadow:0 18px 44px -22px rgba(232,197,107,.35);
  background:
    radial-gradient(420px 220px at 18% 0%,rgba(232,197,107,.09),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0c0b0a;
}
.mkt-card.is-inview{
  transition:
    opacity .9s ease var(--d,0s),
    transform .9s var(--ease) var(--d,0s),
    border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.mkt-card h3{ font-size:16.5px; font-weight:600; letter-spacing:0; }
.mkt-card > p{ color:var(--muted); font-size:13.5px; line-height:1.55; }
.mkt-card__icon{
  width:54px; height:54px; border-radius:50%; flex:none;
  display:grid; place-items:center; color:var(--gold-2);
  border:1px solid rgba(232,197,107,.32);
  background:radial-gradient(circle at 32% 28%,rgba(232,197,107,.16),rgba(232,197,107,.04) 62%);
  box-shadow:inset 0 0 0 1px rgba(232,197,107,.06), 0 6px 20px -8px rgba(232,197,107,.35);
  transition:border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);
}
.mkt-card:hover .mkt-card__icon{
  border-color:rgba(232,197,107,.6);
  box-shadow:inset 0 0 0 1px rgba(232,197,107,.12), 0 8px 26px -8px rgba(232,197,107,.55);
  transform:translateY(-2px);
}
.mkt-card__icon .ic{ width:20px; height:20px; }
.mkt-card__icon svg{ width:24px; height:24px; }
.mkt-card__logo-img{
  width:46px;
  height:46px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(232,197,107,.28));
}
.mkt-chip{
  display:inline-block; font-size:10px; font-weight:500; letter-spacing:.09em;
  text-transform:uppercase; color:var(--gold-2); white-space:nowrap;
  border:1px solid rgba(232,197,107,.3); background:rgba(232,197,107,.07);
  padding:5px 11px; border-radius:99px;
}
.mkt-card__visual{
  margin-top:auto; width:100%; min-height:104px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding-top:10px;
}

/* — statement credit: coins → statement — */
.mk-credit{ display:flex; align-items:center; gap:11px; }
.mk-coinstack{ position:relative; width:46px; height:78px; flex:none; }
.mk-coin{
  position:absolute; left:50%; width:38px; height:38px; margin-left:-19px;
  border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 32% 26%,#fdf2cd,#e8c56b 52%,#93702a 96%);
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.4), 0 5px 12px rgba(0,0,0,.55);
  color:#5d420e; font-size:10.5px; font-weight:700;
  opacity:0; transform:translateY(10px) scale(.8);
  transition:opacity .5s ease, transform .5s var(--ease);
}
.mkt-card.is-inview .mk-coin{
  opacity:1; transform:none;
  transition:opacity .5s ease calc(.4s + var(--i,0) * .12s),
             transform .5s var(--ease) calc(.4s + var(--i,0) * .12s);
}
.mk-coin:nth-child(1){ bottom:0; }
.mk-coin:nth-child(2){ bottom:19px; z-index:2; }
.mk-coin:nth-child(3){ bottom:38px; z-index:3; }
.mk-flow{
  color:var(--gold); font-size:18px; flex:none;
  animation:mkFlow 2.2s ease-in-out infinite;
}
@keyframes mkFlow{ 0%,100%{ transform:translateX(-3px); opacity:.55; } 50%{ transform:translateX(3px); opacity:1; } }
.mk-stmt{
  border:1px solid rgba(232,197,107,.28); border-radius:12px;
  background:linear-gradient(180deg,#13110c,#0a0908);
  padding:12px 14px; box-shadow:0 16px 34px -18px rgba(0,0,0,.9);
}
.mk-stmt-label{
  display:block; font-size:9px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--faint);
}
.mk-stmt strong{ display:block; font-size:17px; margin:2px 0 1px; }
.mk-stmt-sub{ font-size:10px; color:var(--muted); }

/* — AI Shop tiles — */
.mk-shop{ display:grid; grid-template-columns:repeat(2,58px); gap:9px; }
.mk-tile{
  width:58px; height:58px; border-radius:13px;
  display:grid; place-items:center; color:var(--gold-2);
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,#161410,#0b0a08);
  box-shadow:0 10px 24px -14px rgba(0,0,0,.9);
  opacity:0; transform:translateY(12px) scale(.9);
  transition:opacity .5s ease, transform .5s var(--ease);
}
.mk-tile svg{ width:24px; height:24px; }
.mkt-card.is-inview .mk-tile{
  opacity:1; transform:none;
  transition:opacity .55s ease calc(.4s + var(--i,0) * .1s),
             transform .55s var(--ease) calc(.4s + var(--i,0) * .1s);
}
.mk-tile--hot{
  background:var(--grad-gold); color:#1c1404;
  font-size:15px; font-weight:700;
  box-shadow:0 12px 30px -10px rgba(232,197,107,.55);
}

/* — AI Travel route — */
.mk-flight{ width:100%; display:flex; justify-content:center; }
.mk-flight svg{ width:min(240px,100%); height:auto; overflow:visible; display:block; }
.mk-route-base{
  fill:none; stroke:rgba(255,255,255,.13); stroke-width:1.4;
  stroke-dasharray:2.5 6.5; stroke-linecap:round;
}
.mk-route{
  fill:none; stroke:var(--gold); stroke-width:1.7; stroke-linecap:round;
  stroke-dasharray:330; stroke-dashoffset:330;
}
.mkt-card.is-inview .mk-route{
  stroke-dashoffset:0; transition:stroke-dashoffset 2s var(--ease) .45s;
}
.mk-pin{ fill:#0c0b0a; stroke:var(--gold); stroke-width:1.7; }
.mk-city{
  fill:var(--faint); font-size:10px; letter-spacing:.22em;
  text-anchor:middle; font-family:"Space Grotesk",sans-serif;
}
.mk-plane{ opacity:0; }
.mkt-card.is-inview .mk-plane{ opacity:1; transition:opacity .6s ease 2.05s; }
.mkt-card.is-inview .mk-plane-float{ animation:mkFloat 3.2s ease-in-out 2.3s infinite; }
@keyframes mkFloat{ 0%,100%{ transform:translateY(-2.5px); } 50%{ transform:translateY(2.5px); } }

/* — AI Insurance shield — */
.mk-guardwrap{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.mk-guard{ position:relative; display:grid; place-items:center; width:92px; height:92px; }
.mk-ring{
  position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(232,197,107,.3);
  animation:mkPulse 3.2s ease-out infinite;
}
.mk-ring--2{ animation-delay:1.6s; }
@keyframes mkPulse{
  0%{ transform:scale(.5); opacity:.85; }
  100%{ transform:scale(1.22); opacity:0; }
}
.mk-shield{ width:44px; height:44px; color:var(--gold-2); filter:drop-shadow(0 6px 18px rgba(232,197,107,.35)); }
.mk-check{ stroke-dasharray:20; stroke-dashoffset:20; }
.mkt-card.is-inview .mk-check{
  stroke-dashoffset:0; transition:stroke-dashoffset .7s var(--ease) .9s;
}
.mk-covers{ display:flex; gap:7px; }
.mk-covers span{
  font-size:10px; letter-spacing:.06em; color:var(--muted);
  border:1px solid rgba(255,255,255,.1); border-radius:99px; padding:4px 10px;
}

/* — responsive — */
@media (min-width:641px){
  .mkt__grid{ grid-template-columns:1fr 1fr; }
}
@media (min-width:1025px){
  .mkt__grid{ grid-template-columns:repeat(4,1fr); gap:18px; }
}


/* ═══════════════════════════════════════════════════════
   FROM TRANSACTION TO ACTION — FLOW STRIP
   ═══════════════════════════════════════════════════════ */
.flow{ background:#000; }
.flow__defs{ position:absolute; width:0; height:0; overflow:hidden; }
.flow__inner{
  max-width:1360px; margin-inline:auto;
  padding:clamp(56px,8vh,92px) clamp(20px,4vw,48px) clamp(34px,5vh,52px);
  text-align:center;
}
.flow__inner .eyebrow{ margin-bottom:14px; }
.flow__title{ font-size:clamp(26px,3.2vw,40px); font-weight:600; }
.flow__strip{
  margin-top:clamp(26px,4vh,38px);
  border:1px solid rgba(255,255,255,.13); border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 55%);
  padding:clamp(24px,3vw,34px) clamp(20px,2vw,28px);
}
.flow__steps{ display:flex; align-items:flex-start; gap:10px; }
.flow__step{ flex:1 1 0; min-width:0; display:flex; gap:11px; text-align:left; }
.flow__icon{ flex:0 0 38px; width:38px; height:38px; }
.flow__icon svg{ width:100%; height:100%; }
.flow__glyph{
  flex:0 0 38px; width:38px; height:38px;
  display:grid; place-items:center;
  font-size:25px; font-weight:600; letter-spacing:-1px; line-height:1;
  background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 14px rgba(232,197,107,.35));
}
.flow__body{ min-width:0; }
.flow__num{ display:block; font-size:11.5px; font-weight:500; letter-spacing:.06em; color:var(--ink); margin-bottom:3px; }
.flow__num--gold{ color:var(--gold); }
.flow__step h3{ font-size:15px; font-weight:600; margin:0 0 8px; letter-spacing:-.01em; white-space:nowrap; }
.flow__step p{ font-size:12px; line-height:1.55; color:var(--faint); }
.flow__arrow{ flex:0 0 auto; margin-top:25px; width:20px; opacity:.9; }
.flow__arrow svg{ width:100%; }

@media (max-width:1100px){
  .flow__steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px 24px; }
  .flow__arrow{ display:none; }
}
@media (max-width:760px){
  .flow__steps{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .flow__steps{ grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════
   JOIN ΛI1 EARLY ACCESS
   ═══════════════════════════════════════════════════════ */
.early{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1000px 460px at 2% 102%,rgba(232,197,107,.1),transparent 58%),
    #040302;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.early__planet{
  position:absolute; left:-450px; bottom:-780px; width:1150px; height:1150px;
  pointer-events:none; user-select:none;
}
.early__dust{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(2.2px 2.2px at 7% 88%,rgba(248,226,157,.9),transparent 60%),
    radial-gradient(1.6px 1.6px at 15% 72%,rgba(232,197,107,.7),transparent 60%),
    radial-gradient(1.4px 1.4px at 24% 84%,rgba(248,226,157,.55),transparent 60%),
    radial-gradient(1.8px 1.8px at 31% 66%,rgba(232,197,107,.5),transparent 60%),
    radial-gradient(1.3px 1.3px at 12% 55%,rgba(232,197,107,.45),transparent 60%),
    radial-gradient(2.6px 2.6px at 19% 92%,rgba(248,226,157,.5),transparent 65%),
    radial-gradient(1.4px 1.4px at 38% 78%,rgba(232,197,107,.4),transparent 60%),
    radial-gradient(1.2px 1.2px at 44% 90%,rgba(232,197,107,.35),transparent 60%),
    radial-gradient(10px 10px at 10% 80%,rgba(232,197,107,.14),transparent 70%),
    radial-gradient(14px 14px at 26% 88%,rgba(232,197,107,.1),transparent 70%);
}
.early__inner{
  position:relative; max-width:1240px; margin-inline:auto;
  padding:clamp(64px,9vh,104px) clamp(20px,4vw,48px);
  display:grid; grid-template-columns:1fr; gap:28px; align-items:center;
}
.early__copy h2{ font-size:clamp(25px,2.3vw,30px); }
.early__copy p{ margin-top:14px; color:var(--muted); font-size:14.5px; max-width:340px; }
.early__panel{ position:relative; }
.early__row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.early__row--email{ grid-template-columns:1fr; }
.early__row input{
  width:100%; font:inherit; font-size:13.5px; color:var(--ink);
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1);
  border-radius:10px; padding:13px 16px; outline:none;
  transition:border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.early__row input::placeholder{ color:var(--faint); }
.early__row input:focus{
  border-color:rgba(232,197,107,.55); background:rgba(232,197,107,.05);
  box-shadow:0 0 0 3px rgba(232,197,107,.09);
}
.early__form .btn{ border-radius:10px; margin-top:2px; }
.early__consent{ margin:2px 0 12px; font-size:12px; }
.early__fine{ margin-top:13px; font-size:11px; line-height:1.55; color:var(--faint); }
.early__success{ text-align:center; padding:22px 6px; }
.early__success-icon{
  width:58px; height:58px; margin:0 auto 16px; border-radius:50%;
  display:grid; place-items:center; color:var(--gold);
  border:1px solid rgba(232,197,107,.4); background:rgba(232,197,107,.08);
  box-shadow:0 0 34px -8px rgba(232,197,107,.5);
}
.early__success h3{ font-size:21px; margin-bottom:8px; }
.early__success p{ color:var(--muted); font-size:13.5px; max-width:340px; margin-inline:auto; }
.early__community{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
  border:1px solid rgba(255,255,255,.09); border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),#0b0a09;
  padding:24px 24px 34px;
}
.early__community-label{ font-size:13px; color:rgba(247,243,235,.85); }
.early__rank{
  font-size:clamp(34px,2.9vw,42px); font-weight:600; letter-spacing:-.01em;
  font-variant-numeric:tabular-nums; line-height:1.15;
}
.early__community p{ color:var(--muted); font-size:13px; line-height:1.5; max-width:190px; }
.early__community .tlink{ margin-top:10px; font-size:13.5px; }
.early__crowd{ position:absolute; right:14px; bottom:-4px; width:150px; height:auto; pointer-events:none; }

@media (min-width:641px) and (max-width:1024px){
  .early__inner{ grid-template-columns:1fr 1fr; }
  .early__copy{ grid-column:1/-1; }
}
@media (min-width:1025px){
  .early__inner{ grid-template-columns:1.08fr 1.22fr .95fr; gap:30px; }
  .early__copy h2 .gold-text{ white-space:nowrap; }
}
@media (max-width:520px){
  .early__planet{
    left:50%; bottom:-238px; width:760px; height:760px;
    transform:translateX(-50%);
    opacity:.48;
    filter:saturate(.9) contrast(1.08) brightness(.82);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
  }
  .early__row{ grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════════════════ */
.faq{
  position:relative; max-width:1240px; margin-inline:auto;
  padding:clamp(70px,10vh,110px) clamp(20px,4vw,48px);
}
.faq__eyebrow{ display:block; text-align:center; margin-bottom:36px; }
.faq__grid{
  display:grid; grid-template-columns:1fr; gap:12px 16px; align-items:start;
}
@media (min-width:761px){
  .faq__grid{ grid-template-columns:1fr 1fr; }
}
.faq-item{
  border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),#0b0a09;
  transition:border-color .35s ease;
}
.faq-item:hover{ border-color:rgba(232,197,107,.28); }
.faq-item.is-open{ border-color:rgba(232,197,107,.42); }
.faq-item.is-inview{
  transition:
    opacity .9s ease var(--d,0s),
    transform .9s var(--ease) var(--d,0s),
    border-color .35s ease;
}
.faq-item__q{
  width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:18px 20px; background:none; border:0; cursor:pointer;
  color:var(--ink); font:inherit; font-size:15px; font-weight:500; text-align:left;
}
.faq-item__x{
  position:relative; width:26px; height:26px; flex:none; border-radius:50%;
  border:1px solid rgba(232,197,107,.38);
  transition:transform .45s var(--ease), background .3s ease;
}
.faq-item__x::before,.faq-item__x::after{
  content:""; position:absolute; top:50%; left:50%; background:var(--gold);
  transform:translate(-50%,-50%);
}
.faq-item__x::before{ width:10px; height:1.6px; }
.faq-item__x::after{ width:1.6px; height:10px; }
.faq-item.is-open .faq-item__x{ transform:rotate(45deg); background:rgba(232,197,107,.12); }
.faq-item__a{
  max-height:0; overflow:hidden;
  transition:max-height .5s var(--ease);
}
.faq-item__a p{
  padding:0 46px 20px 20px; color:var(--muted);
  font-size:13.5px; line-height:1.6;
}

/* ═══════════════════════════════════════════════════════════
   FULL FOOTER
   ═══════════════════════════════════════════════════════════ */
.footer--full{
  scroll-margin-top:72px;
  background:
    radial-gradient(900px 320px at 10% 0%,rgba(232,197,107,.05),transparent 60%),
    #000000;
  border-top:1px solid rgba(232,197,107,.14);
}
.footer--full .footer__inner{
  display:block; max-width:1280px;
  padding:clamp(48px,7vh,76px) clamp(20px,4vw,48px) 0;
}
.footer__top{ display:grid; grid-template-columns:1fr; gap:44px; }
@media (min-width:1025px){
  .footer__top{ grid-template-columns:270px 1fr; gap:56px; }
}
.footer__brandcol{
  display:flex; flex-direction:column; align-items:flex-start; gap:14px;
}
.footer--full .footer__logo{ font-size:36px; }
.footer__tag{ color:var(--muted); font-size:14px; }
.footer__social{ display:flex; gap:11px; margin-top:8px; }
.footer__social a{
  width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; color:var(--muted);
  border:1px solid rgba(255,255,255,.12);
  transition:color .3s ease, border-color .3s ease, transform .3s var(--ease), box-shadow .3s ease;
}
.footer__social a:hover{
  color:var(--gold); border-color:rgba(232,197,107,.5);
  transform:translateY(-2px);
  box-shadow:0 8px 20px -10px rgba(232,197,107,.5);
}
.footer__social svg{ width:17px; height:17px; }
.footer__cols{
  display:grid; grid-template-columns:repeat(2,1fr); gap:32px 22px;
}
@media (min-width:641px){
  .footer__cols{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1025px){
  .footer__cols{ grid-template-columns:repeat(5,1fr); gap:26px; }
}
.footer__col h4{
  font-size:11px; font-weight:500; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold); margin-bottom:16px;
}
.footer__col a{
  display:block; color:var(--muted); font-size:13.5px; padding:5.5px 0;
  transition:color .3s ease, transform .3s var(--ease);
}
.footer__col a:hover{ color:var(--gold-2); transform:translateX(3px); }
.footer__col--note p{
  color:var(--muted); font-size:12.5px; line-height:1.7; max-width:250px;
}
.footer__bottom{
  margin-top:48px; border-top:1px solid rgba(255,255,255,.07);
  padding:20px 0 26px;
  display:flex; justify-content:space-between; align-items:center;
  gap:10px; flex-wrap:wrap;
  font-size:12.5px; color:var(--faint);
}
@media (max-width:640px){
  .footer--full .footer__inner{
    padding:38px 22px 0;
  }
  .footer__top{
    gap:34px;
  }
  .footer__brandcol{
    align-items:center;
    text-align:center;
    gap:12px;
  }
  .footer--full .footer__logo{
    font-size:34px;
    line-height:1;
  }
  .footer__tag{
    max-width:260px;
    margin-inline:auto;
    line-height:1.55;
  }
  .footer__social{
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:6px;
  }
  .footer__social a{
    width:42px;
    height:42px;
  }
  .footer__cols{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 18px;
    text-align:center;
  }
  .footer__col h4{
    margin-bottom:12px;
    font-size:10.5px;
    letter-spacing:.2em;
  }
  .footer__col a{
    padding:7px 0;
    line-height:1.35;
  }
  .footer__col a:hover{
    transform:none;
  }
  .footer__col--note{
    grid-column:1 / -1;
    padding:18px 16px;
    border:1px solid rgba(232,197,107,.12);
    border-radius:8px;
    background:rgba(255,255,255,.025);
    text-align:left;
  }
  .footer__col--note p{
    max-width:none;
    margin:0;
  }
  .footer__bottom{
    margin-top:28px;
    padding:18px 0 24px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:8px;
  }
}
@media (max-width:420px){
  .footer--full .footer__inner{
    padding-inline:18px;
  }
  .footer__cols{
    gap:28px 12px;
  }
  .footer__col h4{
    letter-spacing:.17em;
  }
  .footer__col a{
    font-size:13px;
  }
  .footer__col--note{
    padding:16px 14px;
  }
  .footer__bottom{
    font-size:12px;
  }
}

/* ══════════ INVITE FRIENDS MODAL ══════════ */
.invite-modal{ z-index:11300; }
.invite-modal__card{
  max-width:440px; padding:38px clamp(22px,5vw,32px) 24px;
  text-align:center; overflow:hidden;
}
.invite-modal__close,.invite-modal__share{
  position:absolute; top:16px; width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:var(--muted); font-size:20px; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:color .3s, border-color .3s, background .3s;
  -webkit-tap-highlight-color:transparent;
}
.invite-modal__close{ left:16px; }
.invite-modal__share{ right:16px; }
.invite-modal__share svg{ width:16px; height:16px; }
.invite-modal__close:hover,.invite-modal__share:hover{
  color:var(--gold); border-color:var(--gold); background:rgba(232,197,107,.1);
}
.invite-modal__verified{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 15px; border:1px solid rgba(232,197,107,.32); border-radius:999px;
  background:rgba(232,197,107,.08); color:var(--gold-2);
  font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
}
.invite-modal__verified .ic{ width:13px; height:13px; color:var(--gold); }
.invite-modal__title{ font-size:clamp(26px,6.4vw,32px); margin:18px 0 10px; }
.invite-modal__desc{
  font-size:13.5px; color:var(--muted); line-height:1.6;
  max-width:330px; margin:0 auto;
}
.invite-modal__stage{
  position:relative; margin:18px auto 4px;
  width:min(100%,330px); aspect-ratio:1.34;
  display:flex; align-items:center; justify-content:center;
}
.invite-modal__spotlight{
  position:absolute; inset:-22% -30%; pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,rgba(232,197,107,.34),rgba(232,197,107,.1) 45%,transparent 72%);
  filter:blur(14px);
}
.invite-modal__canvas{ position:relative; width:100%; height:100%; display:none; }
.invite-modal__stage.is-3d .invite-modal__canvas{ display:block; cursor:grab; }
.invite-modal__stage.is-3d .invite-card-fallback{ display:none; }
.invite-card-fallback{
  position:relative; width:min(86%,350px); aspect-ratio:1.586;
  transform:rotate(-7deg); filter:drop-shadow(0 30px 46px rgba(232,197,107,.28));
}
.invite-card-fallback .metal-card__face{ --mx:50%; --my:50%; }
.invite-modal__specs{
  display:flex; justify-content:center; gap:clamp(20px,7vw,48px);
  margin:10px 0 20px;
}
.invite-modal__spec span{
  display:block; font-size:10px; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--faint);
}
.invite-modal__spec strong{
  display:block; margin-top:5px; font-size:14px; font-weight:600; color:var(--ink);
}
.invite-modal__cta{ font-weight:600; padding:16px 28px; }
.invite-modal__fine{
  font-size:11px; color:var(--faint); line-height:1.55; margin-top:13px;
  transition:color .3s;
}
.invite-modal__fine.is-copied{ color:var(--gold-2); }
@media (max-width:420px){
  .invite-modal__card{ padding-left:18px; padding-right:18px; }
  .invite-modal__stage{ width:min(100%,270px); }
}

/* ── waitlist submit spinner + spam note ── */
.btn.is-loading::before{
  content:""; width:14px; height:14px; flex:none; border-radius:50%;
  border:2px solid rgba(25,18,3,.3); border-top-color:#191203;
  animation:btnSpin .7s linear infinite;
}
@keyframes btnSpin{ to{ transform:rotate(360deg); } }
.success-spam-note{
  font-size:11.5px; color:var(--gold); opacity:.85;
  line-height:1.5; margin:-14px auto 22px;
}
.early__success .success-spam-note{ margin:14px auto 0; }


/* ═══════════════════════════════════════════════════════════
   SURVEY CTA — clean split panel: copy + start button on the
   left, the static 3D card on the right (no interaction).
   ═══════════════════════════════════════════════════════════ */
.survey-cta{
  position:relative; overflow:hidden;
  background:#030201;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.survey-cta::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(760px 340px at 78% 50%,rgba(232,197,107,.07),transparent 65%);
}
.survey-cta__inner{
  position:relative; z-index:2; max-width:1240px; margin-inline:auto;
  padding:clamp(64px,9vh,104px) clamp(20px,4vw,48px);
  display:grid; grid-template-columns:1fr; gap:38px; align-items:center;
}
.survey-cta__visual{
  position:relative; width:min(100%,540px); aspect-ratio:1.5;
  margin-inline:auto; display:flex; align-items:center; justify-content:center;
}
.survey-cta__visual canvas{
  position:relative; width:100%; height:100%; display:block; z-index:2;
  filter:drop-shadow(0 36px 64px rgba(0,0,0,.65));
}
.survey-cta__fallback-card{
  position:absolute; z-index:3; inset:0; display:grid; place-items:center;
  font-size:44px; font-weight:700; letter-spacing:.06em;
}
.survey-cta__copy h2{ font-size:clamp(28px,3.2vw,42px); line-height:1.18; }
.survey-cta__copy > p{
  margin-top:18px; color:var(--muted); font-size:15px; line-height:1.7; max-width:440px;
}
.survey-cta__actions{ margin-top:30px; display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.survey-cta__actions .btn{ padding:16px 34px; font-size:15px; }
.survey-cta__meta{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.survey-cta__prizes{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.survey-cta__prize{
  display:inline-flex; align-items:center; gap:9px;
  padding:8px 16px 8px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035);
  font-size:12px; font-weight:600; letter-spacing:.05em; color:rgba(247,243,235,.85);
}
.survey-cta__prize i{
  width:26px; height:16px; border-radius:5px; transform:rotate(-8deg); flex:none;
  box-shadow:0 4px 12px -3px rgba(0,0,0,.7), inset 0 1px 1px rgba(255,255,255,.4);
}
.survey-cta__prize--gold i{ background:var(--grad-gold); }
.survey-cta__prize--gold{ border-color:rgba(232,197,107,.32); }
.survey-cta__prize--silver i{ background:var(--grad-silver); }
.survey-cta__prize--silver{ border-color:rgba(216,221,228,.26); }
.survey-cta__note{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; color:var(--faint); letter-spacing:.02em;
}
.survey-cta__note .ic{ width:13px; height:13px; color:var(--gold); opacity:.8; }
@media (max-width:640px){
  .survey-cta__prizes{ gap:9px; }
  .survey-cta__visual{ aspect-ratio:1.42; }
}
@media (min-width:901px){
  .survey-cta__inner{ grid-template-columns:1.05fr 1fr; gap:56px; }
  .survey-cta__visual{ justify-self:end; width:min(100%,520px); }
  .survey-cta__copy{ max-width:480px; }
}