/* Full-page Dnipro atmosphere: one visual world from hero to footer */
:root{--city-ink:#f7fff7;--city-soft:rgba(239,255,246,.72);--city-muted:rgba(224,246,235,.56);--city-line:rgba(235,255,243,.2);--city-glass:rgba(8,35,35,.58);--city-glass-strong:rgba(7,32,32,.75)}
body{position:relative;isolation:isolate;min-height:100vh;background-color:#082726;background-image:url('/assets/dnipro-skyline.jpg');background-position:center center;background-size:cover;background-attachment:fixed;color:var(--city-ink)}
body:before{content:'';position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,26,29,.62) 0%,rgba(4,30,29,.72) 42%,rgba(4,25,27,.84) 100%),radial-gradient(900px circle at var(--ambient-x,50%) var(--ambient-y,25%),rgba(206,243,90,.14),transparent 50%)}
body:after{content:'ДНЕПР';position:fixed;z-index:0;right:-3vw;bottom:8vh;color:rgba(230,255,236,.045);font-size:clamp(120px,24vw,360px);font-weight:800;letter-spacing:-.12em;line-height:.75;pointer-events:none;white-space:nowrap;transform:translate3d(var(--watermark-x,0px),var(--watermark-y,0px),0);transition:transform .4s ease-out}
body>*{position:relative;z-index:1}.site-header{width:min(1160px,calc(100% - 64px));margin:0 auto;background:rgba(7,34,33,.46);border-bottom:1px solid rgba(236,255,244,.16);color:#fff;border-radius:0 0 18px 18px;padding-inline:18px}.site-header.is-scrolled{background:rgba(7,34,33,.84);border-color:rgba(236,255,244,.24);color:#fff}.brand,.site-footer .brand{color:#fff}.brand-mark span{background:#d8f052}.brand-dot,.header-link span{color:#d8f052}.header-link{color:#fff}.scroll-progress{background:#d8f052}
.hero{background-color:rgba(5,29,29,.28);box-shadow:0 22px 60px rgba(0,0,0,.18)}
.marquee-band{background:rgba(6,39,36,.62);border-color:var(--city-line);color:#e1f967;backdrop-filter:blur(10px)}
.offer,.fit-section,.steps-section,.application,.faq-section{position:relative;overflow:hidden;margin-block:30px;padding-inline:42px;border:1px solid var(--city-line);border-radius:30px;background:linear-gradient(135deg,rgba(8,42,40,.66),rgba(5,28,30,.48));box-shadow:0 24px 70px rgba(0,0,0,.16);backdrop-filter:blur(12px) saturate(1.1)}
.offer{padding-top:112px;padding-bottom:125px}.fit-section{padding-top:106px;padding-bottom:125px}.steps-section{padding-top:36px;padding-bottom:120px}.application{padding-top:120px;padding-bottom:128px}.faq-section{padding-top:30px;padding-bottom:116px}
.offer:before,.fit-section:before,.steps-section:before,.application:before,.faq-section:before{content:'';position:absolute;inset:auto -10% -65%;height:300px;background:radial-gradient(ellipse,rgba(181,234,69,.1),transparent 68%);pointer-events:none}.section-intro,.fit-copy,.steps-heading,.faq-layout,.application-copy,.benefits-grid,.steps-grid{position:relative;z-index:1}.eyebrow,.eyebrow.muted{color:#d8f052}.section-intro h2,.fit-copy h2,.steps-heading h2,.faq-layout h2,.application-copy h2{color:#fff}.section-intro h2 span,.fit-copy h2 span,.steps-heading h2 span,.faq-layout h2 span{color:#bce3c2}.section-intro p,.fit-copy>p,.steps-heading>p,.application-copy>p{color:var(--city-soft)}
.benefits-grid{gap:16px}.benefit-card{background:rgba(235,255,242,.1);border-color:var(--city-line);box-shadow:0 12px 28px rgba(0,0,0,.12);backdrop-filter:blur(8px)}.benefit-card:hover{background:rgba(235,255,242,.17);border-color:rgba(216,240,82,.65);box-shadow:0 18px 40px rgba(0,0,0,.2)}.benefit-card:not(.benefit-featured) h3{color:#fff}.benefit-card:not(.benefit-featured) p{color:var(--city-muted)}.benefit-card:not(.benefit-featured) .benefit-number{color:rgba(234,255,242,.52)}.benefit-card:not(.benefit-featured) .benefit-icon{color:#d8f052}.benefit-featured{background:#b8df32;border-color:#d8f052}.benefit-featured h3,.benefit-featured .benefit-icon{color:#143a32}.benefit-featured p{color:#31550e}.benefit-wide{background:linear-gradient(110deg,rgba(18,77,67,.72),rgba(235,255,242,.1))}
.fit-visual{background:linear-gradient(145deg,rgba(176,229,157,.22),rgba(7,40,38,.55));border:1px solid var(--city-line);box-shadow:0 14px 34px rgba(0,0,0,.16)}.fit-visual:hover{box-shadow:0 24px 50px rgba(0,0,0,.25)}.fit-circle{border-color:#d8f052;background:radial-gradient(circle,rgba(185,228,60,.36),transparent 66%)}.fit-circle:before,.fit-circle:after{border-color:rgba(216,240,82,.42)}.fit-circle:after{border-color:rgba(216,240,82,.26)}.fit-circle span{color:#e3f76a}.fit-sticker{box-shadow:5px 6px 0 rgba(0,0,0,.28)}.fit-label{color:rgba(239,255,246,.7)}.fit-list,.fit-list li{border-color:var(--city-line)}.fit-list li>span{color:#d8f052}.fit-list b{color:#fff}.fit-list small{color:var(--city-muted)}
.steps-grid{border-color:var(--city-line)}.steps-grid article{border-color:var(--city-line)}.step-index,.step-icon{color:#d8f052}.steps-grid h3{color:#fff}.steps-grid p{color:var(--city-muted)}
.quote-section{position:relative;z-index:1;margin:30px 0;min-height:390px;background:linear-gradient(135deg,rgba(184,223,50,.92),rgba(216,240,82,.78));box-shadow:0 20px 55px rgba(0,0,0,.2)}
.application-meta{color:var(--city-muted)}.application-meta b{color:#fff}.application-meta>span{color:#d8f052}.form-card{background:rgba(255,255,250,.95);border-color:rgba(255,255,255,.55);box-shadow:0 24px 58px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.faq-list details{border-color:var(--city-line)}summary{color:#fff}summary span{color:#d8f052}details p{color:var(--city-muted)}.site-footer{border-color:var(--city-line);color:var(--city-muted)}.site-footer p,.footer-copy{color:var(--city-muted)}.mobile-cta{background:rgba(5,29,29,.88);border-color:var(--city-line);backdrop-filter:blur(14px)}
@media(max-width:900px){.site-header{width:min(100% - 40px,620px)}.offer,.fit-section,.steps-section,.application,.faq-section{padding-inline:28px;border-radius:24px}.offer{padding-top:85px;padding-bottom:100px}.fit-section{padding-top:80px;padding-bottom:100px}.steps-section{padding-top:28px;padding-bottom:90px}.application{padding-top:90px;padding-bottom:100px}.faq-section{padding-top:25px;padding-bottom:90px}}
@media(max-width:560px){body{background-position:62% center;background-attachment:scroll}.site-header{width:calc(100% - 32px);padding-inline:12px}.offer,.fit-section,.steps-section,.application,.faq-section{margin-block:18px;padding-inline:18px;border-radius:20px}.offer{padding-top:72px;padding-bottom:78px}.fit-section{padding-top:68px;padding-bottom:80px}.steps-section{padding-top:25px;padding-bottom:72px}.application{padding-top:72px;padding-bottom:82px}.faq-section{padding-top:20px;padding-bottom:75px}body:after{right:-16vw;bottom:11vh;font-size:110px}.site-footer{background:rgba(5,29,29,.36);padding-inline:16px}}
@media(prefers-reduced-motion:reduce){body:after{transition:none}.site-header{backdrop-filter:none}.fit-visual:hover .fit-circle{transform:translate(-50%,-50%)}}
