*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  /* PRIMARY — structural, brand-critical */
  --navy:#0B1D33;--navy-2:#142E4D;--navy-deep:#071223;
  --cream:#F6F1E6;--warm:#F1EBDC;--paper:#FBF9F4;--ink:#1A1612;
  --muted:#6B6153;--faint:#A79E8E;--rule:#EAE4D6;--page:#FFFFFF;--white:#FFFFFF;
  /* GOLD — the only action colour: buttons, links, CTAs, the lock moment */
  --gold:#96690E;--gold-dark:#7D5808;--gold-light:#C79A3E;--gold-wash:#FBF3E2;
  --teal-mid:#C79A3E; /* legacy alias → gold-light, "pop on navy" */
  /* ACCENT FAMILY — real identity colours */
  --forest:#297231;--forest-deep:#1B5322;--forest-wash:#E8F2E7; /* ← logo green, canonical */
  --teal:#0D7377;--teal-light:#0D7377;--teal-wash:#E7F1F1;
  --terra:#B5552C;--terra-deep:#8A3E1E;--terra-wash:#F8EBE3;
  /* SEMANTIC */
  --success:#297231;--warning:#B8860E;--danger:#A3402C;--warn:#B8860E;--warn-wash:#FBF3E2;--danger-wash:#F8EBE3;--line:#E8E1D2;
  --font-d:'Fraunces',serif;
  --font-b:'Inter',sans-serif;
  --font-m:'JetBrains Mono',monospace;
  --r:6px;--r-lg:14px;--r-full:999px;
  /* borderless elevation — replaces 1px borders on web UI */
  --lift:0 1px 2px rgba(11,29,51,.04),0 6px 20px rgba(11,29,51,.06);
  --lift-2:0 2px 4px rgba(11,29,51,.05),0 14px 40px rgba(11,29,51,.10);
  /* per-page accent — default forest; each page overrides these three */
  --accent:#297231;--accent-deep:#1B5322;--accent-wash:#E8F2E7;
}
/* ── per-page identity (set on the .page element) ── */
#page-traders{--accent:#0D7377;--accent-deep:#084D50;--accent-wash:#E7F1F1}
#page-landlords{--accent:#B5552C;--accent-deep:#8A3E1E;--accent-wash:#F8EBE3}
#page-juakali{--accent:#96690E;--accent-deep:#7D5808;--accent-wash:#FBF3E2}
#page-schools{--accent:#297231;--accent-deep:#1B5322;--accent-wash:#E8F2E7}
#page-brokers{--accent:#0D7377;--accent-deep:#084D50;--accent-wash:#E7F1F1}
#page-institutions{--accent:#0B1D33;--accent-deep:#071223;--accent-wash:#EAEDF2}
#page-developers{--accent:#C79A3E;--accent-deep:#96690E;--accent-wash:#12233B} /* dark-mode page */
.nana-ico{display:inline-block;vertical-align:middle;flex:none}
/* ── DEV PAGE — dark mode (fix #10, image-7 ref) ── */
/* ══ DEV PAGE — techy dark mode (not just navy: deep slate, grid, terminal accents) ══ */
#page-developers{--accent:#C79A3E;--accent-deep:#C79A3E;--accent-wash:#12233B;background:#080E18;color:#AEB9C7;position:relative;}
#page-developers::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(120,150,190,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,190,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000,transparent 80%);}
#page-developers > div{position:relative;z-index:1;}
#page-developers .s-hero,#page-developers > div{background:transparent!important;}
#page-developers .h1,#page-developers .h2{color:#F2F5F8;}
#page-developers .h1 em,#page-developers .h2 em{color:var(--gold-light);font-style:italic;}
#page-developers .lead,#page-developers .s-desc{color:#7E8C9E;}
#page-developers .eyebrow{color:#3DD9A0;} /* terminal-green eyebrow for techy signal */
#page-developers .feature-card{background:#0D1626;box-shadow:inset 0 0 0 1px rgba(120,150,190,.1),0 12px 40px rgba(0,0,0,.4);}
#page-developers .fc-title{color:#F2F5F8;}
#page-developers .fc-desc{color:#7E8C9E;}
#page-developers .fc-icon{background:#12233B;color:var(--gold-light);box-shadow:inset 0 0 0 1px rgba(199,154,62,.2);}
#page-developers .trust-item{color:#7E8C9E;}
#page-developers .trust-dot{background:rgba(61,217,160,.14);color:#3DD9A0;}
#page-developers .btn-ghost{color:#AEB9C7;}
#page-developers .btn-ghost:hover{color:var(--gold-light);}
#page-developers .section-line,#page-developers .hairline{background:rgba(120,150,190,.12);}
/* terminal chrome for code blocks */
#page-developers .code-block,#page-developers .cb{background:#060B14;box-shadow:inset 0 0 0 1px rgba(120,150,190,.12);border-radius:10px;overflow:hidden;}
#page-developers .code-block::before{content:"● ● ●";display:block;padding:9px 14px;font-size:9px;letter-spacing:.3em;color:rgba(120,150,190,.4);box-shadow:inset 0 -1px 0 rgba(120,150,190,.1);}
/* mono status line accent */
#page-developers .eyebrow::after{content:"_";animation:blink 1.1s steps(1) infinite;color:#3DD9A0;}
@keyframes blink{50%{opacity:0}}
html{scroll-behavior:smooth;}
section[id],.page > [id]{scroll-margin-top:76px;}
/* reveal: only hide when JS confirmed present; reduced-motion opts out */
.js .feature-card,.js .audience-card,.js .step,.js .stat-cell{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.js .is-visible{opacity:1!important;transform:none!important;}
@media (prefers-reduced-motion:reduce){
  .js .feature-card,.js .audience-card,.js .step,.js .stat-cell{opacity:1;transform:none;transition:none;}
}
body{font-family:var(--font-b);background:var(--cream);color:var(--ink);overflow-x:hidden;}

/* ── NAV ── */
body>nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(249,246,240,0.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);height:62px;display:flex;align-items:center;padding:0 48px;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;}
.nav-brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-b);font-size:25px;font-weight:700;letter-spacing:-.03em;color:var(--forest);cursor:pointer;text-decoration:none;}
.nav-brand span{color:var(--forest);line-height:1;}
.nav-center{display:flex;align-items:center;gap:4px;}
.nav-item{position:relative;}
.nav-btn{font-size:13px;font-weight:400;color:var(--muted);background:none;border:none;cursor:pointer;padding:8px 14px;border-radius:6px;display:flex;align-items:center;gap:5px;transition:color .15s,background .15s;font-family:var(--font-b);}
.nav-btn:hover{color:var(--ink);background:var(--warm);}
.nav-btn.active{color:var(--teal);}
.nav-chevron{font-size:9px;transition:transform .15s;}
.nav-item:hover .nav-chevron{transform:rotate(180deg);}
.dropdown{position:absolute;top:100%;left:0;margin-top:0;padding-top:10px;background:transparent;border:none;box-shadow:none;min-width:236px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s,transform .15s;z-index:300;}
.dropdown-inner{background:var(--page);border-radius:14px;box-shadow:var(--lift-2);padding:8px;}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;pointer-events:all;transform:translateY(0);}
.dd-item{display:block;padding:9px 14px;border-radius:6px;font-size:13px;color:var(--ink);cursor:pointer;transition:background .12s;border:none;background:none;width:100%;text-align:left;font-family:var(--font-b);}
.dd-item:hover{background:var(--accent-wash);}
.dd-sep{height:1px;background:var(--rule);margin:4px 0;}
.dd-sub{font-family:var(--font-m);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:8px 14px 4px;}
.nav-cta{background:var(--gold);color:#fff;font-size:13px;font-weight:600;padding:9px 22px;border-radius:6px;border:none;cursor:pointer;font-family:var(--font-b);transition:background .15s;}
.nav-cta:hover{background:#7d5808;}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-verify{font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer;font-family:var(--font-b);padding:9px 14px;border-radius:6px;transition:color .15s,background .15s;}
.nav-verify:hover{color:var(--teal);background:var(--warm);}

/* ── PAGE SYSTEM ── */
.page{display:block;padding-top:62px;}
.multi-page .page{display:none;}
.multi-page .page.active{display:block;}

/* ── SHARED SECTION STYLES ── */
/* ══ HERO — light cream stage, product-forward phone, subtle atmosphere (no dark, no gradients) ══ */
.hero-stage{position:relative;background:var(--cream);overflow:hidden;}
.hero-grid-bg{position:absolute;inset:0;background-image:
  linear-gradient(rgba(11,29,51,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,29,51,.035) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(ellipse 70% 70% at 78% 45%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 78% 45%,#000 30%,transparent 78%);pointer-events:none;}
.hero-stage .s-hero{position:relative;z-index:2;}
/* floating atmospheric fragments — solid, shadow depth, on cream */
.hero-frag{position:absolute;z-index:6;font-family:var(--font-m);pointer-events:none;}
.frag-hash{position:absolute;top:auto;bottom:2%;left:-52px;right:auto;z-index:6;font-size:11px;letter-spacing:.14em;color:var(--navy);opacity:1;transform:none;white-space:nowrap;background:var(--white);box-shadow:var(--lift-2);border-radius:var(--r-full);padding:8px 15px;display:flex;align-items:center;gap:8px;animation:frag-float 8s ease-in-out infinite 1s;}
@media (max-width:1080px){.frag-hash{left:-6px;}}

.frag-hash::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--forest);flex:none;}
.frag-verify{display:none!important;}
.frag-verify span{font-family:var(--font-m);font-size:11px;}
@keyframes frag-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}


/* floating proof card overlapping the phone — product-forward witness moment */
.hero-phone-wrap{position:relative;}
.hero-proof{position:absolute;top:-18px;left:-64px;right:auto;z-index:6;background:var(--white);box-shadow:var(--lift-2);border-radius:var(--r-lg);padding:14px 16px;width:200px;animation:frag-float 6s ease-in-out infinite .5s;}
.hero-bubble{position:absolute;bottom:40px;right:-56px;z-index:6;background:var(--white);box-shadow:var(--lift-2);border-radius:var(--r-lg);border-bottom-right-radius:4px;padding:13px 15px;width:210px;animation:frag-float 7s ease-in-out infinite 1.2s;}
.hero-bubble .hb-from{font-family:var(--font-m);font-size:9.5px;font-weight:600;color:var(--gold);letter-spacing:.04em;}
.hero-bubble .hb-text{font-size:13px;color:var(--ink);line-height:1.45;margin-top:4px;}
.hero-bubble .hb-time{font-family:var(--font-m);font-size:9px;color:var(--faint);margin-top:6px;text-align:right;}
@media (max-width:1080px){.hero-proof{left:-14px;top:0;}.hero-bubble{right:-14px;}}

.hp-proof-top{display:flex;align-items:center;gap:10px;}
.hp-proof-seal{width:34px;height:34px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;flex:none;}
.hp-proof-t{font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.2;}
.hp-proof-s{font-family:var(--font-m);font-size:10px;color:var(--muted);margin-top:2px;}
.hp-proof-parties{display:flex;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);}
.hp-pp{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--forest-deep);}
.hp-pp-av{width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-d);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.hp-pp-av.alt{background:var(--terra);}


