/* Realmint landing — dark charcoal + teal (AI investment agent / RWA) */
@font-face{font-family:Playfair;src:url(assets/fonts/playfair-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --bg:#0a0c11;--bg2:#0d0f15;--bg3:#11141c;--bg4:#161a24;
  --ink:#eef2f7;--dim:#8b93a6;--dim2:#5f687d;
  --teal:#2fd6a6;--teal2:#6ff0c8;--teal3:#b9f7e2;
  --gold:#e8b153;--red:#ff6b81;
  --line:rgba(255,255,255,.08);
  --glow:0 12px 34px rgba(47,214,166,.18);
  --serif:"Playfair",Georgia,serif;--sans:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* Splash */
.splash{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 30%,#11141c 0%,#0a0c11 70%);transition:opacity .6s ease,visibility .6s}
.splash-inner{text-align:center}
.splash-mark{font-family:var(--serif);font-size:clamp(2.2rem,9vw,4.4rem);letter-spacing:.1em;color:var(--ink);font-weight:400}
.splash-mark::after{content:"";display:block;width:56px;height:1px;margin:14px auto 18px;background:linear-gradient(90deg,transparent,var(--teal),transparent)}
.splash-num{font-family:var(--serif);font-size:clamp(2.6rem,11vw,5rem);color:var(--teal);line-height:1;opacity:0}
.splash-num.pop{animation:countPop .7s ease}
@keyframes countPop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}
.splash-line{font-size:clamp(.68rem,2.6vw,.88rem);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-top:14px}
.splash.is-done{opacity:0;visibility:hidden}
.splash-skip .splash{display:none}

/* Topbar */
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:rgba(10,12,17,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:1.35rem;letter-spacing:.06em;color:var(--ink);cursor:default;user-select:none}
.brand-logo{width:26px;height:26px;object-fit:contain;border-radius:7px}
.brand span{color:var(--teal2)}
.topbar-right{display:flex;align-items:center;gap:12px}
.topbar-tag{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);display:none}
.lang-wrap{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 12px;background:none;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-size:.8rem;letter-spacing:.04em}
.lang-btn:hover{border-color:rgba(47,214,166,.45)}
.flag{font-size:1rem;line-height:1}
.caret{color:var(--dim);font-size:.7rem}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:120;display:none;flex-direction:column;min-width:180px;background:var(--bg3);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.lang-menu.open{display:flex}
.lang-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 12px;background:none;border:none;border-radius:9px;color:var(--ink);cursor:pointer;font-size:.86rem;text-align:left}
.lang-menu button:hover{background:var(--bg4)}
.lang-menu button.active{color:var(--teal2)}
.lang-menu .flag{width:22px}

/* Shared */
.content{max-width:1100px;margin:0 auto;padding:0 24px}
.kicker{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--teal2);margin-bottom:14px}
.title{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,5.4vw,3.3rem);line-height:1.12;letter-spacing:.01em;margin-bottom:16px;color:var(--ink)}
.sub{color:var(--dim);font-size:clamp(1rem,2vw,1.15rem);max-width:64ch;margin-bottom:30px}
section{position:relative;overflow:hidden}

