body.pricing{--price-progress:19%;background:radial-gradient(circle at 78% 8%,#1747ff 0,transparent 30%),radial-gradient(circle at 12% 52%,#1639a844,transparent 34%),#050b28;color:#f4f7ff}
.pricing .x-nav{inset:14px 18px auto;padding:8px 10px 8px 16px;border:1px solid #90f7ff62;border-radius:999px;background:#061039d9;color:#fff;mix-blend-mode:normal;box-shadow:0 16px 48px #02061988;backdrop-filter:blur(18px)}
.pricing .x-nav__links a{border-color:#7ff4ff55}.pricing .x-nav__links a:hover{background:#dfff6d;color:#061039;border-color:#dfff6d}
.pricing .x-section{min-height:clamp(720px,100svh,1080px);padding-inline:clamp(24px,7vw,130px);background:linear-gradient(180deg,#ffffff03,#ffffff00);overflow:clip}
.pricing .x-section:nth-child(even){background:radial-gradient(circle at 90% 14%,#6ff6ff16,transparent 28%),linear-gradient(125deg,#07113a,#0a174d)}
.pricing .x-section>*{max-width:1500px;width:100%;margin-inline:auto}.pricing .x-section-no{width:auto;margin:0}
.pricing .reveal{opacity:1;transform:none}
.pricing .x-hero{background:radial-gradient(circle at 78% 24%,#dfff6d26 0 4%,transparent 26%),linear-gradient(135deg,#050b28 0 50%,#10247a)}
.pricing .x-hero:before{content:'100\AГОДИН';white-space:pre;position:absolute;right:6vw;top:50%;translate:0 -50%;color:#dfff6d;font:900 clamp(80px,13vw,210px)/.72 Arial,sans-serif;letter-spacing:-.09em;text-align:right;opacity:.92;filter:drop-shadow(0 0 44px #dfff6d35)}
.pricing .x-hero .reveal{padding-right:min(46vw,680px)}.pricing .x-title{font-size:clamp(64px,9vw,148px)}
.pricing .x-scroll{width:auto;right:5vw;margin:0;color:#dfff6d}
.pricing .x-intro{padding-bottom:32px;border-bottom:1px solid #7ff4ff3c}
.pricing .x-card{border-color:#7ff4ff42;background:linear-gradient(145deg,#10266ec7,#081440c7);box-shadow:0 26px 70px #02051c7a}.pricing .x-card:hover{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-10px);border-color:#dfff6d;background:#123bea}.pricing .x-card span{color:#7ff4ff}.pricing .x-card h3{color:#dfff6d}
.pricing .hours{gap:0;border-top:1px solid #7ff4ff55}.pricing .hour-row{position:relative;grid-template-columns:58px 1fr auto;padding:18px 20px;border-color:#7ff4ff29;background:#07123b80;overflow:hidden}.pricing .hour-row:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123bea99,transparent);transform:translateX(-102%);transition:transform .45s}.pricing .hour-row>*{position:relative;z-index:1}.pricing .hour-row:hover:after{transform:none}.pricing .hour-row strong{color:#dfff6d}
.pricing .market-bars{gap:14px}.pricing .market-bar{width:100%;min-width:0;padding:28px 30px;border-color:#7ff4ff55;background:#07133fc9;box-shadow:0 18px 55px #02051c66}.pricing .market-bar:before{width:var(--w);background:linear-gradient(90deg,#123bea,#6ff6ff40);animation:none}.pricing .market-bar strong{z-index:1;color:#fff}.pricing .market-bar strong small{color:#dfff6d}.pricing .market-bar span{position:relative;z-index:1}
.pricing .x-control{position:relative;max-width:1180px;padding:clamp(24px,4vw,58px);border:1px solid #7ff4ff70;border-radius:28px;background:linear-gradient(145deg,#10266edb,#071039e8);box-shadow:0 35px 100px #02051c99,0 0 70px #1747ff33}.pricing .x-control:before{content:'ОБЕРІТЬ ОБСЯГ';position:absolute;right:28px;top:20px;color:#7ff4ff;font-size:9px;font-weight:900;letter-spacing:.2em}
.pricing .price-slider{height:28px;margin-top:28px;background:linear-gradient(90deg,#dfff6d 0 var(--price-progress),#ffffff26 var(--price-progress));border-radius:99px;cursor:default}.pricing .price-equation b{font-size:clamp(34px,6vw,88px)}.pricing .price-equation b:last-child{color:#dfff6d}.pricing .price-total article{border-color:#7ff4ff55;border-radius:20px;background:#06103b}.pricing .price-total strong{font-size:clamp(34px,5vw,72px)}
.pricing .x-cta{background:radial-gradient(circle at 50% 48%,#123bea 0,transparent 42%),#03071e;color:#f7f9ff}.pricing .x-cta .x-kicker{color:#7ff4ff;opacity:1}.pricing .x-cta h2{color:#f7f9ff;text-shadow:0 8px 42px #02051c99}.pricing .x-cta h2 em{color:#dfff6d;text-shadow:0 0 34px #dfff6d35}.pricing .x-cta .x-footer{color:#b9c9ff;opacity:.85}.pricing .x-button{padding:24px 34px;background:#dfff6d;color:#061039;border-color:#dfff6d;box-shadow:0 0 0 10px #dfff6d12,0 20px 55px #0008}
@media(max-width:900px){.pricing .x-hero:before{right:-3vw;top:25%;font-size:clamp(74px,21vw,150px);opacity:.2}.pricing .x-hero .reveal{padding-right:0}.pricing .x-title{font-size:clamp(58px,16vw,108px)}.pricing .x-section{min-height:auto;padding-top:110px;padding-bottom:90px}.pricing .x-hero{min-height:100svh}.pricing .hour-row{grid-template-columns:38px 1fr}.pricing .hour-row strong{grid-column:2}.pricing .market-bar{flex-direction:column;align-items:flex-start}.pricing .market-bar span{text-align:left}.pricing .price-total{grid-template-columns:1fr}}
@media(max-width:560px){.pricing .x-nav{inset:10px 10px auto}.pricing .x-nav>a{font-size:10px}.pricing .x-section{padding-inline:20px}.pricing .x-heading{font-size:52px}.pricing .x-intro{display:block}.pricing .x-intro>p{margin-top:28px}.pricing .hour-row{gap:8px;padding:15px 10px}.pricing .hour-row span{font-size:15px}.pricing .hour-row strong{font-size:19px}.pricing .x-control{padding:24px 18px}.pricing .price-equation{justify-content:flex-start}.pricing .price-total article{padding:22px 18px}.pricing .price-total strong{font-size:31px}}