.s-hero{min-height:92vh;display:flex;align-items:center;padding:80px 80px 80px;max-width:1200px;margin:0 auto;}
/* ── HERO two-col + animated phone ── */
.hero-grid{gap:56px;}
.hero-grid > div:first-child{flex:1;min-width:0;}
.hero-phone-wrap{flex:0 0 330px;display:flex;justify-content:center;}
.hero-phone{width:310px;background:var(--navy-deep);border-radius:40px;padding:10px;box-shadow:var(--lift-2);animation:phone-float 6s ease-in-out infinite;}
.hp-screen{background:#fff;border-radius:30px;overflow:hidden;position:relative;}
.hp-bar{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:96px;height:6px;border-radius:99px;background:rgba(255,255,255,.34);z-index:4;}
.hp-top{display:flex;align-items:center;gap:10px;padding:24px 15px 12px;background:var(--navy);}
.hp-avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hp-who b{display:block;font-size:14px;font-weight:600;color:#fff;line-height:1.2;}
.hp-who small{font-size:11px;color:rgba(255,255,255,.55);}
.hp-chat{height:430px;padding:15px 12px 16px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;background:#EDE7D9;overflow:hidden;}
.hp-msg{max-width:85%;padding:9px 12px;border-radius:13px;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.hp-msg.show,.hp-chip.show,.hp-doc.show{opacity:1;transform:none;}
.hp-msg.me{align-self:flex-end;background:var(--gold-wash);border-bottom-right-radius:4px;}
.hp-msg.nana{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(11,29,51,.07);}
.hp-from{display:block;font-family:var(--font-m);font-size:9.5px;font-weight:600;color:var(--gold);margin-bottom:3px;}
.hp-tick{font-size:10px;color:var(--forest);margin-left:7px;}
.hp-chip{align-self:center;text-align:center;font-family:var(--font-m);font-size:10.5px;padding:6px 13px;border-radius:var(--r-full);background:#fff;color:var(--muted);box-shadow:0 1px 2px rgba(11,29,51,.07);opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);display:inline-flex;align-items:center;gap:6px;}
.hp-chip.ok{background:var(--forest-wash);color:var(--forest-deep);}
.hp-chip.lock{background:var(--gold-wash);color:var(--gold-dark);}
.hp-chip.lock.show{animation:lock-seal .55s cubic-bezier(.22,1.4,.4,1) .1s both;}
.hp-lock-ico{display:inline-flex;}
.hp-doc{align-self:flex-start;width:90%;background:#fff;border-radius:10px;padding:11px 12px;font-size:11px;box-shadow:0 1px 2px rgba(11,29,51,.08);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.hp-doc-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--rule);padding-bottom:6px;margin-bottom:6px;}
.hp-doc-h b{font-family:var(--font-d);font-size:12.5px;color:var(--navy);}
.hp-doc-h span{font-family:var(--font-m);font-size:9.5px;color:var(--faint);}
.hp-doc-r{display:flex;justify-content:space-between;margin-top:3px;color:var(--muted);}
.hp-doc-r.tot{color:var(--navy);font-weight:600;margin-top:6px;font-size:12px;}
@keyframes phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lock-seal{0%{opacity:0;transform:translateY(12px) scale(.7)}55%{opacity:1;transform:translateY(0) scale(1.08)}100%{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  .hero-phone{animation:none;}
  .hp-msg,.hp-chip,.hp-doc{opacity:1!important;transform:none!important;}
  .hp-chip.lock.show{animation:none;}
}
.s-full{padding:96px 80px;max-width:1200px;margin:0 auto;}
.s-wide{padding:96px 0;}
.s-wide-inner{max-width:1200px;margin:0 auto;padding:0 80px;}
.s-cream{background:var(--cream);}
.s-warm{background:var(--warm);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.s-page{background:var(--page);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.s-navy{background:var(--navy);}

.eyebrow{font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
.eyebrow.white{color:var(--teal-mid);}
.h1{font-family:var(--font-d);font-size:clamp(52px,6vw,80px);font-weight:700;color:var(--navy);line-height:1.04;margin-bottom:20px;}
.h1 em{color:var(--terra);font-style:italic;}
.h1.white{color:#fff;}
.h1.white em{color:var(--teal-mid);}
.h2{font-family:var(--font-d);font-size:clamp(36px,4vw,52px);font-weight:700;color:var(--navy);line-height:1.08;margin-bottom:14px;}
.h2 em{color:var(--terra);font-style:italic;}
.h2.white{color:#fff;}
.h2.white em{color:var(--gold-light);}
.eyebrow.light{color:var(--gold-light);}
.lead.light{color:rgba(255,255,255,.66);}
.h3{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.lead{font-size:17px;color:var(--muted);line-height:1.85;font-weight:300;max-width:520px;}
.lead.white{color:rgba(255,255,255,0.55);}
.body-text{font-size:14.5px;color:var(--muted);line-height:1.85;font-weight:300;}
.body-text p{margin-bottom:12px;}
.body-text p:last-child{margin-bottom:0;}

/* ── BUTTONS ── */
.btn-primary{display:inline-block;background:var(--gold);color:#fff;font-size:15px;font-weight:600;padding:14px 32px;border-radius:6px;border:none;cursor:pointer;font-family:var(--font-b);transition:background .15s,transform .1s;text-decoration:none;}
.btn-primary:hover{background:#7d5808;transform:translateY(-1px);}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer;font-family:var(--font-b);transition:color .15s;}
.btn-ghost:hover{color:var(--gold);}
.btn-terra{background:var(--gold);color:#fff;} /* was terracotta fill — gold is now the sole action colour; terra reserved for identity/emphasis, not buttons */
.btn-terra:hover{background:#7d5808;}
.btn-navy{background:var(--navy);color:#fff;} /* authority variant — locking/confirming actions, not marketing CTAs */
.btn-navy:hover{background:#142E4D;}
.btn-outline{background:transparent;border:1.5px solid var(--rule);color:var(--navy);}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);background:transparent;}
.btn-outline-white{background:transparent;border:1.5px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.8);}
.btn-outline-white:hover{border-color:rgba(255,255,255,0.6);color:#fff;background:transparent;}
.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px;}

/* ── TRUST ITEMS ── */
.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);}
.trust-dot{width:16px;height:16px;border-radius:50%;background:var(--accent-wash);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-deep);}

/* ── PROBLEM STRIP ── */
.problem-strip{background:var(--navy);padding:60px 80px;max-width:100%;position:relative;overflow:hidden;}
.problem-strip::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 60% 90% at 15% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 90% at 15% 50%,#000,transparent 75%);pointer-events:none;}
.problem-strip-inner{position:relative;z-index:1;}

/* ══ REPUTATION SECTION ══ */
.rep-section{position:relative;background:var(--navy);overflow:hidden;padding:80px 80px;}
.rep-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 65% 80% at 82% 50%,#000,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 65% 80% at 82% 50%,#000,transparent 78%);pointer-events:none;}
.rep-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.rep-principle{display:flex;gap:13px;align-items:flex-start;margin-top:26px;padding:18px 20px;background:rgba(255,255,255,.05);border-radius:var(--r-lg);}
.rep-principle svg{flex:none;margin-top:1px;}
.rep-principle span{font-family:var(--font-d);font-size:16px;font-style:italic;color:#fff;line-height:1.5;}
.rep-visual{display:flex;flex-direction:column;align-items:center;}
.tc-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--lift-2);padding:22px;width:100%;max-width:340px;}
.tc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.tc-label{font-family:var(--font-m);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);}
.tc-check{font-family:var(--font-m);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--forest-deep);background:var(--forest-wash);padding:4px 10px;border-radius:var(--r-full);}
.tc-party{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.tc-av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-d);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;}
.tc-name{font-size:15px;font-weight:600;color:var(--navy);}
.tc-sub{font-family:var(--font-m);font-size:11px;color:var(--muted);margin-top:2px;}
.tc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0;}
.tc-stat{text-align:center;}
.tc-v{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--navy);line-height:1;}
.tc-v.ok{color:var(--forest);}
.tc-l{font-family:var(--font-m);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-top:5px;}
.tc-verdict{display:flex;align-items:center;gap:9px;background:var(--forest-wash);color:var(--forest-deep);font-size:13px;font-weight:600;padding:12px 14px;border-radius:var(--r);margin-top:4px;}
.tc-note{font-family:var(--font-m);font-size:11.5px;color:rgba(255,255,255,.5);margin-top:18px;text-align:center;line-height:1.6;max-width:320px;}
@media (max-width:900px){.rep-section{padding:56px 20px;}.rep-inner{grid-template-columns:1fr;gap:36px;}}
.problem-strip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.problem-quote{font-family:var(--font-d);font-size:clamp(22px,2.5vw,32px);color:rgba(255,255,255,0.85);line-height:1.55;font-weight:300;font-style:italic;}
.problem-quote em{color:var(--terra);font-style:normal;}
.problem-list{display:flex;flex-direction:column;gap:16px;}
.problem-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:rgba(255,255,255,0.5);line-height:1.65;font-weight:300;}
.problem-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-wash);color:var(--accent-deep);}

/* ── STEPS ── */
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:48px;}
.steps-grid::before{content:none;}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:1;}
.step-num{width:52px;height:52px;border-radius:50%;background:var(--white);box-shadow:var(--lift);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-family:var(--font-m);font-size:14px;font-weight:600;color:var(--muted);transition:all .2s;}
.step:hover .step-num{color:var(--forest-deep);transform:translateY(-2px);box-shadow:var(--lift-2);}
.step.active-step .step-num{background:var(--forest);color:#fff;box-shadow:var(--lift);}
.step-icon{margin-bottom:8px;color:var(--accent-deep);display:flex;justify-content:center;}
.step-name{font-family:var(--font-d);font-size:16px;font-weight:600;color:var(--navy);margin-bottom:6px;}
.step-desc{font-size:12.5px;color:var(--muted);line-height:1.6;font-weight:300;}

/* ── FEATURE GRID ── */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px;}
.feature-card{background:var(--page);box-shadow:var(--lift);border-radius:10px;padding:24px 26px;position:relative;overflow:hidden;transition:border-color .2s;}
.feature-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:transform .2s;}
.feature-card:hover{border-color:var(--teal);}
.feature-card:hover::before{transform:scaleY(1);}
.fc-icon{width:48px;height:48px;margin-bottom:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-wash);color:var(--accent-deep);}
.fc-title{font-family:var(--font-d);font-size:20px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.fc-desc{font-size:13.5px;color:var(--muted);line-height:1.7;font-weight:300;}

/* ── DOC TYPE CHIPS ── */
.doc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.doc-chip{font-family:var(--font-m);font-size:11px;color:var(--teal);background:rgba(13,115,119,0.07);border:1px solid rgba(13,115,119,0.15);border-radius:3px;padding:4px 12px;}
.doc-chip.terra{color:var(--terra);background:rgba(196,98,45,0.07);border-color:rgba(196,98,45,0.15);}

/* ── AUDIENCE CARDS ── */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;}
.audience-card{background:var(--page);box-shadow:var(--lift);border-radius:10px;padding:24px;cursor:pointer;transition:all .2s;text-align:left;}
.audience-card:hover{box-shadow:var(--lift-2);transform:translateY(-2px);}
.ac-icon{width:48px;height:48px;border-radius:12px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;background:var(--accent-wash);color:var(--accent-deep);}
.ac-title{font-family:var(--font-d);font-size:20px;font-weight:600;color:var(--navy);margin-bottom:6px;}
.ac-desc{font-size:13px;color:var(--muted);line-height:1.65;font-weight:300;margin-bottom:14px;}
.ac-link{font-size:13px;color:var(--teal);font-weight:500;}

