/* ==========================================================================
   KIPACE Web v3.2 — refined design system
   Same HTML class contract as v3.0/v3.1. Content, logos, emblems, video,
   calculator logic and whitepaper links are unchanged.
   Fonts: Pretendard Variable (OFL, self-hosted in assets/fonts) for KO/EN;
   JA / ZH-TW use native CJK system fonts first for consistent kanji/hanzi.
   ========================================================================== */

:root{
  /* Surfaces */
  --ivory:#f9f3ee;          /* identical to the logo ground — never change */
  --ivory-2:#f2ebe2;
  --card:#fffdf9;
  --forest:#0e221c;
  --forest-2:#15302a;
  --forest-3:#1d3d34;
  --aub:#1c1724;
  --aub-2:#272033;
  --aub-3:#342a42;

  /* Ink & accents */
  --ink:#18241f;
  --ink-2:#5a625c;
  --gold:#dcb571;
  --gold-ink:#8a6230;
  --coral:#b24f3d;
  --coral-hover:#9b4232;
  --jade:#9fcab1;
  --lilac:#bba6d3;

  /* Contextual (overridden per section) */
  --text:#f4efe6;
  --muted:#f4efe6ad;
  --faint:#f4efe673;
  --line:#f4efe61f;
  --line-strong:#f4efe633;
  --tint:#ffffff08;
  --accent:var(--gold);

  /* Type */
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","Segoe UI",sans-serif;
  --label:var(--font);

  /* Rhythm */
  --max:1240px;
  --gutter:48px;
  --section:136px;
  --r-lg:22px;
  --r-md:16px;
  --r-sm:12px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--forest);color:var(--text);font:400 17px/1.75 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss06" 0;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button,a,select{touch-action:manipulation}
