/* ============================================================
   ProofDrop — pd-style.css
   Clean stylesheet for the redesigned site
   ============================================================ */

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

/* ── DARK TOKENS (default) ── */
:root {
  --bg:       #04091A;
  --bg2:      #060D22;
  --bg3:      #050B1E;
  --border:   rgba(30,90,255,.13);
  --blue:     #4A8EFF;
  --green:    #16A35A;

  --h-color:  #F0F6FF;
  --p-color:  rgba(210,228,255,.72);
  --dim-color:rgba(180,210,255,.52);
  --num-color:rgba(100,160,255,.5);
  --icon-strong: #E8F2FF;
  --icon-dim: rgba(190,218,255,.6);

  --nav-bg:   rgba(4,9,26,.97);
  --nav-link: rgba(140,180,255,.6);

  --feat-left-bg:    #04091A;
  --feat-right-bg:   #060D22;
  --pricing-bg:      #04091A;
  --plan-bg:         #060D22;
  --plan-featured-bg:#050B1E;
  --faq-bg:          #060D22;
  --faq-item-bg:     #04091A;
  --cta-bg:          #04091A;
  --footer-bg:       #060D22;
}

/* ── LIGHT TOKENS ── */
body.light {
  --bg:       #F4F7FF;
  --bg2:      #EBF0FA;
  --bg3:      #E4EBF8;
  --border:   rgba(26,110,245,.1);
  --blue:     #1A6EF5;
  --green:    #0D7A40;

  --h-color:  #0D1830;
  --p-color:  #3A4B72;
  --dim-color:#5A6B92;
  --num-color:rgba(26,110,245,.5);
  --icon-strong: #1A2848;
  --icon-dim: #4A5A80;

  --nav-bg:   rgba(244,247,255,.97);
  --nav-link: #4A5A82;

  --feat-left-bg:    #ffffff;
  --feat-right-bg:   #EBF0FA;
  --pricing-bg:      #ffffff;
  --plan-bg:         #F4F7FF;
  --plan-featured-bg:#EBF0FA;
  --faq-bg:          #EBF0FA;
  --faq-item-bg:     #ffffff;
  --cta-bg:          #ffffff;
  --footer-bg:       #EBF0FA;
}

/* ── BASE ── */
html { scroll-behavior:smooth; }
body {
  font-family:'Plus Jakarta Sans','Geist',sans-serif;
  background:var(--bg);
  color:var(--h-color);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  transition:background .25s, color .25s;
}
.f  { font-family:'Alexandria',serif; }
.mono { font-family:'DM Mono',monospace; }
.eyebrow {
  font-size:.67rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--num-color);
}
.container { max-width:1280px; margin:0 auto; width:100%; }

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; gap:7px;
  padding:11px 22px; border-radius:8px;
  font-family:inherit; font-size:.875rem; font-weight:500;
  cursor:pointer; border:none; text-decoration:none;
  transition:opacity .17s; white-space:nowrap; line-height:1;
}
.btn-dark  { background:var(--blue); color:#fff; border:0.5px solid rgba(80,140,255,.4); }
.btn-ghost { background:transparent; border:0.5px solid var(--border); color:var(--blue); }
.btn-dark:hover, .btn-ghost:hover  { opacity:.85; }
.btn-lg { padding:13px 28px; font-size:.925rem; }
.btn-xl { padding:15px 34px; font-size:.975rem; }

/* ── NAV ── */
nav#nav {
  position:fixed; top:0; left:0; right:0; z-index:300;
  height:62px; padding:0 5%;
  display:flex; align-items:center; justify-content:space-between;
  background:var(--nav-bg);
  backdrop-filter:blur(18px);
  border-bottom:0.5px solid var(--border);
  transition:border-color .3s, box-shadow .3s;
}
nav#nav.up { box-shadow:0 1px 0 0 var(--border); }