/* Hero */
.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:96px 18px 60px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(110% 90% at 50% 0%,rgba(47,214,166,.14) 0%,transparent 55%),linear-gradient(180deg,#0e1118 0%,#0a0c11 100%)}
.hero-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(47,214,166,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,214,166,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,transparent 75%)}
.hero-content{position:relative;z-index:2;max-width:860px}
.hero-kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--teal2);margin-bottom:20px;background:rgba(17,20,28,.6);padding:7px 16px;border-radius:999px;display:inline-block;backdrop-filter:blur(6px);border:1px solid rgba(47,214,166,.3)}
.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,8.6vw,5.2rem);line-height:1.06;letter-spacing:.01em;margin-bottom:22px;color:var(--ink)}
.hero-title .hl{background:linear-gradient(120deg,var(--teal),var(--teal2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{color:var(--ink);opacity:.85;font-size:clamp(1.02rem,2.2vw,1.22rem);max-width:60ch;margin:0 auto 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 32px;background:linear-gradient(120deg,var(--teal),var(--teal2));color:#06130e;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;transition:transform .2s ease,box-shadow .2s ease}
.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--glow)}
.hero-cta:active{transform:translateY(0)}
.hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border:1px solid var(--line);color:var(--ink);background:rgba(17,20,28,.5);letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}
.hero-link:hover{border-color:var(--teal)}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:36px}
.hero-badges span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:rgba(17,20,28,.55);padding:5px 12px;border-radius:999px}
.hero-badges span::before{content:"◆";color:var(--teal);margin-right:8px;font-size:.58rem}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);z-index:2;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* Asset cards */
.trust{padding:110px 0;background:var(--bg)}
.asset-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:10px}
.asset{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(165deg,var(--bg3),var(--bg2));transition:transform .25s,border-color .25s}
.asset:hover{transform:translateY(-4px);border-color:rgba(47,214,166,.4)}
.asset-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.coin{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.66rem;letter-spacing:.04em;color:#06130e;flex:none}
.coin.tsla{background:linear-gradient(135deg,#ff4d4d,#c0392b)}.coin.xaut{background:linear-gradient(135deg,#f4c566,#e0a33a);color:#3d2c08}.coin.kag{background:linear-gradient(135deg,#cdd6e0,#93a1b5);color:#0f141c}.coin.usdc{background:linear-gradient(135deg,#2775ca,#1a4f94);color:#eef6ff}.coin.paxg{background:linear-gradient(135deg,#d9b36c,#a8884a);color:#2a1f07}
.asset-name{flex:1;min-width:0}
.asset-name b{display:block;font-size:1.02rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asset-name span{font-size:.74rem;color:var(--dim);letter-spacing:.04em}
.asset-score{text-align:right}
.asset-score b{font-family:var(--serif);font-size:1.8rem;color:var(--teal);display:block;line-height:1}
.asset-score i{font-style:normal;font-size:.7rem;color:var(--dim)}
.asset-price{font-size:.95rem;color:var(--ink);margin-bottom:16px}
.asset-price em{font-style:normal;font-weight:700}
.asset-price .pos{color:var(--teal)}
.asset-dims{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:18px}
.dim{display:grid;grid-template-columns:82px 1fr 30px;align-items:center;gap:10px}
.dim span{font-size:.68rem;color:var(--dim);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dim .track{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.dim .track i{display:block;height:100%;width:var(--w);max-width:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--teal2))}
.dim em{font-style:normal;font-size:.68rem;color:var(--teal2);text-align:right;font-weight:700}
.asset-cta{display:flex;align-items:center;justify-content:center;min-height:44px;background:linear-gradient(120deg,var(--teal),var(--teal2));color:#06130e;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trust-note{font-size:.72rem;color:var(--dim2);margin-top:18px;max-width:70ch}
@media(min-width:880px){.asset-grid{grid-template-columns:repeat(3,1fr)}}

/* Problem pairs */
.problem{padding:110px 0;background:var(--bg2)}
.pairs{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}
.pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--bg3)}
.pair .bad,.pair .good{padding:4px 6px}
.pair .bad span,.pair .good span{display:block;font-weight:700;font-size:.95rem;margin-bottom:6px}
.pair .bad{color:var(--dim)}
.pair .bad span{color:var(--red)}
.pair .bad p,.pair .good p{font-size:.84rem;color:var(--dim);line-height:1.5}
.pair .good span{color:var(--teal2)}
.pair .good p{color:var(--ink);opacity:.85}
.arrow{color:var(--teal);font-size:1.1rem;flex:none}
@media(min-width:760px){.pairs{grid-template-columns:1fr 1fr}}

/* Score domains */
.score{padding:110px 0;background:var(--bg)}
.domains{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px}
.domain{border-left:2px solid var(--teal);background:linear-gradient(90deg,rgba(47,214,166,.07),transparent);border-radius:0 12px 12px 0;padding:18px 20px}
.dnum{font-family:var(--serif);color:var(--teal);font-size:1rem;display:block;margin-bottom:8px}
.domain h3{font-family:var(--serif);font-weight:400;font-size:1.25rem;margin-bottom:4px}
.domain p{color:var(--dim);font-size:.92rem}
@media(min-width:820px){.domains{grid-template-columns:1fr 1fr}}

/* Steps */
.how{padding:110px 0;background:var(--bg3)}
.how .content{text-align:center}
.how .sub{margin-left:auto;margin-right:auto}
.steps{display:grid;grid-template-columns:1fr;gap:22px;margin-top:12px}
.step{border-top:1px solid var(--line);padding:22px 8px 0}
.step-num{font-family:var(--serif);color:var(--teal);font-size:1.2rem;display:block;margin-bottom:8px}
.step h3{font-family:var(--serif);font-weight:400;font-size:1.45rem;margin-bottom:8px}
.step p{color:var(--dim);max-width:46ch;margin:0 auto;font-size:.94rem}
@media(min-width:820px){.steps{grid-template-columns:repeat(2,1fr)}}

/* Features */
.features{padding:110px 0;background:var(--bg)}
.feat-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:10px}
.feat{border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(160deg,var(--bg3),var(--bg2));transition:transform .25s,border-color .25s}
.feat:hover{transform:translateY(-3px);border-color:rgba(47,214,166,.4)}
.live{display:inline-block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#06130e;background:var(--teal);border-radius:999px;padding:3px 10px;margin-bottom:12px;font-weight:700}
.soon .soon-tag{display:inline-block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:var(--bg4);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-bottom:12px;font-weight:700}
.feat h3{font-family:var(--serif);font-weight:400;font-size:1.3rem;margin-bottom:6px}
.feat p{color:var(--dim);font-size:.92rem}
@media(min-width:820px){.feat-grid{grid-template-columns:repeat(3,1fr)}}

/* Router */
.router{padding:110px 0;background:linear-gradient(180deg,var(--bg),var(--bg2))}
.router-flow{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;margin-top:10px;border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--bg3)}
.rf-step{text-align:center}
.rf-step h3{font-family:var(--serif);font-weight:400;font-size:1.2rem;margin:10px 0 6px}
.rf-step p{color:var(--dim);font-size:.88rem}
.rf-coins{display:flex;justify-content:center;gap:10px}
.rf-coins .coin{width:36px;height:36px;font-size:.56rem}
.rf-mid{text-align:center;position:relative}
.rf-arrow{color:var(--teal);font-size:1.4rem;display:block;margin-bottom:8px}
.rf-core b{display:block;font-family:var(--serif);font-weight:400;font-size:1.3rem;color:var(--teal2)}
.rf-core i{font-style:normal;color:var(--dim);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.router-points{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}
.rpoint{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--bg3)}
.rpoint h3{font-family:var(--serif);font-weight:400;font-size:1.15rem;margin-bottom:6px;color:var(--teal2)}
.rpoint p{color:var(--dim);font-size:.92rem}
@media(min-width:900px){.router-flow{grid-template-columns:1fr auto 1fr}.router-points{grid-template-columns:repeat(3,1fr)}}

/* Partners */
.partners{padding:90px 0;background:var(--bg3)}
.partners .title{font-size:clamp(1.6rem,4.5vw,2.4rem)}
.partners-logos{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;margin-top:10px}
.partners-logos img{height:34px;width:auto;opacity:.75;filter:grayscale(1) brightness(1.35);transition:opacity .2s,filter .2s}
.partners-logos img:hover{opacity:1;filter:none}
@media(min-width:640px){.partners-logos img{height:38px}}

/* CTA */
.cta{padding:120px 0;text-align:center;background:radial-gradient(120% 100% at 50% 100%,rgba(47,214,166,.12),transparent 60%),var(--bg)}
.cta .sub{margin-left:auto;margin-right:auto}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 40px;background:linear-gradient(120deg,var(--teal),var(--teal2));color:#06130e;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--glow);transition:transform .2s,box-shadow .2s}
.cta-btn:hover{transform:translateY(-2px)}
.cta-btn:active{transform:translateY(0)}

/* Footer */
.footer{background:var(--bg2);border-top:1px solid var(--line);padding:56px 0 180px}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;text-align:center}
.footer-note{font-size:.82rem;color:var(--dim);max-width:74ch;margin:0 auto 14px}
.footer-legal{font-size:.76rem;color:var(--dim2)}

/* Sticky CTA */
.sticky-cta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(20px);z-index:90;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;background:linear-gradient(120deg,var(--teal),var(--teal2));color:#06130e;font-weight:700;font-size:.9rem;letter-spacing:.04em;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;box-shadow:var(--glow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s,transform .3s}
.sticky-cta .sticky-star{color:#06130e}
.sticky-cta a{position:absolute;inset:0;border-radius:999px}
.sticky-cta.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}