/* Визуальное оформление публичной страницы RUMI */
:root{--container:1180px;--muted:#b8c1d3;--muted-2:#a1adc4;--border:rgba(182,199,231,.14)}
body{background:#0b0e17;color:#f7f9ff}
.page:before{opacity:.08}
.page header{background:rgba(11,14,23,.94);border-color:rgba(202,214,240,.1)}
.page .brand{letter-spacing:-.06em;font-size:25px}
.page .nav-links{gap:28px;color:#d1d8e6}
.page .hero{gap:48px;padding-top:64px;padding-bottom:72px}
.page .hero h1{font-size:clamp(49px,5.2vw,70px);line-height:1.04;letter-spacing:-.045em;max-width:680px}
.page .lead{color:#c2cbdb;line-height:1.65;max-width:600px}
.page .platform-pill{border-color:#485472;background:#202b40;color:#e3ebf7;padding:0 16px}
.page .client-picker{margin-top:24px}
.page .hero-visual{min-height:550px}
.page .app-card{transform:none;border-radius:28px;background:linear-gradient(155deg,#202941,#111725 72%);border-color:#ffffff2b;box-shadow:0 30px 80px #0007,0 0 80px #655bff20}
.page .network-ring{opacity:.55}
.page .section{padding-top:100px;padding-bottom:100px}
.page .section-head h2,.page .devices-copy h2{line-height:1.1;letter-spacing:-.04em}
.page .section-head p,.page .devices-copy p{color:#bfc9d9;line-height:1.7}
.page .glass-card,.page .price-card{border-color:#b4c9ed2b;background:linear-gradient(145deg,#1b2333,#121925);box-shadow:0 18px 50px #0002}
.page .price-card{border-radius:22px;padding:28px}
.page .price-card.featured{border-color:#958bff;background:linear-gradient(155deg,#292b52,#171e30);box-shadow:0 18px 55px #6157df26}
.page .price-card p,.page .benefit-card p,.page .step-card p{color:#bfc9d9;line-height:1.65}
.page .price-button,.page .btn-main,.page .btn-small{box-shadow:0 10px 28px #675dff38}
.page .benefit-card,.page .step-card{border-radius:22px}
.page .device-card{background:#ffffff0a;border-color:#ffffff19}
.page .rr14,.page .rpc26{border-color:#b4c9ed33;box-shadow:0 22px 60px #0003}
.page details{border-color:#aabfe02b}
.page summary{font-size:17px;line-height:1.45}
.page :focus-visible{outline:3px solid #a7c8ff;outline-offset:4px}
@media (max-width:767px){
 .page .hero{padding-top:42px;padding-bottom:48px;gap:24px}
 .page .hero h1{font-size:clamp(40px,10vw,54px);line-height:1.07}
 .page .lead{font-size:17px;line-height:1.6}
 .page .section{padding-top:72px;padding-bottom:72px}
 .page .section-head p,.page .benefit-card p,.page .step-card p{font-size:16px}
 .page .price-card{padding:24px}
 .page .hero-visual{min-height:440px}
 .page .trust-row{font-size:14px;line-height:1.5}
 .page .price-note{font-size:14px}
 .page .device-card span{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.page *, .page *:before, .page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}