.nav-logo { display:flex; align-items:center; gap:9px; text-decoration:none; }
.logo-box {
  width:28px; height:28px; border-radius:6px;
  background:rgba(26,110,245,.12); border:0.5px solid rgba(26,110,245,.28);
  display:flex; align-items:center; justify-content:center;
}
.nav-wm {
  font-family:'Alexandria',serif; font-size:1.12rem;
  font-weight:400; color:var(--h-color); letter-spacing:-.01em;
}

.nav-links { display:flex; gap:26px; list-style:none; }
.nav-links a {
  font-size:.84rem; color:var(--nav-link);
  text-decoration:none; transition:color .15s;
}
.nav-links a:hover, .nav-links a.active { color:var(--blue); }

.nav-end { display:flex; align-items:center; gap:12px; height:100%; }

/* Theme toggle */
.toggle-wrap { display:flex; align-items:center; gap:6px; color:var(--nav-link); }
.theme-toggle {
  width:36px; height:20px;
  background:rgba(74,142,255,.2);
  border:0.5px solid rgba(74,142,255,.3);
  border-radius:100px; position:relative;
  cursor:pointer; flex-shrink:0;
  transition:background .25s;
}
.theme-toggle::after {
  content:''; position:absolute; top:3px; left:3px;
  width:14px; height:14px; border-radius:50%;
  background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.3);
  transition:transform .25s;
}
body.light .theme-toggle { background:rgba(26,110,245,.15); border-color:rgba(26,110,245,.3); }
body.light .theme-toggle::after { transform:translateX(16px); background:#1A6EF5; }

/* Hamburger */
.nav-hamburger {
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:36px; height:36px; background:transparent;
  border:0.5px solid var(--border); border-radius:6px;
  cursor:pointer; padding:8px; flex-shrink:0;
}
.nav-hamburger span {
  display:block; width:100%; height:1.5px;
  background:var(--h-color); border-radius:2px;
  transition:transform .22s ease, opacity .22s ease; transform-origin:center;
}
.nav-hamburger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

/* Mobile drawer */
.nav-drawer {
  display:none; position:fixed; top:62px; left:0; right:0;
  background:var(--nav-bg); backdrop-filter:blur(18px);
  border-bottom:0.5px solid var(--border);
  padding:16px 5% 20px; z-index:299;
  flex-direction:column; gap:2px;
}
.nav-drawer.open { display:flex; }
.nav-drawer a {
  font-size:.92rem; color:var(--p-color);
  text-decoration:none; padding:11px 12px;
  border-radius:6px; transition:background .12s, color .12s;
}
.nav-drawer a:hover { background:rgba(74,142,255,.07); color:var(--h-color); }
.nav-drawer-divider { height:0.5px; background:var(--border); margin:8px 0; }

/* ── HERO ── */
.hero-new {
  position:relative; min-height:100vh;
  padding:140px 5% 100px;
  display:flex; align-items:center; justify-content:center; text-align:center;
  border-bottom:0.5px solid var(--border);
  overflow:hidden; background:var(--bg);
}
.hero-new-bg {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  opacity:1; filter:none;
}
.hero-new-content { position:relative; z-index:2; max-width:600px; margin:0 auto; }
.hero-new .hero-kicker {
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(26,110,245,.12); border:1px solid rgba(26,110,245,.28);
  color:var(--blue); padding:5px 12px; border-radius:100px;
  font-size:.71rem; font-weight:600; letter-spacing:.06em; margin-bottom:24px;
}
.hero-new .hero-kicker .k-dot {
  width:6px; height:6px; border-radius:50%; background:var(--blue);
}
.hero-new h1 {
  font-family:'Alexandria',serif;
  font-size:clamp(2.6rem,4.5vw,3.8rem); font-weight:700;
  color:var(--h-color); letter-spacing:-.025em; line-height:1.1;
  margin-bottom:16px;
  text-shadow:0 2px 32px rgba(4,9,26,.9);
}
body.light .hero-new h1 { text-shadow:none; }
.hero-new h1 span { color:var(--blue); }
.hero-new .hero-sub {
  font-size:1rem; line-height:1.72; color:var(--p-color);
  max-width:500px; margin:0 auto 32px; font-weight:400;
}
.hero-new .hero-actions {
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
}
.hero-new .btn-dark  { height:auto; padding:15px 34px; }
.hero-new .btn-ghost { border-color:rgba(74,142,255,.35); color:var(--blue); height:auto; padding:15px 34px; }

/* ── FEATURE CARDS ── */
.feat-section { border-top:0.5px solid var(--border); }
.feat-card-new {
  background:var(--feat-left-bg);
  border-bottom:0.5px solid var(--border);
  padding:92px 50px;
}
.feat-card-new:last-child { border-bottom:none; }
.feat-card-new .container {
  display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;
}
.feat-card-new.flip .container { direction:rtl; }
.feat-card-new.flip .container > * { direction:ltr; }

.fcn-num {
  font-family:'DM Mono',monospace; font-size:.63rem;
  color:var(--num-color); letter-spacing:.12em; margin-bottom:16px; display:block;
}
.feat-card-new h3 {
  font-family:'Alexandria',serif; font-size:clamp(1.45rem,2vw,1.9rem);
  font-weight:700; color:var(--h-color); letter-spacing:-.02em;
  margin-bottom:10px; line-height:1.2;
}
.feat-card-new > .container > div > p {
  font-size:.9rem; color:var(--p-color); line-height:1.74;
  margin-bottom:18px; font-weight:400;
}

.fcn-icon-list { list-style:none; margin-bottom:22px; display:flex; flex-direction:column; gap:13px; }
.fcn-icon-list li { display:flex; align-items:flex-start; gap:13px; }
.fcn-icon-wrap {
  width:34px; height:34px; border-radius:50%;
  background:rgba(74,142,255,.12); border:0.5px solid rgba(74,142,255,.25);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; margin-top:1px;
}
body.light .fcn-icon-wrap { background:rgba(26,110,245,.08); border-color:rgba(26,110,245,.2); }
.fcn-icon-text strong { display:block; font-size:.87rem; font-weight:700; color:var(--icon-strong); margin-bottom:2px; }
.fcn-icon-text span   { font-size:.81rem; color:var(--icon-dim); font-weight:400; line-height:1.55; }

.fcn-badges { display:flex; flex-direction:column; gap:6px; margin-bottom:20px; }
.fcn-badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 11px; border-radius:100px;
  font-size:.7rem; font-weight:600; width:fit-content;
}
.fcnb-g { background:rgba(22,163,90,.1);  border:0.5px solid rgba(22,163,90,.28);  color:#4ADE80; }
.fcnb-b { background:rgba(74,142,255,.1); border:0.5px solid rgba(74,142,255,.28); color:var(--blue); }
.fcnb-p { background:rgba(168,85,247,.1); border:0.5px solid rgba(168,85,247,.28); color:#C084FC; }
body.light .fcnb-g { color:#0D7A40; }
body.light .fcnb-p { color:#6B21A8; }
.fcn-dot { width:5px; height:5px; border-radius:50%; }

.fcn-lnk {
  font-size:.84rem; font-weight:600; color:var(--blue);
  display:inline-flex; align-items:center; gap:6px; text-decoration:none;
}
.fcn-lnk:hover { opacity:.8; }

.fcn-right {
  position:relative; background:var(--feat-right-bg);
  display:flex; align-items:center; justify-content:center;
  padding:40px; border-radius:12px; overflow:hidden; min-height:360px;
}
.fcn-right::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(26,110,245,.07) 0%, transparent 70%);
}
.fcn-ss {
  position:relative; z-index:2; width:88%; border-radius:12px; overflow:hidden;
}
body.light .fcn-ss { }
.fcn-ss img { width:100%; display:block; }
.fcn-ss-ph {
  width:88%; aspect-ratio:16/9; background:rgba(10,20,50,.4);
  border:1.5px dashed rgba(74,142,255,.25); border-radius:12px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; position:relative; z-index:2;
}
body.light .fcn-ss-ph { background:rgba(26,110,245,.04); }
.fcn-ss-ph svg   { opacity:.35; }
.fcn-ss-ph span  { font-size:.65rem; color:rgba(74,142,255,.5); letter-spacing:.1em; text-transform:uppercase; }

/* ── XRPL TRUST ── */
.xrpl-trust {
  background:var(--bg2);
  border-top:0.5px solid var(--border);
  border-bottom:0.5px solid var(--border);
  padding:92px 50px;
}
.xrpl-trust .container { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.xrpl-trust-txt .eyebrow { margin-bottom:14px; display:block; }
.xrpl-trust-txt h2 {
  font-family:'Alexandria',serif; font-size:clamp(1.85rem,3vw,2.65rem);
  font-weight:700; color:var(--h-color); margin-bottom:18px;
  letter-spacing:-.02em; line-height:1.18;
}
.xrpl-trust-txt > p { font-size:.92rem; line-height:1.75; color:var(--p-color); font-weight:400; margin-bottom:28px; }
.xrpl-attrs { display:flex; flex-direction:column; gap:10px; }
.xa {
  display:flex; align-items:flex-start; gap:12px;
  padding:14px 16px; background:rgba(74,142,255,.05);
  border:0.5px solid var(--border); border-radius:8px;
}
body.light .xa { background:rgba(26,110,245,.04); border-color:rgba(26,110,245,.1); }
.xa-ico {
  width:28px; height:28px; flex-shrink:0;
  background:rgba(74,142,255,.1); border:0.5px solid rgba(74,142,255,.2);
  border-radius:6px; display:flex; align-items:center; justify-content:center;
}
body.light .xa-ico { background:rgba(26,110,245,.08); border-color:rgba(26,110,245,.18); }
.xa-ico svg *[stroke] { stroke:var(--blue) !important; opacity:1; }
.xa strong { display:block; font-size:.86rem; font-weight:700; color:var(--h-color); margin-bottom:3px; }
.xa span   { font-size:.79rem; color:var(--p-color); line-height:1.55; font-weight:400; }

.l-blocks { display:flex; flex-direction:column; gap:9px; }
.lx { background:rgba(74,142,255,.04); border:0.5px solid var(--border); border-radius:8px; overflow:hidden; }
body.light .lx { background:rgba(26,110,245,.03); border-color:rgba(26,110,245,.1); }
.lx-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:9px 14px; border-bottom:0.5px solid var(--border);
  background:rgba(74,142,255,.04);
}
body.light .lx-head { background:rgba(26,110,245,.04); }
.lx-type { font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.lx-type.pub { color:#4ADE80; }
body.light .lx-type.pub { color:#0D7A40; }
.lx-type.cor { color:#F5C878; }
body.light .lx-type.cor { color:#92400E; }
.lx-type.cur { color:var(--blue); }
.lx-ok {
  font-size:.63rem; padding:2px 7px; border-radius:100px;
  background:rgba(22,163,90,.1); border:0.5px solid rgba(22,163,90,.25); color:#4ADE80;
}
body.light .lx-ok { color:#0D7A40; }
.lx-rows { padding:11px 14px; display:flex; flex-direction:column; gap:6px; }
.lx-r { display:flex; justify-content:space-between; gap:14px; }
.lx-k { font-family:'DM Mono',monospace; font-size:.63rem; color:var(--dim-color); }
.lx-v { font-family:'DM Mono',monospace; font-size:.63rem; color:var(--p-color); text-align:right; word-break:break-all; }
.lx-v.hi { color:#F5C878; }
body.light .lx-v.hi { color:#92400E; }
.l-chain {
  display:flex; align-items:center; justify-content:center; padding:3px 0;
  font-family:'DM Mono',monospace; font-size:.6rem;
  color:var(--dim-color); letter-spacing:.04em; opacity:.6;
}

/* ── PRICING ── */
.pricing-sec { padding:92px 0; background:var(--pricing-bg); border-bottom:0.5px solid var(--border); }
.pricing-sec .container { padding:0 50px; }
.pricing-hdr { text-align:center; margin-bottom:52px; }
.pricing-hdr .eyebrow { margin-bottom:10px; display:block; }
.pricing-hdr h2 {
  font-family:'Alexandria',serif; font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:600; color:var(--h-color); margin-bottom:14px;
  letter-spacing:-.02em; line-height:1.15;
}
.pricing-hdr p { font-size:.94rem; color:var(--p-color); max-width:420px; margin:0 auto; line-height:1.7; }
.pricing-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--border); border:0.5px solid var(--border);
  border-radius:16px; overflow:hidden; max-width:860px; margin:0 auto;
}
.plan { background:var(--plan-bg); padding:40px 36px 36px; display:flex; flex-direction:column; }
.plan.featured { background:var(--plan-featured-bg); }
.plan-tag {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(74,142,255,.12); border:0.5px solid rgba(74,142,255,.28);
  color:var(--blue); padding:3px 10px; border-radius:100px;
  font-size:.67rem; font-weight:700; letter-spacing:.08em; width:fit-content; margin-bottom:16px;
}
.plan-name { font-size:.67rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--num-color); margin-bottom:12px; }
.plan-price { display:flex; align-items:baseline; gap:4px; margin-bottom:6px; }
.plan-price .amt { font-family:'Alexandria',serif; font-size:3rem; font-weight:400; color:var(--h-color); letter-spacing:-.03em; line-height:1; }
.plan-price .cur { font-size:1.1rem; color:var(--dim-color); align-self:flex-start; padding-top:6px; }
.plan-price .per { font-size:.82rem; color:var(--dim-color); }
.plan-desc { font-size:.85rem; color:var(--p-color); line-height:1.65; margin-bottom:24px; padding-bottom:24px; border-bottom:0.5px solid var(--border); }
.plan-feats { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:30px; flex:1; }
.plan-feats li { display:flex; align-items:flex-start; gap:9px; font-size:.85rem; color:var(--p-color); line-height:1.5; }
.plan-feats li::before {
  content:''; width:16px; height:16px; border-radius:50%; flex-shrink:0; margin-top:1px;
  background:rgba(22,163,90,.1) url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M1 3.5L3.5 6L8 1' stroke='%234ADE80' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border:0.5px solid rgba(22,163,90,.28);
}
body.light .plan-feats li::before {
  background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M1 3.5L3.5 6L8 1' stroke='%230D7A40' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.plan .btn { width:100%; justify-content:center; margin-top:auto; }
.plan.featured .btn-dark { background:var(--blue); }
.plan .btn-ghost { border-color:var(--border); color:var(--blue); justify-content:center; }

/* ── FAQ ── */
.faq-sec { padding:80px 0; background:var(--faq-bg); border-bottom:0.5px solid var(--border); }
.faq-sec .container { padding:0 50px; }
.faq-inner { max-width:700px; margin:0 auto; }
.faq-hdr { text-align:center; margin-bottom:40px; }
.faq-hdr .eyebrow { margin-bottom:10px; display:block; }
.faq-hdr h2 { font-family:'Alexandria',serif; font-size:clamp(1.6rem,2.5vw,2.2rem); font-weight:600; color:var(--h-color); letter-spacing:-.02em; }
.acc-item { border:0.5px solid var(--border); border-radius:8px; overflow:hidden; margin-bottom:8px; background:var(--faq-item-bg); }
.acc-trigger {
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:18px 22px; background:none; border:none; cursor:pointer;
  text-align:left; gap:16px; font-family:inherit;
}
.acc-trigger:hover { background:rgba(74,142,255,.04); }
.acc-q { font-size:.9rem; font-weight:600; color:var(--h-color); line-height:1.5; }
.acc-icon {
  width:22px; height:22px; border-radius:50%;
  background:rgba(74,142,255,.08); border:0.5px solid var(--border);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:transform .22s, background .15s;
}
.acc-item.open .acc-icon { transform:rotate(45deg); background:var(--blue); border-color:var(--blue); }
.acc-icon svg line { stroke:var(--blue); }
.acc-item.open .acc-icon svg line { stroke:#fff; }
.acc-body { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.acc-body-inner { padding:0 22px 20px; font-size:.87rem; line-height:1.74; color:var(--p-color); }

/* ── CTA ── */
.cta-new {
  padding:92px 0; background:var(--cta-bg);
  border-bottom:0.5px solid var(--border);
  text-align:center; position:relative; overflow:hidden;
}
.cta-new .container { padding:0 50px; }
.cta-new-glow {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:600px; height:300px;
  background:radial-gradient(ellipse, rgba(26,110,245,.07) 0%, transparent 70%);
  pointer-events:none;
}
.cta-new .eyebrow { position:relative; margin-bottom:12px; display:block; }
.cta-new h2 {
  font-family:'Alexandria',serif; font-size:clamp(2rem,3.8vw,3.1rem);
  font-weight:600; color:var(--h-color); margin:0 auto 17px; max-width:580px;
  letter-spacing:-.022em; line-height:1.13; position:relative;
}
.cta-new h2 em { font-style:italic; color:var(--blue); }
.cta-new > .container > p {
  font-size:.95rem; color:var(--p-color); max-width:420px;
  margin:0 auto 38px; line-height:1.7; position:relative;
}
.cta-btns { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; position:relative; }
.cta-new .btn-ghost { border-color:rgba(74,142,255,.35); color:var(--blue); }
.cta-note {
  margin-top:18px; font-size:.76rem; color:var(--dim-color);
  display:flex; align-items:center; justify-content:center; gap:7px; position:relative;
}
.cta-note::before, .cta-note::after { content:''; width:22px; height:0.5px; background:var(--border); }

/* ── FOOTER ── */
footer { background:var(--footer-bg); border-top:0.5px solid var(--border); padding:52px 5% 32px; }
.ft-top { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:38px; margin-bottom:44px; }
.ft-brand .nav-wm { color:var(--h-color); }
.ft-tag { font-size:.83rem; color:var(--dim-color); line-height:1.64; margin-top:11px; max-width:210px; font-weight:300; }
.ft-col h5 { font-size:.63rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase; color:var(--dim-color); margin-bottom:14px; }
.ft-links { list-style:none; display:flex; flex-direction:column; gap:10px; }
.ft-links a { font-size:.84rem; color:var(--dim-color); text-decoration:none; transition:color .14s; font-weight:300; }
.ft-links a:hover { color:var(--blue); }
.ft-bot { border-top:0.5px solid var(--border); padding-top:22px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.ft-copy { font-size:.73rem; color:var(--dim-color); }
.xrpl-badge {
  display:flex; align-items:center; gap:6px; padding:4px 10px; border-radius:100px;
  background:rgba(74,142,255,.06); border:0.5px solid rgba(74,142,255,.12);
  font-family:'DM Mono',monospace; font-size:.62rem; color:var(--dim-color);
}
.live { width:6px; height:6px; border-radius:50%; background:var(--green); animation:blink 2.2s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.35} }

/* ── RESPONSIVE ── */
@media(max-width:960px) {
  .nav-links { display:none; }
  .nav-end .btn-ghost, .nav-end .btn-dark { display:none; }
  .nav-hamburger { display:flex; }

  .feat-card-new { padding:60px 32px; }
  .feat-card-new .container { grid-template-columns:1fr; gap:40px; }
  .feat-card-new.flip .container { direction:ltr; }

  .xrpl-trust { padding:60px 32px; }
  .xrpl-trust .container { grid-template-columns:1fr; gap:40px; }

  .pricing-grid { grid-template-columns:1fr; }
  .pricing-sec .container,
  .faq-sec .container,
  .cta-new .container { padding:0 32px; }

  .ft-top { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  .hero-new { padding:100px 5% 72px; }
  .feat-card-new { padding:40px 24px; }
  .xrpl-trust { padding:48px 24px; }
  .pricing-sec .container,
  .faq-sec .container,
  .cta-new .container { padding:0 24px; }
  .ft-top { grid-template-columns:1fr; }
}