body{margin:0}
a{color:#69B3E7}a:hover{color:#69B3E7;opacity:.85}
.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:280px 280px;gap:14px}
.space-grid figure{margin:0;position:relative;overflow:hidden;border-radius:6px;background:#CBC4BC}
.space-grid img{width:100%;height:100%;object-fit:cover;display:block}
.space-grid .big{grid-column:1 / 3;grid-row:1 / 3}
@media (max-width:760px){.space-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:240px}.space-grid .big{grid-column:auto;grid-row:auto}}
.care-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:960px){.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-grid>*:last-child:nth-child(odd){grid-column:1 / -1}}
@media (max-width:560px){.care-grid{grid-template-columns:1fr}}


html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}
@media (max-width:760px){.price-grid{grid-template-columns:1fr;gap:28px}}

/* motion */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
#top{position:relative;overflow:hidden}
#top>*{position:relative;z-index:1}
#top>.hero-bg{position:absolute;inset:0;z-index:0;will-change:transform}
.hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,42,68,.9),rgba(31,42,68,.78) 60%,rgba(31,42,68,.95))}
.mini-head{position:fixed;top:0;left:0;right:0;z-index:25;background:rgba(31,42,68,.96);color:#FFFFFF;transform:translateY(-100%);transition:transform .35s ease;box-shadow:0 4px 16px rgba(31,42,68,.25)}
.mini-head.show{transform:none}
.mini-head nav a{color:#CBC4BC;text-decoration:none;font-size:14px}
.mini-head nav a:hover{color:#FFFFFF}
.slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 24px 20px;margin:0 -24px;scrollbar-width:thin}
.slider figure{flex:0 0 auto;margin:0;position:relative;height:440px;border-radius:6px;overflow:hidden;scroll-snap-align:start;background:#CBC4BC}
.slider figure img{height:100%;width:auto;display:block}
.slide-btn{width:48px;height:48px;border-radius:50%;border:1px solid #1F2A44;background:#FFFFFF;color:#1F2A44;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.slide-btn:hover{background:#1F2A44;color:#FFFFFF}
.proc{display:flex;flex-wrap:wrap;gap:48px}
.proc-left{flex:1 1 320px}
.proc-left .stick{position:sticky;top:120px}
.proc-list{flex:2 1 480px;position:relative;list-style:none;margin:0;padding:0 0 0 40px}
.proc-list::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#CBC4BC}
.proc-fill{position:absolute;left:11px;top:8px;width:2px;height:0;background:#69B3E7;transition:height .2s linear}
.proc-list li{position:relative;padding:28px 0 48px;opacity:.35;transition:opacity .5s ease}
.proc-list li.on{opacity:1}
.proc-list li::before{content:"";position:absolute;left:-36px;top:34px;width:16px;height:16px;border-radius:50%;background:#FFFFFF;border:2px solid #CBC4BC;transition:all .4s ease}
.proc-list li.on::before{background:#69B3E7;border-color:#1F2A44}
@media (max-width:760px){.slider figure{height:300px}.mini-head nav{display:none!important}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero-bg{transform:none!important}.proc-list li{opacity:1}.mini-head{transition:none}}




.pp p{margin:12px 0}

.popup{display:none}
.popup.show{display:flex}