/* ── STATS ── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--page);}
.stat-cell{padding:28px 24px;border-right:1px solid var(--rule);text-align:center;}
.stat-cell:last-child{border-right:none;}
.stat-num{font-family:var(--font-m);font-size:30px;font-weight:500;color:var(--navy);margin-bottom:4px;}
.stat-num.teal{color:var(--teal);}
.stat-label{font-size:12.5px;color:var(--muted);font-weight:300;}

/* ── TWO COL ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.two-col.flip{direction:rtl;}
.two-col.flip > *{direction:ltr;}
.two-col-3{display:grid;grid-template-columns:1.2fr 0.8fr;gap:64px;align-items:center;}

/* ── TESTIMONIAL ── */
.quote-block{padding:80px 80px;max-width:1200px;margin:0 auto;}
.quote-mark{font-family:var(--font-d);font-size:100px;line-height:0.7;color:var(--gold-light);opacity:.5;float:left;margin-right:14px;margin-top:14px;}
.quote-text{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);color:var(--navy);line-height:1.55;margin-bottom:20px;}
.quote-text em{color:var(--terra);font-style:italic;}
.quote-attr{display:flex;align-items:center;gap:12px;}
.qa-avatar{width:40px;height:40px;border-radius:50%;background:var(--warm);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:600;color:var(--navy);}
.qa-name{font-weight:600;font-size:13px;color:var(--navy);}
.qa-role{font-family:var(--font-m);font-size:10px;color:var(--muted);}

