.agegate-card,.fcard,.online-open,.pcbox,.plan-out,.tcard{background:color-mix(in srgb,var(--surface-alt) 55%,transparent);backdrop-filter:blur(46px) saturate(2.1) brightness(1.1);-webkit-backdrop-filter:blur(46px) saturate(2.1) brightness(1.1);border-color:color-mix(in srgb,var(--primary) 16%,var(--border))}.hero-bleed-mock .mock{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.btn-primary{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent),0 0 48px color-mix(in srgb,var(--accent) 12%,transparent)}.btn-primary:hover{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 55%,transparent),0 0 56px color-mix(in srgb,var(--accent) 16%,transparent)}.hero-title em{display:inline-block;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--primary) 55%,transparent))}.mock{box-shadow:0 0 8px color-mix(in srgb,var(--primary) 40%,transparent),0 0 50px color-mix(in srgb,var(--primary) 10%,transparent)}.hero-bleed:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 8% 30%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 60%),radial-gradient(ellipse 45% 55% at 50% 80%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%),radial-gradient(ellipse 30% 40% at 90% 15%,color-mix(in srgb,var(--bridge) 7%,transparent),transparent 50%)}.band{border-top-color:transparent;background-image:linear-gradient(90deg,color-mix(in srgb,var(--primary) 35%,transparent) 0,color-mix(in srgb,var(--bridge) 22%,transparent) 50%,color-mix(in srgb,var(--accent) 28%,transparent) 100%);background-position:top}.band,.mock-head{background-size:100% 1px;background-repeat:no-repeat}.mock-head{border-bottom-color:transparent;background-image:linear-gradient(90deg,color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--accent) 25%,transparent));background-position:bottom}.head h2:after{content:"";display:block;width:clamp(32px,6vw,56px);height:2px;margin-top:12px;background:linear-gradient(90deg,var(--accent) 0,var(--bridge) 60%,transparent 100%);border-radius:1px}.panel{background:radial-gradient(ellipse 60% 40% at 80% 20%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 60%),color-mix(in srgb,var(--surface-alt) 52%,transparent);backdrop-filter:blur(40px) saturate(1.9) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(1.9) brightness(1.08)}.mock-card{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.mock-tags li{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));color:color-mix(in srgb,var(--accent) 65%,var(--ink-muted))}.rcard-char{transition:box-shadow .2s ease,border-color .2s ease}.rcard-char:hover{border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 30%,var(--border));box-shadow:0 0 8px color-mix(in srgb,var(--card-tint,var(--primary)) 25%,transparent),0 0 36px color-mix(in srgb,var(--card-tint,var(--primary)) 6%,transparent)}.rcard-live{background:linear-gradient(110deg,var(--card-tint,var(--primary)),color-mix(in srgb,var(--card-tint,var(--primary)) 60%,var(--accent)))}.fcard:nth-child(3n+1) .ico{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.fcard:nth-child(3n+2) .ico{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.fcard:nth-child(3n) .ico{color:var(--bridge);border-color:color-mix(in srgb,var(--bridge) 30%,transparent)}.step .n{color:var(--primary)}.step:nth-child(2n) .n{color:var(--accent)}.stats .num{color:var(--primary)}.stars,.stats>div:nth-child(2n) .num{color:var(--accent)}.verdict-score{background:radial-gradient(ellipse 45% 80% at 5% 50%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 55%),radial-gradient(ellipse 35% 70% at 95% 50%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%),var(--surface-alt)}.hero-face-ring .slot{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.hero-face-dot{background:var(--accent)}.rail-list a:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 7%,transparent)}@media (max-width:640px){.mock{max-width:280px}}