/* ═══ PLATINUM-EXT — 3D-щит в hero, рельс-нить, CTA-щит, тилт карточек (боевая версия с 14.09.2026; источник — preview-a) ═══ */
main{position:relative}
body.hero-scrub .hero{--hero-scroll:330vh}
#paHero{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}
.hero-content,.hero-hint{will-change:opacity}
/* рельс-нить */
#paRail{position:absolute;left:0;top:0;z-index:3;pointer-events:none;overflow:visible}
#paRail .rail{fill:none;stroke:url(#paRailGrad);stroke-width:1.6;stroke-linecap:round}
#paRail .rail-glow{fill:none;stroke:#8a9ab0;stroke-width:7;stroke-linecap:round;opacity:.14;filter:url(#paGlow)}
#paRail .comet{fill:none;stroke:url(#paRailGrad);stroke-width:3.2;stroke-linecap:round;opacity:1}
#paRail .tick{stroke:#8a9ab0;stroke-width:1.2;opacity:0;transition:opacity .6s}
#paRail .tick.on{opacity:1}
#paRail .lbl{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;fill:#4a5568;opacity:0;transition:opacity .6s}
#paRail .lbl.on{opacity:1}
#paRail .lbl.dark,#paRail .tick.dark{fill:#8a9ab0;stroke:#8a9ab0}
/* тилт + блик */
.feature,.plan,.app-tile{position:relative;transform-style:preserve-3d}
.feature.pa-tilt,.plan.pa-tilt,.app-tile.pa-tilt{transition:transform .18s ease-out,box-shadow .4s}
.pa-spec{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),rgba(255,255,255,0) 62%)}
.plan.featured .pa-spec{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(194,206,221,.22),rgba(194,206,221,0) 62%)}
.feature:hover .pa-spec,.plan:hover .pa-spec,.app-tile:hover .pa-spec{opacity:1}
.bento,.plans,.app-tiles{perspective:1200px}
/* CTA: маленький 3D-щит */
#paCta{display:block;width:150px;height:200px;margin:0 auto 26px;pointer-events:none}
#paCtaWrap{display:flex;justify-content:center}
@media (max-width:900px),(pointer:coarse){#paHero,#paRail,#paCtaWrap{display:none}}
@media (prefers-reduced-motion:reduce){#paHero,#paRail{display:none}.pa-spec{display:none}}