/* ── PRICING STRIP ── */
.pricing-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;}
.price-col{background:var(--page);border-right:1px solid var(--rule);padding:24px 20px;}
/* responsive pricing: 4-up desktop → 2-up tablet → swipeable cards on phone */
.price-table{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;}
@media(max-width:900px){
  .price-table{grid-template-columns:repeat(2,1fr);}
  .price-table .price-col:nth-child(2){border-right:none;}
  .price-table .price-col:nth-child(1),.price-table .price-col:nth-child(2){border-bottom:1px solid var(--rule);}
}
@media(max-width:600px){
  .price-table{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border:none;border-radius:0;gap:12px;padding:4px 20px 16px;margin:0 -20px;}
  .price-table .price-col{flex:0 0 78%;scroll-snap-align:center;border:none;border-radius:14px;box-shadow:var(--lift);}
  .price-table .price-col.featured{box-shadow:var(--lift-2);}
}
.price-col:last-child{border-right:none;}
.price-col.featured{background:var(--navy);}
.price-plan{font-family:var(--font-d);font-size:20px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.price-col.featured .price-plan{color:#fff;}
.price-amount{font-family:var(--font-m);font-size:22px;font-weight:500;color:var(--navy);margin-bottom:2px;}
.price-col.featured .price-amount{color:#fff;}
.price-period{font-size:11.5px;color:var(--muted);margin-bottom:16px;}
.price-col.featured .price-period{color:rgba(255,255,255,0.4);}
.price-features{display:flex;flex-direction:column;gap:7px;}
.pf-item{display:flex;gap:7px;font-size:12.5px;color:var(--muted);font-weight:300;line-height:1.4;align-items:flex-start;}
.pf-check{color:var(--teal);flex-shrink:0;}
.price-col.featured .pf-item{color:rgba(255,255,255,0.6);}
.price-col.featured .pf-check{color:var(--teal-mid);}
.price-cta-btn{display:block;text-align:center;margin-top:18px;padding:9px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:var(--font-b);transition:all .15s;}
.pce-outline{border:1.5px solid var(--rule);background:transparent;color:var(--navy);}
.pce-outline:hover{border-color:var(--teal);color:var(--teal);}
.pce-solid{background:var(--gold);color:#fff;}
.pce-solid:hover{background:#7d5808;}

/* ── CTA SECTION ── */
.cta-section{background:var(--navy);padding:96px 80px;text-align:center;position:relative;overflow:hidden;}
/* trade reputation block (traders page) */
.trade-rep-block{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;}
@media(max-width:820px){.trade-rep-block{grid-template-columns:1fr;gap:28px;}}
.trb-card{background:var(--page);box-shadow:var(--lift-2);border-radius:14px;overflow:hidden;max-width:360px;}
.trb-card-top{display:flex;align-items:center;gap:12px;padding:20px 22px;background:var(--navy);}
.trb-av{width:44px;height:44px;border-radius:50%;background:var(--page);color:var(--navy);font-family:var(--font-d);font-size:19px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;}
.trb-name{font-size:15px;font-weight:600;color:#fff;}
.trb-since{font-family:var(--font-m);font-size:11px;color:rgba(255,255,255,.5);margin-top:2px;}
.trb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);}
.trb-stat{background:var(--page);padding:18px 10px;text-align:center;}
.trb-v{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--navy);line-height:1;}
.trb-l{font-family:var(--font-m);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-top:5px;}
.cta-bg-text{position:absolute;font-family:var(--font-d);font-size:300px;font-weight:700;color:rgba(255,255,255,0.02);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;}
.cta-inner{position:relative;z-index:1;}
.cta-sub{font-size:15px;color:rgba(255,255,255,0.4);font-weight:300;max-width:440px;margin:0 auto 36px;}
.cta-domain{font-family:var(--font-m);font-size:12px;color:rgba(255,255,255,0.2);margin-top:20px;letter-spacing:1px;}

/* ── FAQ ── */
.faq-list{display:flex;flex-direction:column;gap:0;margin-top:40px;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--page);}
.faq-item{border-bottom:1px solid var(--rule);}
.faq-item:last-child{border-bottom:none;}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;font-size:14.5px;font-weight:500;color:var(--navy);transition:background .15s;}
.faq-q:hover{background:var(--warm);}
.faq-chevron{font-size:12px;color:var(--muted);transition:transform .2s;flex-shrink:0;}
.faq-a{padding:0 22px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;}
.faq-item.open .faq-a{max-height:300px;padding:0 22px 16px;}
.faq-item.open .faq-chevron{transform:rotate(180deg);}

/* ── CODE BLOCK ── */
.code-block{background:var(--navy);border-radius:10px;overflow:hidden;margin:16px 0;}
.cb-header{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:8px;}
.cb-dot{width:10px;height:10px;border-radius:50%;}
.cb-lang{font-family:var(--font-m);font-size:10px;color:rgba(255,255,255,0.3);margin-left:auto;letter-spacing:1px;}
.cb-body{padding:16px 20px;overflow-x:auto;}
.cb-body pre{font-family:var(--font-m);font-size:12.5px;color:rgba(255,255,255,0.75);line-height:1.9;white-space:pre;}
.cb-k{color:#C79A3E;}
.cb-s{color:#F9C74F;}
.cb-c{color:rgba(255,255,255,0.25);}
.cb-n{color:#90E0EF;}

/* ── API ENDPOINT TABLE ── */
.ep-table{width:100%;border-collapse:collapse;background:var(--page);border:1px solid var(--rule);border-radius:10px;overflow:hidden;margin:14px 0;}
.ep-table th{font-family:var(--font-m);font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);padding:9px 14px;text-align:left;background:var(--navy);}
.ep-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--rule);font-weight:300;vertical-align:top;}
.ep-table tr:last-child td{border-bottom:none;}
.ep-table tbody tr:nth-child(even) td{background:rgba(242,237,228,0.3);}
.method{font-family:var(--font-m);font-size:10px;padding:2px 8px;border-radius:3px;display:inline-block;}
.m-get{background:rgba(39,174,96,0.1);color:#297231;}
.m-post{background:rgba(13,115,119,0.1);color:var(--teal);}
.ep-path{font-family:var(--font-m);font-size:12px;color:var(--teal);}

/* ── PARTNER TIERS ── */
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;}
.partner-card{background:var(--page);box-shadow:var(--lift);border-radius:10px;padding:28px 24px;}
.partner-card.featured-p{border-color:var(--teal);border-width:2px;}
.pc-label{font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:8px;}
.pc-title{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--navy);margin-bottom:10px;}
.pc-desc{font-size:13.5px;color:var(--muted);line-height:1.7;font-weight:300;margin-bottom:16px;}
.pc-includes{display:flex;flex-direction:column;gap:6px;}
.pci{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);font-weight:300;}
.pci-check{color:var(--teal);flex-shrink:0;}

