/* MetaCore Index Premium v20 · 2026-09-05 */
body.mc-index-v20{background:#020617;color:#eef6ff}
.mc20-page{position:relative;isolation:isolate;overflow:hidden;background:
radial-gradient(circle at 15% 3%,rgba(0,240,255,.10),transparent 28%),
radial-gradient(circle at 82% 5%,rgba(139,92,246,.12),transparent 30%),
linear-gradient(180deg,#020617 0%,#030a16 48%,#020711 100%)}
.mc20-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.mc20-hero{padding:clamp(74px,9vw,130px) 0 72px}
.mc20-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(103,232,249,.26);border-radius:999px;background:rgba(6,182,212,.08);color:#7cecff;font:800 11px/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.mc20-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:46px;align-items:center;margin-top:20px}
.mc20-title{margin:0;max-width:920px;color:#fff;font:850 clamp(3rem,7vw,6.6rem)/.93 Inter,sans-serif;letter-spacing:-.07em}
.mc20-title span{display:block;background:linear-gradient(100deg,#6ee7f9,#a78bfa 54%,#f6c36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.mc20-lead{max-width:760px;margin:28px 0 0;color:#aebed0;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.72}
.mc20-lead strong{color:#f5fbff}
.mc20-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mc20-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);color:#eaf6ff;font-weight:850;text-decoration:none;transition:.2s ease}
.mc20-btn:hover,.mc20-btn:focus-visible{transform:translateY(-2px);border-color:rgba(125,229,255,.44);outline:none}
.mc20-btn.primary{border-color:transparent;background:linear-gradient(135deg,#35dfff,#8066ff);color:#03111d;box-shadow:0 14px 36px rgba(48,199,255,.18)}
.mc20-btn.gold{border-color:rgba(255,198,111,.36);background:rgba(255,182,73,.09);color:#ffd08a}
.mc20-hero-panel{position:relative;padding:24px;border:1px solid rgba(104,200,238,.18);border-radius:28px;background:linear-gradient(155deg,rgba(9,25,43,.95),rgba(5,13,26,.98));box-shadow:0 30px 80px rgba(0,0,0,.42)}
.mc20-hero-panel:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(91,222,255,.34),transparent 45%,rgba(157,112,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mc20-panel-label{color:#6fe5ff;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mc20-stack{display:grid;gap:10px;margin-top:16px}
.mc20-stack>div{padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}
.mc20-stack small{display:block;color:#6fdcff;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mc20-stack b{display:block;margin-top:4px;color:#f5fbff;font-size:.96rem}
.mc20-stack p{margin:5px 0 0;color:#8fa5b8;font-size:.78rem;line-height:1.45}
.mc20-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;color:#8298aa;font-size:.75rem;font-weight:800}
.mc20-flow span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.mc20-section{padding:clamp(64px,8vw,108px) 0}
.mc20-section+.mc20-section{border-top:1px solid rgba(255,255,255,.055)}
.mc20-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:36px;align-items:end;margin-bottom:28px}
.mc20-head h2{margin:8px 0 0;color:#f8fbff;font-size:clamp(2.1rem,4.8vw,4rem);line-height:1;letter-spacing:-.055em}
.mc20-head p{margin:0;color:#9fb1c1;font-size:1rem;line-height:1.72}
.mc20-grid{display:grid;gap:14px}
.mc20-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mc20-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mc20-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.mc20-card{position:relative;padding:24px;border:1px solid rgba(102,196,233,.14);border-radius:22px;background:linear-gradient(145deg,rgba(12,29,47,.9),rgba(5,16,29,.97));overflow:hidden}
.mc20-card.featured{border-color:rgba(88,220,255,.28);background:linear-gradient(145deg,rgba(9,38,58,.96),rgba(18,18,52,.96))}
.mc20-card.gold{border-color:rgba(255,193,101,.22);background:linear-gradient(145deg,rgba(43,29,13,.7),rgba(8,16,29,.96))}
.mc20-card .tag{display:inline-flex;margin-bottom:18px;color:#6ee7ff;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mc20-card.gold .tag{color:#ffd08a}
.mc20-card h3{margin:0 0 10px;color:#eff8ff;font-size:1.2rem}
.mc20-card p{margin:0;color:#91a7b8;font-size:.88rem;line-height:1.63}
.mc20-card ul{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.mc20-card li{position:relative;padding-left:18px;color:#b4c4d2;font-size:.82rem;line-height:1.5}
.mc20-card li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#59dfff;box-shadow:0 0 12px rgba(89,223,255,.5)}
.mc20-card a{display:inline-flex;margin-top:18px;color:#8ceaff;font-size:.82rem;font-weight:850;text-decoration:none}
.mc20-proofbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;border:1px solid rgba(98,199,239,.14);border-radius:20px;overflow:hidden;background:rgba(98,199,239,.12)}
.mc20-proofbar>div{padding:18px;background:#07131f}
.mc20-proofbar strong{display:block;color:#f1f8ff;font-size:1.25rem}
.mc20-proofbar span{display:block;margin-top:5px;color:#8499aa;font-size:.74rem;line-height:1.4}
.mc20-architecture{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid rgba(93,203,243,.18);border-radius:24px;overflow:hidden;background:rgba(93,203,243,.14)}
.mc20-architecture>div{min-height:150px;padding:20px;background:linear-gradient(180deg,#071625,#050f1c)}
.mc20-architecture>div:nth-child(3){background:linear-gradient(160deg,#0b1b2d,#15152f)}
.mc20-architecture>div:last-child{background:linear-gradient(160deg,#25180b,#11121d)}
.mc20-architecture i{display:block;color:#61dcff;font-style:normal;font-size:.66rem;font-weight:900;letter-spacing:.1em}
.mc20-architecture b{display:block;margin-top:9px;color:#eff8ff;font-size:.95rem}
.mc20-architecture span{display:block;margin-top:8px;color:#879dac;font-size:.76rem;line-height:1.46}
.mc20-vision{padding:28px;border:1px solid rgba(158,111,255,.2);border-radius:26px;background:radial-gradient(circle at 80% 0%,rgba(139,92,246,.13),transparent 34%),linear-gradient(145deg,rgba(10,23,40,.97),rgba(7,11,26,.98))}
.mc20-vision .status{display:inline-flex;padding:7px 10px;border:1px solid rgba(173,128,255,.26);border-radius:999px;color:#c4a7ff;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mc20-vision h3{margin:16px 0 10px;color:#f5f4ff;font-size:clamp(1.8rem,3.3vw,2.8rem);letter-spacing:-.04em}
.mc20-vision p{max-width:890px;margin:0;color:#a7b5c7;line-height:1.7}
.mc20-vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.mc20-vision-grid div{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.03)}
.mc20-vision-grid b{display:block;color:#f1f6ff;font-size:.88rem}
.mc20-vision-grid span{display:block;margin-top:5px;color:#8698aa;font-size:.75rem;line-height:1.45}
.mc20-final{padding:clamp(64px,8vw,108px) 0 110px}
.mc20-final-card{padding:clamp(28px,5vw,52px);border:1px solid rgba(100,211,250,.2);border-radius:30px;background:linear-gradient(135deg,rgba(7,32,50,.96),rgba(21,15,50,.96));text-align:center}
.mc20-final-card h2{max-width:900px;margin:0 auto;color:#fff;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;letter-spacing:-.055em}
.mc20-final-card p{max-width:790px;margin:18px auto 0;color:#a8bac9;line-height:1.7}
.mc20-final-card .mc20-actions{justify-content:center}
@media(max-width:980px){.mc20-hero-grid,.mc20-head{grid-template-columns:1fr}.mc20-grid.four{grid-template-columns:repeat(2,1fr)}.mc20-grid.three{grid-template-columns:repeat(2,1fr)}.mc20-architecture{grid-template-columns:repeat(2,1fr)}.mc20-architecture>div:last-child{grid-column:1/-1}.mc20-proofbar{grid-template-columns:repeat(2,1fr)}.mc20-vision-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.mc20-wrap{width:min(100% - 24px,1180px)}.mc20-hero{padding-top:56px}.mc20-title{font-size:clamp(2.7rem,15vw,4.2rem)}.mc20-actions{flex-direction:column}.mc20-btn{width:100%}.mc20-grid.two,.mc20-grid.three,.mc20-grid.four,.mc20-proofbar,.mc20-architecture,.mc20-vision-grid{grid-template-columns:1fr}.mc20-architecture>div:last-child{grid-column:auto}.mc20-card{padding:20px}.mc20-hero-panel{padding:19px;border-radius:22px}}