button{cursor:pointer;border:0;background:none}
button:disabled{cursor:not-allowed;opacity:.45}
img{display:block;max-width:100%}
p,h1,h2,h3,h4{margin:0}
h1,h2,h3,h4{font-weight:700;line-height:1.3;letter-spacing:-.03em}
h1,h2{text-wrap:balance}
p{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
ul,ol{padding:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
::selection{background:#dcb571;color:#1c1724}
[hidden]{display:none!important}
.wrap{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-120px;background:var(--ivory);color:var(--ink);padding:12px 20px;border-radius:999px;z-index:1000;font-weight:600;font-size:14px}
.skip:focus{top:12px}
.brand-logo{width:196px;height:auto;object-fit:contain}
.coin{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.num{font-variant-numeric:tabular-nums}

/* Section surfaces */
.section{position:relative;padding:var(--section) 0;scroll-margin-top:80px}
.paper{--text:var(--ink);--muted:var(--ink-2);--faint:#18241f80;--line:#18241f1a;--line-strong:#18241f2e;--tint:#18241f06;--accent:var(--gold-ink);background:var(--ivory);color:var(--text);color-scheme:light}
.dark{color-scheme:dark;background:var(--forest)}
.jade{background:var(--forest)}
.plum,.violet,.indigo{background:var(--aub);--muted:#efe8f2ad;--line:#efe8f21c;--line-strong:#efe8f230}
.dark+.dark{border-top:1px solid var(--line)}

/* Eyebrow / labels */
.eyebrow{display:flex;align-items:center;gap:12px;font:600 11.5px/1.5 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7;flex:0 0 auto}
.eyebrow span{margin-inline:6px;opacity:.6}
.index{font:600 12px/1.5 var(--label);letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums}

/* Section head */
.section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;align-items:end;margin-bottom:64px}
.section-head h2{font-size:clamp(32px,3.35vw,50px);line-height:1.24;letter-spacing:-.035em;font-weight:700}
.section-intro{font-size:17.5px;line-height:1.8;color:var(--muted);max-width:520px;justify-self:end}

/* Notes */
.note{font-size:15px;color:var(--muted);line-height:1.8;margin-top:24px}
.accent-note{border-left:2px solid var(--accent);padding:14px 20px;background:var(--tint);border-radius:0 var(--r-sm) var(--r-sm) 0}

/* Buttons */
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;border:1px solid transparent;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),color .2s var(--ease)}
.button span{font-size:17px;font-weight:400;line-height:1;transition:transform .2s var(--ease)}
.button.primary{color:#fff8ec;background:var(--coral);border-color:var(--coral)}
.button.primary:hover{background:var(--coral-hover);border-color:var(--coral-hover)}
.button.primary:hover span{transform:translate(2px,-2px)}
.button.ghost{color:#f8f1e4;background:#ffffff12;border-color:#ffffff38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.button.ghost:hover{background:#ffffff22;border-color:#ffffff60}
.button.ghost:hover span{transform:translateY(2px)}
.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--line-strong);padding-block:10px;min-height:44px;font-size:14px;font-weight:500;transition:border-color .2s}
.text-link:hover{border-color:currentColor}

/* Grids */
.two-columns,.three-columns,.four-columns{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Source row */
.source-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;border-top:1px solid var(--line);padding-top:18px;font-size:14px;line-height:1.6;color:var(--faint)}
.source-row a{display:inline-flex;align-items:center;gap:10px;min-height:40px;color:var(--muted);transition:color .2s}
.source-row b{font-weight:600;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}
.source-row a:hover{color:var(--text)}

/* Disclosure */
details{border-bottom:1px solid var(--line);margin-top:32px}
details:first-of-type{border-top:1px solid var(--line)}
details+details{margin-top:0}
summary{padding:24px 48px 24px 0;list-style:none;position:relative;font-weight:600;font-size:17px;line-height:1.6;cursor:pointer;transition:color .2s}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease)}
details[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
summary:hover{color:var(--accent)}
details>p{font-size:17px;color:var(--muted);padding:0 24px 28px 0;line-height:1.8}
details>ul{padding-bottom:22px}
details .note{padding:0 0 26px}
.definition-list{margin:4px 0 28px}
.definition-list>div{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:16px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.75}
.definition-list>div:first-child{border-top:0}
.definition-list dt{font-weight:600}
.definition-list dd{margin:0;color:var(--muted)}
.readable-list{list-style:none;margin:0}
.readable-list li{position:relative;padding:9px 0 9px 20px;color:var(--muted);font-size:16px;line-height:1.8}
.readable-list li::before{content:"";position:absolute;left:2px;top:20px;width:5px;height:5px;border-radius:50%;background:var(--accent)}

/* Status tags */
.status-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #7a63862e;background:#7a638612;color:#6c5480;border-radius:999px;font-size:12px;font-weight:600;padding:4px 12px;line-height:1.5;white-space:nowrap}
.status-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.status-tag.specified{background:#2f6e4c12;border-color:#2f6e4c2e;color:#2c6b48}
.status-tag.proposed{background:#a67a2a14;border-color:#a67a2a33;color:#87621f}
.dark .status-tag{color:#d8c6e6;border-color:#d8c6e633;background:#d8c6e60d}
.dark .status-tag.specified{color:#b9e0c8;border-color:#b9e0c833;background:#b9e0c80d}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:100;background:var(--ivory);color:var(--ink);border-bottom:1px solid #18241f14}
.site-header::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#615080 0 24%,#bd6452 24% 40%,#d6b35b 40% 62%,#8fbcaa 62% 84%,#c9d2bf 84%)}
.header-inner{height:80px;display:flex;gap:32px;align-items:center}
.brand{flex:0 0 auto;display:block}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap;font-size:14px;font-weight:550;letter-spacing:-.01em;color:#2b3530}
.main-nav a{padding-block:24px;position:relative;transition:color .2s}
.main-nav a::after{content:"";position:absolute;bottom:18px;left:0;right:0;height:1.5px;background:#4f3f62;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.main-nav a:hover{color:#4f3f62}
.main-nav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;gap:10px;align-items:center}
.language-label select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2318241f' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #18241f26;border-radius:999px;color:var(--ink);font-size:13px;font-weight:600;min-height:42px;padding:8px 30px 8px 15px;cursor:pointer;transition:border-color .2s}
.language-label select:hover{border-color:#18241f66}
.header-app{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;padding:0 18px;min-height:42px;border-radius:999px;background:#2a2136;color:#f6efe2;white-space:nowrap;transition:background-color .2s}
.header-app:hover{background:#3a2e4a}
.menu-toggle{width:44px;height:44px;display:none;padding:11px;color:var(--ink)}
.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;margin:6px auto;transition:transform .25s var(--ease)}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--forest);color:#f6f1e7}
.hero-media{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-poster,#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 40%}
#hero-video{opacity:0;transition:opacity .8s}
.hero.video-ready #hero-video{opacity:1}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,#08160fe0 0%,#0a1914b3 28%,#0d1b1847 56%,#0f1a1a0d 80%,#0f1a1a38 100%),
  linear-gradient(0deg,var(--forest) 0%,#0e221cc4 16%,#0e221c26 42%,#0e221c00 64%),
  linear-gradient(180deg,#0e221c4d 0%,#0e221c00 16%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.86fr);gap:64px;align-items:end;min-height:min(78vh,700px);padding:96px 0 56px}
.hero-copy{max-width:680px}
.hero .eyebrow{color:#e7d5ad;margin-bottom:26px}
.hero-silk{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 15px;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:#ece9dc;margin-bottom:28px}
.hero-silk i{width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 4px #9fcab12e}
.hero h1{font-size:clamp(44px,5.2vw,78px);font-weight:700;line-height:1.16;letter-spacing:-.045em;color:#fbf7ef}
.hero h1 em{font-style:normal;color:#e6c587;font-weight:600}
.hero-desc{color:#f2ede3c7;font-size:18.5px;line-height:1.85;margin-top:28px;max-width:600px}
.hero .actions{margin-top:38px}
.hero-app-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:500;min-height:44px;color:#e7d8b3;border-bottom:1px solid #e7d8b340;margin-top:18px;transition:border-color .2s}
.hero-app-link:hover{border-color:#e7d8b3}
.hero-right{position:relative;margin-bottom:6px}
.hero-vertical{position:absolute;right:-34px;bottom:calc(100% + 28px);writing-mode:vertical-rl;text-orientation:sideways;white-space:nowrap;font:600 10.5px/1.7 var(--label);letter-spacing:.24em;color:#f4eddd80}
.hero-rwas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-rwas a{position:relative;border:1px solid #ffffff24;background:#0b1b1673;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);padding:22px 22px 24px;border-radius:var(--r-md);color:#faf4e8;min-height:168px;display:flex;flex-direction:column;align-items:start;transition:border-color .25s,background-color .25s,transform .25s var(--ease)}
.hero-rwas a::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,var(--jade),transparent)}
.hero-rwas a:last-child::before{background:linear-gradient(90deg,var(--lilac),transparent)}
.hero-rwas a:hover{border-color:#ffffff4d;background:#0b1b16a6;transform:translateY(-3px)}
.hero-rwas small{font:600 10.5px/1.5 var(--label);color:#e0d6bb;letter-spacing:.14em}
.hero-rwas strong{font-size:24px;margin-top:auto;padding-top:24px;letter-spacing:-.03em;font-weight:700;line-height:1.25}
.hero-rwas span{font-size:15px;color:#e6e6dcb3;line-height:1.55;margin-top:6px}
.hero-rwas b{position:absolute;right:18px;top:18px;color:#e6dcc2;font-weight:400;line-height:1;transition:transform .25s var(--ease)}
.hero-rwas a:hover b{transform:translate(2px,-2px)}
.hero-coins{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.hero-coins>span{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #ffffff1f;background:radial-gradient(circle at 50% 38%,#dcb57124,transparent 62%),#0b1b1673;border-radius:var(--r-md);padding:20px 14px 16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-coins img{width:110px;height:110px;filter:drop-shadow(0 10px 18px #00000066);transition:transform .35s var(--ease)}
.hero-coins>span:hover img{transform:translateY(-3px) rotate(-4deg)}
.hero-coins strong{font-size:19px;line-height:1.3;font-weight:700;letter-spacing:.02em;margin-top:12px}
.hero-coins small{font:600 10.5px/1.5 var(--label);letter-spacing:.16em;color:#d9dccbb0;margin-top:2px}
.hero-lower{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1f;padding:16px 0;gap:16px}
.hero-lower>span{font:600 11px/1.6 var(--label);letter-spacing:.16em;color:#f4efe680}
.video-control{display:inline-flex;align-items:center;gap:10px;background:#ffffff0f;color:#efe9d9;border:1px solid #ffffff2e;min-height:40px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s}
.video-control:hover{background:#ffffff1f}
.video-icon{font-size:13px;line-height:1;width:12px;text-align:center}
.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f}
.hero-metrics>div{position:relative;padding:26px 28px 24px}
.hero-metrics>div+div{border-left:1px solid #ffffff1a}
.hero-metrics>div:first-child{padding-left:0}
.hero-metrics>div::before{content:"";position:absolute;top:-1px;left:28px;width:28px;height:2px;background:var(--jade)}
.hero-metrics>div:first-child::before{left:0}
.hero-metrics>div:nth-child(2)::before{background:var(--lilac)}
.hero-metrics>div:nth-child(3)::before{background:#d8917b}
.hero-metrics>div:nth-child(4)::before{background:var(--gold)}
.hero-metrics strong{display:flex;align-items:baseline;gap:10px;font-size:44px;font-weight:300;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fbf7ef}
.hero-metrics small{font-size:14px;font-weight:600;letter-spacing:.1em;color:#e6c587}
.hero-metrics p{font-size:15.5px;color:#f2ede3a6;margin-top:10px;line-height:1.55}
.hero-metric-note{font-size:14px;color:#f2ede380;padding:16px 0 28px}

/* ==========================================================================
   App band
   ========================================================================== */
.app-band{padding:36px 0;background:var(--ivory-2);color:var(--ink);border-bottom:1px solid #18241f12;scroll-margin-top:90px}
.app-band-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.app-identity{display:flex;gap:22px;align-items:center}
.app-identity>img{width:68px;height:68px;object-fit:contain;border-radius:18px;background:#f8f4ee;padding:8px;flex:0 0 68px;border:1px solid #18241f14;box-shadow:0 6px 18px #2a213614}
.app-identity .eyebrow{color:#6d596f;margin-bottom:6px;font-size:10.5px}
.app-identity h2{font-size:23px;letter-spacing:-.03em;line-height:1.35}
.app-identity p:last-child{font-size:16px;line-height:1.6;color:var(--ink-2);margin-top:4px}
.app-stores{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.store-button{position:relative;background:var(--card);border:1px solid #18241f1f;border-radius:var(--r-md);color:var(--ink);padding:12px 44px 12px 20px;text-align:left;min-height:68px;line-height:1.4;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}
.store-button:hover{border-color:#18241f4d;transform:translateY(-2px)}
.store-button.apk{background:#2a2136;color:#f8efdc;border-color:#2a2136}
.store-button.apk:hover{background:#3a2e4a}
.store-button small{display:block;font-size:11.5px;font-weight:500;opacity:.7;letter-spacing:.02em}
.store-button strong{display:block;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.01em;overflow-wrap:anywhere}
.store-button>span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:16px}
.app-controls>p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-top:10px}

/* ==========================================================================
   01 Overview
   ========================================================================== */
.principles{gap:40px}
.principles article{border-top:1px solid var(--line-strong);padding-top:26px}
.principles h3{font-size:23px;margin:18px 0 12px;line-height:1.4}
.principles p{color:var(--muted);font-size:17px;line-height:1.8}
.legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 22px;margin-top:48px}
.legend p{font-size:15.5px;color:var(--muted);flex:1;min-width:260px;margin-left:12px}

/* ==========================================================================
   02 IP
   ========================================================================== */
.ip-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:72px;align-items:stretch}
.ip-art{min-height:480px;position:relative;border-radius:var(--r-lg) 96px var(--r-lg) var(--r-lg);overflow:hidden;background:var(--forest-2);box-shadow:0 30px 60px -30px #00000080}
.ip-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:45% center;transition:transform 1.2s var(--ease)}
.ip-art:hover>img{transform:scale(1.03)}
.ip-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07170fe6 0%,#07170f80 34%,transparent 70%)}
.ip-art>div{position:absolute;left:34px;right:34px;bottom:34px;z-index:1}
.ip-art small{font:600 10.5px/1.5 var(--label);color:#ecdcbc;letter-spacing:.18em}
.ip-art strong{display:block;font-size:48px;font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:14px;color:#fbf5ea}
.art-caption{position:absolute;right:22px;top:26px;z-index:1;writing-mode:vertical-rl;font:600 10px/1.5 var(--label);letter-spacing:.22em;color:#f4efe6b3}
.steps{display:flex;flex-direction:column;justify-content:center}
.steps article,.swap-rules article{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.steps article:last-child{border-bottom:1px solid var(--line)}
.steps h3,.swap-rules h3{font-size:20px;margin:0 0 8px;line-height:1.4}
.steps p,.swap-rules p{font-size:17px;color:var(--muted);line-height:1.75}
.steps .index,.swap-rules .index{padding-top:5px;min-width:22px}
.ip-layout+.note{margin-top:40px}
.market-stats{margin:8px 0 24px}
.market-stats article{padding:22px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--tint)}
.market-stats strong{font-size:30px;font-weight:300;letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}
.market-stats h4{font-size:15px;margin-top:8px}
.market-stats p{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.65}

/* ==========================================================================
   03 Space
   ========================================================================== */
.space-ribbon{display:flex;align-items:center;gap:14px;padding:20px 26px;border:1px solid var(--line);background:var(--card);border-radius:var(--r-md);margin-bottom:20px}
.space-ribbon strong{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#6e4a35}
.space-ribbon>span{font-size:16px;color:var(--muted)}
.space-ribbon i{height:22px;width:1px;background:var(--line-strong);margin:0 12px}
.space-ribbon .status-tag{margin-left:auto}
.method-cards{gap:20px}
.method-cards article{position:relative;padding:36px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.method-cards article:last-child{background:linear-gradient(160deg,#f5f0f8,#fffdf9 70%)}
.method-cards article:hover{box-shadow:0 18px 40px -24px #2a213640;transform:translateY(-2px)}
.method-label{position:absolute;right:30px;top:22px;font-size:72px;font-weight:200;line-height:1;letter-spacing:-.04em;color:#18241f12;font-variant-numeric:tabular-nums}
.method-cards h3{font-size:23px;position:relative;line-height:1.4}
.method-cards p{font-size:17px;color:var(--muted);margin-top:16px;line-height:1.8}
.method-cards small{font-size:15px;color:var(--faint);display:block;line-height:1.7;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.process-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:16px;margin:48px 0}
.process-line li{position:relative;border-top:1px solid var(--line-strong);padding-top:20px}
.process-line li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ivory);border:1.5px solid #4c6f5a;position:absolute;top:-5px;left:0}
.process-line li:last-child::before{background:#4c6f5a}
.process-line li>span{font:600 11.5px/1.6 var(--label);letter-spacing:.1em;color:var(--accent)}
.process-line strong{display:block;font-size:15px;font-weight:650;line-height:1.55;margin-top:6px}
.usage-block{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;padding:44px;border-radius:var(--r-lg);background:var(--forest);color:#f6efe2;position:relative;overflow:hidden}
.usage-block::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#dcb57126,transparent 70%);pointer-events:none}
.usage-block .eyebrow{color:#e0c590;margin-bottom:16px}
.usage-block h3{font-size:27px;line-height:1.4}
.usage-block p{font-size:17px;line-height:1.8;color:#f6efe2b3;margin-top:14px}
.usage-prices{display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;z-index:1}
.usage-prices>div{padding:0 0 18px;border-bottom:1px solid #ffffff1f}
.usage-prices>div:last-child{border:0;padding:0}
.usage-prices strong{display:block;font-size:40px;font-weight:300;letter-spacing:-.035em;line-height:1.2;color:#e8ca8b;font-variant-numeric:tabular-nums}
.usage-prices span{display:block;font-size:15px;line-height:1.6;color:#f6efe2a6;margin-top:4px}

/* ==========================================================================
   04 Structure
   ========================================================================== */
.architecture{padding:44px;background:linear-gradient(180deg,#ffffff07,#ffffff02);border:1px solid var(--line);border-radius:28px}
.foundation{max-width:720px;margin:0 auto;text-align:center;padding:26px 28px;border:1px solid #dcb5714d;border-radius:var(--r-md);background:#dcb5710d}
.foundation>span{font:600 10.5px/1.5 var(--label);color:#e6cb92;letter-spacing:.18em}
.foundation h3{font-size:28px;line-height:1.4;margin-top:8px}
.foundation p{font-size:16px;color:var(--muted);margin-top:6px}
.fork{position:relative;width:52%;height:40px;margin:0 auto;border-bottom:1px solid var(--line-strong)}
.fork::before{content:"";position:absolute;left:50%;width:1px;height:40px;background:var(--line-strong)}
.asset-branches{gap:32px}
.asset-branches article{position:relative;padding:28px;background:#9fcab10f;border:1px solid #9fcab133;border-radius:var(--r-md)}
.asset-branches article::before{content:"";position:absolute;top:-1px;left:50%;height:14px;width:1px;background:var(--line-strong);transform:translateY(-100%)}
.asset-branches article:last-child{background:#bba6d30f;border-color:#bba6d333}
.branch-code{font:600 10.5px/1.4 var(--label);letter-spacing:.16em;color:var(--jade)}
.asset-branches article:last-child .branch-code{color:var(--lilac)}
.asset-branches h3{font-size:25px;margin-top:12px}
.asset-branches p{font-size:16px;color:var(--muted);margin-top:4px}
.asset-branches article>div{margin-top:24px;padding:16px 20px;background:#00000026;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:space-between;gap:16px}
.asset-branches strong{font-size:17px;font-weight:700}
.asset-branches article>div span{font-size:14.5px;text-align:right;color:var(--muted)}
.connector-label{padding:24px 0 18px;display:flex;align-items:center;justify-content:center;gap:28px;font-size:16px;font-weight:500;color:#e8ca90;text-align:center}
.connector-label>span{font-size:19px;line-height:1;opacity:.8}
.structure-token{display:flex;align-items:center;gap:20px;padding:18px 26px;border:1px solid #dcb57140;border-radius:var(--r-md);background:#dcb5710b}
.structure-token h3{font-size:24px;line-height:1.35;letter-spacing:-.02em}
.structure-token p{font-size:14.5px;color:var(--muted);margin-top:2px;letter-spacing:.02em}
.structure-token>strong{margin-left:auto;font-size:24px;color:#ecd39b;white-space:nowrap;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.structure-token.fepc{margin-top:12px;background:#9fcab10b;border-color:#9fcab133}
.structure-token.fepc h3{font-size:18px}
.simple-rules{gap:40px;margin-top:48px}
.simple-rules article{border-top:1px solid var(--line-strong);padding-top:20px}
.simple-rules h4{font-size:17px}
.simple-rules p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:10px}
.simple-rules+.note{margin-top:36px}

/* ==========================================================================
   05 NFT / 06 Tokens — tabs
   ========================================================================== */
.tab-buttons{display:inline-flex;gap:4px;margin-bottom:28px;flex-wrap:wrap;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--tint)}
.tab-buttons>button{color:var(--muted);border-radius:999px;padding:10px 22px;min-height:44px;font-size:14.5px;font-weight:600;transition:background-color .2s,color .2s}
.tab-buttons>button[aria-selected=true]{color:#fbf3e4;background:#2a2136;box-shadow:0 4px 12px -4px #2a213666}
.tab-buttons>button:hover:not([aria-selected=true]){color:var(--text)}
.nft-table{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.nft-table>div{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:20px 32px;border-bottom:1px solid var(--line);align-items:baseline}
.nft-table>div:last-child{border-bottom:0}
.nft-table span{font-size:16px;color:var(--muted)}
.nft-table strong{font-size:16.5px;font-weight:600;line-height:1.7;letter-spacing:-.01em}
.nft-more{gap:40px}
.nft-more details{border-top:1px solid var(--line);margin-top:28px}
.coin-tabs>button{display:flex;gap:10px;align-items:center;padding-left:10px}
.coin-tabs .coin{width:26px;height:26px}
.dark .tab-buttons>button[aria-selected=true]{background:#f4efe6;color:var(--forest)}
.coin-tabs>button:nth-child(1)[aria-selected=true]{background:var(--jade);color:#10291f}
.coin-tabs>button:nth-child(2)[aria-selected=true]{background:#e6c083;color:#3b2c1b}
.token-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,#9fcab114,#ffffff05 60%);padding:48px}
.token-panel.kcip{background:linear-gradient(160deg,#e6c08318,#ffffff04 60%);border-color:#e6c08333}
.token-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.25fr);gap:64px;align-items:center}
.token-art{display:flex;flex-direction:column;align-items:center;text-align:center}
.token-art .coin{width:240px;height:240px;margin-bottom:24px;filter:drop-shadow(0 22px 34px #00000059)}
.token-art>strong{font-size:34px;letter-spacing:.08em;line-height:1.3;font-weight:700}
.token-art>span{font-size:16px;color:var(--muted);margin-top:4px}
.token-copy h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.04em;margin-top:18px;line-height:1.25}
.token-copy .token-subtitle{font-size:16px;color:#e2d4ae;margin:10px 0 20px}
.token-copy>p:not(.token-subtitle){font-size:17.5px;line-height:1.8;color:var(--muted)}
.token-copy .definition-list{margin:28px 0 0;border-top:1px solid var(--line)}
.token-copy .definition-list>div{grid-template-columns:120px 1fr;font-size:16px;gap:20px;padding:13px 0}
.token-copy .definition-list>div:first-child{border-top:0}
.token-panel.kcip .status-tag.specified{color:#f0d395;border-color:#f0d39540;background:#f0d3950d}
.token-flow{margin:40px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;counter-reset:f}
.token-flow li{position:relative;padding:14px 16px;background:#ffffff06;border:1px solid var(--line);border-radius:var(--r-sm);font-size:16px;font-weight:550;line-height:1.5}
.token-flow li:not(:last-child)::after{content:"";position:absolute;right:-8px;top:50%;width:6px;height:6px;border-top:1px solid var(--faint);border-right:1px solid var(--faint);transform:translateY(-50%) rotate(45deg)}
.token-flow small{display:block;font:600 11px/1.5 var(--label);letter-spacing:.1em;color:var(--gold);margin-bottom:6px}
.token-panel .note{font-size:15px}

/* ==========================================================================
   07 Capital
   ========================================================================== */
.allocation-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.25fr);align-items:center;gap:56px;border:1px solid var(--line);border-radius:28px;background:var(--card);padding:48px}
.allocation-visual{text-align:center}
.donut{margin:0 auto 24px;width:290px;height:290px;border-radius:50%;position:relative;background:conic-gradient(#587d66 0 40%,#b86750 40% 75%,#bc9753 75% 83%,#5a7690 83% 90%,#897399 90% 94%,#87a58c 94% 97%,#b6aa91 97% 100%);display:grid;place-items:center;transform:rotate(-90deg)}
.donut::before{content:"";position:absolute;inset:30px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px #18241f0d}
.donut>div{position:relative;transform:rotate(90deg);display:flex;align-items:center;flex-direction:column;width:220px;padding:16px;line-height:1.4}
.donut small{font-size:14.5px;color:var(--muted)}
.donut strong{font-size:34px;color:var(--ink);font-weight:300;letter-spacing:-.04em;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}
.donut span{font:600 11px/1.5 var(--label);color:var(--gold-ink);letter-spacing:.16em;margin-top:6px}
.legend-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.legend-chips>span{font:600 10.5px/1.6 var(--label);letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line-strong);border-radius:999px;padding:5px 11px}
.table-scroll{overflow-x:auto}
.allocation-table{width:100%;border-collapse:collapse;font-size:16.5px}
.allocation-table th{text-align:left;font-weight:500}
.allocation-table th:first-child{width:60%}
.allocation-table thead th{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--faint);padding-bottom:14px}
.allocation-table thead th:not(:first-child){text-align:right}
.allocation-table tbody tr{border-top:1px solid var(--line);transition:background-color .2s}
.allocation-table tbody tr:hover{background:#18241f05}
.allocation-table tbody th{position:relative;padding:16px 16px 16px 22px;line-height:1.6}
.allocation-table tbody th i{width:9px;height:9px;position:absolute;left:2px;top:50%;margin-top:-4.5px;border-radius:3px}
.allocation-table td{padding:16px 0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.allocation-table td:nth-child(2){padding:16px 14px;color:var(--muted);font-size:15px}
.allocation-table td:last-child{font-weight:650}
.funding-bridge{background:linear-gradient(135deg,#f3e6cc,#f7efdf);border:1px solid #c8a96a4d;border-radius:var(--r-lg);padding:36px 40px;margin-top:28px}
.funding-bridge h3{font-size:22px;line-height:1.45}
.bridge-math{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:20px;align-items:center;margin-top:26px}
.bridge-math>div>span{display:block;font-size:15px;color:#6d6650}
.bridge-math strong{display:block;font-size:36px;font-weight:300;line-height:1.3;letter-spacing:-.04em;color:#2d4232;font-variant-numeric:tabular-nums;margin-top:2px}
.bridge-math strong small{font-size:11px;font-weight:600;margin-left:8px;letter-spacing:.1em;color:#6d6650}
.bridge-math>div:last-child strong{color:#8a4b33;font-weight:400}
.bridge-math>i{font-size:24px;font-style:normal;font-weight:200;color:#8f7a55;text-align:center}
.funding-bridge>p{font-size:15.5px;line-height:1.8;color:#6b6652;margin-top:22px;padding-top:18px;border-top:1px solid #c8a96a40}

/* ==========================================================================
   08 Revenue
   ========================================================================== */
.distribution-cards article{position:relative;background:#ffffff06;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;overflow:hidden}
.distribution-cards article::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--jade),transparent 70%)}
.distribution-cards article:last-child::before{background:linear-gradient(90deg,var(--lilac),transparent 70%)}
.distribution-cards small{font:600 10.5px/1.5 var(--label);color:#e3c895;letter-spacing:.18em}
.distribution-cards h3{font-size:26px;margin-top:14px}
.large-rate{font-size:104px;font-weight:200;line-height:1;letter-spacing:-.06em;color:#e9c890;display:block;margin-top:22px;font-variant-numeric:tabular-nums}
.large-rate>span{font-size:40px;font-weight:300;margin-left:4px;letter-spacing:0}
.distribution-cards p{font-size:16px;color:var(--muted);margin-top:8px;line-height:1.7}
.distribution-cards .formula{padding-top:20px;margin-top:24px;border-top:1px solid var(--line);font-size:17px;font-weight:550;line-height:1.7;color:#f2ead8}
.distribution-eq{display:flex;align-items:center;gap:16px;justify-content:center;margin:24px 0 8px;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff05}
.distribution-eq .coin{width:40px;height:40px}
.distribution-eq p{font-size:17.5px;font-weight:500;color:#f0e2cc}

/* ==========================================================================
   09 Swap calculator
   ========================================================================== */
.swap-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.swap-rules article{padding:24px 0}
.swap-rules article:first-child{border-top:1px solid var(--line)}
.swap-rules>.note{padding-top:24px;border-top:1px solid var(--line);margin-top:0}
.calculator{padding:36px;background:linear-gradient(170deg,#1b3a31,#132b24);border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 40px 80px -40px #00000080}
.calc-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid #ffffff24;color:#dfe5cf;border-radius:999px;background:#ffffff08;font-size:12px;font-weight:500;margin-bottom:28px}
.calc-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.calculator label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:15.5px;font-weight:550;color:#e6eadb;margin-bottom:10px}
.calculator label>span{font-size:14px;font-weight:500;color:#e6eadb80}
.quantity-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;background:#0b1d17;border:1px solid #ffffff1f;border-radius:var(--r-md);transition:border-color .2s}
.quantity-control:focus-within{border-color:#dcb57199}
.quantity-control>button{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;width:44px;height:44px;color:#f7edd6;font-size:22px;font-weight:300;display:grid;place-items:center;padding:0;line-height:1;transition:background-color .2s}
.quantity-control>button:hover{background:#ffffff1f}
.quantity-control input{border:0;background:transparent;text-align:center;width:160px;max-width:50%;font-size:34px;font-weight:300;letter-spacing:-.03em;color:#f6f0dc;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.quantity-control input:focus{outline:none}
.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.presets{display:flex;gap:8px;margin-top:12px}
.presets button{min-height:40px;flex:1;border:1px solid #ffffff1f;border-radius:999px;color:#dfe7d3;background:transparent;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .2s,border-color .2s}
.presets button:hover{background:#ffffff0d}
.presets button.active{background:var(--gold);color:#22301f;border-color:var(--gold)}
.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.calc-fields label{min-height:42px;align-items:flex-end;font-size:14.5px;line-height:1.5}
.calc-fields input{width:100%;min-height:52px;background:#0b1d17;border:1px solid #ffffff1f;border-radius:var(--r-sm);padding:10px 16px;font-size:18.5px;color:#f3efda;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums;transition:border-color .2s}
.calc-fields input:focus{outline:none;border-color:#dcb57199}
.fixed-unit{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14.5px;border-bottom:1px solid #ffffff1a;padding:18px 0;margin-bottom:20px;color:#e6eadb99}
.fixed-unit strong{font-size:14px;color:#ecd99f;font-weight:600}
.calc-total{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:14.5px;color:#e6eadb99;margin-bottom:14px}
.calc-total strong{font-size:18px;color:#f3f0e1;font-weight:600;font-variant-numeric:tabular-nums}
.result-columns{gap:12px}
.result-columns>div{background:#9fcab114;border:1px solid #9fcab133;border-radius:var(--r-md);padding:20px;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}
.result-columns>div:last-child{background:#e6c08314;border-color:#e6c08340}
.result-columns .coin{width:36px;height:36px}
.result-columns>div>span{font-size:14px;font-weight:650;letter-spacing:.04em;color:#f4e4be}
.result-columns strong{font-size:34px;letter-spacing:-.04em;font-weight:300;line-height:1.2;grid-column:1/-1;margin-top:16px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.result-columns small{font-size:14.5px;color:#e6eadb99;grid-column:1/-1;margin-top:2px}
.calculator .note{font-size:14.5px;color:#e6eadb8c;margin-top:20px}
.reset-calc{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:14px;padding:8px 16px;border-radius:999px;border:1px solid #ffffff2e;background:transparent;color:#ece8cf;font-size:13px;font-weight:500;transition:background-color .2s}
.reset-calc:hover{background:#ffffff0d}
.input-error{color:#ffb4a3;font-size:15px;padding:0 0 16px}
.calculator [aria-invalid=true]{border-color:#ef9585!important}

/* ==========================================================================
   10 Silk Road / 11 Roadmap
   ========================================================================== */
.city-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:24px}
.city-buttons{display:flex;flex-direction:column;gap:8px}
.city-buttons button{display:grid;grid-template-columns:28px 1fr 20px;gap:12px;align-items:center;width:100%;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:#3a4640;min-height:72px;text-align:left;line-height:1.5;transition:background-color .2s,border-color .2s,color .2s}
.city-buttons button:hover{border-color:var(--line-strong)}
.city-buttons small{font:600 11.5px/1.4 var(--label);letter-spacing:.08em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
.city-buttons span{font-size:18.5px;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}
.city-buttons b{font-size:17px;font-weight:400;text-align:right;color:var(--faint);transition:transform .2s var(--ease)}
.city-buttons button:hover b{transform:translate(2px,-2px)}
.city-buttons [aria-pressed=true]{background:var(--forest);color:#f3ecdb;border-color:var(--forest)}
.city-buttons [aria-pressed=true] b,.city-buttons [aria-pressed=true] small{color:#e2c78f}
.city-detail{background:linear-gradient(180deg,#efe8dc,#f6f0e7);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.city-detail>.eyebrow{position:absolute;left:40px;top:36px;right:40px;color:#7a6457;margin:0}
.city-detail h3{font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1.2;max-width:95%;margin-top:170px}
.city-detail .city-time{font-size:16px;font-weight:600;color:var(--gold-ink);border-bottom:1px solid var(--line-strong);display:block;padding-bottom:18px;margin-top:10px}
.city-detail p:last-child{font-size:17.5px;color:#4f5c53;line-height:1.8;margin-top:18px}
.city-lineart{height:180px;position:absolute;right:-5px;top:28px;width:330px;opacity:.22;z-index:-1;border-bottom:1px solid #4c6f5a}
.city-lineart i{position:absolute;bottom:0;width:47px;height:95px;right:80px;border:1px solid #4c6f5a;background:repeating-linear-gradient(0deg,transparent 0 13px,#4c6f5a44 14px,transparent 15px),repeating-linear-gradient(90deg,transparent 0 13px,#4c6f5a44 14px,transparent 15px)}
.city-lineart i:nth-child(2){right:134px;height:139px;width:40px}
.city-lineart i:nth-child(3){right:190px;height:85px;width:53px}
.city-lineart i:nth-child(4){right:250px;height:55px}
.city-lineart i:nth-child(5){right:5px;width:64px;height:73px}
.city-lineart span{position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid #b08a3e;right:15px;top:0;background:#d8bc6560;z-index:-1}
.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 28px;margin:4px 0 26px}
.criteria-grid p{font-size:16px;line-height:1.75;display:flex;gap:12px;color:var(--muted)}
.criteria-grid b{font:600 11.5px/1.9 var(--label);color:var(--accent);padding-top:1px}

.year-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.year-tabs button{border:1px solid var(--line);padding:22px 24px;border-radius:var(--r-md);background:#ffffff04;color:#e8e2ec;text-align:left;min-height:104px;transition:background-color .2s,border-color .2s}
.year-tabs button:hover{border-color:var(--line-strong);background:#ffffff08}
.year-tabs strong{display:block;font-size:30px;font-weight:300;color:inherit;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.year-tabs span{font-size:15.5px;display:block;margin-top:8px;line-height:1.5;color:var(--muted)}
.year-tabs [aria-selected=true]{background:var(--gold);border-color:var(--gold);color:#271f1a}
.year-tabs [aria-selected=true] span{color:#271f1ab3}
.year-panel{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.5fr);gap:56px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);padding:48px;min-height:360px}
.year-panel>div>span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#e0cfa5;border:1px solid #e0cfa540;border-radius:999px;padding:4px 12px}
.year-panel>div>strong{display:block;font-size:76px;font-weight:200;letter-spacing:-.06em;line-height:1.05;color:#e9cb91;margin-top:26px;overflow-wrap:normal;font-variant-numeric:tabular-nums}
.year-panel article h3{font-size:30px;color:#f8ecd8}
.year-panel article>p{font-size:17.5px;line-height:1.8;color:var(--muted);margin-top:16px}
.year-space{padding:22px 0 0;border-top:1px solid var(--line);margin-top:28px}
.year-space small{font:600 10.5px/1.5 var(--label);letter-spacing:.18em;color:#e3cc9b}
.year-space p{font-size:17px;color:var(--muted);margin-top:8px;line-height:1.75}

/* ==========================================================================
   12 Governance
   ========================================================================== */
.subheading{font-size:24px;margin:0 0 28px}
.controls{gap:32px;margin-bottom:36px}
.controls article{border-top:1px solid var(--line-strong);padding-top:20px}
.controls article>span{font:600 11.5px/1.7 var(--label);letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums}
.controls h4{font-size:18px;margin-top:12px}
.controls p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:10px}
.inline-source{display:inline-flex;font-size:13px;font-weight:600;color:var(--gold-ink);margin-bottom:26px;border-bottom:1px solid currentColor}
.risk-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px 48px;padding:40px;border:1px solid #b24f3d2e;border-radius:var(--r-lg);background:linear-gradient(135deg,#f6e6dd,#faf1ea);margin-top:48px;position:relative;overflow:hidden}
.risk-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--coral)}
.risk-card .eyebrow{color:#a2533d}
.risk-card h3{font-size:28px}
.risk-card ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;list-style:none;margin:0}
.risk-card li{font-size:16px;line-height:1.7;color:#6e5245;border-top:1px solid #b24f3d24;padding:12px 0 12px 18px;position:relative}
.risk-card li::before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;border-radius:50%;border:1.5px solid var(--coral)}
.risk-card>p{grid-column:1/-1;font-size:16px;color:#655247;border-top:1px solid #b24f3d24;padding-top:20px;line-height:1.8}

/* ==========================================================================
   13 Whitepapers
   ========================================================================== */
.whitepaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.whitepaper-card{min-width:0;display:flex;flex-direction:column;background:#ffffff07;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .25s,background-color .25s,transform .25s var(--ease)}
.whitepaper-card:hover{border-color:#dcb57166;background:#ffffff0b;transform:translateY(-3px)}
.whitepaper-card.is-current{border-color:#dcb571a6;background:linear-gradient(180deg,#dcb57114,#ffffff06 40%)}
.wp-edition{height:56px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 20px;font:700 12px/1.5 var(--label);color:#e8def0;letter-spacing:.14em}
.wp-current{font:600 11px/1.4 var(--font);letter-spacing:0;color:#f3deb1;background:#dcb5711f;border:1px solid #dcb57159;border-radius:999px;padding:4px 10px;white-space:nowrap}
.wp-cover-link{display:block;margin:0 20px;background:#f8f4ee;border-radius:8px;overflow:hidden;box-shadow:0 18px 30px -16px #000000a6;transition:transform .35s var(--ease)}
.whitepaper-card:hover .wp-cover-link{transform:translateY(-2px)}
.wp-cover-image{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:cover;background:#f8f4ee}
.wp-info{display:flex;flex-direction:column;flex:1;padding:24px 20px 20px;min-width:0}
.wp-info h3{font:700 23px/1.35 var(--font);letter-spacing:-.025em;color:#faf3ea;margin:0}
.wp-subtitle{font-size:15px;line-height:1.55;min-height:40px;color:var(--muted);margin:6px 0 14px;overflow-wrap:anywhere;word-break:normal}
.wp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14.5px;line-height:1.7;color:#ddd2e4b3;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-variant-numeric:tabular-nums;word-break:normal}
.wp-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-right:14px;vertical-align:middle;opacity:.6}
.wp-actions{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.wp-download,.wp-view{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.wp-download{background:var(--gold);color:#241c2c;border:1px solid var(--gold)}
.wp-download:hover{background:#ecd09a;border-color:#ecd09a}
.wp-download svg{flex-shrink:0}
.wp-view{color:#ece3f0;background:transparent;border:1px solid var(--line);font-size:13.5px;font-weight:550}
.wp-view:hover{border-color:var(--line-strong);background:#ffffff08;color:#fff}
.wp-library-note{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.8;color:var(--muted);max-width:100%;word-break:normal}

/* ==========================================================================
   14 FAQ / Footer / Mobile CTA / Dialog
   ========================================================================== */
.faq-layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.2fr);gap:96px}
.faq-layout h2{font-size:clamp(32px,3vw,44px);line-height:1.25}
.faq-layout .text-link{color:#e3cfa2;margin-top:28px;font-size:14px}
.faq-layout details{margin-top:0}
.faq-layout summary{font-size:18px}
.faq-layout details>p{font-size:17px}

.site-footer{padding:72px 0 32px;background:var(--ivory);color:var(--ink);border-top:1px solid #18241f14}
.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:36px;border-bottom:1px solid #18241f1a}
.footer-logo{flex:0 0 auto;margin-left:-6px}
.footer-logo img{width:236px}
.footer-top>div{margin-left:auto;text-align:right}
.footer-top>div p{font-size:24px;font-weight:700;letter-spacing:-.035em;color:var(--ink);line-height:1.3}
.footer-top>div span{display:block;font:600 11px/1.8 var(--label);letter-spacing:.18em;color:var(--ink-2);margin-top:4px}
.footer-top>.text-link{color:#4f3f62;font-size:14px;font-weight:600;margin-left:24px;border-color:#4f3f6240}
.footer-note{font-size:15px;color:var(--ink-2);line-height:1.8;padding:28px 0;max-width:900px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;font:600 11px/1.7 var(--label);letter-spacing:.14em;color:#18241f80;padding-top:20px;border-top:1px solid #18241f12}
.mobile-cta{display:none}

dialog{background:var(--ivory);border:1px solid #18241f1f;border-radius:var(--r-lg);width:min(500px,calc(100% - 32px));padding:32px;color:var(--ink);box-shadow:0 40px 80px -20px #0000004d}
dialog::backdrop{background:#07150fb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.dialog-top .eyebrow{color:#866047;margin:0}
.dialog-top>button{width:40px;height:40px;border-radius:999px;background:#18241f0d;color:#514155;font-size:24px;line-height:1;transition:background-color .2s}
.dialog-top>button:hover{background:#18241f1a}
.dialog-top+h2{font-size:25px;margin-top:20px;line-height:1.4}
dialog>p{font-size:17px;line-height:1.8;color:var(--ink-2);margin-top:14px}
dialog>.button{margin-top:26px;width:100%}

/* ==========================================================================
   Language tuning
   ========================================================================== */
html[lang=en] h1{letter-spacing:-.04em;line-height:1.06}
html[lang=en] .hero h1{font-size:clamp(46px,5.4vw,82px)}
html[lang=en] .section-head h2{line-height:1.12;letter-spacing:-.035em}
html[lang=en] .main-nav{gap:24px;font-size:13.5px}
html[lang=en] .hero-desc br{display:none}
html[lang=en] p{word-break:normal}

html[lang=ja]{--font:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Noto Sans CJK JP","Yu Gothic UI","Yu Gothic",Meiryo,"Pretendard Variable",sans-serif}
html[lang=ja] body{line-height:1.8}
html[lang=ja] :is(p,h1,h2,h3,h4,summary,dd,li){word-break:normal;line-break:strict;overflow-wrap:anywhere}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{letter-spacing:-.02em;font-weight:700}
html[lang=ja] .hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.32;letter-spacing:-.03em}
html[lang=ja] .section-head h2{font-size:clamp(28px,2.9vw,42px);line-height:1.4}
html[lang=ja] .main-nav{gap:22px;font-size:13px}
html[lang=ja] .hero-metrics strong,html[lang=ja] .large-rate,html[lang=ja] .year-panel>div>strong,html[lang=ja] .year-tabs strong{font-family:"Pretendard Variable",var(--font)}

html[lang=zh-Hant]{--font:"PingFang TC","Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei","Heiti TC","Pretendard Variable",sans-serif}
html[lang=zh-Hant] body{line-height:1.8}
html[lang=zh-Hant] :is(p,h1,h2,h3,h4,summary,dd,li){word-break:normal;line-break:strict;overflow-wrap:anywhere}
html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{letter-spacing:-.01em;font-weight:700}
html[lang=zh-Hant] .hero h1{line-height:1.3;letter-spacing:-.02em}
html[lang=zh-Hant] .section-head h2{line-height:1.38}
html[lang=zh-Hant] .main-nav{gap:26px}
html[lang=zh-Hant] .hero-metrics strong,html[lang=zh-Hant] .large-rate,html[lang=zh-Hant] .year-panel>div>strong,html[lang=zh-Hant] .year-tabs strong{font-family:"Pretendard Variable",var(--font)}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (min-width:1650px){
  .hero-grid{min-height:min(80vh,760px)}
}

@media (max-width:1250px){
  :root{--gutter:36px;--section:112px}
  .header-inner{gap:20px}
  .brand-logo{width:180px}
  .main-nav{gap:20px;font-size:13px}
  html[lang=en] .main-nav,html[lang=ja] .main-nav,html[lang=zh-Hant] .main-nav{gap:18px;font-size:12.5px}
  .header-app{display:none}
  .section-head{gap:48px}
  .hero-grid{gap:40px}
  .hero-rwas a{padding:20px 18px}
  .hero-rwas strong{font-size:21px}
  .hero-coins>span{padding:18px 12px 14px}
  .hero-coins img{width:100px;height:100px}
  .hero-metrics strong{font-size:38px}
  .hero-vertical{display:none}
  .ip-layout{gap:48px}
  .token-layout{gap:40px}
  .token-panel{padding:36px}
  .token-art .coin{width:200px;height:200px}
  .swap-layout{gap:48px}
  .allocation-grid{gap:36px;padding:36px}
  .donut{width:250px;height:250px}
  .donut::before{inset:26px}
  .donut>div{width:190px}
  .donut strong{font-size:30px}
  .year-panel{gap:36px;padding:40px}
  .year-panel>div>strong{font-size:64px}
  .usage-block{gap:36px}
  .faq-layout{gap:64px}
}

@media (max-width:1030px){
  :root{--section:96px}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:var(--ivory);padding:8px var(--gutter) 24px;border-bottom:1px solid #18241f1a;box-shadow:0 24px 40px -24px #18241f40;max-height:calc(100dvh - 72px);overflow-y:auto}
  .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .main-nav a,.main-nav a:hover,html[lang] .main-nav a{font-size:17px;font-weight:600;padding:16px 0;border-bottom:1px solid #18241f12}
  .main-nav a:last-child{border-bottom:0}
  .main-nav a::after{display:none}
  .menu-toggle{display:block}
  .header-inner{justify-content:space-between;height:72px}
  .header-actions{gap:6px}
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:620px;padding:80px 0 48px;gap:32px}
  .hero-rwas{grid-template-columns:1fr}
  .hero-rwas a{min-height:128px;padding:18px}
  .hero-rwas strong{padding-top:16px}
  .hero-coins>span{padding:16px 10px 12px}
  .hero-coins img{width:90px;height:90px}
  .hero-coins strong{font-size:17px;margin-top:10px}
  .hero-coins small{font-size:9.5px;letter-spacing:.1em}
  .hero-desc br{display:none}
  .hero-desc{font-size:17.5px}
  .hero .button{padding-inline:20px;font-size:14px;gap:12px}
  .hero-metrics{grid-template-columns:1fr 1fr}
  .hero-metrics>div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #ffffff1a}
  .hero-metrics>div:nth-child(3)::before{left:0}
  .hero-metrics>div:nth-child(4){border-top:1px solid #ffffff1a}
  .app-band-inner{grid-template-columns:1fr;gap:20px}
  .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:48px}
  .section-intro{justify-self:start;max-width:620px}
  .principles{gap:28px}
  .principles h3{font-size:20px}
  .ip-layout{grid-template-columns:1fr 1fr;gap:36px}
  .ip-art strong{font-size:38px}
  .steps h3{font-size:18px}
  .steps p{font-size:16px}
  .method-cards article{padding:28px}
  .usage-block{padding:36px}
  .architecture{padding:32px}
  .asset-branches{gap:20px}
  .asset-branches article>div{display:block}
  .asset-branches article>div span{display:block;text-align:left;margin-top:4px}
  .token-layout{grid-template-columns:.7fr 1.3fr;gap:32px}
  .token-art .coin{width:170px;height:170px}
  .token-copy .definition-list>div{grid-template-columns:96px 1fr;gap:14px;font-size:15.5px}
  .token-flow li{padding:12px;font-size:15px}
  .allocation-grid{grid-template-columns:1fr;gap:32px}
  .bridge-math strong{font-size:30px}
  .swap-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .swap-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .swap-rules>.note{grid-column:1/-1}
  .swap-rules article{display:block;border-top:1px solid var(--line)}
  .swap-rules h3{font-size:18px;margin-top:12px}
  .calculator{width:100%;max-width:760px;margin-inline:auto}
  .city-layout{grid-template-columns:1fr 1.2fr}
  .city-buttons button{padding:18px 16px;grid-template-columns:24px 1fr 14px;gap:8px}
  .city-buttons span{font-size:17px}
  .city-detail{padding:32px}
  .city-detail>.eyebrow{left:32px;top:30px}
  .city-detail h3{font-size:36px}
  .year-panel{grid-template-columns:1fr 1.5fr;gap:32px;padding:36px}
  .year-panel>div>strong{font-size:54px}
  .year-tabs strong{font-size:26px}
  .controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
  .risk-card{grid-template-columns:1fr;padding:32px}
  .whitepaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp-actions{flex-direction:row}
  .wp-download{flex:1}
  .wp-view{flex:0 0 auto}
  .faq-layout{grid-template-columns:1fr;gap:32px}
  .footer-top{flex-wrap:wrap}
}

@media (max-width:767px){
  :root{--gutter:20px;--section:76px;--r-lg:18px}
  html{scroll-padding-top:80px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));font-size:16px}
  .header-inner{height:64px;gap:8px}
  .brand-logo{width:156px}
  .header-actions{gap:2px}
  .language-label select{min-height:38px;font-size:12px;padding:6px 26px 6px 12px;background-position:right 10px center}
  .menu-toggle{width:42px;padding:10px}
  .main-nav{max-height:calc(100dvh - 64px)}

  .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:48px;min-height:0;padding:56px 0 28px}
  .hero .eyebrow{font-size:10.5px;letter-spacing:.12em;margin-bottom:20px}
  .hero .eyebrow::before{width:18px}
  .hero-silk{font-size:12px;margin-bottom:22px}
  .hero h1{font-size:clamp(34px,9.4vw,46px);line-height:1.2}
  .hero-desc{font-size:17px;line-height:1.8;margin-top:20px}
  .hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .hero .button{flex:1 1 auto;white-space:nowrap;font-size:14px;padding:12px 18px;gap:10px;min-height:52px}
  .hero-app-link{font-size:15px;margin-top:12px}
  .hero-right{width:100%;margin:0}
  .hero-rwas{grid-template-columns:1fr 1fr;gap:10px}
  .hero-rwas a{min-height:132px;padding:18px 16px}
  .hero-rwas a::before{left:16px;right:16px}
  .hero-rwas small{font-size:10px;letter-spacing:.1em}
  .hero-rwas strong{font-size:20px;padding-top:14px}
  .hero-rwas span{font-size:14px}
  .hero-rwas b{right:14px;top:16px}
  .hero-coins{gap:10px;margin-top:10px}
  .hero-coins>span{padding:16px 10px 12px}
  .hero-coins img{width:90px;height:90px}
  .hero-coins strong{font-size:17px;margin-top:10px}
  .hero-coins small{font-size:10px}
  .hero-lower{padding:14px 0}
  .hero-lower>span{font-size:10px;letter-spacing:.1em;max-width:50%}
  .video-control{font-size:12px;padding:8px 14px}
  .hero-shade{background:linear-gradient(180deg,#0e221c66 0%,#0e221c33 28%,#0e221c99 52%,#0e221ce6 76%,var(--forest) 100%),linear-gradient(90deg,#08160f8c,#08160f1a)}
  .hero-poster,#hero-video{object-position:54% 30%}
  .hero-metrics>div{padding:20px 0 18px 18px}
  .hero-metrics>div:nth-child(odd){padding-left:0}
  .hero-metrics>div::before{left:18px}
  .hero-metrics>div:nth-child(odd)::before{left:0}
  .hero-metrics strong{font-size:34px;gap:8px}
  .hero-metrics small{font-size:13px}
  .hero-metrics p{font-size:14.5px;margin-top:6px}
  .hero-metric-note{font-size:13.5px;line-height:1.7;padding:14px 0 20px}

  .app-band{padding:28px 0}
  .app-identity{gap:16px}
  .app-identity>img{width:58px;height:58px;flex-basis:58px;border-radius:15px;padding:6px}
  .app-identity h2{font-size:20px}
  .app-identity p:last-child{font-size:15px}
  .store-button{min-height:64px;padding:11px 36px 11px 16px}
  .store-button strong{font-size:15px}
  .store-button>span{right:14px}
  .app-controls>p{font-size:13.5px}

  .section-head{margin-bottom:36px;gap:16px}
  .section-head h2,html[lang] .section-head h2{font-size:clamp(28px,7.6vw,34px);line-height:1.3}
  html[lang=en] .section-head h2{line-height:1.15}
  .eyebrow{font-size:10.5px;letter-spacing:.12em;margin-bottom:16px}
  .eyebrow::before{width:18px}
  .section-intro{font-size:17px;line-height:1.75;max-width:100%}
  .two-columns,.three-columns,.four-columns{grid-template-columns:1fr;gap:16px}
  .principles{gap:28px}
  .principles article{padding-top:20px}
  .principles h3{font-size:20px;margin:12px 0 8px}
  .principles p{font-size:16.5px}
  .legend{padding:16px 18px;margin-top:32px}
  .legend p{min-width:100%;margin:6px 0 0;font-size:15px;line-height:1.7}
  .status-tag{font-size:11.5px}
  .source-row{display:block;margin-top:36px;padding-top:14px;font-size:13.5px}
  .source-row>span{display:block}
  .source-row a{margin-top:2px;font-size:14.5px}
  .note{font-size:14.5px;margin-top:20px}
  .accent-note{padding:12px 16px}
  details{margin-top:24px}
  summary{font-size:16px;line-height:1.6;padding:20px 36px 20px 0}
  details>p{font-size:16px;padding-right:4px}
  .definition-list>div{grid-template-columns:1fr;gap:4px;padding:14px 0;font-size:15.5px}
  .readable-list li{font-size:15.5px}

  .ip-layout{grid-template-columns:1fr;gap:28px}
  .ip-art{min-height:340px;border-radius:var(--r-lg) 64px var(--r-lg) var(--r-lg)}
  .ip-art>img{object-position:50% 35%}
  .ip-art strong{font-size:38px}
  .ip-art>div{bottom:26px;left:24px;right:24px}
  .steps article{padding:20px 0;gap:16px}
  .steps h3{font-size:18px}
  .steps p{font-size:16px}
  .market-stats article{padding:18px}
  .market-stats strong{font-size:28px}

  .space-ribbon{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:18px}
  .space-ribbon i,.space-ribbon .status-tag{display:none}
  .space-ribbon strong{font-size:16px}
  .space-ribbon>span{font-size:15px}
  .method-cards article{padding:26px 22px}
  .method-cards h3{font-size:20px}
  .method-cards p{font-size:16px;margin-top:12px}
  .method-cards small{font-size:14.5px}
  .method-label{font-size:56px;right:22px;top:18px}
  .process-line{grid-template-columns:1fr 1fr;gap:28px 20px;margin:36px 0}
  .process-line li:last-child{grid-column:1/-1}
  .process-line strong{font-size:14px}
  .usage-block{grid-template-columns:1fr;gap:28px;padding:30px 22px}
  .usage-block h3{font-size:22px}
  .usage-block p{font-size:16px}
  .usage-prices strong{font-size:34px}

  .architecture{padding:20px 16px;border-radius:var(--r-lg)}
  .foundation{padding:20px 16px}
  .foundation>span{font-size:9.5px;letter-spacing:.12em}
  .foundation h3{font-size:22px}
  .foundation p{font-size:15px}
  .fork{width:1px;border:0;height:24px}
  .fork::before{height:24px}
  .asset-branches{grid-template-columns:1fr;gap:12px}
  .asset-branches article{padding:22px 18px}
  .asset-branches article::before{display:none}
  .asset-branches h3{font-size:22px}
  .asset-branches p{font-size:15px}
  .asset-branches article>div{display:flex;margin-top:16px;padding:14px 16px}
  .asset-branches article>div strong{font-size:15px}
  .asset-branches article>div span{font-size:13.5px;text-align:right;margin:0;max-width:45%}
  .connector-label{font-size:14.5px;line-height:1.6;gap:12px;padding:18px 0}
  .structure-token{padding:16px;gap:12px;flex-wrap:wrap}
  .structure-token .coin{width:42px;height:42px}
  .structure-token>div{min-width:0;flex:1}
  .structure-token h3{font-size:21px}
  .structure-token p{font-size:13px}
  .structure-token>strong{font-size:17px}
  .structure-token.fepc h3{font-size:15px;line-height:1.5}
  .structure-token.fepc>strong{font-size:16px}
  .simple-rules{gap:24px;margin-top:32px}
  .simple-rules p{font-size:15.5px}

  .tab-buttons{display:flex;width:100%;margin-bottom:20px}
  .tab-buttons>button{flex:1;padding:9px 12px;font-size:13.5px;min-height:44px}
  .coin-tabs>button{justify-content:center}
  .nft-table>div{grid-template-columns:1fr;gap:4px;padding:16px 20px}
  .nft-table span{font-size:14.5px}
  .nft-table strong{font-size:15px}
  .nft-more{gap:0}
  .nft-more details{margin-top:24px}
  .nft-more details+details{margin-top:0;border-top:0}
  .token-panel{padding:28px 20px;border-radius:var(--r-lg)}
  .token-layout{display:flex;flex-direction:column;gap:24px}
  .token-art{width:100%;border-bottom:1px solid var(--line);padding-bottom:24px}
  .token-art .coin{width:180px;height:180px;margin-bottom:16px}
  .token-art>strong{font-size:28px}
  .token-copy{width:100%}
  .token-copy h3{font-size:28px;margin-top:14px}
  .token-copy .token-subtitle{font-size:15px;margin:8px 0 16px}
  .token-copy>p:not(.token-subtitle){font-size:16.5px}
  .token-copy .definition-list>div{grid-template-columns:1fr;gap:4px;font-size:15.5px}
  .token-flow{grid-template-columns:1fr;gap:8px;margin-top:24px;padding-top:20px}
  .token-flow li{display:flex;gap:14px;align-items:baseline;padding:12px 16px}
  .token-flow li::after{display:none}
  .token-flow small{margin:0}

  .allocation-grid{padding:28px 18px;gap:24px;border-radius:var(--r-lg)}
  .donut{width:240px;height:240px}
  .donut::before{inset:24px}
  .donut>div{width:180px}
  .donut strong{font-size:30px}
  .allocation-table{font-size:15px}
  .allocation-table tbody th{padding:13px 8px 13px 18px}
  .allocation-table td{padding:13px 0}
  .allocation-table td:nth-child(2){padding:13px 8px;font-size:14px}
  .allocation-table th:first-child{width:56%}
  .funding-bridge{padding:26px 20px}
  .funding-bridge h3{font-size:19px}
  .bridge-math{grid-template-columns:1fr 20px 1fr;gap:12px}
  .bridge-math>i:nth-of-type(2){display:none}
  .bridge-math>div:last-child{grid-column:1/-1;border-top:1px solid #c8a96a4d;padding-top:16px}
  .bridge-math strong{font-size:26px}
  .bridge-math strong small{display:block;margin:0;font-size:10px}
  .bridge-math>div:last-child strong{font-size:34px}
  .bridge-math>div:last-child strong small{display:inline;margin-left:8px}
  .bridge-math>div>span{font-size:14px}
  .funding-bridge>p{font-size:15px}

  .distribution-cards article{padding:28px 22px}
  .distribution-cards h3{font-size:22px}
  .large-rate{font-size:84px}
  .large-rate>span{font-size:32px}
  .distribution-cards .formula{font-size:16px}
  .distribution-cards p{font-size:15.5px}
  .distribution-eq{justify-content:flex-start;gap:14px;padding:16px}
  .distribution-eq p{font-size:16px;line-height:1.6}
  .distribution-eq .coin{width:36px;height:36px}

  .swap-rules{display:block}
  .swap-rules article{display:flex;gap:16px;padding:20px 0}
  .swap-rules h3{font-size:18px;margin-top:0}
  .swap-rules p{font-size:16px}
  .calculator{padding:24px 18px;border-radius:var(--r-lg)}
  .calc-badge{margin-bottom:22px}
  .quantity-control>button{width:42px;height:42px}
  .presets button{font-size:12.5px}
  .calc-fields{grid-template-columns:1fr;gap:16px;margin-top:24px}
  .calc-fields label{min-height:0;margin-bottom:8px}
  .result-columns{grid-template-columns:1fr 1fr;gap:10px}
  .result-columns>div{padding:16px 14px;grid-template-columns:28px 1fr;column-gap:8px}
  .result-columns .coin{width:28px;height:28px}
  .result-columns>div>span{font-size:13px}
  .result-columns strong{font-size:28px;margin-top:12px}
  .result-columns small{font-size:13.5px}

  .city-layout{grid-template-columns:1fr;gap:16px}
  .city-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .city-buttons button{grid-template-columns:22px 1fr;gap:6px;padding:14px;min-height:60px;border-radius:var(--r-sm)}
  .city-buttons button:last-child{grid-column:1/-1}
  .city-buttons b{display:none}
  .city-buttons small{font-size:10.5px}
  .city-buttons span{font-size:16px;line-height:1.45}
  .city-detail{min-height:360px;padding:26px 22px}
  .city-detail>.eyebrow{top:24px;left:22px;right:22px}
  .city-lineart{height:150px;right:-20px;top:24px}
  .city-detail h3{font-size:34px;margin-top:140px}
  .city-detail .city-time{font-size:15px}
  .city-detail p:last-child{font-size:16px}
  .criteria-grid{grid-template-columns:1fr;gap:12px}
  .criteria-grid p{font-size:15.5px}

  .year-tabs{grid-template-columns:1fr 1fr;gap:8px}
  .year-tabs button{padding:16px;min-height:88px;border-radius:var(--r-sm)}
  .year-tabs strong{font-size:24px}
  .year-tabs span{font-size:14.5px;margin-top:6px}
  .year-panel{grid-template-columns:1fr;gap:20px;padding:26px 22px;min-height:0;border-radius:var(--r-lg)}
  .year-panel>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px}
  .year-panel>div>strong{font-size:44px;margin:0}
  .year-panel article h3{font-size:24px}
  .year-panel article>p{font-size:16.5px}
  .year-space p{font-size:16px}

  .subheading{font-size:21px;margin-bottom:22px}
  .controls{grid-template-columns:1fr 1fr;gap:24px 18px}
  .controls h4{font-size:16px}
  .controls p{font-size:15px}
  .risk-card{gap:18px;padding:28px 22px;margin-top:36px}
  .risk-card h3{font-size:24px}
  .risk-card ul{grid-template-columns:1fr}
  .risk-card li{font-size:15.5px}
  .risk-card>p{font-size:15.5px}

  .faq-layout{gap:24px}
  .faq-layout h2{font-size:30px}
  .faq-layout .text-link{margin-top:16px;font-size:13px}
  .faq-layout summary{font-size:16px}
  .faq-layout details>p{font-size:16px}

  .site-footer{padding:48px 0 28px}
  .footer-top{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:28px}
  .footer-logo{margin-left:-4px}
  .footer-logo img{width:200px}
  .footer-top>div{margin:0;text-align:left}
  .footer-top>div p{font-size:21px}
  .footer-top>div span{font-size:10px;letter-spacing:.14em}
  .footer-top>.text-link{margin-left:0}
  .footer-note{font-size:14.5px;padding:22px 0}
  .footer-bottom{font-size:10px;gap:10px;flex-wrap:wrap}
  .footer-bottom>span:last-child{display:none}

  .mobile-cta{display:grid;grid-template-columns:.75fr 1.25fr;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#0e221ceb;border-top:1px solid #ffffff1a;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  .mobile-cta>a{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font-size:14px;font-weight:600;min-height:48px;color:#efe5cc;border:1px solid #ffffff2e}
  .mobile-cta>a:last-child{background:var(--coral);border-color:var(--coral);color:#fff7e8}
  .mobile-cta span{font-size:16px}
  body:has(dialog[open]) .mobile-cta,body:has(input:focus) .mobile-cta{display:none}

  dialog{padding:26px 22px}
  dialog h2{font-size:22px}
  dialog>p{font-size:16px}

  html[lang=en] .hero h1{font-size:clamp(38px,10.4vw,52px);line-height:1.06}
  html[lang=ja] .hero h1{font-size:clamp(30px,8.2vw,40px);line-height:1.38}
  html[lang=zh-Hant] .hero h1{font-size:clamp(34px,9.4vw,44px);line-height:1.3}
  html[lang=ja] .hero-rwas strong{font-size:18px}
}

/* Whitepaper cards on phones: compact cover + controls */
@media (max-width:600px){
  .whitepaper-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .whitepaper-card{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:18px;padding:0 18px 18px;align-items:start}
  .whitepaper-card:hover{transform:none}
  .wp-edition{grid-column:1/-1;height:50px;padding:0}
  .wp-cover-link{margin:2px 0 0;width:100%;border-radius:6px}
  .wp-info{padding:0;min-height:0}
  .wp-info h3{font-size:20px;line-height:1.35}
  .wp-subtitle{font-size:14.5px;line-height:1.5;margin:3px 0 10px;min-height:0}
  .wp-meta{font-size:13.5px;gap:2px 10px;padding-top:10px;margin-top:0}
  .wp-meta span+span::before{margin-right:10px}
  .wp-actions{margin-top:12px;flex-direction:column;gap:6px}
  .wp-download,.wp-view{font-size:13px;min-height:44px;padding:10px 14px;gap:8px}
  .wp-view{min-height:40px}
  .wp-download svg{width:16px;height:16px}
  .wp-library-note{font-size:14.5px;margin-top:24px}
}

@media (max-width:374px){
  :root{--gutter:16px}
  .brand-logo{width:138px}
  .language-label select{font-size:11.5px;padding-inline:10px 22px;background-position:right 8px center}
  .menu-toggle{width:38px;padding:8px}
  .hero-grid{padding-top:44px;gap:40px}
  .hero h1{font-size:31px}
  .hero .eyebrow{font-size:9.5px;letter-spacing:.06em;white-space:nowrap;gap:8px}
  .hero .eyebrow::before{width:12px}
  .hero .eyebrow span{margin-inline:3px}
  .hero .button{font-size:13px;padding:11px 10px;gap:6px}
  .hero-desc{font-size:16px}
  .hero-rwas a{padding:15px 13px;min-height:124px}
  .hero-rwas strong{font-size:18px}
  .hero-rwas span{font-size:13.5px}
  .hero-coins>span{padding:14px 8px 10px}
  .hero-coins img{width:75px;height:75px}
  .hero-coins strong{font-size:16px;margin-top:8px}
  .hero-coins small{font-size:9px;letter-spacing:.08em}
  .hero-metrics strong{font-size:29px}
  .hero-metrics p{font-size:14px}
  .hero-lower>span{font-size:9px}
  .video-control{font-size:11px;padding:8px 11px}
  .section-head h2,html[lang] .section-head h2{font-size:26px}
  .structure-token.fepc>strong{display:none}
  .architecture{padding:16px 12px}
  .token-panel{padding:24px 16px}
  .token-copy h3{font-size:25px}
  .token-art .coin{width:160px;height:160px}
  .allocation-grid{padding:24px 14px}
  .donut{width:220px;height:220px}
  .donut strong{font-size:27px}
  .allocation-table tbody th,.allocation-table td{font-size:14px}
  .calculator{padding:22px 14px}
  .result-columns>div{padding:14px 10px;grid-template-columns:24px 1fr;gap:6px}
  .result-columns .coin{width:24px;height:24px}
  .result-columns>div>span{font-size:10px}
  .result-columns strong{font-size:24px}
  .controls{grid-template-columns:1fr}
  .city-buttons span{font-size:14.5px}
  .city-detail h3{font-size:30px}
  .tab-buttons>button{font-size:12.5px;padding-inline:8px}
  .whitepaper-card{grid-template-columns:86px minmax(0,1fr);column-gap:14px;padding-inline:14px}
  .wp-info h3{font-size:18px}
  .wp-download,.wp-view{font-size:12px;padding-inline:11px}
  html[lang=en] .hero h1{font-size:36px}
  html[lang=ja] .hero h1{font-size:28px}
  html[lang=zh-Hant] .hero h1{font-size:32px}
}

@media (hover:none){
  .hero-coins>span:hover img,.hero-rwas a:hover,.method-cards article:hover,.whitepaper-card:hover,.store-button:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Hero entrance (motion-safe only) */
@media (prefers-reduced-motion:no-preference){
  @keyframes kp-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .hero-copy>*{animation:kp-rise .9s var(--ease) both}
  .hero-copy>:nth-child(2){animation-delay:.06s}
  .hero-copy>:nth-child(3){animation-delay:.12s}
  .hero-copy>:nth-child(4){animation-delay:.2s}
  .hero-copy>:nth-child(5){animation-delay:.28s}
  .hero-copy>:nth-child(6){animation-delay:.34s}
  .hero-right{animation:kp-rise 1s .3s var(--ease) both}
}

/* ==========================================================================
   Print
   ========================================================================== */
@media print{
  body{padding:0;background:#fff;color:#111}
  .site-header,.hero-media,.hero-right,.hero-lower,.app-band,.mobile-cta,.tab-buttons,.year-tabs,.source-row,dialog,.wp-actions{display:none!important}
  .wrap{width:94%}
  .section,.hero,.site-footer{background:#fff!important;color:#111!important;padding:28px 0;--text:#111;--muted:#444;--faint:#666;--gold:#444;--accent:#444;--line:#ddd;--line-strong:#ccc}
  .hero-grid{display:block;min-height:0;padding:20px 0}
  .hero-copy>*,.hero-right{animation:none!important}
  .hero h1,.hero h1 em,.hero-desc,.hero-metrics p,.hero-metrics small,.hero-metrics strong{color:#111}
  .hero .actions,.hero-app-link{display:none}
  .section-head{display:block}
  .section-intro{margin-top:14px}
  .section-head h2{font-size:29px}
  .ip-art{display:none}
  .ip-layout{display:block}
  .token-panel,.architecture,.usage-block,.year-panel,.city-detail,.risk-card,.calculator,.distribution-cards article,.foundation,.asset-branches article,.structure-token,.whitepaper-card,.allocation-grid,.funding-bridge{background:#fff!important;color:#111!important;border-color:#ddd!important;box-shadow:none!important}
  [role=tabpanel][hidden]{display:block!important;margin-bottom:25px}
  .year-panel{break-inside:avoid}
  .whitepaper-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .wp-edition,.wp-info h3,.wp-subtitle,.wp-meta,.wp-library-note{color:#111!important}
  .token-copy p,.token-copy dd,.year-panel p,.definition-list dd{color:#333!important}
  .site-footer img{max-width:200px}
}

/* ==========================================================================
   v3.2 — Business entity card (Promex Alliance Pte. Ltd.)
   ========================================================================== */
.entity-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px 56px;margin-top:24px;padding:40px 44px;border:1px solid #dcb57140;border-radius:var(--r-lg);background:linear-gradient(135deg,#dcb57112,#ffffff04 60%)}
.entity-head .eyebrow{margin-bottom:14px}
.entity-head h3{font-size:26px;line-height:1.35}
.entity-note{font-size:14.5px;line-height:1.75;color:var(--muted);margin-top:16px}
.entity-rows{margin:0;border-top:1px solid var(--line)}
.entity-rows>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.entity-rows dt{font-size:14px;color:var(--muted)}
.entity-rows dd{margin:0;font-size:16px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.entity-rows>div:first-child dd{font-size:19px;font-weight:700;color:#f3dfb1;letter-spacing:-.01em}
.entity-card+.simple-rules{margin-top:48px}
.footer-entity{font-size:15px;font-weight:600;color:var(--ink);padding-top:24px;letter-spacing:-.01em}
.footer-entity+.footer-note{padding-top:8px}
@media (max-width:1030px){.entity-card{grid-template-columns:1fr;padding:32px}}
@media (max-width:767px){.entity-card{padding:26px 20px;gap:22px}.entity-head h3{font-size:22px}.entity-note{font-size:14px}.entity-rows>div{grid-template-columns:1fr;gap:2px;padding:12px 0}.entity-rows dt{font-size:13px}.entity-rows dd{font-size:15.5px}.entity-rows>div:first-child dd{font-size:18px}.footer-entity{font-size:14px;padding-top:20px}}
@media print{.entity-card{background:#fff!important;border-color:#ddd!important;color:#111}.entity-rows dd,.entity-rows>div:first-child dd{color:#111!important}}