/* ============ Yatrefy shared styles ============ */
:root{
  --ink:#0A0A0A;
  --paper:#FFFFFF;
  --muted:#6B6B6B;
  --line:#EAEAEA;
  --soft:#F4F4F2;
  --soft2:#EFEFEC;
  --yellow:#FFE500;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{padding-top:100px}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--yellow);color:var(--ink)}

.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.tight{letter-spacing:-0.04em}
.tighter{letter-spacing:-0.055em}

/* ---------- FLOATING PILL NAV ---------- */
.nav{
  position:fixed;top:20px;left:50%;transform:translateX(-50%);
  z-index:100;
  background:rgba(10,10,10,0.85);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:9999px;
  padding:8px 24px 8px 16px;
  display:flex;align-items:center;gap:8px;
  width:860px;max-width:860px;
  box-shadow:0 8px 32px rgba(0,0,0,0.3);
}
.nav-logo{color:#fff;font-weight:800;font-size:16px;margin-left:auto;margin-right:16px;letter-spacing:-0.02em;font-family:'Inter Tight',Inter,sans-serif}
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  margin-left: 12px;
}
.nav-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}
.nav-links{display:flex;gap:2px}
.nav-link{
  color:rgba(255,255,255,0.6);
  font-size:13px;padding:6px 14px;border-radius:9999px;
  text-decoration:none;transition:all 0.2s;
  display:flex;align-items:center;gap:4px;
}
.nav-link:hover{background:rgba(255,255,255,0.1);color:#fff}
.nav-link.active{background:rgba(255,255,255,0.12);color:#fff}
.nav-link .prefix{font-family:'Instrument Serif',serif;font-style:italic;font-size:12px;opacity:0.55;font-weight:400}
.nav-link .label{font-weight:600;letter-spacing:-0.005em}
.nav-divider{width:1px;height:20px;background:rgba(255,255,255,0.15);margin:0 8px}
.nav-cta{
  background:#FFE500;color:#0A0A0A;
  font-size:13px;font-weight:700;padding:7px 16px;
  border-radius:9999px;text-decoration:none;margin-left:8px;
  transition:opacity 0.2s,transform 0.2s;
  display:inline-flex;align-items:center;gap:6px;
}
.nav-cta:hover{opacity:0.9;transform:translateY(-1px)}
.nav-login{color:rgba(255,255,255,0.5);font-size:13px;text-decoration:none;padding:7px 12px;transition:color .2s}
.nav-login:hover{color:#fff}

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:14.5px;letter-spacing:-0.005em;
  padding:11px 18px;border-radius:999px;
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:var(--ink)}
.btn-yellow:hover{transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-ghost-dark{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.btn-ghost-dark:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #fff}
.btn .arrow{display:inline-block;transition:transform .2s ease}
.btn:hover .arrow{transform:translateX(3px)}

/* ---------- HERO ---------- */
.hero{
  min-height:calc(100svh - 100px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:48px 32px 64px;position:relative;overflow:hidden;
}
.eyebrow{
  font-size:12px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;
  color:#8a8a8a;display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;
}
.eyebrow::before,.eyebrow::after{content:"";width:24px;height:1px;background:#cfcfcf;display:inline-block}
h1.headline{
  font-family:'Inter Tight',Inter,sans-serif;font-weight:800;
  font-size:clamp(48px, 8.4vw, 116px);line-height:.96;letter-spacing:-0.055em;
  margin:0 auto;max-width:14ch;
}
h1 .alive,h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-0.02em}
.sub{margin-top:28px;font-size:20px;line-height:1.5;color:#5a5a5a;font-weight:400;max-width:640px}
.sub b{color:var(--ink);font-weight:600}
.hero-ctas{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap;justify-content:center}
.stats{margin-top:80px;display:flex;align-items:center;gap:18px;font-size:13.5px;color:#7a7a7a;font-weight:500;flex-wrap:wrap;justify-content:center}
.stats b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.stats .dotsep{width:3px;height:3px;background:#bdbdbd;border-radius:50%;display:inline-block}
.corner{position:absolute;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9a9a9a;font-weight:600}
.corner.tl{top:24px;left:32px}
.corner.tr{top:24px;right:32px}
.corner.bl{bottom:24px;left:32px}
.corner.br{bottom:24px;right:32px}

/* hero entry on-load */
@keyframes heroFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{opacity:0;animation:heroFadeUp .8s cubic-bezier(0.16,1,0.3,1) forwards}
.hero-anim.d1{animation-delay:.05s}
.hero-anim.d2{animation-delay:.18s}
.hero-anim.d3{animation-delay:.34s}
.hero-anim.d4{animation-delay:.5s}
.hero-anim.d5{animation-delay:.66s}

/* ---------- LOGO STRIP ---------- */
.logos{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;background:#fff}
.logos-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.logos .lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9a9a9a;font-weight:600}
.logos .marks{display:flex;align-items:center;gap:48px;flex-wrap:wrap;opacity:.85}
.logos .marks span{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.03em;color:#2a2a2a}
.logos .marks span.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:22px}

/* ---------- PRODUCTS (dark 3-card) ---------- */
.products{padding:100px 64px;background:#0A0A0A}
.products-head{text-align:center;margin-bottom:64px}
.products-label{color:#555;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.products-title{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(40px,5.6vw,72px);line-height:.98;letter-spacing:-0.05em;color:#fff;margin:0 0 14px}
.products-title em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:#888}
.products-sub{color:#888;font-size:16px;max-width:520px;margin:0 auto;line-height:1.5}
.products-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:24px;overflow:hidden;max-width:1320px;margin:0 auto}
.pcard{
  background:#111;padding:48px 36px;position:relative;overflow:hidden;
  transition:background 0.3s;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;min-height:520px;
}
.pcard:hover{background:#161616}
.pcard-num{font-size:11px;color:#444;letter-spacing:0.15em;margin-bottom:32px;font-weight:600}
.pcard-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:5px 10px;border-radius:4px;margin-bottom:24px;align-self:flex-start}
.pcard-1 .pcard-tag{background:#FFE500;color:#0A0A0A}
.pcard-2 .pcard-tag{background:rgba(255,255,255,0.1);color:#fff}
.pcard-3 .pcard-tag{background:#1a1a1a;color:#888;border:1px solid #333}
.pcard-headline{font-family:'Inter Tight',sans-serif;font-size:30px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-0.035em;margin-bottom:18px}
.pcard-sub{font-size:14.5px;color:#888;line-height:1.55;margin-bottom:28px}
.pcard-benefits{list-style:none;padding:0;margin:auto 0 32px}
.pcard-benefits li{font-size:13.5px;color:#777;padding:11px 0;border-top:1px solid #1d1d1d;display:flex;gap:12px;transition:color .25s}
.pcard-benefits li::before{content:'—';color:#333;flex-shrink:0}
.pcard:hover .pcard-benefits li{color:#9a9a9a}
.pcard-link{font-size:13px;font-weight:700;color:#555;display:flex;align-items:center;gap:6px;transition:color 0.2s, gap 0.2s;letter-spacing:-0.005em}
.pcard:hover .pcard-link{color:#fff;gap:10px}
.pcard-1:hover .pcard-link{color:#FFE500}

/* ---------- FEATURE ROWS ---------- */
.features{padding:72px 0 72px;background:#fff}
.feature{display:grid;grid-template-columns:1fr 1.05fr;gap:88px;align-items:stretch;margin-bottom:144px}
.feature:last-child{margin-bottom:0}
.feature.reverse .ftext{order:2}
.feature.reverse .fmock{order:1}
.ftext .ftag{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8a8a8a;font-weight:600;display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}
.ftext .ftag::before{content:"";width:18px;height:1px;background:#bdbdbd;display:inline-block}
.ftext h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-0.045em;margin:0 0 20px}
.ftext h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.ftext p{font-size:17px;line-height:1.55;color:#5a5a5a;margin:0 0 28px;max-width:46ch}
.ftext .checks{list-style:none;padding:0;margin:0 0 28px}
.ftext .checks li{padding:14px 0;border-top:1px solid var(--line);font-size:14.5px;display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;color:#1a1a1a}
.ftext .checks li:last-child{border-bottom:1px solid var(--line)}
.ftext .checks li svg{width:14px;height:14px}
.ftext .checks li .v{color:#7a7a7a;font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}
.ftext .flink{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.ftext .flink:hover{text-decoration:underline}

/* mockup chrome */
.fmock{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:32px;min-height:520px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.mock-window{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.18)}
.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafafa}
.mock-bar .d{width:10px;height:10px;border-radius:50%;background:#e3e3e3}
.mock-bar .url{margin-left:14px;font-size:11.5px;color:#7a7a7a;font-family:'Inter',sans-serif}

/* operator card */
.op-card{padding:22px}
.op-row{display:flex;align-items:center;gap:14px}
.op-avatar{width:52px;height:52px;border-radius:14px;background:#0A0A0A;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.04em}
.op-name{font-weight:700;font-size:16px;letter-spacing:-0.01em;display:flex;align-items:center;gap:8px}
.op-name .ver{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#0A6E2A;background:#E8F6EC;padding:3px 8px;border-radius:999px;letter-spacing:0}
.op-meta{font-size:12.5px;color:#7a7a7a;margin-top:3px}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.op-grid > div{padding:14px 0;border-right:1px solid var(--line)}
.op-grid > div:last-child{border-right:0}
.op-grid .k{font-size:11px;color:#8a8a8a;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.op-grid .v{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.03em;margin-top:4px}
.op-checks{margin-top:14px;display:grid;gap:8px}
.op-checks div{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a}
.op-checks div svg{width:14px;height:14px}

.badge-stack{position:absolute;right:-8px;top:60px;display:flex;flex-direction:column;gap:10px}
.float-badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:12.5px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 24px -16px rgba(0,0,0,.2)}
.float-badge .dot{width:8px;height:8px;border-radius:50%;background:#1DB954}
.float-badge b{font-weight:700}

/* escrow timeline */
.esc{padding:22px}
.esc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.esc-title{font-weight:700;font-size:15px;letter-spacing:-0.01em}
.esc-amt{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.03em}
.esc-bar{height:6px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:18px}
.esc-bar .fill{height:100%;background:var(--ink);width:62%}
.esc-steps{display:grid;gap:0}
.esc-step{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.esc-step:last-child{border-bottom:1px solid var(--line)}
.esc-dot{width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #d0d0d0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#9a9a9a}
.esc-step.done .esc-dot{background:#0A0A0A;border-color:#0A0A0A;color:#fff}
.esc-step.active .esc-dot{background:#fff;border-color:#0A0A0A;color:#0A0A0A;box-shadow:0 0 0 4px rgba(10,10,10,.08)}
.esc-label{font-size:14px;font-weight:600;letter-spacing:-0.005em}
.esc-sub{font-size:12px;color:#8a8a8a;font-weight:500;margin-top:2px}
.esc-time{font-size:12px;color:#8a8a8a;font-variant-numeric:tabular-nums}
.esc-foot{margin-top:16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;font-size:13px}
.esc-foot b{font-weight:700}
.float-badge.lock{position:absolute;left:14px;bottom:54px}
.float-badge.payout{position:absolute;right:14px;bottom:120px}

/* Influencer card is much taller — re-anchor its floating badges near the chart */
.feature.reverse .float-badge.lock{ left: 0; bottom: auto; top: 360px; }
.feature.reverse .float-badge.payout{ right: -8px; bottom: auto; top: 162px; }

/* ---------- LIGHT OPERATOR VERIFICATION CARD ---------- */
.opv{
  background:#ffffff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;
  width:100%;max-width:480px;align-self:center;color:#0A0A0A;
  box-shadow:0 4px 24px rgba(0,0,0,0.08);
  display:flex;flex-direction:column;
}
.opv-bar{height:36px;background:#f5f5f5;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #ebebeb}
.opv-bar .dt{width:9px;height:9px;border-radius:50%}
.opv-bar .dt.r{background:#ff5f56}
.opv-bar .dt.y{background:#ffbd2e}
.opv-bar .dt.g{background:#27c93f}
.opv-bar .url{margin-left:14px;font-size:11.5px;color:#888;font-family:'Inter',sans-serif}

.opv-head{padding:20px 24px;display:flex;align-items:flex-start;gap:14px;background:#fff}
.opv-av{width:42px;height:42px;border-radius:10px;background:#0A0A0A;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:18px;letter-spacing:-0.04em;flex-shrink:0}
.opv-name{font-weight:700;color:#0A0A0A;font-size:15px;letter-spacing:-0.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.opv-tier{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#0a8c4a;letter-spacing:0;text-transform:lowercase}
.opv-tier .gd{width:6px;height:6px;background:#0a8c4a;border-radius:50%}
.opv-meta{font-size:12px;color:#888;margin-top:4px;font-weight:500}

.opv-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fafafa;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:16px 24px}
.opv-stats > div + div{border-left:1px solid #ebebeb;padding-left:18px}
.opv-stats .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:700}
.opv-stats .v{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:24px;color:#0A0A0A;letter-spacing:-0.035em;margin-top:5px}

.opv-checks{padding:14px 24px;display:flex;flex-direction:column;background:#fff}
.opv-check{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f0f0f0;font-size:13px}
.opv-check:first-child{border-top:0}
.opv-check svg{width:16px;height:16px;color:#0a8c4a}
.opv-check .lbl{color:#0A0A0A;font-weight:500;letter-spacing:-0.005em}
.opv-check .st{color:#888;font-size:12px;font-weight:500}
.opv-check .st.live{background:#0a8c4a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:999px;text-transform:uppercase}

.opv-strip{background:#f8f8f8;border-top:1px solid #ebebeb;padding:12px 24px;display:flex;justify-content:center;gap:12px;font-size:11px;color:#888;font-weight:500;flex-wrap:wrap}
.opv-strip span{display:inline-flex;align-items:center;gap:12px}
.opv-strip span + span::before{content:"·";color:#cfcfcf}

.opv-verified{background:#f0faf0;border-top:1px solid #d4f0d4;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.opv-vpill{display:inline-flex;align-items:center;gap:6px;background:#0a8c4a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;padding:5px 10px;border-radius:999px}
.opv-vpill svg{width:11px;height:11px}
.opv-vmeta{color:#666;font-size:12px;font-weight:500}

/* ---------- TESTIMONIALS ---------- */
.quotes{padding:144px 0;background:var(--soft)}
.quotes h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.045em;margin:0 0 64px;max-width:18ch}
.quotes h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:24px;min-height:340px}
.qcard .mark{font-family:'Instrument Serif',serif;font-size:64px;line-height:.6;color:var(--ink);height:24px}
.qcard blockquote{margin:0;font-size:19px;line-height:1.45;letter-spacing:-0.015em;font-weight:500;color:var(--ink);flex:1}
.qcard blockquote em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.qcard .role{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:13px}
.qcard .role .tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;background:var(--ink);color:#fff;padding:5px 9px;border-radius:999px}
.qcard .role .meta{color:#8a8a8a;font-weight:500}

/* ---------- BIG CTA ---------- */
.cta{background:var(--ink);color:#fff;padding:96px 0 120px;position:relative;overflow:hidden}
.cta .wrap{text-align:center;position:relative;z-index:2}
.cta .eyebrow{color:#9a9a9a}
.cta .eyebrow::before,.cta .eyebrow::after{background:#3a3a3a}
.cta h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(56px,9vw,140px);line-height:.92;letter-spacing:-0.06em;margin:18px 0 28px}
.cta h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.cta p{font-size:18px;color:#bdbdbd;max-width:560px;margin:0 auto 44px;line-height:1.5}
.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cta-row .btn{padding:14px 22px;font-size:15px}
.cta-foot{margin-top:60px;display:flex;justify-content:center;gap:32px;font-size:12.5px;color:#8a8a8a;letter-spacing:.06em;flex-wrap:wrap}
.cta-foot span{display:inline-flex;align-items:center;gap:8px}
.cta-foot span::before{content:"";width:5px;height:5px;border-radius:50%;background:#3a3a3a}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);color:#bdbdbd;padding:72px 0 36px;border-top:1px solid #1a1a1a}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px;padding-bottom:56px;border-bottom:1px solid #1f1f1f}
.foot-brand .brand{color:#fff;font-size:28px;font-family:'Inter Tight',sans-serif;font-weight:800;letter-spacing:-0.04em;display:flex;align-items:center;gap:10px}
.foot-brand .brand .dot{width:10px;height:10px;background:#fff;border-radius:50%}
.foot-brand p{font-size:13.5px;color:#9a9a9a;line-height:1.55;margin:14px 0 20px;max-width:32ch}
.foot-brand .selector{display:inline-flex;align-items:center;gap:8px;font-size:12px;border:1px solid #2a2a2a;padding:7px 12px;border-radius:999px;color:#cfcfcf}
.foot-col h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#fff;font-weight:700;margin:0 0 18px}
.foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.foot-col li a{font-size:14px;color:#9a9a9a}
.foot-col li a:hover{color:#fff}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:12.5px;color:#7a7a7a;flex-wrap:wrap;gap:16px}
.foot-bot .links{display:flex;gap:22px;flex-wrap:wrap}
.foot-bot .links a:hover{color:#fff}
.megaword{font-family:'Inter Tight',sans-serif;font-weight:900;font-size:clamp(80px,18vw,260px);line-height:.85;letter-spacing:-0.07em;color:#0f0f0f;text-align:center;margin-top:48px;user-select:none;border-top:1px solid #1a1a1a;padding-top:48px}
.megaword em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:#1a1a1a}

/* ---------- SECTION HEAD (used on subpages) ---------- */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:72px}
.section-head h2{font-family:'Inter Tight',Inter,sans-serif;font-weight:800;font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-0.045em;margin:0;max-width:14ch}
.section-head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.section-head .meta{font-size:14px;color:#6a6a6a;max-width:340px;line-height:1.5}
.section-head .meta .pill{display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:#fff;border:1px solid var(--line);padding:6px 10px;border-radius:999px;margin-bottom:14px;font-weight:600;color:#2a2a2a}

/* ---------- SCROLL REVEAL ---------- */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(0.16,1,0.3,1),transform .6s cubic-bezier(0.16,1,0.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .6s cubic-bezier(0.16,1,0.3,1),transform .6s cubic-bezier(0.16,1,0.3,1)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .6s cubic-bezier(0.16,1,0.3,1),transform .6s cubic-bezier(0.16,1,0.3,1)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}
  .hero-anim{animation:none;opacity:1}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 980px){
  body{padding-top:80px}
  .nav{top:12px;padding:8px 12px;gap:4px}
  .nav-logo{margin-right:8px;font-size:14px}
  .nav-links{display:none}
  .nav-divider{display:none}
  .nav-login{display:none}
  .products{padding:72px 24px}
  .products-grid{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr;gap:32px;margin-bottom:96px}
  .feature.reverse .ftext{order:1}
  .feature.reverse .fmock{order:2}
  .qgrid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .section-head{flex-direction:column;align-items:flex-start}
  .corner{display:none}
}


/* ============ PRODUCT PAGE SHARED COMPONENTS ============ */

/* Sub-page hero */
.subhero{padding:160px 24px 96px;text-align:center;position:relative;overflow:hidden;background:#fff}
.subhero .eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:24px}
.subhero h1{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(48px,7vw,96px);line-height:.98;letter-spacing:-0.05em;margin:0 auto 28px;max-width:14ch;color:#0A0A0A}
.subhero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.subhero .lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#555;max-width:60ch;margin:0 auto 40px}
.subhero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Icon feature trio (white cards on soft bg) */
.icon-feats{padding:120px 24px;background:var(--soft)}
.icon-feats .head{max-width:1280px;margin:0 auto 64px}
.icon-feats .head .lbl{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:18px}
.icon-feats .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.045em;margin:0;max-width:18ch;color:#0A0A0A}
.icon-feats .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.icon-feats .grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.if-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:18px;min-height:320px;transition:transform .3s,box-shadow .3s}
.if-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(0,0,0,.18)}
.if-icon{width:48px;height:48px;border-radius:12px;background:#0A0A0A;color:#fff;display:flex;align-items:center;justify-content:center}
.if-icon svg{width:22px;height:22px}
.if-card h3{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:24px;letter-spacing:-0.03em;margin:0;color:#0A0A0A}
.if-card p{font-size:14.5px;line-height:1.6;color:#666;margin:0}
.if-meta{margin-top:auto;font-size:12px;color:#999;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding-top:18px;border-top:1px solid var(--line)}

/* Numbered steps row */
.steps{padding:120px 24px;background:#fff}
.steps .wrap{max-width:1280px;margin:0 auto}
.steps .head{margin-bottom:56px}
.steps .head .lbl{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:18px}
.steps .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.045em;margin:0;color:#0A0A0A}
.steps .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.steps .row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.steps .row::before{content:'';position:absolute;top:24px;left:8%;right:8%;height:1px;background:repeating-linear-gradient(90deg,#ddd 0,#ddd 4px,transparent 4px,transparent 10px)}
.step{position:relative;background:#fff;padding-top:0}
.step-num{width:48px;height:48px;border-radius:50%;background:#0A0A0A;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:18px;margin-bottom:24px;position:relative;z-index:1}
.step h4{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.025em;margin:0 0 10px;color:#0A0A0A}
.step p{font-size:14px;line-height:1.55;color:#666;margin:0}

/* Trip cards grid */
.trips{padding:120px 24px;background:var(--soft)}
.trips .wrap{max-width:1280px;margin:0 auto}
.trips .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px;flex-wrap:wrap}
.trips .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,56px);line-height:1;letter-spacing:-0.045em;margin:0;color:#0A0A0A}
.trips .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.trips .head p{font-size:15px;color:#666;max-width:36ch;margin:0}
.trips .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trip{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.trip:hover{transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(0,0,0,.16)}
.trip-img{aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a1a,#444);position:relative;overflow:hidden}
.trip-img.t2{background:linear-gradient(135deg,#3a4a3a,#7a8a7a)}
.trip-img.t3{background:linear-gradient(135deg,#4a3a3a,#8a7a6a)}
.trip-img.t4{background:linear-gradient(135deg,#3a3a4a,#6a6a8a)}
.trip-img.t5{background:linear-gradient(135deg,#5a4a3a,#9a8a6a)}
.trip-img.t6{background:linear-gradient(135deg,#4a4a3a,#8a8a5a)}
.trip-img::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 28px,rgba(255,255,255,.04) 28px,rgba(255,255,255,.04) 56px)}
.trip-vbadge{position:absolute;top:14px;left:14px;background:#fff;color:#0a8c4a;font-size:10px;font-weight:800;letter-spacing:.14em;padding:5px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;z-index:1}
.trip-vbadge .gd{width:6px;height:6px;background:#0a8c4a;border-radius:50%}
.trip-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.trip-loc{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#999;font-weight:700}
.trip-title{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:17px;letter-spacing:-0.02em;color:#0A0A0A;line-height:1.25}
.trip-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.trip-price{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:18px;color:#0A0A0A;letter-spacing:-0.025em}
.trip-price small{font-size:11px;font-weight:500;color:#999;letter-spacing:0;margin-left:2px}
.trip-rating{font-size:13px;color:#666;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.trip-rating::before{content:'★';color:#FFB800}

/* Tier/pricing cards */
.tiers{padding:120px 24px;background:#fff}
.tiers .wrap{max-width:1280px;margin:0 auto}
.tiers .head{text-align:center;margin-bottom:64px}
.tiers .head .lbl{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:18px}
.tiers .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.045em;margin:0 auto;max-width:18ch;color:#0A0A0A}
.tiers .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.tiers .head p{font-size:15px;color:#666;max-width:55ch;margin:18px auto 0}
.tiers .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tier{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px;position:relative}
.tier.feat{background:#0A0A0A;color:#fff;border-color:#0A0A0A}
.tier-name{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#0A0A0A}
.tier.feat .tier-name{color:#FFE500}
.tier-price{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:48px;letter-spacing:-0.045em;color:#0A0A0A;line-height:1}
.tier.feat .tier-price{color:#fff}
.tier-price small{font-size:14px;font-weight:500;color:#888;letter-spacing:0}
.tier.feat .tier-price small{color:#888}
.tier-desc{font-size:14px;color:#666;line-height:1.55}
.tier.feat .tier-desc{color:#aaa}
.tier ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px;flex:1}
.tier li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#333;line-height:1.45}
.tier.feat li{color:#ddd}
.tier li::before{content:'✓';color:#0a8c4a;font-weight:800;flex-shrink:0}
.tier-cta{margin-top:18px;padding:14px 20px;background:#0A0A0A;color:#fff;border-radius:999px;text-decoration:none;font-size:14px;font-weight:700;text-align:center;letter-spacing:-0.005em;transition:opacity .2s}
.tier.feat .tier-cta{background:#FFE500;color:#0A0A0A}
.tier-cta:hover{opacity:.85}
.tier-tag{position:absolute;top:24px;right:24px;font-size:10px;font-weight:800;letter-spacing:.16em;background:#FFE500;color:#0A0A0A;padding:5px 10px;border-radius:999px}

/* Light dashboard mockup */
.dash{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(0,0,0,.16);width:100%;max-width:560px}
.dash-bar{height:36px;background:#f5f5f5;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #ebebeb}
.dash-bar .dt{width:9px;height:9px;border-radius:50%}
.dash-bar .dt.r{background:#ff5f56}.dash-bar .dt.y{background:#ffbd2e}.dash-bar .dt.g{background:#27c93f}
.dash-bar .url{margin-left:14px;font-size:11.5px;color:#888}
.dash-head{padding:22px 26px;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center}
.dash-head .ttl{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:17px;letter-spacing:-0.02em}
.dash-head .pill{font-size:11px;font-weight:700;color:#0a8c4a;background:#e8f7ee;padding:5px 10px;border-radius:999px;letter-spacing:.06em}
.dash-stats{display:grid;grid-template-columns:repeat(2,1fr);padding:8px}
.dash-stat{padding:18px 22px;display:flex;flex-direction:column;gap:6px}
.dash-stat + .dash-stat{border-left:1px solid #f0f0f0}
.dash-stat:nth-child(3),.dash-stat:nth-child(4){border-top:1px solid #f0f0f0}
.dash-stat:nth-child(3){border-left:0}
.dash-stat .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:700}
.dash-stat .v{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:28px;letter-spacing:-0.04em;color:#0A0A0A}
.dash-stat .delta{font-size:12px;font-weight:600;color:#0a8c4a}
.dash-stat .delta.dn{color:#c43c3c}
.dash-rows{border-top:1px solid #ebebeb;padding:6px 0}
.dash-row{padding:12px 26px;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-top:1px solid #f4f4f4}
.dash-row:first-child{border-top:0}
.dash-row .lbl{color:#0A0A0A;font-weight:600}
.dash-row .meta{color:#888;font-size:12px}
.dash-row .v{font-family:'Inter Tight',sans-serif;font-weight:700;color:#0A0A0A}
.dash-row .pill{font-size:10px;font-weight:800;letter-spacing:.12em;padding:4px 8px;border-radius:999px}
.dash-row .pill.live{background:#0a8c4a;color:#fff}
.dash-row .pill.held{background:#fff5d6;color:#a07b00}
.dash-row .pill.done{background:#e8f7ee;color:#0a8c4a}

/* Earnings chart inline svg */
.dash-chart{padding:18px 22px 22px;border-top:1px solid #ebebeb}
.dash-chart .lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:8px}
.dash-chart svg{width:100%;height:90px;display:block}

/* Influencer dash — extended sections */
.dash-section{
  border-top: 1px solid #ebebeb;
  padding: 18px 22px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dash-section-hd{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.dash-section-ttl{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -0.01em;
  color: #0A0A0A;
}
.dash-section-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #999;
}

/* clip rows */
.dash-clip{
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid #f4f4f4;
}
.dash-clip:first-of-type{ border-top: 0; }
.dash-clip-thumb{
  width: 38px;
  height: 50px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.dash-clip-thumb span{
  position: absolute;
  bottom: 3px; left: 4px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 8.5px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  letter-spacing: 0.04em;
}
.dash-clip-thumb--a{ background: linear-gradient(160deg, #1e3a5f 0%, #4a8a8c 70%, #c9a173 100%); }
.dash-clip-thumb--b{ background: linear-gradient(160deg, #2a5a4a 0%, #d4a574 60%, #f0d4a0 100%); }
.dash-clip-thumb--c{ background: linear-gradient(160deg, #1a2a3a 0%, #4a6a7a 60%, #d8e8ee 100%); }
.dash-clip-body{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dash-clip-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.005em;
  color: #0A0A0A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-clip-meta{
  font-size: 11.5px;
  color: #888;
  font-weight: 500;
}
.dash-clip-meta b{ color: #0A0A0A; font-weight: 700; }
.dash-clip-cv{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #0a8c4a;
  background: #e8f7ee;
  padding: 4px 7px;
  border-radius: 4px;
  flex-shrink: 0;
}
.dash-clip-cv--new{
  color: #0A0A0A;
  background: #FFE500;
}

/* wallet section */
.dash-wallet-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
}
.dash-wallet-cell{
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #fafafa;
}
.dash-wallet-cell + .dash-wallet-cell{ border-left: 1px solid #f0f0f0; background: #fff; }
.dash-wallet-k{
  font-size: 9.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #888;
  font-weight: 700;
}
.dash-wallet-v{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.03em;
  color: #0A0A0A;
}
.dash-wallet-v--ready{ color: #0a8c4a; }
.dash-wallet-meta{ font-size: 11px; color: #888; font-weight: 500; }
.dash-wallet-bar{
  height: 4px;
  background: #f0f0f0;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 4px;
  position: relative;
}
.dash-wallet-bar-fill{
  display: block;
  width: 75%;
  height: 100%;
  background: linear-gradient(90deg, #FFE500 0%, #FFD000 100%);
  border-radius: 2px;
}

/* live campaign card */
.dash-campaign{
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #0A0A0A;
  margin: 0;
  padding: 16px 22px 18px;
}
.dash-campaign-l{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}
.dash-campaign-row{ display: flex; align-items: center; gap: 8px; }
.dash-campaign-tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #FFE500;
  background: rgba(255,229,0,0.12);
  padding: 3px 7px;
  border-radius: 4px;
  position: relative;
}
.dash-campaign-tag::before{
  content: "";
  display: inline-block;
  width: 6px; height: 6px;
  background: #FFE500;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  box-shadow: 0 0 0 0 rgba(255,229,0,0.6);
  animation: pulseDot 2s infinite;
}
@keyframes pulseDot{
  0%{ box-shadow: 0 0 0 0 rgba(255,229,0,0.6); }
  70%{ box-shadow: 0 0 0 6px rgba(255,229,0,0); }
  100%{ box-shadow: 0 0 0 0 rgba(255,229,0,0); }
}
.dash-campaign-id{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.06em;
}
.dash-campaign-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
}
.dash-campaign-meta{
  font-size: 11.5px;
  color: rgba(255,255,255,0.55);
  font-weight: 500;
}
.dash-campaign-meta code{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  background: rgba(255,255,255,0.08);
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10.5px;
  color: #FFE500;
}
.dash-campaign-r{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.dash-campaign-rate{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.025em;
  color: #FFE500;
  line-height: 1;
}
.dash-campaign-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.55);
  text-transform: uppercase;
}

/* Sub-page CTA dark */
.sub-cta{padding:120px 24px;background:#0A0A0A;color:#fff;text-align:center}
.sub-cta h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-0.05em;margin:0 auto 24px;max-width:14ch}
.sub-cta h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.sub-cta p{font-size:17px;color:#aaa;max-width:50ch;margin:0 auto 36px;line-height:1.5}
.sub-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Two-up content + mock */
.split{padding:120px 24px;background:#fff}
.split .wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split .ftext h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.045em;margin:0 0 22px;color:#0A0A0A}
.split .ftext h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.split .ftext p{font-size:16px;color:#555;line-height:1.6;margin:0 0 26px}
.split .ftag{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:18px}
.split .fmock{display:flex;justify-content:center}

/* Benefit chip cards */
.benefits{padding:120px 24px;background:var(--soft)}
.benefits .wrap{max-width:1280px;margin:0 auto}
.benefits .head{text-align:center;margin-bottom:56px}
.benefits .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(36px,5vw,56px);line-height:1;letter-spacing:-0.045em;margin:0;color:#0A0A0A}
.benefits .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.benefits .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:14px}
.bcard .num{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;color:#999}
.bcard h3{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.03em;margin:0;color:#0A0A0A}
.bcard p{font-size:14.5px;line-height:1.55;color:#666;margin:0}

@media (max-width:980px){
  .icon-feats .grid,.steps .row,.trips .grid,.tiers .grid,.benefits .grid{grid-template-columns:1fr}
  .steps .row::before{display:none}
  .split .wrap{grid-template-columns:1fr;gap:48px}
  .trips .grid{grid-template-columns:repeat(2,1fr)}
}


/* ============ THREE SIDES (light cards) ============ */
.three{padding:120px 24px;background:var(--soft);position:relative}
.three-head{max-width:1280px;margin:0 auto 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.three-headline h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(56px,8vw,120px);line-height:.95;letter-spacing:-0.05em;margin:0;color:#0A0A0A}
.three-headline h2 strong{font-family:'Inter Tight',sans-serif;font-weight:800}
.three-headline h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-0.02em}
.three-meta{display:flex;flex-direction:column;gap:14px;max-width:420px;justify-self:end;text-align:left}
.three-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#0A0A0A;font-weight:800}
.three-meta p{font-size:14.5px;line-height:1.55;color:#888;margin:0}

.three-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcard{background:#fff;border-radius:18px;padding:40px 36px 32px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;box-shadow:0 1px 3px rgba(0,0,0,.04);min-height:520px}
.tcard:hover{transform:translateY(-6px);box-shadow:0 24px 60px -28px rgba(0,0,0,.18)}
.tcard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:64px}
.tcard-num{font-size:13px;color:#bbb;font-weight:600;letter-spacing:.04em}
.tcard-tag{font-size:11px;font-weight:700;letter-spacing:.22em;color:#0A0A0A}
.tcard-headline{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-0.04em;margin:0 0 22px;color:#0A0A0A}
.tcard-headline strong{font-weight:800}
.tcard-headline em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-0.015em}
.tcard-sub{font-size:14.5px;line-height:1.55;color:#666;margin:0 0 28px;max-width:34ch}
.tcard-rows{list-style:none;padding:0;margin:auto 0 28px;display:flex;flex-direction:column;border-top:1px solid #ececec}
.tcard-rows li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ececec;font-size:13.5px;color:#777}
.tcard-rows li b{color:#0A0A0A;font-weight:700;letter-spacing:-0.005em}
.tcard-link{font-size:13.5px;font-weight:700;color:#0A0A0A;display:inline-flex;align-items:center;gap:6px;transition:gap .25s}
.tcard:hover .tcard-link{gap:12px}

@media (max-width:980px){
  .three{padding:80px 20px}
  .three-head{grid-template-columns:1fr;align-items:start;gap:24px}
  .three-meta{justify-self:start;max-width:100%}
  .three-grid{grid-template-columns:1fr}
  .tcard{min-height:auto;padding:32px 28px}
  .tcard-top{margin-bottom:40px}
  .tcard-headline{font-size:30px}
}


/* ============ WISHBOARD / TRIP-REQUEST CARD ============ */
.wishcard{background:#fff;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;width:100%;max-width:640px;align-self:stretch;margin:0 auto;box-shadow:0 24px 60px -28px rgba(0,0,0,.18);display:flex;flex-direction:column}
.wish-bar{height:36px;background:#f5f5f5;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #ebebeb}
.wish-bar .dt{width:9px;height:9px;border-radius:50%}
.wish-bar .dt.r{background:#ff5f56}.wish-bar .dt.y{background:#ffbd2e}.wish-bar .dt.g{background:#27c93f}
.wish-bar .url{margin-left:14px;font-size:11.5px;color:#888;font-family:'Inter',sans-serif}

.wish-head{padding:22px 26px 18px}
.wish-tag{font-size:10px;letter-spacing:.22em;font-weight:800;color:#0a8c4a;background:#e8f7ee;padding:4px 9px;border-radius:999px;display:inline-block;margin-bottom:12px}
.wish-title{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.03em;color:#0A0A0A;margin-bottom:6px}
.wish-meta{font-size:13px;color:#888}

.wish-bidshead{display:flex;justify-content:space-between;align-items:center;padding:10px 26px;background:#fafafa;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;font-size:12px;font-weight:700;color:#0A0A0A;letter-spacing:-0.005em}
.wish-time{color:#888;font-weight:500;font-size:11.5px}

.wish-bids{padding:8px 14px;display:flex;flex-direction:column;gap:8px}
.bid{background:#fff;border:1px solid #ececec;border-radius:12px;padding:14px 16px;transition:border-color .2s,transform .2s}
.bid:hover{border-color:#cfcfcf;transform:translateY(-1px)}
.bid.best{border-color:#0A0A0A;background:#0A0A0A;color:#fff}
.bid-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center}
.bid-av{width:34px;height:34px;border-radius:8px;background:#f0f0f0;color:#0A0A0A;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;letter-spacing:-0.03em}
.bid.best .bid-av{background:#FFE500;color:#0A0A0A}
.bid-name{font-weight:700;font-size:14px;color:#0A0A0A;display:flex;align-items:center;gap:8px;flex-wrap:wrap;letter-spacing:-0.01em}
.bid.best .bid-name{color:#fff}
.bid-vchip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#0a8c4a;background:#e8f7ee;padding:2px 7px;border-radius:999px;letter-spacing:.04em;text-transform:lowercase}
.bid-vchip .gd{width:5px;height:5px;background:#0a8c4a;border-radius:50%}
.bid.best .bid-vchip{background:rgba(255,255,255,.12);color:#7be1a3}
.bid.best .bid-vchip .gd{background:#7be1a3}
.bid-meta{font-size:12px;color:#888;margin-top:2px}
.bid.best .bid-meta{color:#aaa}
.bid-price{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:17px;color:#0A0A0A;letter-spacing:-0.03em;text-align:right}
.bid.best .bid-price{color:#FFE500}
.bid-price small{font-size:10px;font-weight:600;color:#999;letter-spacing:0;margin-left:2px}
.bid.best .bid-price small{color:#aaa}
.bid-foot{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:11.5px}
.bid:not(.best) .bid-foot{border-top-color:#f0f0f0}
.bid-best{font-weight:800;letter-spacing:.06em;font-size:10.5px;color:#FFE500}
.bid-meta-r{color:#aaa;font-weight:500}
.bid:not(.best) .bid-meta-r{color:#888}

.wish-foot{padding:14px 26px;background:#f8f8f8;border-top:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#888;flex-wrap:wrap;gap:8px}
.wish-foot b{color:#0A0A0A;font-weight:700}

/* WISH QUOTE — what the user described */
.wish-quote{
  margin: 0 26px;
  padding: 16px 0 20px;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wish-quote-l{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(10,10,10,0.45);
}
.wish-quote p{
  font-family: 'Newsreader', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.55;
  color: #2a2a2a;
  margin: 0;
  padding-left: 14px;
  border-left: 2px solid #FFE500;
}

/* WISH CTA — pick your winner row */
.wish-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 26px;
  background: #fafafa;
  border-top: 1px solid #ebebeb;
}
.wish-cta-l{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.wish-cta-lbl{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: -0.005em;
  color: #0A0A0A;
}
.wish-cta-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(10,10,10,0.55);
}
.wish-cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0A0A0A;
  color: #fff;
  border: 0;
  padding: 10px 16px 10px 18px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}
.wish-cta-arr{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #FFE500;
  color: #0A0A0A;
  font-size: 13px;
  transition: transform .2s;
}
.wish-cta-btn:hover{
  background: #FFE500;
  color: #0A0A0A;
  box-shadow: 0 12px 28px -12px rgba(255,229,0,0.7);
  transform: translateY(-1px);
}
.wish-cta-btn:hover .wish-cta-arr{
  background: #0A0A0A;
  color: #FFE500;
  transform: translateX(2px);
}


/* ════════════════════════════════════════════════════════════
   CARD STACK — two mock cards with click-to-swap animation
   ════════════════════════════════════════════════════════════ */
.cardstack{
  position: relative;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: center;
}
.cardstack-tab{
  position: absolute;
  top: -54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(10,10,10,0.10);
  color: rgba(10,10,10,0.55);
  border-radius: 999px;
  padding: 7px 14px 7px 8px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .22s, color .22s, border-color .22s, transform .22s, box-shadow .22s;
  z-index: 4;
  white-space: nowrap;
}
.cardstack-tab[data-tab="0"]{ left: 0; }
.cardstack-tab[data-tab="1"]{ left: 168px; }
.cardstack-tab-num{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: rgba(10,10,10,0.06);
  color: rgba(10,10,10,0.55);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}
.cardstack-tab.is-active{
  background: #0A0A0A;
  color: #FFFFFF;
  border-color: #0A0A0A;
  box-shadow: 0 8px 22px -10px rgba(10,10,10,0.4);
}
.cardstack-tab.is-active .cardstack-tab-num{
  background: #FFE500;
  color: #0A0A0A;
}
.cardstack-tab:hover{
  transform: translateY(-1px);
  border-color: rgba(10,10,10,0.25);
}
.cardstack-deck{
  position: relative;
  width: 100%;
  min-height: 600px;
  margin-top: 8px;
}
.cardstack-card{
  position: absolute;
  inset: 0;
  display: flex;
  transition: transform .55s cubic-bezier(.22,1,.36,1), opacity .45s ease, filter .45s ease;
  transform-origin: center 100%;
  cursor: pointer;
}
.cardstack-card[data-card="0"]{ transform: translateY(0) scale(1); z-index: 3; opacity: 1; filter: none; }
.cardstack-card[data-card="1"]{ transform: translateY(28px) scale(0.94); z-index: 2; opacity: 0.72; filter: blur(0.4px); }
.cardstack[data-front="1"] .cardstack-card[data-card="0"]{ transform: translateY(28px) scale(0.94); z-index: 2; opacity: 0.72; filter: blur(0.4px); }
.cardstack[data-front="1"] .cardstack-card[data-card="1"]{ transform: translateY(0) scale(1); z-index: 3; opacity: 1; filter: none; }
.cardstack-card > *{ flex: 1; }
.cardstack-card.is-front{ /* hint for initial paint */ }

/* ════════════════════════════════════════════════════════════
   BOOK-FROM-VIDEO CARD (vidcard)
   ════════════════════════════════════════════════════════════ */
.vidcard{
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 24px 60px -28px rgba(0,0,0,0.18);
  display: flex;
  flex-direction: column;
}
.vidcard-bar{
  height: 36px;
  background: #f5f5f5;
  display: flex; align-items: center; gap: 6px;
  padding: 0 14px;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #888;
  font-weight: 500;
}
.vidcard-bar .dt{ width: 9px; height: 9px; border-radius: 50%; }
.vidcard-bar .dt.r{ background: #f86060; }
.vidcard-bar .dt.y{ background: #f4c542; }
.vidcard-bar .dt.g{ background: #4ed18b; }
.vidcard-bar .url{ margin-left: 8px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11.5px; }

.vidcard-stage{ padding: 14px; background: #0A0A0A; }
.vidcard-frame{
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 12;
  max-height: 280px;
  border-radius: 12px;
  overflow: hidden;
  background: #1a1a1a;
}
.vidcard-poster{
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #1e3a5f 0%, #2a5d7a 35%, #4a8a8c 70%, #c9a173 100%);
}
.vidcard-poster-grad{
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 80%, rgba(0,0,0,0.4) 0%, transparent 60%);
}
.vidcard-poster-mtn{
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background:
    linear-gradient(180deg, transparent 0%, rgba(20,30,50,0.55) 100%),
    conic-gradient(from 200deg at 30% 100%, transparent 0deg, #20354d 30deg, #2c4a6a 60deg, #38628a 90deg, transparent 120deg),
    conic-gradient(from 220deg at 70% 100%, transparent 0deg, #1a2c44 30deg, #243d5a 60deg, transparent 90deg);
  clip-path: polygon(0% 100%, 0% 60%, 12% 45%, 22% 52%, 32% 38%, 42% 48%, 55% 32%, 68% 42%, 78% 28%, 88% 38%, 100% 30%, 100% 100%);
}
.vidcard-play{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 56px; height: 56px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  color: #0A0A0A;
  border: 0;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  transition: transform .2s, background .2s;
  z-index: 2;
}
.vidcard-play svg{ width: 22px; height: 22px; margin-left: 3px; }
.vidcard-play:hover{ transform: translate(-50%, -50%) scale(1.06); background: #FFE500; }

.vidcard-creator{
  position: absolute;
  bottom: 12px; left: 12px; right: 12px;
  display: flex; align-items: center; gap: 10px;
  z-index: 2;
}
.vidcard-creator-avi{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #FFE500;
  color: #0A0A0A;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.vidcard-creator-meta{ display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.vidcard-creator-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.005em;
  display: inline-flex; align-items: center; gap: 8px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}
.vidcard-vchip{
  display: inline-flex; align-items: center; gap: 4px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  color: #7be1a3;
  letter-spacing: 0.04em;
  text-transform: lowercase;
}
.vidcard-vchip .gd{ width: 5px; height: 5px; background: #7be1a3; border-radius: 50%; }
.vidcard-creator-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.7);
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
.vidcard-time{
  position: absolute;
  top: 10px; right: 10px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  color: #fff;
  background: rgba(0,0,0,0.55);
  padding: 3px 7px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  z-index: 2;
}

.vidcard-trip{
  padding: 18px 22px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-bottom: 1px solid #ebebeb;
}
.vidcard-trip-row{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 4px;
}
.vidcard-trip-tag{
  display: inline-block;
  background: #FFE500;
  color: #0A0A0A;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  padding: 4px 8px;
  border-radius: 4px;
}
.vidcard-trip-id{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  color: rgba(10,10,10,0.45);
  letter-spacing: 0.06em;
}
.vidcard-trip-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.018em;
  color: #0A0A0A;
  line-height: 1.25;
}
.vidcard-trip-meta{
  font-size: 13px;
  color: #6a6a6a;
  font-weight: 500;
}
.vidcard-trip-fulfil{
  display: flex; align-items: center; gap: 12px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px dashed rgba(10,10,10,0.10);
  flex-wrap: wrap;
}
.vidcard-trip-fulfil-l{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
}
.vidcard-trip-fulfil-c{
  display: inline-flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
}
.vidcard-trip-fulfil-avi{
  width: 26px; height: 26px;
  border-radius: 6px;
  background: #0A0A0A;
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 11.5px;
}
.vidcard-trip-fulfil-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: -0.005em;
  color: #0A0A0A;
}
.vidcard-trip-fulfil-vchip{
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  color: #0a8c4a;
  background: #e8f7ee;
  padding: 2px 7px;
  border-radius: 999px;
  letter-spacing: 0.04em;
}
.vidcard-trip-fulfil-vchip .gd{ width: 5px; height: 5px; background: #0a8c4a; border-radius: 50%; }

.vidcard-cta{
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px;
  padding: 16px 22px;
  background: #fafafa;
  border-bottom: 1px solid #ebebeb;
}
.vidcard-cta-price{ display: flex; align-items: baseline; gap: 4px; }
.vidcard-cta-price-v{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: #0A0A0A;
}
.vidcard-cta-price-u{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 500;
  color: rgba(10,10,10,0.5);
  letter-spacing: 0.06em;
}
.vidcard-cta-btn{
  display: inline-flex; align-items: center; gap: 8px;
  background: #0A0A0A;
  color: #fff;
  border: 0;
  padding: 11px 18px;
  border-radius: 999px;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}
.vidcard-cta-btn-arr{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: #FFE500;
  color: #0A0A0A;
  font-size: 13px;
  margin-left: 2px;
  transition: transform .2s;
}
.vidcard-cta-btn:hover{
  background: #FFE500;
  color: #0A0A0A;
  box-shadow: 0 12px 28px -12px rgba(255,229,0,0.7);
  transform: translateY(-1px);
}
.vidcard-cta-btn:hover .vidcard-cta-btn-arr{
  background: #0A0A0A;
  color: #FFE500;
  transform: translateX(2px);
}

.vidcard-foot{
  padding: 14px 22px;
  background: #f8f8f8;
  border-top: 1px solid #ebebeb;
  font-size: 11.5px;
  color: #888;
  font-weight: 500;
  text-align: center;
}
.vidcard-foot b{ color: #0A0A0A; font-weight: 700; }

@media (max-width: 720px){
  .cardstack-tab[data-tab="1"]{ left: auto; right: 0; }
  .cardstack-deck{ min-height: 580px; }
}


/* ============ TRIP REQUESTS SECTION (travellers page) ============ */
.trip-requests{padding:140px 24px;background:var(--soft);border-top:1px solid var(--line)}
.trip-requests .wrap{max-width:1280px;margin:0 auto}
.trip-requests .head{text-align:center;margin-bottom:72px;display:flex;flex-direction:column;align-items:center}
.trip-requests .head .lbl{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9a9a9a;font-weight:700;margin-bottom:18px}
.trip-requests .head h2{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:.98;letter-spacing:-0.05em;color:#0A0A0A;margin:0 0 18px;max-width:18ch}
.trip-requests .head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.trip-requests .head p{font-size:17px;line-height:1.55;color:#5a5a5a;max-width:60ch;margin:0}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.tr-copy{display:flex;flex-direction:column;gap:36px}
.tr-step{display:grid;grid-template-columns:auto 1fr;gap:18px 22px;align-items:start;padding-bottom:32px;border-bottom:1px solid #e6e6e4}
.tr-step:last-of-type{border-bottom:0;padding-bottom:0}
.tr-num{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:13px;color:#0A0A0A;background:#FFE500;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:-0.02em;grid-row:span 2}
.tr-step h4{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:20px;letter-spacing:-0.025em;color:#0A0A0A;margin:8px 0 0;line-height:1.2}
.tr-step p{font-size:15px;line-height:1.55;color:#5a5a5a;margin:0;grid-column:2}
.tr-copy .flink{margin-top:8px;align-self:flex-start;font-weight:700;font-size:14.5px;color:#0A0A0A;text-decoration:none;border-bottom:1.5px solid #0A0A0A;padding-bottom:3px;transition:transform .2s}
.tr-copy .flink:hover{transform:translateX(3px)}
.tr-mock{display:flex;justify-content:center}
.tr-mock .wishcard{max-width:560px}
@media (max-width:980px){
  .tr-grid{grid-template-columns:1fr;gap:64px}
  .trip-requests{padding:80px 24px}
}


/* ════════════════════ TWEAKS ════════════════════ */

/* ── MOOD ── */

/* MIDNIGHT — full inversion: dark page, ivory ink, amber accent */
body[data-mood="midnight"]{
  --ink:#F4EFE5;
  --paper:#0E0E10;
  --soft:#16161A;
  --line:#26262C;
  --yellow:#F5B642;          /* amber */
  background:var(--paper);color:var(--ink);
}
body[data-mood="midnight"] .nav{background:rgba(244,239,229,0.06);border-color:rgba(244,239,229,0.12);box-shadow:0 8px 32px rgba(0,0,0,0.6)}
body[data-mood="midnight"] .nav-logo{color:var(--ink)}
body[data-mood="midnight"] .nav-link{color:rgba(244,239,229,0.55)}
body[data-mood="midnight"] .nav-link:hover,body[data-mood="midnight"] .nav-link.active{color:var(--ink);background:rgba(244,239,229,0.1)}
body[data-mood="midnight"] .nav-cta{background:var(--yellow);color:#1a1308}
body[data-mood="midnight"] .nav-login{color:rgba(244,239,229,0.45)}
body[data-mood="midnight"] .btn-yellow{background:var(--yellow);color:#1a1308}
body[data-mood="midnight"] .btn-outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
body[data-mood="midnight"] .btn-outline:hover{background:var(--ink);color:var(--paper)}
body[data-mood="midnight"] h1, body[data-mood="midnight"] h2, body[data-mood="midnight"] h3, body[data-mood="midnight"] h4{color:var(--ink)}
body[data-mood="midnight"] .sub{color:#aaa6a0}
body[data-mood="midnight"] .sub b{color:var(--ink)}
body[data-mood="midnight"] .stats{color:#9c988e}
body[data-mood="midnight"] .stats b{color:var(--ink)}
body[data-mood="midnight"] .stats .dotsep{background:#3a3a40}
body[data-mood="midnight"] .corner,body[data-mood="midnight"] .eyebrow{color:#807d75}
body[data-mood="midnight"] .eyebrow::before,body[data-mood="midnight"] .eyebrow::after{background:#3a3a40}
body[data-mood="midnight"] .logos{background:var(--soft);border-color:var(--line)}
body[data-mood="midnight"] .logos .lbl{color:#807d75}
body[data-mood="midnight"] .logos .marks span{color:#bcb6ab}
body[data-mood="midnight"] .three{background:var(--paper)}
body[data-mood="midnight"] .three-headline h2,body[data-mood="midnight"] .three-headline h2 strong{color:var(--ink)}
body[data-mood="midnight"] .three-headline h2 em{color:var(--yellow)}
body[data-mood="midnight"] .three-eyebrow{color:#807d75}
body[data-mood="midnight"] .three-meta p{color:#aaa6a0}
body[data-mood="midnight"] .tcard{background:var(--soft);border-color:var(--line);color:var(--ink)}
body[data-mood="midnight"] .tcard:hover{border-color:var(--yellow)}
body[data-mood="midnight"] .tcard-num{color:#807d75}
body[data-mood="midnight"] .tcard-tag{color:#bcb6ab;background:rgba(244,239,229,0.05)}
body[data-mood="midnight"] .tcard-headline strong{color:var(--ink)}
body[data-mood="midnight"] .tcard-headline em{color:var(--yellow)}
body[data-mood="midnight"] .tcard-sub{color:#aaa6a0}
body[data-mood="midnight"] .tcard-rows li{border-color:var(--line);color:#aaa6a0}
body[data-mood="midnight"] .tcard-rows li b{color:var(--ink)}
body[data-mood="midnight"] .tcard-link{color:var(--yellow)}
body[data-mood="midnight"] .features{background:var(--paper)}
body[data-mood="midnight"] .ftext h2,body[data-mood="midnight"] .ftext h2 em{color:var(--ink)}
body[data-mood="midnight"] .ftext h2 em{color:var(--yellow)}
body[data-mood="midnight"] .ftext p{color:#aaa6a0}
body[data-mood="midnight"] .ftext .ftag{color:#807d75}
body[data-mood="midnight"] .ftext .ftag::before{background:#3a3a40}
body[data-mood="midnight"] .ftext .checks li{color:var(--ink);border-color:var(--line)}
body[data-mood="midnight"] .ftext .checks li:last-child{border-color:var(--line)}
body[data-mood="midnight"] .ftext .checks li .v{color:#807d75}
body[data-mood="midnight"] .ftext .flink{color:var(--yellow)}
body[data-mood="midnight"] .fmock{background:var(--soft);border-color:var(--line)}
body[data-mood="midnight"] .quotes{background:var(--soft)}
body[data-mood="midnight"] .quotes h2,body[data-mood="midnight"] .quotes h2 em{color:var(--ink)}
body[data-mood="midnight"] .quotes h2 em{color:var(--yellow)}
body[data-mood="midnight"] .qcard{background:var(--paper);border-color:var(--line)}
body[data-mood="midnight"] .qcard blockquote,body[data-mood="midnight"] .qcard .mark{color:var(--ink)}
body[data-mood="midnight"] .qcard blockquote em{color:var(--yellow)}
body[data-mood="midnight"] .qcard .role{border-color:var(--line);color:#aaa6a0}
body[data-mood="midnight"] .qcard .role .tag{background:var(--ink);color:var(--paper)}
body[data-mood="midnight"] .cta{background:#050507}
body[data-mood="midnight"] .cta h2 em{color:var(--yellow)}
body[data-mood="midnight"] .megaword{color:#0a0a0c}
body[data-mood="midnight"] .megaword em{color:#16161a}
body[data-mood="midnight"] footer{background:#050507;border-top-color:#1a1a1a}
body[data-mood="midnight"] .trip-requests{background:var(--soft);border-color:var(--line)}

/* SUN — soft cream paper, terracotta accent, warmer tone */
body[data-mood="sun"]{
  --ink:#1F1A14;
  --paper:#F5EDE0;
  --soft:#EFE5D3;
  --line:#D9CDB7;
  --yellow:#C0532B;          /* terracotta */
  background:var(--paper);color:var(--ink);
}
body[data-mood="sun"] .nav{background:rgba(31,26,20,0.92);border-color:rgba(31,26,20,0.4)}
body[data-mood="sun"] .nav-cta{background:var(--yellow);color:#fff}
body[data-mood="sun"] .btn-yellow{background:var(--yellow);color:#fff}
body[data-mood="sun"] .btn-outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
body[data-mood="sun"] .btn-outline:hover{background:var(--ink);color:var(--paper)}
body[data-mood="sun"] .logos{background:var(--paper);border-color:var(--line)}
body[data-mood="sun"] .logos .marks span{color:#3a3024}
body[data-mood="sun"] .three{background:var(--paper)}
body[data-mood="sun"] .features{background:var(--paper)}
body[data-mood="sun"] .tcard{background:#fff;border-color:var(--line)}
body[data-mood="sun"] .tcard:hover{border-color:var(--yellow)}
body[data-mood="sun"] .tcard-tag{background:#f0e3cf}
body[data-mood="sun"] .tcard-headline em,body[data-mood="sun"] .ftext h2 em,body[data-mood="sun"] .three-headline h2 em,body[data-mood="sun"] h1 .alive,body[data-mood="sun"] h1 em{color:var(--yellow)}
body[data-mood="sun"] .quotes{background:var(--soft)}
body[data-mood="sun"] .qcard{background:#fff;border-color:var(--line)}
body[data-mood="sun"] .qcard blockquote em,body[data-mood="sun"] .quotes h2 em{color:var(--yellow)}
body[data-mood="sun"] .fmock{background:#fff;border-color:var(--line)}
body[data-mood="sun"] .trip-requests{background:var(--soft);border-color:var(--line)}
body[data-mood="sun"] .cta{background:#1F1A14}
body[data-mood="sun"] .cta h2 em{color:var(--yellow)}
body[data-mood="sun"] footer{background:#1F1A14;border-top-color:#2a2218}
body[data-mood="sun"] .megaword{color:#0e0a06}
body[data-mood="sun"] .megaword em{color:#1a140d}
body[data-mood="sun"] .opv-vpill{background:#7a3618}
body[data-mood="sun"] .bid.best .bid-price{color:var(--yellow)}
body[data-mood="sun"] .bid.best .bid-av{background:var(--yellow);color:#fff}
body[data-mood="sun"] .tr-num{background:var(--yellow);color:#fff}

/* ── VOICE ── */

/* LOUD — display headlines uppercase, condensed feel, drop italics */
body[data-voice="loud"] h1.headline,
body[data-voice="loud"] .ftext h2,
body[data-voice="loud"] .three-headline h2,
body[data-voice="loud"] .quotes h2,
body[data-voice="loud"] .cta h2,
body[data-voice="loud"] .trip-requests .head h2,
body[data-voice="loud"] .subhero h1{
  text-transform:uppercase;
  letter-spacing:-0.035em;
  font-weight:900;
  font-stretch:condensed;
}
body[data-voice="loud"] h1 .alive,
body[data-voice="loud"] h1 em,
body[data-voice="loud"] .ftext h2 em,
body[data-voice="loud"] .three-headline h2 em,
body[data-voice="loud"] .quotes h2 em,
body[data-voice="loud"] .cta h2 em,
body[data-voice="loud"] .tcard-headline em,
body[data-voice="loud"] .trip-requests .head h2 em{
  font-family:'Inter Tight',sans-serif;font-style:normal;font-weight:900;
}
body[data-voice="loud"] .tcard-headline{text-transform:uppercase;letter-spacing:-0.025em}
body[data-voice="loud"] .ftext .ftag,
body[data-voice="loud"] .three-eyebrow,
body[data-voice="loud"] .eyebrow,
body[data-voice="loud"] .corner,
body[data-voice="loud"] .nav-cta,
body[data-voice="loud"] .tcard-tag{letter-spacing:.28em}
body[data-voice="loud"] .nav-link .prefix{display:none}

/* EDITORIAL+ — italic serif everywhere it could plausibly land */
body[data-voice="editorial+"] h1 .alive,
body[data-voice="editorial+"] h1 em,
body[data-voice="editorial+"] .ftext h2 em,
body[data-voice="editorial+"] .three-headline h2 em,
body[data-voice="editorial+"] .quotes h2 em,
body[data-voice="editorial+"] .cta h2 em,
body[data-voice="editorial+"] .tcard-headline em,
body[data-voice="editorial+"] .trip-requests .head h2 em{
  font-size:1.15em;
}
body[data-voice="editorial+"] h1.headline,
body[data-voice="editorial+"] .ftext h2,
body[data-voice="editorial+"] .three-headline h2,
body[data-voice="editorial+"] .cta h2,
body[data-voice="editorial+"] .quotes h2{
  font-family:'Instrument Serif',serif;font-weight:400;font-style:normal;letter-spacing:-0.02em;
}
body[data-voice="editorial+"] .tcard-headline strong,
body[data-voice="editorial+"] .three-headline h2 strong{font-family:'Instrument Serif',serif;font-weight:400;font-style:normal}
body[data-voice="editorial+"] .sub,
body[data-voice="editorial+"] .lead,
body[data-voice="editorial+"] .ftext p,
body[data-voice="editorial+"] .qcard blockquote{letter-spacing:0;font-family:'Instrument Serif',serif;font-weight:400}
body[data-voice="editorial+"] .qcard blockquote{font-size:22px;line-height:1.4}

/* ── DENSITY ── */

/* COMPACT — tighter pace */
body[data-density="compact"] .hero{min-height:auto;padding:80px 32px 56px}
body[data-density="compact"] .hero .stats{margin-top:48px}
body[data-density="compact"] .three{padding:64px 32px 72px}
body[data-density="compact"] .features{padding:80px 0}
body[data-density="compact"] .feature{margin-bottom:80px;gap:64px}
body[data-density="compact"] .quotes{padding:80px 0}
body[data-density="compact"] .quotes h2{margin-bottom:36px}
body[data-density="compact"] .qcard{min-height:auto;padding:24px;gap:16px}
body[data-density="compact"] .cta{padding:80px 0 64px}
body[data-density="compact"] .megaword{margin-top:24px;padding-top:24px}
body[data-density="compact"] .trip-requests{padding:72px 24px}
body[data-density="compact"] .tr-grid{gap:48px}
body[data-density="compact"] .tcard{min-height:auto;padding:32px 28px}
body[data-density="compact"] footer{padding:48px 0 28px}
body[data-density="compact"] .foot-grid{padding-bottom:32px}

/* CINEMATIC — bigger hero, looser pace, larger headlines */
body[data-density="cinematic"] .hero{min-height:100svh;padding:80px 32px 96px}
body[data-density="cinematic"] h1.headline{font-size:clamp(64px,12vw,180px);line-height:.92}
body[data-density="cinematic"] .hero .sub{font-size:22px;max-width:680px}
body[data-density="cinematic"] .hero .stats{margin-top:120px}
body[data-density="cinematic"] .three{padding:160px 32px}
body[data-density="cinematic"] .three-headline h2{font-size:clamp(64px,9vw,140px)}
body[data-density="cinematic"] .features{padding:200px 0}
body[data-density="cinematic"] .feature{margin-bottom:200px;gap:120px}
body[data-density="cinematic"] .ftext h2{font-size:clamp(48px,6.5vw,96px)}
body[data-density="cinematic"] .quotes{padding:200px 0}
body[data-density="cinematic"] .quotes h2{font-size:clamp(56px,8vw,112px);margin-bottom:96px}
body[data-density="cinematic"] .qcard{min-height:420px;padding:40px}
body[data-density="cinematic"] .qcard blockquote{font-size:24px}
body[data-density="cinematic"] .cta{padding:200px 0 180px}
body[data-density="cinematic"] .cta h2{font-size:clamp(80px,14vw,220px)}
body[data-density="cinematic"] .trip-requests{padding:200px 24px}
body[data-density="cinematic"] .trip-requests .head h2{font-size:clamp(56px,7vw,108px)}
body[data-density="cinematic"] .tr-grid{gap:120px}
body[data-density="cinematic"] .megaword{font-size:clamp(120px,24vw,360px)}

@media (max-width:980px){
  body[data-density="cinematic"] .hero{min-height:auto;padding:96px 24px 80px}
  body[data-density="cinematic"] .three,body[data-density="cinematic"] .features,body[data-density="cinematic"] .quotes,body[data-density="cinematic"] .cta,body[data-density="cinematic"] .trip-requests{padding-top:96px;padding-bottom:96px}
  body[data-density="cinematic"] .feature{margin-bottom:96px;gap:64px}
}


/* ════════════════════ HERO BACKGROUND IMAGE ════════════════════ */
.hero{
  background-image:url('assets/hero-home.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:scroll;
  position:relative;
}
/* Soft scrim — fades from transparent at top to a readable wash at the bottom.
   Keeps the photo at full strength behind the headline (top half) but gives
   the subhead, stats, and bottom corners a legible surface. */
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:62%;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 35%, rgba(255,255,255,0.92) 100%);
  z-index:0;
  pointer-events:none;
}
body[data-mood="midnight"] .hero::after{
  background:linear-gradient(to bottom, rgba(14,14,16,0) 0%, rgba(14,14,16,0.65) 35%, rgba(14,14,16,0.95) 100%);
}
body[data-mood="sun"] .hero::after{
  background:linear-gradient(to bottom, rgba(245,237,224,0) 0%, rgba(245,237,224,0.65) 35%, rgba(245,237,224,0.95) 100%);
}
.hero-inner, .hero .eyebrow, .hero .headline, .hero .sub, .hero .cta-row, .hero .hero-ctas, .hero .hero-cta, .hero .hero-buttons, .hero .stats, .hero .stats-bar, .hero [class*='hero-anim']:not(.corner){
  position:relative;
  z-index:1;
}
.hero .corner{position:absolute;z-index:1}
.hero .corner.tl{top:32px;left:40px}
.hero .corner.tr{top:32px;right:40px}
/* Strengthen lower-hero text contrast against the photo */
.hero .sub{color:#1f1f1f}
.hero .sub b{color:#000}
.hero .stats{color:#2a2a2a}
.hero .corner.bl,.hero .corner.br{color:#3a3a3a}
@media (max-width:768px){
  .hero{background-position:center center;background-attachment:scroll}
}

.tcard { background: rgba(255,255,255,0.6) !important; backdrop-filter: blur(4px) !important; }

.three-bg-slider { position:absolute; inset:0; z-index:0; pointer-events:none; }
.slide-layer { position:absolute; inset:0; background-size:cover; background-position:center; transition:opacity var(--slide-transition,1s) ease-in-out; }
#slide-a { opacity:1; }
#slide-b { opacity:0; }

@media (max-width: 768px) {
  .nav {
    width: calc(100% - 32px);
    left: 16px;
    transform: none;
  }
  .nav-links { display: none; }
  .nav-login { display: none; }
  .nav-hamburger { display: flex; }
  .nav-logo { margin-left: auto; }
  /* Mobile menu open state */
  .nav.nav-open .nav-links {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    background: #1a1a1a;
    border-radius: 12px;
    padding: 12px;
    margin-top: 8px;
    gap: 4px;
  }
}

/* Nav order: Logo LEFT | Links CENTER | Login+CTA RIGHT */
.nav-logo    { order: 1 !important; margin-left: 0 !important; }
.nav-links   { order: 2 !important; flex: 1 !important; justify-content: center !important; }
.nav-divider { order: 3 !important; }
.nav-login   { order: 4 !important; }
.nav-cta     { order: 5 !important; }
.nav-hamburger { order: 6 !important; display: none !important; }


/* ============================================================
   TRUST LAYER — unified verification + escrow statement section
   Light premium dossier-style layout
   ============================================================ */
.trust{
  position:relative;
  /* Break out of .wrap (max-width 1280, padding 32px) to full viewport bleed.
     Aggressive negative margins absorb the 144px .features padding above
     and the 144px margin-bottom of the previous .feature, so the section
     reads as a continuous flow rather than a stranded slab. */
  margin: -200px calc(50% - 50vw) 0;
  padding: 80px clamp(24px, 6vw, 88px) 64px;
  background-color: #FFFFFF !important;
  color: #0A0A0A;
  overflow: hidden;
  isolation: isolate;
}
.trust .trust-grain,
.trust-grain{ display: none !important; }
.trust > *{ position:relative; z-index:1; }

/* HEAD --------------------------------------------------------- */
.trust-head{
  max-width: 1280px;
  margin: 0 auto 64px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding-top: 8px;
}
.trust-meta{
  display:flex; justify-content:space-between; align-items:center;
  font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px; letter-spacing:.18em; text-transform:uppercase;
  color: rgba(10,10,10,0.5);
  font-weight: 500;
  padding-bottom: 18px;
  border-bottom: 1px solid #E6E3D8;
}
.trust-doc::before{ content:"●"; color:#0A0A0A; margin-right:10px; font-size:9px; vertical-align:1px; }
.trust-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: clamp(44px, 5.8vw, 84px);
  line-height: .98;
  letter-spacing: -0.045em;
  margin: 0;
  max-width: 22ch;
  color: #0A0A0A;
}
.trust-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
  color: #0A0A0A;
  letter-spacing: -0.02em;
  position: relative;
}
.trust-title em::after{
  content:"";
  position: absolute;
  left: -0.06em; right: -0.06em;
  bottom: 0.05em;
  height: 0.55em;
  background: #FFE500;
  z-index: -1;
  border-radius: 2px;
  transform: skewX(-4deg);
}
.trust-lede{
  margin: 0;
  font-size: 17.5px;
  line-height: 1.55;
  color: rgba(10,10,10,0.62);
  max-width: 56ch;
  font-weight: 400;
}

/* STATS ROW ---------------------------------------------------- */
.trust-stats{
  max-width: 1280px;
  margin: 0 auto 80px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid #0A0A0A;
  border-bottom: 1px solid #E6E3D8;
}
.trust-stat{
  padding: 32px 22px 28px;
  border-right: 1px solid #E6E3D8;
  display:flex; flex-direction:column; gap: 14px;
  min-height: 184px;
  position: relative;
}
.trust-stat:last-child{ border-right: 0; }
.trust-stat .num{
  font-family:'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: clamp(44px, 5vw, 68px);
  letter-spacing: -0.05em;
  line-height: 1;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
  display: inline-flex; align-items: baseline; gap: 4px;
}
.trust-stat .num [data-count]{ display: inline-block; }
.trust-stat .num .prefix{
  font-size: 0.7em;
  font-weight: 700;
  color: rgba(10,10,10,0.55);
  margin-right: -2px;
}
.trust-stat .unit{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  color: rgba(10,10,10,0.5);
  font-weight: 500;
  margin-left: 2px;
}
.trust-stat .lbl{
  font-size: 13px;
  line-height: 1.5;
  color: rgba(10,10,10,0.55);
  margin-top: auto;
  letter-spacing: -0.005em;
}

/* COLUMNS ------------------------------------------------------ */
.trust-cols{
  max-width: 1320px;
  margin: 0 auto 72px;
  display: grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  gap: 32px;
  align-items: start;
}

/* PILLARS ------------------------------------------------------ */
.trust-pillar{
  padding: 8px 4px;
  display:flex; flex-direction:column;
}
.pillar-head{
  display:flex; align-items:center; gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #E6E3D8;
}
.pillar-num{
  font-family:'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
  font-size: 28px; line-height: 1;
  color: #0A0A0A;
}
.pillar-tag{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: .22em;
  color: rgba(10,10,10,0.5);
  font-weight: 600;
}
.pillar-title{
  font-family:'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 38px;
  line-height: .98;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  color: #0A0A0A;
}
.pillar-title em{
  font-family:'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
}
.pillar-lede{
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(10,10,10,0.6);
  margin: 0 0 26px;
  max-width: 36ch;
}

/* LEDGER ------------------------------------------------------- */
.ledger{
  list-style: none; padding: 0; margin: 0 0 26px;
  border-top: 1px solid #E6E3D8;
}
.ledger li{
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid #E6E3D8;
  font-size: 14px;
  color: #1a1a1a;
}
.ledger .lk{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  color: rgba(10,10,10,0.4);
  font-weight: 500;
  letter-spacing: 0.04em;
}
.ledger .ll{ letter-spacing: -0.005em; }
.ledger .lv{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px;
  color: rgba(10,10,10,0.55);
  letter-spacing: 0.04em;
  font-weight: 500;
  white-space: nowrap;
}

.trust-link{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px; letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0A0A0A;
  border-bottom: 1px solid rgba(10,10,10,0.4);
  padding-bottom: 6px;
  align-self: flex-start;
  transition: color .2s, border-color .2s, transform .2s;
}
.trust-link:hover{
  border-color: #0A0A0A;
}
.trust-link .arr{ display:inline-block; transition: transform .2s; margin-left: 4px; }
.trust-link:hover .arr{ transform: translateX(4px); }

/* ============================================================
   DOSSIER — premium verified-operator profile
   Dark header band + big stats + monospace code rows.
   Stretches full column height to align with sibling pillars.
   ============================================================ */
.dossier{
  /* Stretch full column height — overrides global align-self: start */
  align-self: stretch !important;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  /* Reveal animation */
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .9s cubic-bezier(0.22, 1, 0.36, 1),
    transform .9s cubic-bezier(0.22, 1, 0.36, 1);
}
.dossier.visible{
  opacity: 1;
  transform: none;
}
.dossier-inner{
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #e5e5e5;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(10,10,10,0.02),
    0 32px 64px -32px rgba(10,10,10,0.18),
    0 8px 20px -12px rgba(10,10,10,0.08);
}

/* DARK HEADER BAND ------------------------------------------- */
.dossier-band{
  background: #0A0A0A;
  color: #FFFFFF;
  padding: 26px 26px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  /* Subtle radial highlight in the corner */
  background-image:
    radial-gradient(360px 240px at 88% 0%, rgba(255,200,80,0.10), transparent 70%),
    linear-gradient(180deg, #1a1a1a 0%, #0A0A0A 100%);
}
.dossier-band-text{
  flex: 1;
  min-width: 0;
}
.dossier-band-tag{
  display: inline-block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #FFE500;
  margin-bottom: 12px;
}
.dossier-band-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin: 0 0 6px;
}
.dossier-band-loc{
  font-size: 12.5px;
  color: rgba(255,255,255,0.55);
  margin: 0;
  letter-spacing: -0.005em;
  font-weight: 400;
}

/* Gold shield badge */
.dossier-shield{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFF066 0%, #FFE500 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #0A0A0A;
  font-size: 20px;
  box-shadow:
    0 0 0 1px rgba(255,229,0,0.45),
    0 4px 14px -2px rgba(255,229,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

/* BIG STATS ROW --------------------------------------------- */
.dossier-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 22px 0 20px;
  margin: 0 26px;
}
.dossier-stat{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-right: 1px solid #F0F0F0;
  padding: 0 8px;
}
.dossier-stat:last-child{ border-right: 0; }
.dossier-stat-num{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
}
.dossier-stat-star{
  color: #FFE500;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: 1px;
}
.dossier-stat-lbl{
  margin-top: 8px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.45);
}

/* DIVIDER --------------------------------------------------- */
.dossier-divider{
  border: 0;
  height: 1px;
  background: #F0F0F0;
  margin: 0 26px;
}

/* TRUST FACT ROWS — pill code + label + value --------------- */
.dossier-rows{
  list-style: none;
  padding: 18px 26px 14px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
  flex: 1;
}
.dossier-rows li{
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 12px;
  font-size: 13.5px;
  letter-spacing: -0.005em;
  color: #1a1a1a;
}
.dossier-code{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  background: #0A0A0A;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.dossier-rows .ll{
  color: rgba(10,10,10,0.65);
  letter-spacing: -0.005em;
}
.dossier-rows .lv{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  font-size: 13px;
}

/* SPECIALTIES CHIP STRIP ------------------------------------ */
.dossier-specs{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 26px 16px;
  flex-wrap: wrap;
}
.dossier-specs-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  flex-shrink: 0;
}
.dossier-specs-tags{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  flex: 1;
}
.dossier-chip{
  font-family: 'Inter Tight', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #0A0A0A;
  background: #FFFBE0;
  border: 1px solid #FFE500;
  padding: 4px 9px;
  border-radius: 999px;
  white-space: nowrap;
}
.dossier-chip-ghost{
  background: #FFFFFF;
  border-color: #E8E8E8;
  color: rgba(10,10,10,0.55);
}

/* LAST TRIP QUOTE ------------------------------------------- */
.dossier-last{
  margin: 0 26px 18px;
  padding: 14px 16px 14px 18px;
  background: #FAFAF7;
  border-left: 3px solid #FFE500;
  border-radius: 0 8px 8px 0;
}
.dossier-last-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.dossier-last-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
}
.dossier-last-val{
  font-family: 'Inter Tight', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: -0.005em;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
}
.dossier-last-quote{
  font-family: 'Instrument Serif', Georgia, serif;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: -0.005em;
  color: #1a1a1a;
  margin: 0 0 6px;
  font-style: italic;
  text-wrap: pretty;
}
.dossier-last-mark{
  color: #FFE500;
  font-weight: 600;
  font-size: 18px;
  margin-right: 1px;
  vertical-align: -1px;
}
.dossier-last-mark-r{ margin-right: 0; margin-left: 1px; }
.dossier-last-attr{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.55);
}

/* RENEWAL FOOT (white card) --------------------------------- */
footer.dossier-foot{
  background: #FAFAFA;
  border: 0;
  border-top: 1px solid #F0F0F0;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
  font-weight: 500;
  padding: 14px 26px;
  text-align: center;
  display: block;
  margin-top: auto;
}

/* Ledger rows — Font Awesome shield sizing tweak */
.ledger li > i.fa-shield-halved,
.ledger li > i.fa-solid{
  margin-right: 2px;
  text-align: center;
}




/* FOOT --------------------------------------------------------- */
/* FOOT — premium compliance band -------------------------------- */
/* footer.trust-foot specificity beats global `footer{background:var(--ink)}` */
footer.trust-foot{
  max-width: 1280px;
  margin: 56px auto 0;
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 22px 28px;
  background: #FFFFFF;
  border: 1px solid #ECEAE2;
  border-top: 1px solid #ECEAE2; /* override global footer's top border */
  border-radius: 4px;
  box-shadow:
    0 1px 0 rgba(10,10,10,0.02),
    0 12px 32px -24px rgba(10,10,10,0.10);
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px;
  letter-spacing: 0.10em;
  color: #1a1a1a;
  position: relative;
}
footer.trust-foot::before{
  /* Hairline accent at left — yellow tab marking it as official */
  content:"";
  position: absolute;
  left: -1px; top: 16%; bottom: 16%;
  width: 3px;
  background: #FFE500;
  border-radius: 0 2px 2px 0;
}
.trust-foot-key{
  text-transform: uppercase;
  font-weight: 800;
  color: #0A0A0A;
  letter-spacing: 0.18em;
  font-size: 10.5px;
  padding-right: 18px;
  border-right: 1px solid #ECEAE2;
}
.trust-foot-line{
  letter-spacing: 0.06em;
  color: #3a3a3a;
  font-weight: 500;
}
.trust-foot-sig{
  font-family:'Instrument Serif', serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0;
  color: #5a5a5a;
  text-transform: none;
  font-weight: 400;
}

/* ENHANCED REVEALS for trust section -------------------------- */
/* Gentler, longer easing with subtle blur — premium feel */
.trust .reveal,
.trust .reveal-left,
.trust .reveal-right{
  transition:
    opacity .9s cubic-bezier(0.22, 1, 0.36, 1),
    transform .9s cubic-bezier(0.22, 1, 0.36, 1),
    filter .9s cubic-bezier(0.22, 1, 0.36, 1);
  filter: blur(4px);
}
.trust .reveal{ transform: translateY(24px); }
.trust .reveal-left{ transform: translateX(-24px); }
.trust .reveal-right{ transform: translateX(24px); }
.trust .reveal.visible,
.trust .reveal-left.visible,
.trust .reveal-right.visible{
  opacity: 1;
  transform: none;
  filter: blur(0);
}

/* Stat number flush-up: slight pop when revealed */
.trust-stat .num{
  transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1) .15s;
}
.trust-stat.reveal .num{ transform: translateY(8px); }
.trust-stat.reveal.visible .num{ transform: translateY(0); }

/* RESPONSIVE --------------------------------------------------- */
@media (max-width: 1100px){
  .trust-cols{ grid-template-columns: 1fr; gap: 48px; }
  .dossier{ order: -1; max-width: 540px; align-self: center; width: 100%; }
}
@media (max-width: 720px){
  .trust{ padding: 56px 22px 48px; margin-top: -88px; margin-bottom: -56px; }
  .trust-head{ margin-bottom: 44px; }
  .trust-stats{ grid-template-columns: repeat(2, 1fr); margin-bottom: 56px; }
  .trust-stat{ border-right: 0; border-bottom: 1px solid #E6E3D8; min-height: 156px; padding: 26px 18px; }
  .trust-stat:nth-child(odd){ border-right: 1px solid #E6E3D8; }
  .trust-stat:last-child{ grid-column: 1 / -1; border-bottom: 0; border-right: 0; }
  .trust-meta{ flex-direction: column; align-items: flex-start; gap: 8px; }
  footer.trust-foot{ grid-template-columns: 1fr; gap: 14px; padding: 18px 20px; }
  .trust-foot-key{ border-right: 0; border-bottom: 1px solid #ECEAE2; padding: 0 0 12px; }
  .pillar-title{ font-size: 32px; }
  /* Dossier — tighten on narrow screens */
  .dossier-inner{ border-radius: 14px; }
  .dossier-band{ padding: 22px 22px 20px; }
  .dossier-band-name{ font-size: 20px; }
  .dossier-stats{ margin: 0 22px; padding: 18px 0 16px; }
  .dossier-stat-num{ font-size: 22px; }
  .dossier-divider{ margin: 0 22px; }
  .dossier-rows{ padding: 16px 22px 12px; }
  .dossier-rows li{ font-size: 13px; grid-template-columns: 36px 1fr auto; }
  footer.dossier-foot{ padding: 12px 22px; }
}

/* ============================================================
   ACCREDITATIONS SECTION — premium dossier rebuild
   ============================================================ */
.acc{
  position: relative;
  background: #FFFFFF;
  padding: 128px 0 132px;
  overflow: hidden;
}
.acc::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 800px 400px at 88% 12%, rgba(255,229,0,0.05), transparent 70%),
    radial-gradient(ellipse 600px 400px at 8% 92%, rgba(10,10,10,0.025), transparent 70%);
  pointer-events:none;
}
.acc::after{
  content:""; position:absolute; inset:0;
  background-image: linear-gradient(rgba(10,10,10,0.025) 1px, transparent 1px);
  background-size: 100% 48px;
  background-position: 0 0;
  pointer-events:none; opacity: 0.4;
}
.acc .wrap{ position: relative; max-width: 1280px; margin: 0 auto; padding: 0 32px; }

/* BAR ------------------------------------------------------ */
.acc-bar{
  display: flex; align-items: center; gap: 18px;
  padding: 0 0 22px;
  margin-bottom: 36px;
  border-bottom: 1px solid #E8E6DD;
  position: relative;
}
.acc-bar::before{
  content:""; position:absolute; left:0; bottom:-1px;
  width: 64px; height: 2px; background: #FFE500;
}
.acc-bar-mark{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  color: rgba(10,10,10,0.42); text-transform: uppercase;
  padding: 6px 10px; border: 1px solid #E8E6DD; border-radius: 4px;
  background: #FFFFFF;
  flex-shrink: 0;
}
.acc-bar-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em;
  color: #0A0A0A; text-transform: uppercase;
  flex-shrink: 0;
}
.acc-bar-tail{
  flex: 1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 500; letter-spacing: 0.04em;
  color: rgba(10,10,10,0.55);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.acc-bar-btn{
  display: inline-flex; align-items: center; gap: 8px;
  background: #0A0A0A; color: #FFFFFF; border: 0;
  padding: 9px 14px 9px 10px;
  border-radius: 999px;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600; font-size: 12.5px; letter-spacing: -0.005em;
  cursor: pointer;
  flex-shrink: 0;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.acc-bar-btn-flag{
  font-size: 14px; line-height: 1;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
  background: #FFFFFF;
  padding: 3px 5px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
}
.acc-bar-btn-text{ white-space: nowrap; }
.acc-bar-btn-arr{
  font-size: 13px;
  transition: transform .2s;
}
.acc-bar-btn:hover{
  background: #FFE500; color: #0A0A0A;
  box-shadow: 0 8px 24px -10px rgba(255,229,0,0.7);
}
.acc-bar-btn:hover .acc-bar-btn-arr{ transform: translateX(3px); }

/* HEADER --------------------------------------------------- */
.acc-header{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 64px;
  align-items: end;
  margin-bottom: 56px;
}
.acc-header-l{ max-width: 720px; }
.acc-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: #0A0A0A;
  margin: 0 0 22px;
  text-wrap: balance;
}
.acc-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.acc-sub{
  font-family: 'Inter Tight', sans-serif;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(10,10,10,0.62);
  max-width: 56ch;
  margin: 0;
  text-wrap: pretty;
}
.acc-header-r{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  column-gap: 12px;
  row-gap: 4px;
  padding-bottom: 8px;
}
.acc-meta-num{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
}
.acc-meta-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em;
  color: rgba(10,10,10,0.5); text-transform: uppercase;
  line-height: 1.4;
}
.acc-meta-line{
  grid-column: 1 / -1;
  height: 1px;
  background: #E8E6DD;
  margin: 14px 0 14px;
}

/* GRID ----------------------------------------------------- */
.acc-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.acc-card{
  text-align: left; font: inherit;
  background: #FFFFFF;
  border: 1px solid #E8E6DD;
  border-radius: 14px;
  padding: 22px 22px 18px;
  cursor: pointer;
  display: flex; flex-direction: column;
  gap: 14px;
  min-height: 224px;
  position: relative;
  transition: transform .25s cubic-bezier(.22,1,.36,1), border-color .2s, box-shadow .25s;
  overflow: hidden;
}
.acc-card::before{
  content:""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,229,0,0.0), rgba(255,229,0,0.06));
  opacity: 0; transition: opacity .25s;
  pointer-events: none;
}
.acc-card:hover{
  transform: translateY(-3px);
  border-color: #0A0A0A;
  box-shadow: 0 18px 44px -22px rgba(10,10,10,0.22);
}
.acc-card:hover::before{ opacity: 1; }
.acc-card-wide{ grid-column: span 1; }

.acc-card-top{
  display: flex; align-items: center; justify-content: space-between;
  position: relative; z-index: 1;
}
.acc-num{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  background: #FFE500;
  color: #0A0A0A;
  font-weight: 700; font-size: 10.5px; letter-spacing: 0.06em;
  padding: 5px 9px;
  border-radius: 4px;
}
.acc-glyph{
  font-size: 24px;
  color: rgba(10,10,10,0.78);
  line-height: 1;
}
.acc-card-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: #0A0A0A;
  margin: 0;
  line-height: 1.18;
  position: relative; z-index: 1;
}
.acc-card-sub{
  font-family: 'Inter Tight', sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(10,10,10,0.6);
  margin: 0;
  flex: 1;
  position: relative; z-index: 1;
  text-wrap: pretty;
}
.acc-card-foot{
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid #F0EFE8;
  margin-top: auto;
  position: relative; z-index: 1;
}
.acc-count{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 500; letter-spacing: 0.06em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.acc-count b{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  color: #0A0A0A;
  font-size: 13.5px;
  letter-spacing: -0.01em;
  margin-right: 3px;
  font-variant-numeric: tabular-nums;
}
.acc-view{
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Inter Tight', sans-serif;
  font-size: 11.5px; font-weight: 600;
  color: #0A0A0A;
  letter-spacing: -0.005em;
}
.acc-view-arr{
  display: inline-block;
  transition: transform .2s;
}
.acc-card:hover .acc-view-arr{ transform: translateX(4px); }

/* MODAL — keep existing acc-modal styles working ----------- */
.acc-modal{
  position: fixed; inset: 0;
  z-index: 9999;
  display: none;
  align-items: center; justify-content: center;
  padding: 24px;
}
.acc-modal.is-open{ display: flex; }
.acc-modal-backdrop{
  position: absolute; inset: 0;
  background: rgba(10,10,10,0.72);
  backdrop-filter: blur(6px);
  animation: accFade .2s ease;
}
.acc-modal-panel{
  position: relative;
  width: 100%; max-width: 720px;
  max-height: 85vh;
  background: #FFFFFF;
  border-radius: 16px;
  display: flex; flex-direction: column;
  overflow: hidden;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.5);
  animation: accPop .25s cubic-bezier(.22,1,.36,1);
}
@keyframes accFade{ from{opacity:0} to{opacity:1} }
@keyframes accPop{
  from{ opacity:0; transform: translateY(10px) scale(0.97); }
  to  { opacity:1; transform: translateY(0) scale(1); }
}
.acc-modal-head{
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 24px 28px 18px;
  border-bottom: 1px solid #ECECEC;
}
.acc-modal-eyebrow{
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  margin-bottom: 6px;
}
.acc-modal-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  margin: 0;
}
.acc-modal-close{
  background: #F4F4F4; border: 0;
  width: 34px; height: 34px;
  border-radius: 999px;
  font-size: 22px; line-height: 1;
  cursor: pointer; color: #0A0A0A;
  transition: background .15s;
}
.acc-modal-close:hover{ background: #FFE500; }
.acc-modal-body{ padding: 8px 28px 20px; overflow-y: auto; }
.acc-row{
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 1.4fr;
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid #F4F4F4;
  align-items: baseline;
}
.acc-row:last-child{ border-bottom: 0; }
.acc-row-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #0A0A0A;
  letter-spacing: -0.01em;
}
.acc-row-desc{
  font-size: 13px;
  color: rgba(10,10,10,0.62);
  line-height: 1.5;
}
/* Modal CTA — "See all X" link row at the end of the list */
.acc-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding: 16px 18px;
  background: #0A0A0A;
  border-radius: 10px;
  text-decoration: none;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.acc-cta:hover{
  background: #1a1a1a;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px -14px rgba(0,0,0,0.5);
}
.acc-cta-l{ display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.acc-cta-lbl{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: -0.005em;
  color: #fff;
}
.acc-cta-sub{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.6);
}
.acc-cta-arr{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #FFE500;
  color: #0A0A0A;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
  transition: transform .2s;
}
.acc-cta:hover .acc-cta-arr{ transform: translateX(2px); }
.acc-modal-foot{
  padding: 16px 28px;
  border-top: 1px solid #ECECEC;
  background: #FAFAFA;
}
.acc-modal-foot a{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0A0A0A;
  border-bottom: 1.5px solid #FFE500;
  padding-bottom: 2px;
}
.acc-modal-foot a:hover{ background: #FFE500; }

/* RESPONSIVE ----------------------------------------------- */
@media (max-width: 1100px){
  .acc-grid{ grid-template-columns: repeat(3, 1fr); }
  .acc-header{ grid-template-columns: 1fr; gap: 32px; align-items: start; }
  .acc-header-r{ padding-bottom: 0; }
}
@media (max-width: 760px){
  .acc{ padding: 80px 0 88px; }
  .acc-bar{ flex-wrap: wrap; gap: 12px; padding-bottom: 18px; margin-bottom: 28px; }
  .acc-bar-tail{ order: 4; flex: 0 0 100%; white-space: normal; }
  .acc-bar-btn{ margin-left: auto; }
  .acc-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .acc-meta-num{ font-size: 44px; }
  .acc-card{ padding: 18px 18px 16px; min-height: 200px; }
  .acc-modal-head{ padding: 20px 22px 16px; }
  .acc-modal-body{ padding: 4px 22px 16px; }
  .acc-modal-title{ font-size: 22px; }
  .acc-row{ grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 480px){
  .acc-grid{ grid-template-columns: 1fr; }
}

/* ============================================================
   INDIA GUIDE MODAL (#india-modal)  — fully scoped
   ============================================================ */
#india-modal{
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-family: 'Inter Tight', sans-serif;
}
#india-modal.is-open{ display: flex; }
#india-modal .ig-backdrop{
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.9);
  backdrop-filter: blur(6px);
  animation: igFade .25s ease;
}
#india-modal .ig-panel{
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  background: #FFFFFF;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 40px 100px -20px rgba(0,0,0,0.55);
  animation: igPop .25s cubic-bezier(.22,1,.36,1);
}
@keyframes igFade{ from{opacity:0} to{opacity:1} }
@keyframes igPop{
  from{ opacity:0; transform: scale(.95); }
  to  { opacity:1; transform: scale(1); }
}

/* HEAD ----------------------------------------------------- */
#india-modal .ig-head{
  position: sticky; top: 0;
  background: #FFFFFF;
  z-index: 2;
  border-bottom: 1px solid #ECECEC;
  padding: 22px 28px 0;
}
#india-modal .ig-head::before{
  content: ""; position: absolute;
  left: 0; right: 0; top: 0; height: 56px;
  background: linear-gradient(180deg, rgba(255,229,0,0.06), transparent);
  pointer-events: none;
}
#india-modal .ig-head-l{
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 16px;
}
#india-modal .ig-flag{
  font-size: 32px;
  line-height: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.15));
}
#india-modal .ig-eyebrow{
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  margin-bottom: 4px;
}
#india-modal .ig-title{
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  margin: 0;
}
#india-modal .ig-head-r{
  position: absolute;
  top: 22px; right: 22px;
  display: flex; align-items: center; gap: 14px;
}
#india-modal .ig-status{
  display: inline-flex; align-items: center; gap: 7px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgba(10,10,10,0.6);
  text-transform: uppercase;
}
#india-modal .ig-dot{
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #18A957;
  box-shadow: 0 0 0 3px rgba(24,169,87,0.18);
  animation: igPulse 2s ease-in-out infinite;
}
@keyframes igPulse{
  0%,100%{ box-shadow: 0 0 0 3px rgba(24,169,87,0.18); }
  50%   { box-shadow: 0 0 0 6px rgba(24,169,87,0.05); }
}
#india-modal .ig-close{
  background: #F4F4F4;
  border: 0;
  width: 34px; height: 34px;
  border-radius: 999px;
  font-size: 22px; line-height: 1;
  cursor: pointer; color: #0A0A0A;
  transition: background .15s, transform .15s;
}
#india-modal .ig-close:hover{ background: #FFE500; transform: rotate(90deg); }

/* TABS ----------------------------------------------------- */
#india-modal .ig-tabs{
  position: relative;
  display: flex; gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -28px;
  padding: 0 28px;
}
#india-modal .ig-tabs::-webkit-scrollbar{ display: none; }
#india-modal .ig-tab{
  position: relative;
  background: transparent;
  border: 0;
  padding: 12px 14px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: rgba(10,10,10,0.55);
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  white-space: nowrap;
  transition: color .2s;
}
#india-modal .ig-tab-num{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.4);
  background: #F4F4F4;
  padding: 3px 6px;
  border-radius: 4px;
  transition: background .2s, color .2s;
}
#india-modal .ig-tab:hover{ color: #0A0A0A; }
#india-modal .ig-tab.is-active{ color: #0A0A0A; }
#india-modal .ig-tab.is-active .ig-tab-num{
  background: #0A0A0A;
  color: #FFE500;
}
#india-modal .ig-tab-rail{
  position: absolute;
  left: 0; bottom: 0;
  height: 2px;
  background: #0A0A0A;
  transition: transform .35s cubic-bezier(.22,1,.36,1), width .35s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}

/* BODY / PANES --------------------------------------------- */
#india-modal .ig-body{
  flex: 1;
  overflow-y: auto;
  padding: 28px 28px 32px;
  background: #FAFAFA;
}
#india-modal .ig-pane{ display: none; animation: igSlide .28s cubic-bezier(.22,1,.36,1); }
#india-modal .ig-pane.is-active{ display: block; }
@keyframes igSlide{
  from{ opacity:0; transform: translateY(8px); }
  to  { opacity:1; transform: translateY(0); }
}
#india-modal .ig-pane-lede{
  font-size: 14px;
  line-height: 1.55;
  color: rgba(10,10,10,0.65);
  margin: 0 0 22px;
  max-width: 64ch;
}

/* GENERIC CARDS (Tab 01, 02) ------------------------------- */
#india-modal .ig-grid-2{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}
#india-modal .ig-card{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 12px;
  padding: 18px 18px 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: border-color .2s, transform .2s;
}
#india-modal .ig-card:hover{ border-color: #0A0A0A; transform: translateY(-1px); }
#india-modal .ig-card h4{
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.015em;
  color: #0A0A0A;
  margin: 0 0 4px;
}
#india-modal .ig-card p{
  font-size: 12.5px;
  color: rgba(10,10,10,0.6);
  margin: 0;
  line-height: 1.45;
}
#india-modal .ig-card-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #F0F0F0;
}
#india-modal .ig-cost{
  background: #FFFBE0;
  border: 1px solid #FFE500;
  color: #0A0A0A;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 4px 9px;
  border-radius: 999px;
}
#india-modal .ig-tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
}
#india-modal .ig-tag.is-mandatory{
  background: #FFEDED;
  color: #C53030;
}
#india-modal .ig-tag.is-optional{
  background: #F0F0F0;
  color: rgba(10,10,10,0.6);
}

/* COMPARISON (Tab 03) -------------------------------------- */
#india-modal .ig-compare{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
#india-modal .ig-compare-col{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#india-modal .ig-compare-col.is-featured{
  border-color: #FFE500;
  box-shadow: 0 8px 24px -12px rgba(255,229,0,0.5);
  transform: translateY(-4px);
}
#india-modal .ig-compare-col header{
  padding: 18px 16px 14px;
  border-bottom: 1px solid #F0F0F0;
  background: #FAFAFA;
}
#india-modal .ig-compare-col.is-featured header{ background: #0A0A0A; color: #FFFFFF; }
#india-modal .ig-compare-col h4{
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.025em;
  margin: 0 0 6px;
}
#india-modal .ig-compare-tier{
  display: inline-block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
  background: #F0F0F0;
  padding: 3px 7px;
  border-radius: 4px;
}
#india-modal .ig-compare-tier.is-yellow{ background: #FFE500; color: #0A0A0A; }
#india-modal .ig-compare-col.is-featured .ig-compare-tier{ color: #0A0A0A; }
#india-modal .ig-compare-col ul{
  list-style: none; margin: 0; padding: 0;
  flex: 1;
}
#india-modal .ig-compare-col li{
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 11px 16px;
  border-bottom: 1px solid #F4F4F4;
  font-size: 12.5px;
}
#india-modal .ig-compare-col li:last-child{ border-bottom: 0; }
#india-modal .ig-compare-col li span{
  color: rgba(10,10,10,0.55);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#india-modal .ig-compare-col li b{
  font-weight: 700;
  color: #0A0A0A;
  text-align: right;
}

/* ASSOCIATIONS LIST (Tab 04) ------------------------------- */
#india-modal .ig-assoc{
  list-style: none; padding: 0; margin: 0;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 12px;
  overflow: hidden;
}
#india-modal .ig-assoc li{
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #F4F4F4;
  transition: background .15s;
}
#india-modal .ig-assoc li:last-child{ border-bottom: 0; }
#india-modal .ig-assoc li:hover{ background: #FFFEF7; }
#india-modal .ig-assoc-badge{
  display: flex; align-items: center; justify-content: center;
  background: #FFE500;
  color: #0A0A0A;
  font-weight: 800;
  font-size: 11.5px;
  letter-spacing: -0.005em;
  padding: 8px 4px;
  border-radius: 6px;
  text-align: center;
  min-height: 36px;
}
#india-modal .ig-assoc-body b{
  display: block;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #0A0A0A;
  margin-bottom: 2px;
}
#india-modal .ig-assoc-body span{
  font-size: 12.5px;
  color: rgba(10,10,10,0.6);
}
#india-modal .ig-assoc-meta{
  text-align: right;
}
#india-modal .ig-assoc-meta b{
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 700;
  color: #0A0A0A;
  margin-bottom: 2px;
}
#india-modal .ig-assoc-meta span{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  color: rgba(10,10,10,0.5);
}

/* PORTAL CARDS (Tab 05) ------------------------------------ */
#india-modal .ig-portal{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 12px;
  padding: 16px;
  display: flex; gap: 14px;
  align-items: flex-start;
  transition: border-color .2s, transform .2s;
}
#india-modal .ig-portal:hover{ border-color: #0A0A0A; transform: translateY(-1px); }
#india-modal .ig-portal-mark{
  width: 44px; height: 44px;
  flex-shrink: 0;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
#india-modal .ig-portal-mark[data-c="1"]{ background: linear-gradient(135deg, #1E40AF, #3B82F6); }
#india-modal .ig-portal-mark[data-c="2"]{ background: linear-gradient(135deg, #DC2626, #F97316); }
#india-modal .ig-portal-mark[data-c="3"]{ background: linear-gradient(135deg, #059669, #10B981); }
#india-modal .ig-portal-mark[data-c="4"]{ background: linear-gradient(135deg, #7C2D12, #EA580C); }
#india-modal .ig-portal-mark[data-c="5"]{ background: linear-gradient(135deg, #0A0A0A, #404040); font-size: 9.5px; }
#india-modal .ig-portal-mark[data-c="6"]{ background: linear-gradient(135deg, #B45309, #F59E0B); font-size: 9px; }
#india-modal .ig-portal-body{ flex: 1; min-width: 0; }
#india-modal .ig-portal-body b{
  display: block;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #0A0A0A;
  margin-bottom: 4px;
}
#india-modal .ig-portal-body p{
  font-size: 12.5px;
  color: rgba(10,10,10,0.6);
  margin: 0 0 10px;
  line-height: 1.45;
}
#india-modal .ig-portal-foot{
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px;
}
#india-modal .ig-pill{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.6);
  background: #F4F4F4;
  padding: 3px 7px;
  border-radius: 4px;
}
#india-modal .ig-pill.is-yellow{ background: #FFE500; color: #0A0A0A; }
#india-modal .ig-portal-cost{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  color: rgba(10,10,10,0.7);
}

/* FRANCHISES (Tab 06) -------------------------------------- */
#india-modal .ig-fr-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
#india-modal .ig-fr{
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 12px;
  padding: 22px 20px 18px;
  display: flex; flex-direction: column;
  gap: 12px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
#india-modal .ig-fr:hover{ transform: translateY(-2px); border-color: #0A0A0A; }
#india-modal .ig-fr.is-featured{
  border-color: #FFE500;
  box-shadow: 0 12px 28px -16px rgba(255,229,0,0.5);
}
#india-modal .ig-fr-tag{
  display: inline-block; align-self: flex-start;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
  background: #F4F4F4;
  padding: 4px 9px;
  border-radius: 999px;
}
#india-modal .ig-fr-tag.is-yellow{ background: #FFE500; color: #0A0A0A; }
#india-modal .ig-fr h4{
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  margin: 0;
  line-height: 1.2;
}
#india-modal .ig-fr-sub{
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
  margin-top: 4px;
}
#india-modal .ig-fr p{
  font-size: 13px;
  line-height: 1.5;
  color: rgba(10,10,10,0.62);
  margin: 0;
  flex: 1;
}
#india-modal .ig-fr-invest{
  display: flex; flex-direction: column;
  gap: 2px;
  padding-top: 14px;
  border-top: 1px solid #F0F0F0;
}
#india-modal .ig-fr-invest span{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
}
#india-modal .ig-fr-invest b{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: #FFE500;
  -webkit-text-stroke: 0.4px #0A0A0A;
}
#india-modal .ig-fr.is-featured .ig-fr-invest b{ color: #0A0A0A; -webkit-text-stroke: 0; }

/* FOOTER --------------------------------------------------- */
#india-modal .ig-foot{
  background: #F4F4F4;
  border-top: 1px solid #E6E6E6;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
#india-modal .ig-foot-l{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.55);
}
#india-modal .ig-foot-r{
  display: flex; align-items: center; gap: 14px;
}
#india-modal .ig-foot-r a{
  font-size: 12px;
  font-weight: 600;
  color: #0A0A0A;
  text-decoration: none;
  border-bottom: 1px solid #FFE500;
  padding-bottom: 1px;
}
#india-modal .ig-foot-pdf{
  background: #0A0A0A;
  color: #FFFFFF;
  border: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: background .2s, color .2s;
}
#india-modal .ig-foot-pdf:hover{ background: #FFE500; color: #0A0A0A; }

@media (max-width: 720px){
  #india-modal{ padding: 0; }
  #india-modal .ig-panel{ max-height: 100vh; max-height: 100dvh; border-radius: 0; }
  #india-modal .ig-head{ padding: 18px 18px 0; }
  #india-modal .ig-head-r{ top: 18px; right: 18px; gap: 10px; }
  #india-modal .ig-status{ display: none; }
  #india-modal .ig-title{ font-size: 19px; }
  #india-modal .ig-tabs{ margin: 0 -18px; padding: 0 18px; }
  #india-modal .ig-body{ padding: 22px 18px 26px; }
  #india-modal .ig-compare{ grid-template-columns: 1fr; }
  #india-modal .ig-compare-col.is-featured{ transform: none; }
  #india-modal .ig-fr-grid{ grid-template-columns: 1fr; }
  #india-modal .ig-assoc li{ grid-template-columns: 50px 1fr; gap: 12px; }
  #india-modal .ig-assoc-meta{ grid-column: 1 / -1; text-align: left; display: flex; gap: 10px; align-items: baseline; }
  #india-modal .ig-foot{ padding: 12px 18px; }
}


/* ============================================================
   TRUST + ACCREDITATIONS — combined premium dossier section
   ============================================================ */
.ta{
  position: relative;
  background: #FFFFFF;
  padding: 0 0 56px;
  overflow: hidden;
  color: #0A0A0A;
}
.ta-grain{ display: none; }

/* ── FULL-BLEED SECTION DIVIDER ─────────────────────────── */
.ta-divider{
  background: #0A0A0A;
  color: #FFFFFF;
  border-top: 1px solid #0A0A0A;
  border-bottom: 3px solid #FFE500;
  margin-bottom: 96px;
}
.ta-divider-inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px 32px;
  display: flex; align-items: center; gap: 18px;
}
.ta-divider .ta-bar-mark{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  color: rgba(255,255,255,0.55); text-transform: uppercase;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 4px;
  background: transparent;
  flex-shrink: 0;
}
.ta-divider .ta-bar-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px; font-weight: 700; letter-spacing: 0.22em;
  color: #FFFFFF; text-transform: uppercase;
  flex-shrink: 0;
  position: relative;
  padding-left: 14px;
}
.ta-divider .ta-bar-key::before{
  content:""; position:absolute; left:0; top: 50%;
  width: 6px; height: 6px;
  background: #FFE500;
  border-radius: 999px;
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px rgba(255,229,0,0.18);
}
.ta-divider .ta-bar-tail{
  flex: 1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 500; letter-spacing: 0.04em;
  color: rgba(255,255,255,0.5);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ta-divider .ta-bar-btn{
  background: #FFFFFF; color: #0A0A0A;
  box-shadow: 0 6px 18px -8px rgba(0,0,0,0.4);
}
.ta-divider .ta-bar-btn:hover{
  background: #FFE500; color: #0A0A0A;
}
.ta-divider .ta-bar-btn-arr{
  background: #0A0A0A; color: #FFE500;
}
.ta-divider .ta-bar-btn:hover .ta-bar-btn-arr{
  background: #FFFFFF; color: #0A0A0A;
}
.ta-wrap{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}

/* ── BAR ────────────────────────────────────────────────── */
.ta-bar{
  display: flex; align-items: center; gap: 18px;
  padding: 0 0 22px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E5E2D6;
  position: relative;
}
.ta-bar::before{
  content:""; position:absolute; left:0; bottom:-1px;
  width: 80px; height: 2px; background: #FFE500;
}
.ta-bar-mark{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  color: rgba(10,10,10,0.42); text-transform: uppercase;
  padding: 6px 10px;
  border: 1px solid #E5E2D6;
  border-radius: 4px;
  background: #FFFFFF;
  flex-shrink: 0;
}
.ta-bar-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em;
  color: #0A0A0A; text-transform: uppercase;
  flex-shrink: 0;
}
.ta-bar-tail{
  flex: 1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 500; letter-spacing: 0.04em;
  color: rgba(10,10,10,0.5);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ta-bar-btn{
  display: inline-flex; align-items: center; gap: 10px;
  background: #0A0A0A; color: #FFFFFF; border: 0;
  padding: 10px 8px 10px 18px;
  border-radius: 999px;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700; font-size: 13.5px; letter-spacing: -0.01em;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0 8px 22px -10px rgba(10,10,10,0.5), inset 0 1px 0 rgba(255,255,255,0.08);
  transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}
.ta-bar-btn-text{ white-space: nowrap; }
.ta-bar-btn-arr{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 999px;
  background: #FFE500; color: #0A0A0A;
  font-size: 12px; font-weight: 700;
  margin-left: 2px;
  transition: transform .2s;
}
.ta-bar-btn:hover{
  background: #FFE500; color: #0A0A0A;
  box-shadow: 0 12px 32px -10px rgba(255,229,0,0.7);
  transform: translateY(-1px);
}
.ta-bar-btn:hover .ta-bar-btn-arr{
  background: #0A0A0A; color: #FFE500;
  transform: translateX(3px);
}

/* ── HEADER ─────────────────────────────────────────────── */
.ta-header{
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 64px;
}
.ta-header-l{ max-width: 720px; }
.ta-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: #0A0A0A;
  margin: 0 0 22px;
  text-wrap: balance;
}
.ta-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ta-title-mark{
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 0 6px;
}
.ta-title-mark::before{
  content:"";
  position: absolute;
  left: 0; right: 0;
  bottom: 0.08em;
  height: 0.42em;
  background: #FFE500;
  z-index: -1;
  border-radius: 2px;
  transform: skewX(-4deg);
}
.ta-lede{
  font-family: 'Inter Tight', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(10,10,10,0.66);
  margin: 0;
  max-width: 56ch;
  text-wrap: pretty;
}
.ta-lede b{ color: #0A0A0A; font-weight: 700; }
.ta-header-r{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding-bottom: 6px;
}
.ta-meta-cell{
  display: flex; flex-direction: column; gap: 8px;
  padding: 18px 16px;
  background: #FFFFFF;
  border: 1px solid #E5E2D6;
  border-radius: 12px;
  position: relative;
}
.ta-meta-cell::before{
  content:""; position: absolute; top:0; left:16px; right:16px; height: 2px;
  background: #FFE500; border-radius: 0 0 2px 2px;
}
.ta-meta-num{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 38px;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
}
.ta-meta-unit{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 18px; font-weight: 700;
  color: rgba(10,10,10,0.5);
  margin-left: 2px;
}
.ta-meta-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em;
  color: rgba(10,10,10,0.5); text-transform: uppercase;
  line-height: 1.4;
}

/* ── STATS STRIP ────────────────────────────────────────── */
.ta-stats{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  background: #FFFFFF;
  border: 1px solid #E5E2D6;
  border-radius: 14px;
  padding: 28px 0;
  margin-bottom: 64px;
  box-shadow: 0 16px 40px -22px rgba(10,10,10,0.18);
}
.ta-stat{
  display: flex; flex-direction: column;
  gap: 10px;
  padding: 0 28px;
  border-right: 1px solid #F0EEE5;
}
.ta-stat:last-child{ border-right: 0; }
.ta-stat-num{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #0A0A0A;
  font-variant-numeric: tabular-nums;
  display: inline-flex; align-items: baseline;
}
.ta-stat-prefix{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 22px; font-weight: 700;
  color: rgba(10,10,10,0.45);
  margin-right: 2px;
}
.ta-stat-unit{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 16px; font-weight: 700;
  color: rgba(10,10,10,0.5);
  margin-left: 4px;
}
.ta-stat-lbl{
  font-family: 'Inter Tight', sans-serif;
  font-size: 12.5px;
  line-height: 1.4;
  color: rgba(10,10,10,0.6);
  text-wrap: pretty;
}

/* ── PILLARS + DOSSIER (3 col) ──────────────────────────── */
.ta-cols{
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 24px;
  margin-bottom: 88px;
  align-items: stretch;
}
.ta-pillar{
  background: #FFFFFF;
  border: 1px solid #E8E5D9;
  border-radius: 16px;
  padding: 32px 28px;
  display: flex; flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 38px -24px rgba(10,10,10,0.14);
}
.ta-pillar::before{
  content:""; position:absolute; top:0; left:0; right:0; height: 3px;
  background: #0A0A0A;
}
.ta-pillar-head{ display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.ta-pillar-num{
  font-family: 'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
  font-size: 26px;
  color: #0A0A0A;
  letter-spacing: -0.02em;
}
.ta-pillar-tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  color: rgba(10,10,10,0.5); text-transform: uppercase;
  padding: 4px 9px;
  background: #F4F2EA;
  border-radius: 4px;
}
.ta-pillar-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #0A0A0A;
  margin: 0 0 4px;
}
.ta-pillar-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
  letter-spacing: -0.02em;
}
.ta-pillar-lede{
  font-family: 'Inter Tight', sans-serif;
  font-size: 14px; line-height: 1.55;
  color: rgba(10,10,10,0.62);
  margin: 0 0 10px;
  text-wrap: pretty;
}
.ta-ledger{
  list-style: none; padding: 0; margin: 0 0 16px;
  display: flex; flex-direction: column;
  border-top: 1px solid #F0EEE5;
}
.ta-ledger li{
  display: grid;
  grid-template-columns: 18px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #F0EEE5;
}
.ta-ledger-ic{
  color: #16a34a;
  font-size: 16px;
  line-height: 1;
}
.ta-ledger-l{
  font-family: 'Inter Tight', sans-serif;
  font-size: 13px;
  color: #0A0A0A;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.ta-ledger-v{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.ta-link{
  margin-top: auto;
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0A0A0A;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1.5px solid #FFE500;
  align-self: flex-start;
}
.ta-link-arr{ display: inline-block; transition: transform .2s; }
.ta-link:hover .ta-link-arr{ transform: translateX(3px); }

/* ── DOSSIER CARD (centerpiece) ─────────────────────────── */
.ta-dossier{
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E5E2D6;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 80px -32px rgba(10,10,10,0.28);
  display: flex; flex-direction: column;
  align-self: stretch;
}
.ta-dossier::before{
  content:""; position:absolute; inset: 0;
  background-image: linear-gradient(135deg, rgba(255,229,0,0.05) 0%, transparent 50%);
  pointer-events: none;
}
.ta-dossier-inner{
  position: relative;
  display: flex; flex-direction: column;
  height: 100%;
}
.ta-dossier-band{
  background: #0A0A0A;
  color: #FFFFFF;
  padding: 24px 26px 22px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px;
  position: relative;
}
.ta-dossier-band::after{
  content:""; position:absolute; left:26px; right:26px; bottom:0; height: 1px;
  background: linear-gradient(90deg, rgba(255,229,0,0.7), transparent);
}
.ta-dossier-band-text{ display: flex; flex-direction: column; gap: 6px; }
.ta-dossier-band-tag{
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FFE500;
  padding: 4px 9px;
  background: rgba(255,229,0,0.12);
  border: 1px solid rgba(255,229,0,0.4);
  border-radius: 4px;
  align-self: flex-start;
}
.ta-dossier-band-tag i{ font-size: 12px; }
.ta-dossier-band-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.025em;
  margin: 0;
  color: #FFFFFF;
}
.ta-dossier-band-loc{
  font-family: 'Inter Tight', sans-serif;
  font-size: 12.5px;
  color: rgba(255,255,255,0.65);
  margin: 0;
}
.ta-dossier-shield{
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  background: #FFE500;
  color: #0A0A0A;
  border-radius: 999px;
  font-size: 22px;
  flex-shrink: 0;
}
.ta-dossier-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 22px 26px 18px;
  gap: 14px;
}
.ta-dossier-stat{
  display: flex; flex-direction: column; gap: 4px;
}
.ta-dossier-stat-num{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: 26px;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ta-dossier-stat-star{
  font-size: 14px;
  color: #FFE500;
  margin-left: 2px;
}
.ta-dossier-stat-lbl{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.ta-dossier-divider{
  border: 0;
  height: 1px;
  background: #F0EEE5;
  margin: 0 26px;
}
.ta-dossier-rows{
  list-style: none; padding: 4px 26px 0; margin: 0;
}
.ta-dossier-rows li{
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #F4F2EA;
}
.ta-dossier-rows li:last-child{ border-bottom: 0; }
.ta-dossier-code{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em;
  color: #0A0A0A;
  background: #FFE500;
  padding: 4px 7px;
  border-radius: 4px;
  text-align: center;
}
.ta-dossier-l{
  font-family: 'Inter Tight', sans-serif;
  font-size: 13px;
  color: #0A0A0A;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.ta-dossier-v{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  color: #0A0A0A;
}
.ta-dossier-specs{
  display: flex; align-items: center; gap: 12px;
  padding: 16px 26px 16px;
  border-top: 1px solid #F0EEE5;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ta-dossier-specs-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.ta-dossier-specs-tags{ display: flex; gap: 6px; flex-wrap: wrap; }
.ta-dossier-chip{
  font-family: 'Inter Tight', sans-serif;
  font-size: 11.5px; font-weight: 600;
  color: #0A0A0A;
  padding: 5px 10px;
  border: 1px solid #E5E2D6;
  border-radius: 999px;
  background: #FAF9F4;
}
.ta-dossier-foot{
  margin-top: auto;
  padding: 14px 26px;
  background: #FAF9F4;
  border-top: 1px solid #F0EEE5;
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em;
  color: rgba(10,10,10,0.55);
}
.ta-dossier-foot i{ margin-right: 5px; color: #0A0A0A; }
.ta-dossier-foot-id{
  color: rgba(10,10,10,0.4);
  letter-spacing: 0.1em;
}

/* ── ACCREDITATION HEADER ───────────────────────────────── */
.ta-acc-head{
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 36px;
  padding-top: 24px;
  border-top: 1px solid #E5E2D6;
}
.ta-acc-head-l{ display: flex; flex-direction: column; gap: 14px; }
.ta-acc-eyebrow{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.ta-acc-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #0A0A0A;
  margin: 0;
  text-wrap: balance;
}
.ta-acc-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic; font-weight: 400;
  letter-spacing: -0.02em;
}
.ta-acc-sub{
  font-family: 'Inter Tight', sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(10,10,10,0.6);
  margin: 0;
  max-width: 52ch;
  text-wrap: pretty;
  padding-bottom: 6px;
}

/* ── ACCREDITATION GRID ─────────────────────────────────── */
.ta-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 56px;
}
.ta-card{
  text-align: left; font: inherit;
  background: #FFFFFF;
  border: 1px solid #E5E2D6;
  border-radius: 14px;
  padding: 22px 22px 18px;
  cursor: pointer;
  display: flex; flex-direction: column;
  gap: 14px;
  min-height: 224px;
  position: relative;
  transition: transform .25s cubic-bezier(.22,1,.36,1), border-color .2s, box-shadow .25s;
  overflow: hidden;
}
.ta-card::before{
  content:""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,229,0,0), rgba(255,229,0,0.07));
  opacity: 0; transition: opacity .25s; pointer-events: none;
}
.ta-card:hover{
  transform: translateY(-3px);
  border-color: #0A0A0A;
  box-shadow: 0 18px 44px -22px rgba(10,10,10,0.22);
}
.ta-card:hover::before{ opacity: 1; }
.ta-card-top{
  display: flex; align-items: center; justify-content: space-between;
  position: relative; z-index: 1;
}
.ta-card-num{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  background: #FFE500;
  color: #0A0A0A;
  font-weight: 700; font-size: 10.5px; letter-spacing: 0.06em;
  padding: 5px 9px;
  border-radius: 4px;
}
.ta-card-glyph{
  font-size: 24px;
  color: rgba(10,10,10,0.78);
  line-height: 1;
}
.ta-card-title{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: #0A0A0A;
  margin: 0;
  line-height: 1.18;
  position: relative; z-index: 1;
}
.ta-card-sub{
  font-family: 'Inter Tight', sans-serif;
  font-size: 13px; line-height: 1.5;
  color: rgba(10,10,10,0.6);
  margin: 0;
  flex: 1;
  position: relative; z-index: 1;
  text-wrap: pretty;
}
.ta-card-foot{
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid #F0EEE5;
  margin-top: auto;
  position: relative; z-index: 1;
}
.ta-card-count{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 500; letter-spacing: 0.06em;
  color: rgba(10,10,10,0.5);
  text-transform: uppercase;
}
.ta-card-count b{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  color: #0A0A0A;
  font-size: 13.5px;
  letter-spacing: -0.01em;
  margin-right: 3px;
  font-variant-numeric: tabular-nums;
}
.ta-card-view{
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Inter Tight', sans-serif;
  font-size: 11.5px; font-weight: 600;
  color: #0A0A0A;
  letter-spacing: -0.005em;
}
.ta-card-arr{ display: inline-block; transition: transform .2s; }
.ta-card:hover .ta-card-arr{ transform: translateX(4px); }

/* ── FOOTER SIGNATURE ───────────────────────────────────── */
.ta-foot{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 14px 22px;
  padding: 24px 28px;
  background: #FFFFFF;
  border: 1px solid #E8E5D9;
  border-radius: 14px;
  border-left: 4px solid #FFE500;
  box-shadow: 0 12px 32px -22px rgba(10,10,10,0.12);
}
.ta-foot-key{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em;
  color: #0A0A0A;
  text-transform: uppercase;
  flex-shrink: 0;
}
.ta-foot-line{
  flex: 1;
  font-family: 'Inter Tight', sans-serif;
  font-size: 12.5px;
  color: rgba(10,10,10,0.62);
  line-height: 1.5;
  min-width: 220px;
}
.ta-foot-sig{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-size: 14px;
  color: rgba(10,10,10,0.55);
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1180px){
  .ta-cols{
    grid-template-columns: 1fr 1fr;
  }
  .ta-dossier{ grid-column: 1 / -1; order: -1; }
  .ta-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px){
  .ta-header{ grid-template-columns: 1fr; gap: 36px; align-items: start; }
  .ta-header-r{ padding-bottom: 0; grid-template-columns: repeat(3, 1fr); }
  .ta-acc-head{ grid-template-columns: 1fr; gap: 22px; }
  .ta-acc-sub{ padding-bottom: 0; }
  .ta-stats{ grid-template-columns: repeat(3, 1fr); padding: 20px 0; row-gap: 22px; }
  .ta-stat{ border-right: 0; padding: 0 22px; }
  .ta-stat:nth-child(3n){ /* keep no border */ }
}
@media (max-width: 760px){
  .ta{ padding: 0 0 80px; }
  .ta-divider{ margin-bottom: 56px; }
  .ta-divider-inner{ flex-wrap: wrap; gap: 12px; padding: 16px 20px; }
  .ta-divider .ta-bar-tail{ order: 4; flex: 0 0 100%; white-space: normal; line-height: 1.5; }
  .ta-divider .ta-bar-btn{ margin-left: auto; }
  .ta-header{ margin-bottom: 36px; gap: 28px; }
  .ta-header-r{ grid-template-columns: 1fr 1fr; gap: 12px; }
  .ta-meta-cell{ padding: 14px 14px; }
  .ta-meta-num{ font-size: 30px; }
  .ta-stats{ grid-template-columns: 1fr 1fr; padding: 18px 0; row-gap: 18px; margin-bottom: 40px; }
  .ta-stat{ padding: 0 18px; }
  .ta-stat-num{ font-size: 30px; }
  .ta-cols{ grid-template-columns: 1fr; gap: 16px; margin-bottom: 56px; }
  .ta-dossier{ order: 0; }
  .ta-pillar{ padding: 24px 22px; }
  .ta-pillar-title{ font-size: 26px; }
  .ta-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 36px; }
  .ta-card{ min-height: 200px; padding: 18px 18px 16px; }
  .ta-foot{ padding: 18px 20px; }
  .ta-foot-line{ font-size: 12px; }
}
@media (max-width: 480px){
  .ta{ padding: 0 0 64px; }
  .ta-wrap{ padding: 0 20px; }
  .ta-header-r{ grid-template-columns: 1fr; }
  .ta-stats{ grid-template-columns: 1fr; }
  .ta-grid{ grid-template-columns: 1fr; }
  .ta-dossier-band{ padding: 20px 22px 18px; }
  .ta-dossier-band-name{ font-size: 19px; }
  .ta-dossier-stats{ padding: 18px 22px 14px; }
  .ta-dossier-stat-num{ font-size: 22px; }
  .ta-dossier-rows{ padding: 4px 22px 0; }
  .ta-dossier-rows li{ grid-template-columns: 38px 1fr auto; gap: 10px; }
  .ta-dossier-specs{ padding: 14px 22px; }
  .ta-dossier-foot{ padding: 12px 22px; flex-direction: column; align-items: flex-start; gap: 4px; }
}


/* ═══════════════════════════════════════════════════════════
   FIELD NOTES · TESTIMONIALS (editorial magazine spread)
═══════════════════════════════════════════════════════════ */

.fn{
  position: relative;
  background: #FFFFFF;
  color: #0A0A0A;
  padding: 56px 0 32px;
}
.fn-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

/* ── Slug bar (page-top marginalia) ─────────────────────── */
.fn-slug{
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
  margin-bottom: 88px;
  border-bottom: 1px solid rgba(10,10,10,0.12);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
}
.fn-slug-l{ display: inline-flex; align-items: center; gap: 14px; flex-shrink: 0; }
.fn-slug-doc{
  padding: 5px 10px;
  border: 1px solid rgba(10,10,10,0.18);
  border-radius: 3px;
  color: rgba(10,10,10,0.7);
  letter-spacing: 0.18em;
}
.fn-slug-key{
  color: #0A0A0A;
  font-weight: 700;
  letter-spacing: 0.18em;
  position: relative; padding-left: 12px;
}
.fn-slug-key::before{
  content:""; position:absolute; left:0; top:50%;
  width: 5px; height: 5px;
  background: #FFE500; border-radius: 999px;
  transform: translateY(-50%);
}
.fn-slug-c{
  font-family: 'Newsreader', serif;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(10,10,10,0.5);
  font-weight: 400;
}
.fn-slug-r{ flex-shrink: 0; }

/* ── Editorial headline ───────────────────────────────── */
.fn-hd{
  max-width: 820px;
  margin: 0 auto 72px;
  text-align: center;
}
.fn-hd-title{
  font-family: 'Newsreader', 'Times New Roman', serif;
  font-weight: 500;
  font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  margin: 0 0 22px;
}
.fn-hd-title em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
}
.fn-hd-title strong{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.fn-hd-sub{
  font-family: 'Newsreader', serif;
  font-size: 19px;
  line-height: 1.55;
  color: rgba(10,10,10,0.65);
  max-width: 620px;
  margin: 0 auto;
  text-wrap: pretty;
}

/* ── HERO SPREAD (asymmetric magazine pull-quote) ─────── */
.fn-spread{
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 0;
  margin-bottom: 64px;
  border-top: 2px solid #0A0A0A;
  border-bottom: 1px solid rgba(10,10,10,0.12);
}
.fn-spread-q{
  padding: 44px 56px 44px 0;
  display: flex; flex-direction: column;
  border-right: 1px solid rgba(10,10,10,0.12);
}
.fn-spread-folio{
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 36px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
}
.fn-folio-num{
  padding: 5px 9px;
  border: 1px solid rgba(10,10,10,0.18);
  border-radius: 3px;
  color: rgba(10,10,10,0.7);
}
.fn-folio-line{
  flex: 1; height: 1px; background: rgba(10,10,10,0.18);
}
.fn-folio-side{
  color: #0A0A0A;
  position: relative; padding-left: 12px;
}
.fn-folio-side::before{
  content:""; position:absolute; left:0; top:50%;
  width: 5px; height: 5px;
  background: #FFE500; border-radius: 999px;
  transform: translateY(-50%);
}
.fn-spread-kicker{
  font-family: 'Newsreader', serif;
  font-style: italic;
  font-size: 17px;
  line-height: 1.45;
  color: rgba(10,10,10,0.55);
  margin: 0 0 24px;
  letter-spacing: 0.005em;
}
.fn-spread-text{
  font-family: 'Newsreader', 'Times New Roman', serif;
  font-weight: 400;
  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #0A0A0A;
  margin: 0 0 36px;
  text-wrap: balance;
}
.fn-spread-text em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
}
.fn-spread-mark{
  font-family: 'Instrument Serif', serif;
  color: #0A0A0A;
  font-size: 0.95em;
  position: relative;
  top: 0.06em;
  margin-right: 0.05em;
  background: linear-gradient(180deg, transparent 60%, #FFE500 60%, #FFE500 92%, transparent 92%);
  padding: 0 0.06em;
}
.fn-spread-byline{
  margin-top: auto;
  display: flex; align-items: center; gap: 10px;
  padding-top: 32px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em;
  color: rgba(10,10,10,0.7);
}
.fn-byline-divider{
  width: 28px; height: 2px; background: #0A0A0A;
  margin-right: 6px;
}
.fn-byline-name{
  color: #0A0A0A;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.fn-byline-sep{ color: rgba(10,10,10,0.35); }
.fn-byline-role{
  color: rgba(10,10,10,0.55);
  font-style: italic;
  font-family: 'Newsreader', serif;
  font-size: 13.5px;
  letter-spacing: 0;
  font-weight: 400;
}

/* RIGHT RAIL */
.fn-spread-rail{
  padding: 44px 0 44px 44px;
  display: flex; flex-direction: column;
}
.fn-rail-bignum{
  display: flex; flex-direction: column;
  margin-bottom: 28px;
}
.fn-rail-num{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: clamp(60px, 6.4vw, 88px);
  line-height: 1;
  letter-spacing: -0.035em;
  color: #0A0A0A;
  display: inline-block;
  width: max-content;
  padding: 4px 10px;
  background-color: #FFE500;
  border-radius: 3px;
}
.fn-rail-num::before{ display: none !important; }
.fn-rail-num::after{ display: none !important; }
.fn-rail-numlbl{
  margin-top: 12px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
  line-height: 1.5;
}
.fn-rail-divider{
  height: 1px;
  background: rgba(10,10,10,0.12);
  margin: 0;
}
.fn-rail-stats{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 32px;
  padding: 28px 0;
  margin: 0;
}
.fn-rail-stat{ display: block; }
.fn-rail-stat dt{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  margin-bottom: 6px;
}
.fn-rail-stat dd{
  font-family: 'Newsreader', serif;
  font-size: 26px; font-weight: 500;
  letter-spacing: -0.015em;
  color: #0A0A0A;
  margin: 0;
  line-height: 1;
}
.fn-rail-stat dd span{
  font-size: 16px;
  color: rgba(10,10,10,0.5);
  font-weight: 400;
  letter-spacing: 0;
}
.fn-rail-verify{
  margin-top: auto;
  padding-top: 28px;
  display: flex; align-items: center; gap: 10px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em;
  color: rgba(10,10,10,0.65);
}
.fn-rail-tick{
  width: 18px; height: 18px;
  background: #16A34A; color: #FFFFFF;
  border-radius: 50%;
  display: grid; place-items: center;
  font-size: 10px; font-weight: 800;
  flex-shrink: 0;
}
.fn-rail-vlbl{
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #166534;
  font-weight: 700;
}
.fn-rail-vid{
  margin-left: auto;
  color: rgba(10,10,10,0.4);
  font-size: 10px;
  letter-spacing: 0.06em;
}

/* ── SUPPORTING STRIPS (legacy stubs — visual rules removed; see .rev-card below) ── */
.fn-strip,
.fn-strip-folio,
.fn-strip-q,
.fn-strip-foot,
.fn-strip-byline,
.fn-strip-pull,
.fn-strip-pull-num,
.fn-strip-pull-lbl,
.fn-strip-stat,
.fn-stat-val,
.fn-stat-lbl{ all: revert; }
.fn-strip-folio{
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 28px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase;
}
.fn-strip-folio .fn-folio-num{
  padding: 5px 9px;
  border: 1px solid rgba(10,10,10,0.18);
  border-radius: 3px;
  color: rgba(10,10,10,0.6);
}
.fn-strip-folio .fn-folio-side{
  color: #0A0A0A;
  position: relative; padding-left: 12px;
}
.fn-strip-folio .fn-folio-side::before{
  content:""; position:absolute; left:0; top:50%;
  width: 5px; height: 5px;
  background: #FFE500; border-radius: 999px;
  transform: translateY(-50%);
}
.fn-strip-q{
  font-family: 'Newsreader', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.34;
  letter-spacing: -0.012em;
  color: #0A0A0A;
  margin: 0 0 28px;
  text-wrap: pretty;
  flex: 1;
}
.fn-strip-q em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
}
.fn-strip-mark{
  font-family: 'Instrument Serif', serif;
  font-size: 1.15em;
  line-height: 0;
  position: relative; top: 0.08em;
  margin-right: 0.04em;
  color: rgba(10,10,10,0.4);
}
.fn-strip-foot{
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px dashed rgba(10,10,10,0.18);
}
.fn-strip-byline{
  display: inline-flex; align-items: baseline; gap: 8px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em;
  flex-wrap: wrap;
}
.fn-strip-byline .fn-byline-role{
  font-weight: 400;
}

/* ── REVIEW CARDS (new clean treatment) ─────────────────── */
.fn-strip-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 64px;
}
.rev-card{
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,249,246,0.94));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(10,10,10,0.10);
  border-radius: 14px;
  padding: 32px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 14px 40px -24px rgba(10,10,10,0.18);
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;
}
.rev-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 22px 50px -22px rgba(10,10,10,0.22);
}
.rev-card-top{
  display: flex; align-items: center; gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(10,10,10,0.08);
}
.rev-card-num{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgba(10,10,10,0.55);
  padding: 4px 8px;
  border: 1px solid rgba(10,10,10,0.18);
  border-radius: 4px;
}
.rev-card-tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #0A0A0A;
}
.rev-card-q{
  font-family: 'Newsreader', serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.45;
  letter-spacing: -0.012em;
  color: #1a1a1a;
  margin: 0;
  text-wrap: pretty;
  flex: 1;
}
.rev-card-q em{
  font-family: 'Instrument Serif', serif;
  font-style: italic;
  font-weight: 400;
  color: #0A0A0A;
}
.rev-card-mark{
  font-family: 'Instrument Serif', serif;
  font-size: 28px;
  line-height: 0;
  color: rgba(10,10,10,0.35);
  margin-right: 2px;
}
.rev-card-meta{
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  padding-top: 18px;
  border-top: 1px dashed rgba(10,10,10,0.14);
}
.rev-card-author{
  display: flex; align-items: center; gap: 12px;
  min-width: 0;
}
.rev-card-avi{
  width: 36px; height: 36px;
  border-radius: 50%;
  background: #FFE500;
  color: #0A0A0A;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.rev-card-by{
  display: flex; flex-direction: column; gap: 1px;
  min-width: 0;
}
.rev-card-name{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: -0.005em;
  color: #0A0A0A;
}
.rev-card-role{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(10,10,10,0.55);
}
.rev-card-chip{
  display: flex; flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  text-align: right;
  flex-shrink: 0;
}
.rev-card-chip-v{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  letter-spacing: -0.005em;
  color: #0A0A0A;
}
.rev-card-chip-l{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
}
@media (max-width: 900px){
  .fn-strip-row{ grid-template-columns: 1fr; }
  .rev-card{ padding: 26px 24px 22px; }
  .rev-card-q{ font-size: 19px; }
}
@media (max-width: 520px){
  .rev-card-meta{ flex-direction: column; align-items: flex-start; gap: 14px; }
  .rev-card-chip{ align-items: flex-start; text-align: left; }
}

/* ── FEATURED VARIANT (replaces the magazine spread) ── */
.rev-card-featured{
  margin-bottom: 28px;
  padding: 40px 44px 36px;
  gap: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(252,251,247,0.96));
  border: 1px solid rgba(10,10,10,0.12);
  box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 24px 60px -28px rgba(10,10,10,0.22);
}
.rev-card-featured .rev-card-top{
  flex-wrap: wrap;
  gap: 14px;
  padding-bottom: 18px;
}
.rev-card-verify{
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.rev-card-vtick{
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #0A8C4A;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
}
.rev-card-vlbl{ color: #0A8C4A; }
.rev-card-vid{ color: rgba(10,10,10,0.45); font-weight: 500; letter-spacing: 0.06em; }

.rev-card-kicker{
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  font-size: 13.5px;
  letter-spacing: 0.005em;
  color: rgba(10,10,10,0.6);
  margin: 0;
  font-style: italic;
}
.rev-card-q-feat{
  font-family: 'Newsreader', serif;
  font-weight: 400;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #0A0A0A;
  margin: 0;
  text-wrap: balance;
}
.rev-card-q-feat .rev-card-mark{
  font-size: 56px;
  vertical-align: -8px;
  color: rgba(10,10,10,0.25);
}
.rev-card-meta-feat{
  display: grid;
  grid-template-columns: minmax(220px, auto) 1fr;
  align-items: center;
  gap: 32px;
  border-top: 1px dashed rgba(10,10,10,0.14);
  padding-top: 22px;
}
.rev-card-stats{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 20px;
  margin: 0;
}
.rev-card-stat{
  display: flex; flex-direction: column;
  gap: 3px;
  border-left: 1px solid rgba(10,10,10,0.10);
  padding-left: 14px;
}
.rev-card-stat dt{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  margin: 0;
}
.rev-card-stat dd{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #0A0A0A;
  margin: 0;
  line-height: 1.05;
}
.rev-card-stat dd span{
  font-size: 14px;
  color: rgba(10,10,10,0.5);
  letter-spacing: 0;
  margin-left: 1px;
}
@media (max-width: 900px){
  .rev-card-featured{ padding: 30px 26px 26px; }
  .rev-card-q-feat{ font-size: clamp(24px, 5.5vw, 32px); }
  .rev-card-meta-feat{ grid-template-columns: 1fr; gap: 22px; }
  .rev-card-stats{ grid-template-columns: repeat(2, 1fr); }
}
.fn-strip-pull,
.fn-strip-pull-num,
.fn-strip-pull-lbl{ display: none !important; }
.fn-strip-stat{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
  flex-shrink: 0;
  padding-left: 24px;
  border-left: 1px solid rgba(10,10,10,0.12);
}
.fn-stat-val{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-style: italic;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: #0A0A0A;
  line-height: 1.2;
}
.fn-stat-lbl{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
  line-height: 1.4;
}
.fn-strip-pull-lbl{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.55);
  line-height: 1.5;
  text-align: left;
  max-width: 90px;
}

/* ── METRICS RIBBON (lightweight, white) ─────────────── */
.fn-ribbon{
  display: flex; align-items: center; gap: 28px;
  padding: 22px 4px;
  background: transparent;
  color: #0A0A0A;
  border-top: 1px solid rgba(10,10,10,0.12);
  border-bottom: 1px solid rgba(10,10,10,0.12);
}
.fn-rib-item{
  display: flex; align-items: baseline; gap: 10px;
  flex-shrink: 0;
}
.fn-rib-num{
  font-family: 'Newsreader', serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #0A0A0A;
}
.fn-rib-num span{
  font-size: 12px;
  color: rgba(10,10,10,0.4);
  font-weight: 400;
  letter-spacing: 0;
}
.fn-rib-lbl{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(10,10,10,0.5);
}
.fn-rib-sep{
  width: 1px; height: 18px;
  background: rgba(10,10,10,0.15);
}
.fn-rib-cta{
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 12px 10px 18px;
  background: #0A0A0A;
  color: #FFFFFF;
  border-radius: 999px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  flex-shrink: 0;
  transition: background-color .2s ease, transform .2s ease;
}
.fn-rib-cta:hover{
  background: #FFE500;
  color: #0A0A0A;
  transform: translateX(2px);
}
.fn-rib-arr{
  width: 22px; height: 22px;
  background: #FFE500; color: #0A0A0A;
  border-radius: 50%;
  display: grid; place-items: center;
  font-size: 12px;
  transition: background-color .2s ease, color .2s ease;
}
.fn-rib-cta:hover .fn-rib-arr{
  background: #0A0A0A; color: #FFE500;
}

/* ── RESPONSIVE ───────────────────────────────────────── */
@media (max-width: 1000px){
  .fn-spread{ grid-template-columns: 1fr; }
  .fn-spread-q{
    padding: 48px 0 48px;
    border-right: 0;
    border-bottom: 1px solid rgba(10,10,10,0.12);
  }
  .fn-spread-rail{ padding: 48px 0 48px; }
  .fn-strip-row{ grid-template-columns: 1fr; }
  .fn-strip{ padding: 48px 0 40px; border-bottom: 1px dashed rgba(10,10,10,0.12); }
  .fn-strip + .fn-strip{ padding-left: 0; border-left: 0; border-bottom: 0; }
}
@media (max-width: 760px){
  .fn{ padding: 80px 0; }
  .fn-wrap{ padding: 0 24px; }
  .fn-slug{ flex-wrap: wrap; gap: 12px; margin-bottom: 56px; }
  .fn-slug-c{ display: none; }
  .fn-hd{ margin-bottom: 56px; }
  .fn-spread{ margin-bottom: 56px; }
  .fn-strip-row{ margin-bottom: 56px; }
  .fn-spread-text{ font-size: 32px; line-height: 1.12; margin-bottom: 32px; }
  .fn-spread-q{ padding: 36px 0; }
  .fn-spread-folio{ margin-bottom: 28px; }
  .fn-rail-num{ font-size: 64px; }
  .fn-rail-stats{ grid-template-columns: 1fr 1fr; gap: 18px 24px; }
  .fn-strip-q{ font-size: 20px; margin-bottom: 28px; }
  .fn-strip-pull-num{ font-size: 42px; }
  .fn-strip-foot{ flex-wrap: wrap; gap: 18px; }
  .fn-ribbon{ flex-wrap: wrap; gap: 20px 28px; padding: 24px 28px; }
  .fn-rib-sep{ display: none; }
  .fn-rib-cta{ margin-left: 0; width: 100%; justify-content: space-between; }
}