:root{--navy:#061225;--navy2:#0b2040;--blue:#2e5f89;--blue2:#3a719e;--ice:#eef5fa;--ink:#13283f;--muted:#687b8e;--line:#dbe5ee;--white:#fff;--soft:#f5f8fb;--green:#2f6d49;--gold:#8b6a21;--silver:#d7dde2;--silver-bright:#f7f9fb;--silver-mid:#bac4cc;--silver-deep:#8795a0;--steel:#718390;--steel-dark:#536774;--silver-bg:#eef2f5;--blue-silver:#dbe7f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f8fafc 0%,#edf2f6 36%,#ffffff 100%);color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.top{position:sticky;top:0;z-index:40;background:linear-gradient(110deg,rgba(255,255,255,.98) 0%,rgba(226,233,239,.98) 24%,rgba(249,251,252,.99) 47%,rgba(207,217,225,.98) 70%,rgba(245,249,252,.98) 100%);backdrop-filter:blur(16px);border-bottom:1px solid #aebbc5;box-shadow:0 8px 28px rgba(9,34,61,.10),inset 0 1px 0 rgba(255,255,255,.95)}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}.brand{display:flex;align-items:center}.logo-shell{display:grid;place-items:center;min-width:176px}.asc-logo{width:174px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(24,72,112,.18))}nav{display:flex;gap:22px;color:#40566b;font-size:13px;font-weight:700}nav a{position:relative;padding:6px 0}nav a:hover,nav a.active{color:#1f4f78}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,#315f84,#ffffff 46%,#8e9ba5 72%,#3a719e)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(46,95,137,.22);border-radius:9px;font-weight:850;font-size:13px}.btn.primary{background:linear-gradient(135deg,#3e769f,#1f4f78 62%,#102f4c);border-color:#315f84;color:#fff;box-shadow:0 7px 18px rgba(46,95,137,.22),inset 0 1px 0 rgba(255,255,255,.18)}.btn.primary:hover{background:linear-gradient(135deg,#4b84ad,#254f73)}.btn.light,.btn.ghost,.btn.silver{background:linear-gradient(135deg,#ffffff 0%,#cbd4dc 24%,#f9fbfc 48%,#aebac4 74%,#eef2f5 100%);color:#17344f;border-color:#a8b4be;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(34,57,79,.08)}
.page-hero{position:relative;overflow:hidden;background:#041020 url("https://kfyxoqdwgfvkctnfqmze.supabase.co/storage/v1/object/public/public-media/brand/hero_main-1788395633083.webp") center/cover no-repeat;color:#fff;padding:92px 0 84px;border-bottom:1px solid rgba(215,224,232,.5)}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,20,.93) 0%,rgba(3,14,29,.82) 45%,rgba(33,57,78,.50) 72%,rgba(111,126,138,.16) 100%)}.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent 0%,#7f8d98 18%,#f7f9fb 42%,#aeb9c2 58%,#5a7892 82%,transparent 100%);box-shadow:0 0 18px rgba(237,244,249,.36)}.page-hero .wrap{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:950;color:#cbd4db}.page-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.02;letter-spacing:-1.6px;margin:14px 0 18px;max-width:820px}.page-hero p{font-size:18px;line-height:1.7;color:#d3dee8;max-width:780px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.section{padding:72px 0;background:linear-gradient(135deg,#ffffff 0%,#f3f6f8 42%,#e2e8ed 72%,#f9fbfc 100%)}.section.alt{background:linear-gradient(125deg,#dce6ee 0%,#f8fafb 28%,#bfc9d1 47%,#eef3f6 68%,#d6e0e8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(128,145,158,.22)}.section.dark{background:radial-gradient(circle at 82% 16%,rgba(218,226,232,.13),transparent 25%),linear-gradient(135deg,#06182d 0%,#0d3154 48%,#5c6f7d 100%);color:#fff;border-top:1px solid rgba(230,236,241,.28);border-bottom:1px solid rgba(196,209,219,.28)}.section h2{font-size:clamp(32px,4vw,48px);margin:8px 0 14px;letter-spacing:-.8px}.lead{font-size:17px;line-height:1.72;color:var(--muted);max-width:900px}.dark .lead{color:#c2d1dc}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(145deg,#ffffff 0%,#e4e9ed 30%,#ffffff 49%,#c7d0d7 68%,#f6f8fa 100%);border:1px solid #b8c3cc;border-radius:20px;padding:24px;box-shadow:0 14px 34px rgba(14,44,73,.08),inset 0 1px 0 rgba(255,255,255,.95);position:relative}.card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,#9ca9b3 12%,#ffffff 44%,#c3ccd4 64%,transparent)}.dark .card{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(185,198,208,.06) 35%,rgba(255,255,255,.03));border-color:rgba(224,231,236,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.card h3{margin:0 0 10px;font-size:19px}.card p{margin:0;color:var(--muted);line-height:1.62}.dark .card p{color:#c0cfda}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff 0%,#b8c3cc 30%,#f8fafb 55%,#8e9ca7 100%);color:#2d5b80;font-weight:950;margin-bottom:15px;border:1px solid #a8b5bf;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(32,55,76,.10)}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#ffffff,#c9d2d9 34%,#f9fbfc 60%,#aab7c1);color:#315f84;font-size:11px;font-weight:900;margin-bottom:10px;border:1px solid #b6c1ca}.dark .tag{background:linear-gradient(135deg,rgba(244,247,249,.18),rgba(165,180,192,.10));color:#e0e9ef;border-color:rgba(221,229,235,.24)}
.project-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.project-card{display:flex;flex-direction:column;min-height:330px;background:linear-gradient(135deg,#ffffff 0%,#e7ecef 28%,#ffffff 50%,#bec8d0 78%,#f8fafb 100%);border:1px solid #b5c0c9;border-radius:22px;padding:24px;box-shadow:0 18px 42px rgba(13,43,70,.09),inset 0 1px 0 #fff;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;right:-45px;top:-45px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(184,196,205,.34) 42%,rgba(191,202,211,0) 72%)}.project-brand{height:86px;display:flex;align-items:center;margin-bottom:18px}.project-logo{max-height:70px;max-width:230px;object-fit:contain;object-position:left center}.project-card h3{margin:0 0 9px;font-size:22px;color:#17344f}.project-card p{color:#64788a;line-height:1.62;margin:0}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.project-meta span{font-size:10px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border:1px solid #b8c4cd;border-radius:999px;background:linear-gradient(135deg,#fff,#d7dfe5 50%,#f7f9fb);color:#516978}.project-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:22px}.project-actions a{font-size:12px;font-weight:850;padding:10px 13px;border-radius:9px;border:1px solid #aebbc5;color:#234d70;background:linear-gradient(135deg,#fff,#d9e0e5 55%,#f8fafb)}.project-actions a.primary-link{background:linear-gradient(135deg,#3b729b,#1f4f78);border-color:#2e5f89;color:#fff}.org-card{border-left:4px solid #9daab4}.wallet-mark{display:flex;align-items:center;gap:14px}.wallet-mark-symbol{width:52px;height:52px;border:2px solid #4c9cff;border-radius:14px;transform:rotate(30deg);position:relative;background:#071f46}.wallet-mark-symbol:after{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff}.wallet-mark strong{display:block;font-size:24px;color:#153962}.wallet-mark small{display:block;margin-top:3px;color:#7c8d9c}.ecosystem-axis{margin-top:28px;padding:24px;border:1px solid #aebac4;border-radius:20px;background:linear-gradient(125deg,#ffffff 0%,#cbd4dc 28%,#f7f9fb 52%,#aebac4 78%,#eef3f6 100%);box-shadow:inset 0 1px 0 #fff}.axis-row{display:grid;grid-template-columns:1fr auto 1.4fr auto 2fr;gap:10px;align-items:center}.axis-node{padding:16px;border-radius:14px;border:1px solid #aebbc5;background:linear-gradient(145deg,#fff,#dbe2e7);text-align:center;font-weight:850;color:#244f73}.axis-node.core{background:linear-gradient(135deg,#0c2948,#315f84 62%,#7f8f9b);color:#fff;border-color:#7890a1}.axis-arrow{color:#7d8d99;font-size:22px}.axis-products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.axis-products span{padding:12px 8px;border-radius:12px;background:linear-gradient(145deg,#fff,#d7dfe5);border:1px solid #b5c1ca;text-align:center;font-size:11px;font-weight:850;color:#536a79}
.flow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}.flow span{padding:10px 13px;border:1px solid #b4c0c9;border-radius:999px;background:linear-gradient(135deg,#fff,#d7dfe5 45%,#fafcfd);color:#315775;font-size:12px;font-weight:800}.flow i{font-style:normal;color:#7e91a4}.dark .flow span{background:linear-gradient(135deg,#0b213b,#536776);border-color:#7b8e9b;color:#eef4f8}.dark .flow i{color:#b5c2cc}
.timeline{display:grid;gap:12px;margin-top:22px}.step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start}.step b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#bdc8d0 44%,#f5f7f9);color:#2f5e83;border:1px solid #aebbc4}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);line-height:1.55}
.kpi{background:linear-gradient(145deg,#fff,#e2e7eb 50%,#f8fafb);border:1px solid #b8c3cc;border-radius:18px;padding:20px}.kpi strong{display:block;font-size:25px;color:#2a587e;margin-bottom:6px}.kpi span{color:var(--muted);font-size:13px}.notice{padding:16px 18px;border-radius:16px;border:1px solid #b7c2cb;background:linear-gradient(135deg,#fff,#dce3e8 55%,#f9fbfc);color:#50677c;line-height:1.6}.notice.warn{background:#fff9eb;border-color:#ead9ab;color:#70571f}
.table-wrap{overflow:auto;border:1px solid #bbc6ce;border-radius:18px;background:linear-gradient(180deg,#fff,#f1f4f6)}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid #d6dee4;font-size:13px;vertical-align:top}.table th{background:linear-gradient(135deg,#f9fbfc,#cbd4dc 52%,#eef2f5);color:#31536f}.table td{color:#556b7f}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf5ee;color:var(--green);font-size:10px;font-weight:900}.status.pending{background:#fff4df;color:#8b641f}
.search-box{display:flex;gap:10px;max-width:850px;margin-top:20px}.search-box input{flex:1;padding:15px;border-radius:10px;border:1px solid #aebbc5;background:linear-gradient(145deg,#fff,#eef2f5);font-size:14px}.search-results{display:grid;gap:10px;margin-top:14px}.result-card{padding:15px;border:1px solid #b8c3cc;background:linear-gradient(135deg,#fff,#dde4e9 58%,#fafcfd);border-radius:12px}.result-card small{display:block;color:var(--muted);margin-top:5px}
.footer{background:linear-gradient(135deg,#020a14 0%,#0b2740 48%,#657581 100%);color:#c1ccd4;padding:34px 0;border-top:1px solid #8997a2}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.footer-logo img{height:48px;max-width:160px;object-fit:contain}
@media(max-width:950px){header{flex-wrap:wrap}.brand{flex:1}.nav-actions{margin-left:auto}nav{display:flex;order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:18px;padding:9px 0 4px;border-top:1px solid #bdc8d1}.grid4,.grid3{grid-template-columns:1fr 1fr}.grid2,.project-showcase{grid-template-columns:1fr}.axis-row{grid-template-columns:1fr}.axis-arrow{transform:rotate(90deg);text-align:center}.axis-products{grid-template-columns:1fr 1fr}.page-hero{background-position:62% center}.logo-shell{min-width:150px}.asc-logo{width:150px;height:52px}}@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.page-hero{padding:72px 0 64px;background-position:68% center}.page-hero:before{background:linear-gradient(90deg,rgba(2,10,20,.95),rgba(2,10,20,.78) 65%,rgba(2,10,20,.55))}.grid4,.grid3{grid-template-columns:1fr}.footer-grid{flex-direction:column}.nav-actions .primary{display:none}.search-box{flex-direction:column}.axis-products{grid-template-columns:1fr}.project-logo{max-width:190px}.project-card{min-height:0}}