/* ── NOTE ── */
.note{border-radius:6px;padding:13px 16px;margin:14px 0;font-size:13.5px;line-height:1.65;font-weight:300;}
.note-info{background:rgba(13,115,119,0.06);border-left:3px solid var(--teal);}
.note-warn{background:rgba(196,98,45,0.07);border-left:3px solid var(--terra);}
.note-label{font-family:var(--font-m);font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;}
.note-info .note-label{color:var(--teal);}
.note-warn .note-label{color:var(--terra);}

/* ── FOOTER ── */
footer{background:var(--navy);padding:48px 80px 32px;position:relative;overflow:hidden;}
footer::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 55% 90% at 20% 40%,#000,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 55% 90% at 20% 40%,#000,transparent 72%);pointer-events:none;}
footer .footer-top,footer .footer-bottom{position:relative;z-index:1;}
.footer-brand-lockup{display:inline-flex;align-items:center;gap:9px;margin-bottom:8px;}
.footer-brand-lockup span{font-family:var(--font-b);font-size:23px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1;}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;}
.footer-brand-name{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--teal-mid);margin-bottom:6px;}
.footer-brand-desc{font-size:13px;color:rgba(255,255,255,0.3);line-height:1.7;font-weight:300;max-width:260px;}
.footer-col-title{font-family:var(--font-m);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:14px;}
.footer-link{display:block;font-size:13px;color:rgba(255,255,255,0.45);text-decoration:none;margin-bottom:9px;cursor:pointer;background:none;border:none;font-family:var(--font-b);text-align:left;transition:color .15s;}
.footer-link:hover{color:rgba(255,255,255,0.9);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer-copy{font-family:var(--font-m);font-size:10px;color:rgba(255,255,255,0.2);letter-spacing:0.5px;}
.footer-policy{display:flex;gap:20px;}

/* ── PAGE INDICATOR ── */
.page-indicator{position:fixed;bottom:20px;right:20px;background:var(--navy);color:rgba(255,255,255,0.4);font-family:var(--font-m);font-size:10px;padding:5px 10px;border-radius:4px;z-index:500;pointer-events:none;}

/* ── MOBILE NAV ── */
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--navy);}
.mobile-nav{display:none;position:fixed;top:62px;left:0;right:0;background:var(--page);border-bottom:1px solid var(--rule);z-index:190;padding:16px;max-height:calc(100vh - 62px);overflow-y:auto;}
.mobile-nav.open{display:block;}
.mn-item{display:block;padding:12px 16px;font-size:14px;color:var(--ink);border-radius:6px;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-b);}
.mn-item:hover{background:var(--warm);}
.mn-sub{padding:8px 24px;font-size:13px;color:var(--muted);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-b);}
.mn-sub:hover{color:var(--teal);}
.mn-sep{height:1px;background:var(--rule);margin:8px 0;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .s-hero,.s-full,.s-wide-inner,.cta-section,.problem-strip,.quote-block{padding-left:40px;padding-right:40px;}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
  .audience-grid{grid-template-columns:1fr 1fr;}
  .feature-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .steps-grid::before{display:none;}
  .two-col,.two-col-3,.problem-strip-inner{grid-template-columns:1fr;gap:48px;}
  .two-col.flip{direction:ltr;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .stat-cell:nth-child(2){border-right:none;}
  .stat-cell:nth-child(3){border-top:1px solid var(--rule);}
  .pricing-strip{grid-template-columns:1fr 1fr;}
  .price-col:nth-child(2){border-right:none;}
  .price-col:nth-child(3){border-top:1px solid var(--rule);}
  .partner-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  body>nav{padding:0 20px;}
  .nav-center,.nav-right{display:none;}
  .mobile-menu-btn{display:block;}
  .s-hero{min-height:auto;padding:48px 20px;}
  .s-full,.s-wide-inner,.cta-section,.quote-block,.problem-strip{padding-left:20px;padding-right:20px;}
  footer{padding:40px 20px 24px;}
  .footer-top{grid-template-columns:1fr;}
  .audience-grid,.pricing-strip,.partner-grid{grid-template-columns:1fr;}
  .price-col{border-right:none !important;border-top:1px solid var(--rule);}
  .price-col:first-child{border-top:none;}
  .stats-row{grid-template-columns:1fr;}
  .stat-cell{border-right:none !important;border-bottom:1px solid var(--rule);}
  .stat-cell:last-child{border-bottom:none;}
}

/* converted-from-button anchors: keep link styling clean */
a.nav-btn,a.dd-item,a.footer-link,a.btn-primary,a.btn-ghost,a.price-cta-btn{text-decoration:none;cursor:pointer;}
a.footer-link{display:block;}

/* institutions reputation highlight */
.inst-rep{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;}
@media(max-width:820px){.inst-rep{grid-template-columns:1fr;gap:28px;}}
.inst-rep-card{background:var(--page);box-shadow:var(--lift-2);border-radius:14px;padding:22px;}
.irc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.irc-label{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}
.irc-chip{font-family:var(--font-m);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--forest-deep);background:var(--forest-wash);padding:4px 9px;border-radius:999px;}
.irc-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);}
.irc-row b{font-family:var(--font-d);font-size:17px;color:var(--navy);}
.irc-foot{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-m);font-size:11px;color:var(--forest-deep);}

