/*
Theme Name: Prosperic Asia
Theme URI: https://prosperic.asia
Author: PROSPERIC ASIA
Description: Premium one-page theme for the PROSPERIC ASIA tokenized coin system.
Version: 1.0.2
Text Domain: prosperic asia
*/

/* =========================================================
   GLOBAL DESIGN SYSTEM
========================================================= */
:root{--blue:#106f9d;--cyan:#35c7ff;--navy:#061522;--dark:#030a10;--white:#f7fbff;--muted:#a9bdca;--line:rgba(83,190,235,.2);--radius:18px;--shell:1280px;--reveal-distance:32px;--reveal-duration:780ms;--reveal-ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--dark);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
:is(a,button):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

/* =========================================================
   HEADER / NAVIGATION
========================================================= */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:88px;display:flex;align-items:center;background:rgba(3,10,16,.35);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}
.site-header.scrolled{background:rgba(3,10,16,.92);backdrop-filter:blur(18px);border-color:var(--line)}
.admin-bar .site-header{top:32px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{display:block;width:205px;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:.88rem;font-weight:700;letter-spacing:.05em;transition:color .2s}
.nav-links a:hover{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-weight:800;letter-spacing:.04em;background:rgba(255,255,255,.05);transition:transform .25s,box-shadow .25s}
.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),#169ed4);box-shadow:0 12px 38px rgba(22,158,212,.27)}
.btn:hover{transform:translateY(-2px)}
.menu-toggle{display:none;border:0;background:transparent;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:27px;height:2px;margin:6px;background:#fff;transition:transform .25s,opacity .25s}

/* =========================================================
   HERO
========================================================= */
.hero{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url("assets/images/hero-prosperic-asia.avif") center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.96),rgba(2,8,14,.77) 38%,rgba(2,8,14,.18) 72%,rgba(2,8,14,.28))}
.hero-content{position:relative;z-index:2;max-width:650px;padding-top:70px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#7bd8ff;font-size:.76rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.hero h1{margin:24px 0 30px;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:clamp(4.5rem,7.2vw,7.5rem);font-weight:900;line-height:.84;letter-spacing:-.075em}
.hero h1 span{display:block;margin-top:14px;color:transparent;font-weight:800;letter-spacing:-.065em;-webkit-text-stroke:1.5px rgba(104,196,235,.78);filter:drop-shadow(0 0 12px rgba(53,199,255,.12))}
.hero p{max-width:600px;color:#c2d1da;font-size:1.15rem}
.hero-actions{display:flex;gap:14px;margin-top:38px}
.hero-stat{display:flex;gap:34px;margin-top:55px;padding-top:24px;border-top:1px solid var(--line)}
.hero-stat strong{display:block;font-size:1.3rem}
.hero-stat span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}

/* =========================================================
   CORE SECTIONS / VISION / NETWORK / COIN / ROADMAP
========================================================= */
.section{padding:115px 0}
.section-soft{background:linear-gradient(180deg,#061521,#041019)}
.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:55px}
.section h2{margin:12px 0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em}
.lead{color:#b5c8d3;font-size:1.12rem}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{position:relative;padding:35px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(16,111,157,.16),rgba(255,255,255,.025));overflow:hidden}
.card::before{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;border-radius:50%;background:var(--blue);filter:blur(70px);opacity:.35;pointer-events:none}
.num{color:var(--cyan);font-weight:800;letter-spacing:.12em}
.card h3{font-size:1.35rem;margin:28px 0 12px}
.card p{color:var(--muted);margin:0}
.network-panel{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#071824}
.network-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(31,181,237,.32),transparent 20%),radial-gradient(circle at center,transparent 36%,rgba(25,146,195,.16) 37%,transparent 38%),radial-gradient(circle at center,transparent 54%,rgba(25,146,195,.12) 55%,transparent 56%),#06131e}
.network-visual img{display:block;width:58%;max-width:58%;height:auto;filter:drop-shadow(0 0 35px rgba(224,171,60,.48))}
.network-copy{padding:65px}
.network-copy ul{list-style:none;padding:0;margin:30px 0}
.network-copy li{padding:13px 0;border-bottom:1px solid var(--line);color:#c7d7df}
.network-copy li::before{content:"↗";color:var(--cyan);margin-right:12px}
.coin{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}
.coin-mark{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(42,193,245,.24),rgba(5,19,30,.12) 45%,transparent 68%);border:1px solid var(--line)}
.coin-mark img{width:72%;filter:drop-shadow(0 0 35px rgba(54,190,240,.52))}
.domain{display:inline-block;margin:15px 0 25px;color:#63d3ff;font-size:1.25rem;font-weight:800}
.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.phase{padding:35px;background:#06131e}
.phase small{color:var(--cyan);letter-spacing:.15em}
.phase h3{margin:18px 0 10px}
.phase p{color:var(--muted);font-size:.93rem}
.cta{text-align:center;padding:125px 24px;background:radial-gradient(circle at 50% 0,rgba(25,163,216,.3),transparent 43%),#06131e}
.cta h2{max-width:800px;margin:15px auto 28px}
.site-footer{padding:35px 0;border-top:1px solid var(--line);background:#02070b}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#839aa7;font-size:.85rem}
.footer-inner img{width:160px;filter:brightness(0) invert(1)}
.page-main{min-height:80vh;padding:160px 0 100px}
.page-main article{max-width:900px}
.page-main h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1}
.page-content{color:#c2d1da;font-size:1.08rem}
.error-main{min-height:100vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(18,128,174,.28),transparent 40%),#030a10}
.error-main h1{margin:0;font-size:clamp(7rem,22vw,15rem);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--cyan)}

/* =========================================================
   SHARED ECOSYSTEM LAYOUT
========================================================= */
.holding-shell,.bond-network-inner,.strtok-ecosystem-inner,.exchange-network .ex-shell,.stock-network-inner,.wactok-network-shell,.tokblo-family .blotok-container,.winetok-network-inner{position:relative;z-index:1;width:100%;max-width:var(--shell);margin-inline:auto}
.holding-ecosystem,.bond-network,.strtok-ecosystem,.exchange-network,.stock-network,.wactok-network,.tokblo-family,.winetok-network{position:relative;isolation:isolate;overflow:hidden;padding:90px 24px 100px}

/* =========================================================
   CIRTOK HOLDING — GREEN / GOLD / BLUE / GREEN
========================================================= */
.holding-ecosystem{--text:#e8ecf3;--text-muted:#aeb8c9;--accent:#7bd8ff;background:radial-gradient(ellipse at 22% 28%,rgba(39,160,83,.065),transparent 48%),radial-gradient(ellipse at 78% 75%,rgba(45,117,191,.055),transparent 48%),#0a0c10;color:var(--text)}
.holding-eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.holding-title{margin:0 0 1.25rem;color:var(--text);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.holding-copy{max-width:720px;margin:0 0 3.5rem;color:var(--text-muted);font-size:1.05rem;line-height:1.7}
.holding-cirtok-logo{display:flex;align-items:center;justify-content:center;margin:0 0 4rem}
.holding-cirtok-logo img{display:block;width:100%;max-width:220px;height:auto;filter:brightness(1.05) drop-shadow(0 0 35px rgba(74,222,128,.15))}
.holding-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.holding-group{--card-rgb:48,175,94;--card-accent:#45d17b;--card-deep:#11291c;position:relative;min-width:0;overflow:hidden;padding:24px 20px;border-radius:17px;border:1px solid rgba(var(--card-rgb),.34);background:radial-gradient(ellipse at 20% 0%,rgba(var(--card-rgb),.28),rgba(var(--card-rgb),.10) 38%,transparent 75%),linear-gradient(155deg,var(--card-deep),#171c25 52%,#121720);box-shadow:0 12px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07);transition:border-color .3s,box-shadow .3s,transform .3s}
.holding-group:nth-child(2){--card-rgb:226,178,49;--card-accent:#f2cb5a;--card-deep:#2a2415}
.holding-group:nth-child(3){--card-rgb:53,143,219;--card-accent:#65b8f7;--card-deep:#13263b}
.holding-group:nth-child(4){--card-rgb:48,175,94;--card-accent:#45d17b;--card-deep:#11291c}
.holding-group::before,.bond-network-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);pointer-events:none}
.holding-group::after,.bond-network-card::after{content:"";position:absolute;top:-110px;right:-110px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(var(--card-rgb),.13),transparent 70%);pointer-events:none}
.holding-group:hover{border-color:rgba(var(--card-rgb),.7);box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 26px rgba(var(--card-rgb),.11)}
.holding-group h3{position:relative;z-index:1;margin:0 0 18px;padding-bottom:14px;color:#f5f7fa;font-size:.98rem;font-weight:650;line-height:1.35;border-bottom:1px solid rgba(var(--card-rgb),.35)}
.holding-group h3::after{content:"";position:absolute;left:0;bottom:-1px;width:44px;height:2px;background:var(--card-accent)}
.holding-domains{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}
.holding-domain{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid transparent;border-radius:10px;transition:background .25s,border-color .25s,transform .25s}
.holding-domain strong{color:var(--card-accent);font-size:.88rem;font-weight:650;overflow-wrap:anywhere;transition:color .25s}
.holding-domain span{color:#b8c3d3;font-size:.78rem;line-height:1.45}
.holding-domain:hover{background:rgba(var(--card-rgb),.10);border-color:rgba(var(--card-rgb),.30);transform:translateX(3px)}
.holding-domain:hover strong{color:#fff}
.holding-domain:focus-visible{outline-color:var(--card-accent)}

/* =========================================================
   BONDTOK — RED / BLUE / RED / BLUE
========================================================= */
.bond-network{--text:#e8ecf3;--accent:#7bd8ff;background:radial-gradient(ellipse at 15% 30%,rgba(215,35,48,.065),transparent 48%),radial-gradient(ellipse at 85% 70%,rgba(52,87,180,.07),transparent 48%),#0a0c10;color:var(--text)}
.bt-about-logo{display:flex;justify-content:flex-start;margin:0 0 40px}
.bt-about-logo.bt-left{justify-content:flex-start}
.bt-about-logo.bt-right{justify-content:flex-end}
.bt-about-logo img{display:block;width:100%;max-width:200px;height:auto;filter:brightness(1.05) drop-shadow(0 0 35px rgba(220,40,55,.13))}
.bond-network-head{margin:0 0 56px}
.bond-network-head p{margin:0 0 16px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.bond-network-head h2{margin:0;color:#e8ecf3;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.bond-network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.bond-network-card{--card-rgb:218,42,53;--card-accent:#ff6972;--card-deep:#32171d;position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden;padding:28px 24px;border-radius:17px;border:1px solid rgba(var(--card-rgb),.38);background:radial-gradient(ellipse at 18% 0%,rgba(var(--card-rgb),.29),rgba(var(--card-rgb),.10) 40%,transparent 75%),linear-gradient(155deg,var(--card-deep),#171c25 52%,#121720);color:#e8ecf3;box-shadow:0 12px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07);transition:border-color .3s,box-shadow .3s,transform .3s}
.bond-network-card:nth-child(even){--card-rgb:57,92,188;--card-accent:#8da9ff;--card-deep:#172345}
.bond-network-card:hover{border-color:rgba(var(--card-rgb),.78);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 26px rgba(var(--card-rgb),.13)}
.bond-network-domain{position:relative;z-index:1;color:var(--card-accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
.bond-network-card:hover .bond-network-domain{color:#fff}
.bond-network-card h3{position:relative;z-index:1;margin:0;color:#f5f7fa;font-size:1.05rem;font-weight:650;line-height:1.3}
.bond-network-card p{position:relative;z-index:1;margin:0;color:#b8c3d3;font-size:.85rem;line-height:1.55}
.bond-network-card:focus-visible{outline-color:var(--card-accent)}

/* =========================================================
   STRTOK — BRAND + 17 MULTICOLOR PROJECTS
========================================================= */
.strtok-ecosystem{background:radial-gradient(ellipse at 15% 15%,rgba(30,115,210,.10),transparent 48%),radial-gradient(ellipse at 85% 85%,rgba(100,45,170,.07),transparent 50%),#090d13;color:#eef4fc}
.strtok-brand{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;align-items:center;margin-bottom:55px}
.strtok-brand-logo{display:flex;align-items:center;justify-content:center}
.strtok-brand-logo img{display:block;width:100%;max-width:260px;height:auto;object-fit:contain;filter:drop-shadow(0 0 30px rgba(50,150,255,.18))}
.strtok-eyebrow{display:block;margin-bottom:15px;color:#69c5ff;font-size:12px;font-weight:700;letter-spacing:3px}
.strtok-brand-content h2{margin:0 0 18px;color:#fff;font-size:clamp(30px,3.8vw,52px);font-weight:800;line-height:1.15}
.strtok-brand-content p{max-width:680px;margin:0;color:#aebfd2;font-size:17px;line-height:1.8}
.cta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1320px;margin:45px auto;padding:0 20px;align-items:stretch}
.strtok-ecosystem .cta-grid{max-width:none;margin:0;padding:0}
.cta-grid .cta-wrap{--rgb:40,125,255;--accent:#59b5ff;min-width:0}
.cta-grid .cta-wrap:nth-child(1){--rgb:25,105,255;--accent:#54baff}
.cta-grid .cta-wrap:nth-child(2){--rgb:138,50,240;--accent:#c08aff}
.cta-grid .cta-wrap:nth-child(3){--rgb:0,190,135;--accent:#49efbb}
.cta-grid .cta-wrap:nth-child(4){--rgb:225,35,70;--accent:#ff758d}
.cta-grid .cta-wrap:nth-child(5){--rgb:235,120,25;--accent:#ffb35c}
.cta-grid .cta-wrap:nth-child(6){--rgb:0,170,215;--accent:#5de8ff}
.cta-grid .cta-wrap:nth-child(7){--rgb:125,60,240;--accent:#bc96ff}
.cta-grid .cta-wrap:nth-child(8){--rgb:220,165,25;--accent:#ffdc65}
.cta-grid .cta-wrap:nth-child(9){--rgb:0,165,105;--accent:#54e6a4}
.cta-grid .cta-wrap:nth-child(10){--rgb:215,45,135;--accent:#ff89c4}
.cta-grid .cta-wrap:nth-child(11){--rgb:20,110,245;--accent:#67b7ff}
.cta-grid .cta-wrap:nth-child(12){--rgb:205,95,30;--accent:#ffb178}
.cta-grid .cta-wrap:nth-child(13){--rgb:215,35,65;--accent:#ff788f}
.cta-grid .cta-wrap:nth-child(14){--rgb:55,75,230;--accent:#91a5ff}
.cta-grid .cta-wrap:nth-child(15){--rgb:0,170,190;--accent:#62eff1}
.cta-grid .cta-wrap:nth-child(16){--rgb:145,65,225;--accent:#d39aff}
.cta-grid .cta-wrap:nth-child(17){--rgb:225,165,20;--accent:#ffda64}
.cta-grid .cta-btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:125px;padding:25px 54px 25px 28px;border:1px solid rgba(var(--rgb),.75);border-radius:15px;background:radial-gradient(ellipse at 50% -25%,rgba(var(--rgb),.45),transparent 72%),linear-gradient(155deg,rgba(var(--rgb),.20),#10151e 80%);color:#fff;font-size:18px;font-weight:800;letter-spacing:.025em;line-height:1.35;box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 25px rgba(0,0,0,.22);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.cta-grid .cta-btn::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px rgba(var(--rgb),.8);pointer-events:none}
.cta-grid .cta-btn::after{content:"→";position:absolute;right:18px;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(var(--rgb),.65);border-radius:50%;color:var(--accent);font-size:21px;font-weight:400;transform:translateY(-50%);transition:background .25s,color .25s}
.cta-grid .cta-btn small{display:block;margin-top:7px;color:var(--accent);font-size:11px;font-weight:500;letter-spacing:.11em;line-height:1.5}
.cta-grid .cta-btn:focus-visible{outline-color:var(--accent)}
@media(hover:hover){.cta-grid .cta-btn:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 25px rgba(var(--rgb),.20)}.cta-grid .cta-btn:hover::after{background:rgba(var(--rgb),.20);color:#fff}}
@media(min-width:1025px){.cta-grid .cta-wrap:nth-child(17){grid-column:2 / span 2;width:100%;max-width:380px;justify-self:center}}

/* =========================================================
   EXCTOK — LIGHT PURPLE EXCHANGE
========================================================= */
.exchange-network{background:radial-gradient(ellipse at 15% 15%,rgba(151,103,207,.16),transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(105,55,175,.12),transparent 55%),linear-gradient(135deg,#f0eaf8,#e9e0f3 50%,#e2d6ee);color:#251733}
.exchange-network-head,.stock-network-head,.wactok-network-head{max-width:850px;margin:0 auto 48px;text-align:center}
.exchange-network .ex-eyebrow{margin:0 0 18px;color:#70419d;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.exchange-network .ex-title{margin:0 0 22px;color:#21152c;font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.exchange-network-intro{max-width:690px;margin:0 auto;color:#70617f;font-size:16px;line-height:1.75}
.exchange-network-grid,.stock-network-grid,.wactok-network-grid,.tokblo-family-grid,.winetok-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.exchange-network-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:32px 28px 30px;border:1px solid #d2bee6;border-radius:20px;background:linear-gradient(145deg,#faf7fd,#eee5f7);color:#251733;text-align:center;box-shadow:0 12px 32px rgba(72,35,113,.08);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.exchange-network-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4e2877,#a26bc9)}
.exchange-network-card:hover{transform:translateY(-6px);border-color:#a87bc9;box-shadow:0 20px 45px rgba(72,35,113,.16)}
.exchange-network-logo,.stock-network-logo{display:flex;align-items:center;justify-content:center;width:100%;height:150px;margin:0 0 18px}
.exchange-network-logo img,.stock-network-logo img{display:block;width:auto;height:auto;max-width:180px;max-height:145px;object-fit:contain}
.exchange-network-logo img{filter:drop-shadow(0 8px 14px rgba(72,35,113,.12))}
.exchange-network-content,.stock-network-content{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}
.exchange-network-content h3,.stock-network-content h3{margin:0 0 8px;font-size:23px;font-weight:800;line-height:1.25}
.exchange-network-content h3{color:#27143d}
.exchange-network-content strong,.stock-network-content strong{display:block;margin-bottom:16px;font-size:14px;font-weight:700;line-height:1.45}
.exchange-network-content strong{color:#69359b}
.exchange-network-content p,.stock-network-content p{margin:0 0 22px;font-size:14px;line-height:1.7}
.exchange-network-content p{color:#746581}
.exchange-network-content span,.stock-network-content span{display:inline-block;margin-top:auto;font-size:13px;font-weight:800;transition:color .2s}
.exchange-network-content span{color:#633095}
.exchange-network-card:hover .exchange-network-content span{color:#9a53c7}

/* =========================================================
   EXSTOK — SOFT GOLD STOCK EXCHANGE (SINGLE DEFINITION)
========================================================= */
.stock-network{--stock-gold:#e5a000;--stock-text:#241f18;background:radial-gradient(ellipse at 20% 10%,rgba(255,205,70,.20),transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(234,177,45,.15),transparent 55%),linear-gradient(135deg,#fff9e9,#fff3d4 50%,#f9ebc5);color:var(--stock-text)}
.stock-network-head>p{margin:0 0 18px;color:#c38700;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.stock-network-head h2{margin:0;color:#241f18;font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.stock-network-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;padding:32px 28px 30px;border:1px solid rgba(215,155,25,.35);border-radius:20px;background:radial-gradient(ellipse at 50% 0%,rgba(255,193,42,.30),transparent 70%),linear-gradient(155deg,#fffdf6,#fff3d5 55%,#f6e4b7);color:var(--stock-text);text-align:center;box-shadow:0 14px 34px rgba(139,100,23,.10),inset 0 1px rgba(255,255,255,.85);transition:transform .3s,border-color .3s,box-shadow .3s}
.stock-network-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#bd7c00,#ffd14d,#e5a000)}
.stock-network-card::after{content:"";position:absolute;top:-130px;right:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,208,85,.18),transparent 70%);pointer-events:none}
.stock-network-logo,.stock-network-content{position:relative;z-index:1}
.stock-network-logo img{filter:drop-shadow(0 8px 15px rgba(160,111,10,.13))}
.stock-network-content h3{color:#241f18}
.stock-network-content strong{color:#b87a00}
.stock-network-content p{color:#776b59}
.stock-network-content span{color:#a66d00}
.stock-network-card:hover .stock-network-content span{color:#d49400}
.stock-network-card:focus-visible{outline-color:#b87a00}
@media(hover:hover){.stock-network-card:hover{transform:translateY(-6px);border-color:rgba(218,153,0,.75);box-shadow:0 20px 45px rgba(139,100,23,.17),0 0 25px rgba(238,177,38,.12)}}

/* =========================================================
   WACTOK — SOFT GREEN WALLET ECOSYSTEM
========================================================= */
.wactok-network{background:radial-gradient(ellipse at 5% 15%,rgba(120,190,95,.25),transparent 42%),radial-gradient(ellipse at 95% 85%,rgba(75,155,65,.22),transparent 45%),linear-gradient(135deg,#e5f3df,#f4faf0 45%,#d8edcf)}
.wactok-network-head{max-width:900px;margin-bottom:62px}
.wactok-network .ex-eyebrow{margin:0 0 20px;color:#287c25;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.wactok-network .ex-title{max-width:850px;margin:0 auto 22px;color:#142d17;font-size:clamp(34px,4.5vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.045em}
.wactok-network-intro{max-width:660px;margin:0 auto;color:#4f6751;font-size:17px;line-height:1.75}
.wactok-network-grid{gap:24px}
.wactok-network-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #b6d8aa;border-radius:23px;background:linear-gradient(155deg,#f0fae9,#e4f4db 55%,#d4ebc9);box-shadow:0 15px 35px rgba(28,94,31,.09),0 3px 10px rgba(28,94,31,.05);transition:transform .3s,box-shadow .3s,border-color .3s}
.wactok-network-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;z-index:2;background:linear-gradient(90deg,#155d1c,#359c30,#86cb62)}
.wactok-network-card:hover{transform:translateY(-7px);border-color:#73b85e;box-shadow:0 24px 48px rgba(27,105,31,.16),0 5px 15px rgba(27,105,31,.08)}
.wactok-network-logo{display:flex;align-items:center;justify-content:center;min-height:225px;padding:35px 30px 20px;background:radial-gradient(ellipse at center,rgba(98,180,70,.18),transparent 72%),linear-gradient(180deg,#edf9e7,#dcefd3)}
.wactok-network-logo img{display:block;width:auto;height:auto;max-width:185px;max-height:160px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(25,90,30,.12));transition:transform .3s}
.wactok-network-card:hover .wactok-network-logo img{transform:scale(1.035)}
.wactok-network-content{display:flex;flex:1;flex-direction:column;align-items:center;padding:24px 27px 32px;text-align:center}
.wactok-network-content h3{margin:0 0 9px;color:#155b1c;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
.wactok-network-content strong{display:block;margin-bottom:18px;color:#287d28;font-size:14px;font-weight:800}
.wactok-network-content p{flex:1;margin:0 0 26px;color:#49634c;font-size:14px;line-height:1.85}
.wactok-network-content span{display:flex;align-items:center;justify-content:center;width:100%;min-height:49px;padding:11px 20px;border:1px solid #27872a;border-radius:40px;background:linear-gradient(135deg,#268e29,#12621b);color:#fff;font-size:14px;font-weight:800;box-shadow:0 7px 16px rgba(28,110,30,.16);transition:background .25s}
.wactok-network-card:hover .wactok-network-content span{background:linear-gradient(135deg,#39a63b,#187522)}

/* =========================================================
   BLOTOK — DARK BLUE BLOCKCHAIN
========================================================= */
.tokblo-family{background:radial-gradient(ellipse at 12% 12%,rgba(40,110,220,.24),transparent 48%),radial-gradient(ellipse at 88% 88%,rgba(25,95,190,.22),transparent 48%),linear-gradient(135deg,#101e38,#0b1930 50%,#071326);color:#fff}
.tokblo-family::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(110,165,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(110,165,235,.045) 1px,transparent 1px);background-size:65px 65px}
.tokblo-family-head{max-width:900px;margin:0 auto 60px;text-align:center}
.tokblo-family .blotok-eyebrow{margin-bottom:18px;color:#65b9ff;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tokblo-family-head h2{max-width:850px;margin:0 auto 20px;color:#fff;font-size:clamp(34px,4.5vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.045em}
.tokblo-family-head p{max-width:660px;margin:0 auto;color:#afc5e0;font-size:16px;line-height:1.8}
.tokblo-family-grid{gap:24px}
.tokblo-family-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #29476d;border-radius:20px;background:linear-gradient(155deg,#172e50,#102441 55%,#0c1c34);color:#fff;box-shadow:0 15px 38px rgba(0,0,0,.18),0 3px 12px rgba(20,75,155,.08);transition:transform .3s,border-color .3s,box-shadow .3s}
.tokblo-family-card:hover{transform:translateY(-6px);border-color:#529ce5;box-shadow:0 24px 48px rgba(0,0,0,.27),0 0 28px rgba(45,130,230,.13)}
.tokblo-family-card::before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#60b5ff,transparent)}
.tokblo-family-logo{display:flex;align-items:center;justify-content:center;min-height:235px;padding:34px 28px;border-bottom:1px solid rgba(110,175,245,.13);background:radial-gradient(ellipse at center,rgba(55,130,230,.22),transparent 73%),linear-gradient(155deg,#1a3b68,#112b4d)}
.tokblo-family-logo img{display:block;width:auto;height:auto;max-width:195px;max-height:165px;object-fit:contain;filter:none;transition:transform .3s}
.tokblo-family-card:hover .tokblo-family-logo img{transform:scale(1.035)}
.tokblo-family-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px 27px 27px;text-align:left}
.tokblo-family-type{display:block;margin-bottom:12px;color:#78c4ff;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.tokblo-family-content h3{margin:0 0 15px;color:#fff;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
.tokblo-family-content p{flex:1;margin:0 0 26px;color:#bdcee3;font-size:14px;line-height:1.85}
.tokblo-family-content>strong{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:17px;border-top:1px solid rgba(120,175,240,.19);color:#76c8ff;font-size:14px;font-weight:800;line-height:1.5}
.tokblo-family-content>strong span{color:#76c8ff;font-size:20px;font-weight:400;transition:transform .25s}
.tokblo-family-card:hover .tokblo-family-content>strong span{transform:translateX(5px)}
.tokblo-family-card:hover .tokblo-family-content>strong{color:#b3e2ff}

/* =========================================================
   WINETOK — BLACK / GOLD WINE NETWORK
========================================================= */
.winetok-network{padding:80px 24px 90px;background:radial-gradient(circle at 50% 0%,rgba(210,158,45,.10),transparent 38%),#050505;border-top:1px solid rgba(218,168,58,.22);border-bottom:1px solid rgba(218,168,58,.22)}
.winetok-network-head{max-width:760px;margin:0 auto 46px;text-align:center}
.winetok-network-head>span{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;color:#d9a83d;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.winetok-network-head>span::before,.winetok-network-head>span::after{content:"";display:block;width:30px;height:1px;background:#d9a83d}
.winetok-network-head h2{margin:0 0 16px;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.winetok-network-head p{max-width:650px;margin:0 auto;color:#b8b8b8;font-size:17px;line-height:1.7}
.winetok-network-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px 20px 24px;color:#fff;background:linear-gradient(145deg,#111,#080808 55%,#050505);border:1px solid rgba(218,168,58,.24);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.30);transition:transform .3s,border-color .3s,box-shadow .3s}
.winetok-network-card::before{content:"";position:absolute;top:-100px;left:50%;width:240px;height:180px;transform:translateX(-50%);background:radial-gradient(circle,rgba(226,176,65,.13),transparent 70%);pointer-events:none}
.winetok-network-card:hover{transform:translateY(-7px);border-color:rgba(229,180,69,.62);box-shadow:0 22px 55px rgba(0,0,0,.48),0 0 28px rgba(218,168,58,.08)}
.winetok-network-logo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:230px;margin-bottom:24px;padding:18px;background:#080808;border:1px solid rgba(218,168,58,.14);border-radius:13px;overflow:hidden}
.winetok-network-logo img{display:block;width:100%;height:100%;max-width:205px;max-height:205px;object-fit:contain;transition:transform .35s}
.winetok-network-card:hover .winetok-network-logo img{transform:scale(1.035)}
.winetok-network-content{position:relative;z-index:2;display:flex;flex:1;flex-direction:column}
.winetok-network-content h3{margin:0 0 10px;color:#dca93b;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:.02em}
.winetok-network-content p{margin:0 0 20px;color:#bcbcbc;font-size:14px;line-height:1.65}
.winetok-network-content strong{display:block;margin-top:auto;color:#e3b54e;font-size:14px;font-weight:800;letter-spacing:.02em}
.winetok-network-arrow{position:absolute;right:20px;bottom:21px;color:#dca93b;font-size:22px;line-height:1;transition:transform .25s}
.winetok-network-card:hover .winetok-network-arrow{transform:translateX(4px)}

/* =========================================================
   FOUNDER — BLACK / GOLD
========================================================= */
.prosperic-founder{position:relative;padding:95px 24px;background:radial-gradient(ellipse at 20% 50%,rgba(190,145,48,.075),transparent 55%),#090b0a;color:#f5f5f2;overflow:hidden}
.prosperic-founder-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:85px;align-items:center}
.prosperic-founder-visual{position:relative;width:100%;max-width:440px;margin:auto}
.prosperic-founder-visual img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(207,165,75,.28);box-shadow:0 20px 55px rgba(0,0,0,.35)}
.prosperic-founder-content{min-width:0}
.prosperic-founder-eyebrow{display:block;margin-bottom:22px;color:#d6ad58;font-size:12px;font-weight:700;letter-spacing:3px}
.prosperic-founder-content h2{margin:0 0 22px;color:#fff;font-size:clamp(34px,4vw,60px);font-weight:800;line-height:1.1;letter-spacing:-1.5px}
.prosperic-founder-content h2 span{color:#d6ad58}
.prosperic-founder-content h3{max-width:610px;margin:0;color:#e6e4de;font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.45}
.prosperic-founder-line{width:72px;height:2px;margin:30px 0;background:#d6ad58}
.prosperic-founder-description{max-width:590px;margin:0 0 32px;color:#b9b9b2;font-size:18px;line-height:1.8}
.prosperic-founder-experience{display:flex;align-items:center;gap:18px}
.prosperic-founder-experience strong{color:#d6ad58;font-size:58px;font-weight:800;line-height:1}
.prosperic-founder-experience span{color:#e0ded6;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.6}

/* =========================================================
   TOKENOMIKA V4 — COUNTRY CARDS
========================================================= */
.v4-tokenomika-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;width:min(1152px,calc(100% - 40px));margin:0 auto;padding:72px 0 55px}
.v4-tokenomika-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:83px;padding:18px 19px;background:#111c30;border:1px solid #183b7c;border-radius:13px;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.v4-tokenomika-card:hover{background:#172641;border-color:#4778cb;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.24)}
.v4-tokenomika-flag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:20px;line-height:1}
.v4-tokenomika-brand{display:flex;align-items:baseline;min-width:0;white-space:nowrap}
.v4-tokenomika-brand strong{color:#fff;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.045em}
.v4-tokenomika-brand>span{color:#ffae00;font-size:15px;font-weight:800;line-height:1.2}
.v4-tokenomika-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:auto;color:#ffbf00;font-size:28px;font-weight:700;line-height:1;transition:transform .25s}
.v4-tokenomika-card:hover .v4-tokenomika-arrow{transform:translateX(5px)}

/* =========================================================
   RESPONSIVE — LARGE TABLET
========================================================= */
@media(max-width:1100px){
.v4-tokenomika-links{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:16px;padding:55px 20px}
}
@media(max-width:1024px){
.holding-ecosystem,.bond-network,.strtok-ecosystem,.exchange-network,.stock-network,.wactok-network,.tokblo-family{padding:75px 22px 85px}
.holding-groups,.bond-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.holding-cirtok-logo img{max-width:180px}
.bt-about-logo img{max-width:170px}
.strtok-brand{grid-template-columns:200px minmax(0,1fr);gap:35px}
.strtok-brand-logo img{max-width:200px}
.cta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cta-grid .cta-wrap:nth-child(17){grid-column:1/-1;width:100%;max-width:420px;justify-self:center}
.cta-grid .cta-btn{min-height:115px;padding:22px 54px 22px 22px;font-size:16px}
.exchange-network-grid,.stock-network-grid,.wactok-network-grid,.tokblo-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wactok-network-card:last-child,.tokblo-family-card:last-child{grid-column:1/-1;width:min(100%,480px);justify-self:center}
}
@media(max-width:1000px){
.winetok-network{padding:65px 22px 75px}
.winetok-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.winetok-network-card:last-child{grid-column:1/-1;max-width:620px;width:100%;justify-self:center}
}
@media(max-width:900px){
.site-header{height:76px}
.brand img{width:175px}
.menu-toggle{display:block;position:relative;z-index:1002}
.nav-links{position:fixed;inset:0;z-index:1001;width:100vw;height:100dvh;padding:120px 25px 45px;display:flex;flex-direction:column;align-items:center;gap:27px;background:#030a10;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.menu-open .nav-links{opacity:1;visibility:visible}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.section-head,.network-panel,.coin{grid-template-columns:1fr}
.grid-3,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
.network-visual{min-height:420px}
.admin-bar .nav-links{padding-top:150px}
.prosperic-founder{padding:70px 24px}
.prosperic-founder-inner{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:35px}
.prosperic-founder-description{font-size:16px}
}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */
@media(max-width:680px){
.winetok-network{padding:55px 16px 60px}
.winetok-network-head{margin-bottom:32px}
.winetok-network-head h2{font-size:34px}
.winetok-network-head p{font-size:15px;line-height:1.6}
.winetok-network-grid{grid-template-columns:1fr;gap:16px}
.winetok-network-card,.winetok-network-card:last-child{grid-column:auto;width:100%;max-width:none}
.winetok-network-logo{height:220px}
.winetok-network-logo img{max-width:190px;max-height:190px}
}
@media(max-width:650px){
.prosperic-founder{padding:55px 20px}
.prosperic-founder-inner{grid-template-columns:1fr;gap:35px}
.prosperic-founder-visual{max-width:340px}
.prosperic-founder-content{text-align:center}
.prosperic-founder-eyebrow{font-size:11px;letter-spacing:2px}
.prosperic-founder-content h2{font-size:clamp(32px,9vw,44px)}
.prosperic-founder-content h3{font-size:19px}
.prosperic-founder-line{margin:26px auto}
.prosperic-founder-description{margin:0 auto 30px;font-size:16px}
.prosperic-founder-experience{justify-content:center}
}
@media(max-width:640px){
.holding-ecosystem,.bond-network,.strtok-ecosystem,.exchange-network,.stock-network,.wactok-network,.tokblo-family{padding:55px 16px 65px}
.holding-title,.bond-network-head h2{font-size:clamp(24px,6vw,32px)}
.holding-copy{font-size:.95rem;line-height:1.6;margin-bottom:2.5rem}
.holding-cirtok-logo{margin-bottom:2.5rem}
.holding-cirtok-logo img,.bt-about-logo img{max-width:140px}
.holding-groups,.bond-network-grid{grid-template-columns:1fr;gap:20px}
.holding-group,.bond-network-card{padding:20px;border-radius:14px}
.bt-about-logo.bt-right{justify-content:flex-start}
.bond-network-head{margin-bottom:35px}
.strtok-brand{grid-template-columns:1fr;gap:25px;margin-bottom:40px;text-align:center}
.strtok-brand-logo img{max-width:180px}
.strtok-brand-content h2{font-size:30px}
.strtok-brand-content p{font-size:15px;line-height:1.7}
.strtok-eyebrow{font-size:11px;letter-spacing:2px}
.cta-grid{grid-template-columns:1fr;gap:14px;margin:30px auto;padding:0 16px}
.cta-grid .cta-wrap:nth-child(17){grid-column:auto;max-width:none}
.cta-grid .cta-btn{min-height:105px;padding:20px 54px 20px 24px;font-size:16px;border-radius:13px}
.cta-grid .cta-btn small{font-size:10px}
.exchange-network-head,.stock-network-head,.wactok-network-head{margin-bottom:35px}
.exchange-network .ex-title,.stock-network-head h2{font-size:30px}
.exchange-network-intro,.wactok-network-intro{font-size:15px}
.exchange-network-grid,.stock-network-grid,.wactok-network-grid,.tokblo-family-grid{grid-template-columns:1fr;gap:20px}
.exchange-network-card,.stock-network-card{padding:28px 22px;border-radius:16px}
.exchange-network-logo,.stock-network-logo{height:135px}
.exchange-network-logo img,.stock-network-logo img{max-height:130px}
.wactok-network-card:last-child,.tokblo-family-card:last-child{grid-column:auto;width:100%}
.wactok-network .ex-title{font-size:clamp(31px,8vw,42px)}
.wactok-network-logo{min-height:190px}
.wactok-network-logo img{max-width:160px;max-height:140px}
.wactok-network-content{padding:22px 24px 28px}
.wactok-network-content h3{font-size:25px}
.tokblo-family-head{margin-bottom:38px}
.tokblo-family-head h2{font-size:clamp(31px,8vw,42px)}
.tokblo-family-head p{font-size:15px}
.tokblo-family-logo{min-height:200px}
.tokblo-family-logo img{max-width:175px;max-height:145px}
.tokblo-family-content{padding:25px 24px}
.tokblo-family-content h3{font-size:25px}
}
@media(max-width:600px){
.v4-tokenomika-links{grid-template-columns:1fr;max-width:420px;gap:12px;padding:40px 16px}
.v4-tokenomika-card{min-height:72px;padding:16px 18px}
.v4-tokenomika-brand strong{font-size:21px}
.v4-tokenomika-arrow{font-size:26px}
}
@media(max-width:580px){
.wrap{width:min(1180px,calc(100% - 34px))}
.hero{min-height:940px;align-items:flex-start}
.hero-bg{background-image:url("assets/images/prosperic-hero-mobile.avif");background-position:center top}
.hero::after{background:linear-gradient(180deg,rgba(2,8,14,.12),rgba(2,8,14,.22) 38%,rgba(2,8,14,.9) 67%,#030a10)}
.hero-content{padding-top:480px}
.hero h1{margin:18px 0 25px;font-size:clamp(3rem,13vw,4.4rem);line-height:.86;letter-spacing:-.075em}
.hero h1 span{margin-top:10px;-webkit-text-stroke-width:1px}
.hero p{font-size:1rem}
.hero-actions{flex-direction:column;align-items:stretch}
.hero-stat{gap:16px;justify-content:space-between}
.section{padding:85px 0}
.section-head{gap:18px}
.grid-3,.roadmap{grid-template-columns:1fr}
.network-copy{padding:38px 28px}
.network-visual{min-height:340px}
.coin{gap:25px}
.footer-inner{flex-direction:column;text-align:center}
}
@media(max-width:420px){
.winetok-network{padding-left:12px;padding-right:12px}
.winetok-network-card{padding:14px 14px 20px}
.winetok-network-logo{height:200px;padding:14px}
.winetok-network-logo img{max-width:175px;max-height:175px}
.winetok-network-content h3{font-size:19px}
}
@media(max-width:380px){
.holding-ecosystem,.bond-network{padding:48px 14px}
.holding-group,.bond-network-card{padding:16px}
.holding-title,.bond-network-head h2{font-size:22px}
}

/* =========================================================
   UNIFIED REVEAL — ALL EXISTING CLASS NAMES
   The script below adds .reveal-ready only when JS is active.
   CSS uses translate instead of transform, preserving card hover.
========================================================= */
html.reveal-ready :is(.holding-reveal-left,.holding-reveal-right,.bt-reveal-up,.bt-reveal-left,.bt-reveal-right,.jp-reveal-left,.jp-reveal-right,.sg-reveal-up,.sg-reveal-left,.sg-reveal-right,.reveal-up,.reveal-left,.reveal-right){opacity:0;translate:0 0;filter:blur(2px);transition:opacity var(--reveal-duration) var(--reveal-ease),translate var(--reveal-duration) var(--reveal-ease),filter var(--reveal-duration) var(--reveal-ease),transform .3s ease,border-color .3s ease,box-shadow .3s ease}
html.reveal-ready :is(.holding-reveal-left,.bt-reveal-left,.jp-reveal-left,.sg-reveal-left,.reveal-left):not(.is-visible){translate:calc(-1 * var(--reveal-distance)) 0}
html.reveal-ready :is(.holding-reveal-right,.bt-reveal-right,.jp-reveal-right,.sg-reveal-right,.reveal-right):not(.is-visible){translate:var(--reveal-distance) 0}
html.reveal-ready :is(.bt-reveal-up,.sg-reveal-up,.reveal-up):not(.is-visible){translate:0 var(--reveal-distance)}
html.reveal-ready :is(.holding-reveal-left,.holding-reveal-right,.bt-reveal-up,.bt-reveal-left,.bt-reveal-right,.jp-reveal-left,.jp-reveal-right,.sg-reveal-up,.sg-reveal-left,.sg-reveal-right,.reveal-up,.reveal-left,.reveal-right).is-visible{opacity:1;translate:0 0;filter:none}
html.reveal-ready .holding-d1{transition-delay:50ms}
html.reveal-ready .holding-d2{transition-delay:140ms}
html.reveal-ready .holding-d3{transition-delay:230ms}
html.reveal-ready .holding-d4{transition-delay:320ms}
html.reveal-ready .bond-network-grid .bond-network-card:nth-child(2),html.reveal-ready .tokblo-family-grid .tokblo-family-card:nth-child(2){transition-delay:100ms}
html.reveal-ready .bond-network-grid .bond-network-card:nth-child(3),html.reveal-ready .tokblo-family-grid .tokblo-family-card:nth-child(3){transition-delay:200ms}
html.reveal-ready .bond-network-grid .bond-network-card:nth-child(4){transition-delay:300ms}
html.reveal-ready .v4-tokenomika-card:nth-child(2){transition-delay:90ms}
html.reveal-ready .v4-tokenomika-card:nth-child(3){transition-delay:180ms}
html.reveal-ready .v4-tokenomika-card:nth-child(4){transition-delay:270ms}
html.reveal-ready .reveal-complete{transition-delay:0ms!important}
@media(max-width:1024px){:root{--reveal-distance:20px;--reveal-duration:700ms}}
@media(max-width:640px){
:root{--reveal-distance:14px;--reveal-duration:600ms}
html.reveal-ready :is(.holding-reveal-left,.holding-reveal-right,.bt-reveal-left,.bt-reveal-right,.jp-reveal-left,.jp-reveal-right,.sg-reveal-left,.sg-reveal-right,.reveal-left,.reveal-right):not(.is-visible){translate:0 var(--reveal-distance)}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
html.reveal-ready :is(.holding-reveal-left,.holding-reveal-right,.bt-reveal-up,.bt-reveal-left,.bt-reveal-right,.jp-reveal-left,.jp-reveal-right,.sg-reveal-up,.sg-reveal-left,.sg-reveal-right,.reveal-up,.reveal-left,.reveal-right){opacity:1!important;translate:none!important;filter:none!important;transition:none!important}
:is(.btn,.holding-group,.holding-domain,.bond-network-card,.cta-btn,.exchange-network-card,.stock-network-card,.wactok-network-card,.tokblo-family-card,.winetok-network-card,.v4-tokenomika-card,.v4-tokenomika-arrow){transition:none!important}
}


/* =====================================================
   PROSPERIC ASIA — COUNTRY NETWORK
===================================================== */

.asia-countries {
    position: relative;
    padding: 110px 24px 120px;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(25, 72, 132, .34),
            transparent 65%
        ),
        #061329;
    color: #fff;
    overflow: hidden;
}

.asia-shell {
    max-width: 1320px;
    margin: 0 auto;
}

/* HEADING */

.asia-countries-head {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 60px;
}

.asia-kicker {
    color: #e9bf60;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.asia-countries-head h2 {
    color: #fff;
    font-size: clamp(32px, 4.5vw, 58px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -1.8px;
    margin: 0 0 24px;
}

.asia-countries-head h2 span {
    display: block;
    color: #f2ca74;
}

.asia-countries-head p {
    color: #aebed5;
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

/* GRID */

.asia-country-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

/* COUNTRY CARD */

.asia-country {
    position: relative;
    min-width: 0;
    padding: 22px 18px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(238,197,106,.17);
    border-radius: 12px;
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.asia-country:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,.07);
    border-color: rgba(242,202,116,.6);
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
}

/* FLAG + COUNTRY CODE */

.asia-country-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 19px;
}

.asia-flag {
    font-size: 38px;
    line-height: 1.2;
}

.asia-code {
    color: #8d9fba;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

/* COUNTRY NAME */

.asia-country-name {
    color: #fff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.4;
    min-height: 42px;
    overflow-wrap: anywhere;
}

/* COUNTRY DOMAIN */

.asia-country-tld {
    color: #f2ca74;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
}

/* BOTTOM */

.asia-countries-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 45px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.asia-countries-bottom span {
    color: #8198b6;
    font-size: 11px;
    letter-spacing: 2px;
}

.asia-countries-bottom strong {
    color: #f2ca74;
    font-size: 13px;
    letter-spacing: 2px;
}

/* TABLET */

@media (max-width: 1100px) {

    .asia-country-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

@media (max-width: 800px) {

    .asia-country-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .asia-countries {
        padding: 80px 20px;
    }

}

/* MOBILE */

@media (max-width: 560px) {

    .asia-countries {
        padding: 65px 15px 75px;
    }

    .asia-countries-head {
        margin-bottom: 35px;
    }

    .asia-countries-head h2 {
        font-size: 34px;
    }

    .asia-countries-head p {
        font-size: 15px;
    }

    .asia-country-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .asia-country {
        padding: 17px 14px;
    }

    .asia-flag {
        font-size: 32px;
    }

    .asia-country-name {
        font-size: 14px;
    }

    .asia-countries-bottom {
        flex-direction: column;
        text-align: center;
    }

}

@media (prefers-reduced-motion: reduce) {

    .asia-country {
        transition: none;
    }

}