/* #7: converted-button anchors shouldn't be underlined */
a.nav-cta,a.nav-verify,a.nav-btn,a.dd-item{text-decoration:none;}
a.nav-cta:hover,a.nav-verify:hover{text-decoration:none;}
/* #10: active-page nav indicator (persistent hover-style bg) */
a.nav-btn.current,a.nav-verify.current{color:var(--navy);background:var(--warm);}
a.nav-btn.current{font-weight:600;}

/* #5: richer motion — scroll reveal + parallax */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);}
[data-reveal].revealed{opacity:1;transform:none;}
[data-reveal][data-reveal-delay="1"]{transition-delay:.12s;}
[data-reveal][data-reveal-delay="2"]{transition-delay:.24s;}
[data-reveal][data-reveal-delay="3"]{transition-delay:.36s;}
.no-js [data-reveal]{opacity:1;transform:none;}
[data-parallax]{will-change:transform;}

/* #11: developer hero terminal visual */
.dev-terminal-wrap{position:relative;}
.dev-terminal{background:#060B14;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(120,150,190,.15),0 24px 60px rgba(0,0,0,.5);overflow:hidden;}
.dt-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0B1420;box-shadow:inset 0 -1px 0 rgba(120,150,190,.1);}
.dt-dot{width:11px;height:11px;border-radius:50%;background:rgba(120,150,190,.3);}
.dt-dot:nth-child(1){background:#E06C5E;}.dt-dot:nth-child(2){background:#E0B44E;}.dt-dot:nth-child(3){background:#3DD9A0;}
.dt-file{margin-left:8px;font-family:var(--font-m);font-size:11px;color:rgba(174,185,199,.6);}
.dt-body{margin:0;padding:18px 18px 20px;font-family:var(--font-m);font-size:12.5px;line-height:1.7;color:#AEB9C7;white-space:pre-wrap;word-break:break-word;overflow-x:auto;}
.dt-cmt{color:#5A6B80;}
.dt-fn{color:#3DD9A0;font-weight:600;}
.dt-str{color:var(--gold-light);}
.dt-key{color:#7FB3E8;}
.dt-ok{color:#3DD9A0;}
.dt-cursor{color:#3DD9A0;animation:blink 1.1s steps(1) infinite;}
.dev-float-chip{position:absolute;bottom:-16px;right:-12px;background:#0D1626;box-shadow:inset 0 0 0 1px rgba(61,217,160,.3),0 12px 30px rgba(0,0,0,.4);border-radius:999px;padding:9px 15px;font-family:var(--font-m);font-size:11.5px;color:#3DD9A0;display:flex;align-items:center;gap:8px;animation:floaty 5s ease-in-out infinite;}
.dfc-dot{width:7px;height:7px;border-radius:50%;background:#3DD9A0;box-shadow:0 0 0 3px rgba(61,217,160,.2);}


/* #2/#10: active page indicators (nav + footer + dropdown) */
a.dd-item.current{color:var(--forest-deep);background:var(--forest-wash);font-weight:600;}
a.footer-link.current{color:#fff;font-weight:600;}

/* #8: audience cards as links */
a.audience-card{text-decoration:none;cursor:pointer;}

/* #9: institutions consent-flow redesign (no emoji, borderless, connected) */
.consent-flow{display:flex;flex-direction:column;}
.consent-step{background:var(--page);box-shadow:var(--lift);border-radius:12px;padding:18px 20px;display:flex;align-items:flex-start;gap:16px;position:relative;z-index:1;}
.cs-num{font-family:var(--font-m);font-size:13px;font-weight:600;color:var(--navy);background:var(--forest-wash);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cs-t{font-weight:600;font-size:14.5px;color:var(--navy);margin-bottom:3px;}
.cs-d{font-size:13px;color:var(--muted);line-height:1.55;}
.consent-connector{width:2px;height:20px;background:var(--forest-wash);margin-left:39px;}

/* #3: dev page — full dark, GitHub-style tinted boxes, no white seams */
#page-developers .s-warm,#page-developers .s-page{background:transparent!important;}
/* soft tinted "shade" panels like GitHub */
#page-developers .s-warm .s-full{background:linear-gradient(180deg,rgba(61,217,160,.03),rgba(120,150,190,.02));border-radius:20px;padding-top:44px!important;padding-bottom:44px!important;box-shadow:inset 0 0 0 1px rgba(120,150,190,.08);}
#page-developers .h2{color:#F2F5F8;}
#page-developers .body-text,#page-developers .body-text p{color:#8A99AC;}
#page-developers .two-col{color:#8A99AC;}
/* consent/step cards dark */
#page-developers .consent-step{background:#0D1626;box-shadow:inset 0 0 0 1px rgba(120,150,190,.1);}
#page-developers .cs-t{color:#F2F5F8;}
#page-developers .cs-d{color:#7E8C9E;}
#page-developers .cs-num{background:#12233B;color:var(--gold-light);}
#page-developers .consent-connector{background:rgba(120,150,190,.15);}
/* endpoint table dark */
#page-developers .ep-table{color:#AEB9C7;}
#page-developers .ep-table td,#page-developers .ep-table th{border-color:rgba(120,150,190,.1);}
#page-developers .ep-path{color:var(--gold-light);}
/* partner cards dark */
#page-developers .pc-desc{color:#7E8C9E;}
#page-developers .pci{color:#AEB9C7;}
#page-developers .pci-check{color:#3DD9A0;}
/* fingerprint verification graphic */
.dev-fingerprint{display:flex;align-items:center;justify-content:center;padding:20px;opacity:.9;}
.dev-fingerprint svg{width:120px;height:120px;color:#3DD9A0;filter:drop-shadow(0 0 20px rgba(61,217,160,.2));}

/* #5: SHOW hero graphics on mobile — scaled down, not hidden */
@media (max-width:900px){
  .hero-phone-wrap{display:flex!important;margin:32px auto 0;transform:scale(.9);transform-origin:top center;}
  .hero-proof{display:block!important;width:180px;padding:11px 13px;left:-8px;top:-8px;}
  .hero-bubble{display:block!important;width:190px;right:-8px;bottom:60px;}
  .frag-hash{display:flex!important;left:-4px;bottom:4%;font-size:10px;padding:6px 12px;}
  .frag-hash{display:flex!important;}
  /* stack hero text above phone */
  .hero-grid,.s-hero{flex-direction:column;text-align:left;}
}
@media (max-width:480px){
  .hero-phone-wrap{transform:scale(.82);}
  .hero-proof{width:160px;font-size:12px;}
  .hero-bubble{width:170px;}
  /* dev terminal shows scaled on mobile too */
  .dev-terminal-wrap{display:block!important;margin-top:28px;transform:scale(.92);transform-origin:top center;}
}
@media (max-width:900px){
  .dev-terminal-wrap{display:block!important;margin-top:28px;}
}

/* #7: eTIMS / compliance section */
.etims-section{background:var(--white);}
.etims-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
@media(max-width:820px){.etims-grid{grid-template-columns:1fr;gap:36px;}}
.etims-points{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
.etims-point{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--ink);}
.ep-ic{width:26px;height:26px;border-radius:50%;background:var(--forest-wash);color:var(--forest-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.etims-disclaimer{margin-top:22px;font-size:12px;color:var(--faint);line-height:1.55;max-width:52ch;}
/* the invoice visual */
.etims-visual{display:flex;justify-content:center;}
.etims-doc{background:var(--paper);box-shadow:var(--lift-2);border-radius:var(--r-lg);padding:26px;width:100%;max-width:360px;}
.ed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.ed-title{font-family:var(--font-d);font-size:20px;font-weight:600;color:var(--navy);}
.ed-badge{font-family:var(--font-m);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--forest-deep);background:var(--forest-wash);padding:5px 11px;border-radius:var(--r-full);}
.ed-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:14px;}
.ed-pin{font-family:var(--font-m);font-size:11px;color:var(--faint);}
.ed-line{height:1px;background:var(--line);margin:12px 0;}
.ed-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--ink);padding:5px 0;}
.ed-item span:last-child{font-family:var(--font-m);}
.ed-vat{color:var(--muted);font-size:13px;}
.ed-total{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;color:var(--navy);padding:5px 0;}
.ed-total span:last-child{font-family:var(--font-m);}
.ed-foot{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--font-m);font-size:10.5px;color:var(--forest-deep);}

/* outline button on dark sections (proof/dispute) */
.btn-primary.btn-outline-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);}
.btn-primary.btn-outline-light:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);}

/* traders reputation block dispute line */
.trb-dispute{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:16px 18px;background:var(--gold-wash);border-radius:var(--r-lg);}
.trb-dispute svg{flex:none;margin-top:1px;}
.trb-dispute span{font-size:13.5px;color:var(--ink);line-height:1.55;}