:root{--ink:#182125;--muted:#677476;--line:#dce4df;--paper:#f5f7f6;--surface:#fff;--graphite:#20292c;--graphite-2:#2c393d;--green:#9be83c;--green-soft:#e9f8cb;--violet:#7167d9;--violet-soft:#ebe9ff;--red:#ff4b3e;--shadow:0 24px 70px rgba(21,35,39,.12);--radius:16px;--max:1180px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.menu-open{overflow:hidden}a{color:inherit}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .topline{background:var(--graphite);color:#e9f1ed;font-size:13px}.topline-inner{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.topline span{color:#bdc9c6}.topline a{color:#fff;text-decoration:none;font-weight:800}header{position:sticky;top:0;z-index:20;background:rgba(245,247,246,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,228,223,.9)}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-picture{display:inline-flex;width:230px;min-width:230px}.logo-picture img{width:100%;max-height:48px;object-fit:contain}.socials{display:flex;align-items:center;gap:8px}.social-link{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;text-decoration:none;font-size:15px;font-weight:900;transition:transform .2s ease-out,opacity .2s ease-out}.social-link:hover{transform:translateY(-2px);opacity:.86}.tiktok{background:var(--ink)}.youtube{background:var(--red)}nav{display:flex;align-items:center;gap:18px;color:#526164;font-size:13px;font-weight:700}nav a{position:relative;padding:7px 0;text-decoration:none}nav a:hover,nav a.active{color:var(--ink)}nav a.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:0;border-radius:3px;background:var(--green)}.nav-cta{padding:12px 16px;border-radius:10px;background:var(--green);text-decoration:none;white-space:nowrap}.menu{display:none;padding:7px;border:0;background:none;cursor:pointer;font-size:24px}main{overflow:hidden}
    .kicker{display:inline-flex;align-items:center;gap:9px;color:var(--violet);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.kicker:before{content:"";width:28px;height:3px;background:var(--green)}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:11px;border:0;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(21,35,39,.14)}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(113,103,217,.3);outline-offset:3px}.button-primary{background:var(--red);color:#fff}.button-secondary{background:#fff;border:1px solid var(--line)}
    .hero{padding:66px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}h1{max-width:680px;margin:18px 0 24px;font-size:clamp(46px,6.2vw,86px);line-height:.93;letter-spacing:-.04em;text-wrap:balance}.hero-lead{max-width:650px;color:var(--muted);font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:32px 0 36px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.object-board{position:relative;min-height:560px;padding:14px;overflow:hidden;border-radius:var(--radius);background:var(--graphite);box-shadow:var(--shadow)}.board-top{height:350px;overflow:hidden;border-radius:11px}.board-top img,.board-photo img{width:100%;height:100%;object-fit:cover}.board-signal{position:absolute;top:28px;left:28px;display:flex;gap:7px;align-items:center;padding:9px 11px;border-radius:9px;background:var(--green);font-size:11px;font-weight:900}.board-signal:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);animation:pulse 1.8s ease-out infinite}.board-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding-top:12px}.board-copy{padding:19px;border-radius:11px;background:var(--graphite-2);color:#fff}.board-copy small{color:var(--green);font-weight:900}.board-copy strong{display:block;margin-top:10px;font-size:24px;line-height:1.04}.board-copy p{margin:9px 0 0;color:#b8c5c2;font-size:13px}.board-photo{min-height:158px;overflow:hidden;border-radius:11px}
    section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.section-head h2{max-width:680px;margin:12px 0 0;font-size:clamp(34px,4.7vw,62px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}.section-head p{max-width:460px;margin:0;color:var(--muted)}.object-types{background:var(--surface);border-block:1px solid var(--line)}.object-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.object-type{min-height:92px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:20px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.object-type:nth-child(3n){border-right:0}.object-type b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--violet-soft);color:var(--violet);font-size:12px}.object-type strong{font-size:15px;line-height:1.18}
    .explorer-shell{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:570px;overflow:hidden;border-radius:var(--radius);background:var(--graphite);box-shadow:var(--shadow)}.explorer-controls{padding:24px;border-right:1px solid #435154}.explorer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px}.explorer-tab{min-height:42px;border:1px solid #526164;border-radius:9px;background:transparent;color:#c2cecb;cursor:pointer;font-size:13px;font-weight:800}.explorer-tab[aria-selected=true]{border-color:var(--green);background:var(--green);color:var(--ink)}.explorer-list{display:grid;gap:5px}.explorer-option{width:100%;min-height:43px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#afbcba;text-align:left;cursor:pointer;font-size:13px}.explorer-option:hover{background:var(--graphite-2);color:#fff}.explorer-option.active{background:var(--violet);color:#fff;font-weight:800}.explorer-detail{min-width:0;background:#fff}.detail-image{height:335px;overflow:hidden;background:#d7dedb}.detail-image img{width:100%;height:100%;object-fit:cover;transition:clip-path .55s cubic-bezier(.22,1,.36,1),filter .55s ease-out;clip-path:inset(0)}.detail-image img.changing{clip-path:inset(0 0 100% 0);filter:blur(8px)}.detail-body{padding:34px 38px 38px}.detail-meta{display:flex;justify-content:space-between;gap:20px;color:var(--violet);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.detail-body h3{margin:14px 0 13px;font-size:clamp(29px,4vw,46px);line-height:1}.detail-body p{max-width:68ch;margin-bottom:22px;color:var(--muted)}.detail-link{font-weight:900;text-decoration:none}.detail-link:hover{color:var(--violet)}
    .prices{background:var(--violet-soft)}.price-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.price-intro{position:sticky;top:120px}.price-intro h2{margin:12px 0 18px;font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.035em}.price-intro p{color:#55507d}.price-note{margin-top:28px;padding:18px;border-radius:12px;background:var(--graphite);color:#fff;font-size:13px}.price-note strong{display:block;margin-bottom:5px;color:var(--green);font-size:15px}.price-table{overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:0 18px 45px rgba(63,56,150,.1)}.price-row{display:grid;grid-template-columns:1fr 110px 130px;gap:16px;align-items:center;min-height:66px;padding:13px 20px;border-bottom:1px solid var(--line)}.price-row:last-child{border-bottom:0}.price-row.head{min-height:50px;background:var(--graphite);color:#b9c6c3;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.price-row strong{color:var(--violet);text-align:right}.price-row span:nth-child(2),.price-row span:nth-child(3){text-align:right}
    .speciality{background:var(--green)}.speciality-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:start}.speciality h2{margin:12px 0 20px;font-size:clamp(38px,5.2vw,68px);line-height:.95;letter-spacing:-.04em}.speciality-copy{max-width:620px;color:#3e4e2d}.benefits-list{border-top:1px solid rgba(24,33,37,.28)}.benefit-row{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(24,33,37,.28);font-size:17px;font-weight:800}.benefit-row span{width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-size:13px}
    .work{background:var(--graphite);color:#fff}.work .section-head p{color:#b2c0bd}.work .kicker{color:var(--green)}.work .kicker:before{background:var(--violet)}.work-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:230px 230px;gap:10px}.work-item{position:relative;min-height:0;overflow:hidden;border-radius:12px;background:var(--graphite-2);margin:0}.work-item:first-child{grid-row:span 2}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.work-item:hover img{transform:scale(1.045)}.work-caption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:end;gap:10px;padding:12px 14px;border-radius:9px;background:rgba(24,33,37,.88)}.work-caption strong{font-size:14px}.work-caption small{color:var(--green);white-space:nowrap}
    .process{background:var(--surface)}.process-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-step{min-height:195px;padding:28px 20px 20px 0;border-right:1px solid var(--line)}.process-step:last-child{border-right:0;padding-right:0}.step-number{display:inline-flex;align-items:center;gap:8px;color:var(--violet);font-size:12px;font-weight:900}.step-number:after{content:"";width:28px;height:2px;background:var(--green)}.process-step h3{margin:38px 0 9px;font-size:20px;line-height:1.08}.process-step p{margin:0;color:var(--muted);font-size:13px}
    .contact{background:var(--violet-soft)}.contact-grid{display:grid;grid-template-columns:1fr .82fr;gap:56px;align-items:start}.contact h2{max-width:700px;margin:12px 0 25px;font-size:clamp(40px,5.2vw,68px);line-height:.95;letter-spacing:-.04em}.address{margin-top:34px;padding:24px;border-radius:var(--radius);background:var(--graphite);color:#fff;box-shadow:0 18px 40px rgba(21,35,39,.14)}.address:before{content:"КОНТАКТЫ";display:block;margin-bottom:18px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em}.address strong{display:block;font-size:23px}.address p{margin:13px 0 0;color:#c7d2cf}.address a{color:#fff;text-decoration:none;font-weight:700}.address a:hover{color:var(--green)}.contact-form{padding:30px;border-radius:var(--radius);background:#fff;box-shadow:0 20px 60px rgba(63,56,150,.12)}.contact-form h3{margin-bottom:6px;font-size:27px}.contact-form>p{margin-bottom:23px;color:var(--muted);font-size:14px}label{display:grid;gap:7px;margin-top:15px;font-size:13px;font-weight:800}input,textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}textarea{min-height:104px;resize:vertical}input:focus,textarea:focus{outline:3px solid rgba(113,103,217,.2);border-color:var(--violet)}.form-submit{width:100%;margin-top:22px;background:var(--red);color:#fff}.form-submit:disabled{opacity:.65;cursor:wait}.form-status{min-height:24px;margin:12px 0 0;color:#397c27;font-size:13px}
    footer{padding:52px 0 26px;background:var(--graphite);color:#d7e0dc}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer-logo{display:inline-flex;width:230px}.footer-logo img{width:100%;max-height:48px;object-fit:contain}footer p,footer a{color:#98a8a5;font-size:13px}footer a:hover{color:var(--green)}.footer-title{margin-bottom:12px;color:#fff;font-weight:800}.footer-links{display:grid;gap:7px}.copyright{display:flex;justify-content:space-between;gap:18px;margin-top:36px;padding-top:20px;border-top:1px solid #3e4b4e;color:#7e908d;font-size:12px}
    @keyframes pulse{50%{transform:scale(.65);opacity:.55}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
    @media(max-width:1050px){nav{gap:10px}.nav-cta{display:none}.hero-grid,.price-layout,.speciality-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.object-board{min-height:510px}.price-intro{position:static}.object-list{grid-template-columns:1fr 1fr}.object-type:nth-child(3n){border-right:1px solid var(--line)}.object-type:nth-child(2n){border-right:0}.process-track{grid-template-columns:repeat(3,1fr)}.process-step:nth-child(3){border-right:0}}
    @media(max-width:760px){.wrap{width:min(100% - 28px,var(--max))}.topline-inner{flex-direction:column;gap:2px}header{position:relative}.nav{min-height:70px}.logo-picture{width:155px;min-width:155px}.logo-picture img{max-height:34px}.socials{margin-left:auto}.social-link{width:32px;height:32px}.menu{display:block}nav{display:none;position:absolute;left:14px;right:14px;top:70px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px}.hero{padding:50px 0 56px}h1{font-size:clamp(45px,14vw,64px)}.hero-lead{font-size:17px}.hero-actions{display:grid}.object-board{min-height:0;padding:10px}.board-top{height:270px}.board-bottom{grid-template-columns:1fr}.board-photo{min-height:140px}section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:16px}.object-list{grid-template-columns:1fr}.object-type,.object-type:nth-child(2n),.object-type:nth-child(3n){min-height:76px;border-right:0}.explorer-shell{grid-template-columns:1fr}.explorer-controls{border-right:0;border-bottom:1px solid #435154}.explorer-list{grid-template-columns:1fr 1fr}.explorer-option{min-height:48px}.detail-image{height:250px}.detail-body{padding:25px 22px 29px}.price-row{grid-template-columns:1fr auto;gap:8px 14px;padding:14px 16px}.price-row span:nth-child(2){display:none}.price-row.head span:first-child:after{content:" · 1 м²"}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}.work-item:first-child{grid-row:auto;grid-column:span 2}.process-track{grid-template-columns:1fr}.process-step,.process-step:nth-child(3),.process-step:last-child{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:0}.process-step h3{margin-top:18px}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr}.footer-logo{width:190px}.copyright{flex-direction:column}}
    @media(max-width:460px){.explorer-list{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,210px)}.work-item:first-child{grid-column:auto}.detail-meta{display:block}.detail-meta span:last-child{display:block;margin-top:5px}}
    .kicker,.object-type b,.price-row strong,.step-number,.detail-meta{color:#5149ad}.speciality .kicker{color:var(--ink)}.button-primary,.form-submit{color:var(--ink)}
    @media(max-width:760px){header{position:sticky}}
/* Финальный pass: CTA и контактная карточка совпадают с главной, этапы читаются отдельными шагами. */
    .button-primary,.form-submit{background:#ff4b3e;color:#fff}
    .process-track{gap:16px;border-top:0}
    .process-step{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
    .process-step:last-child{padding-right:24px}
    .contact h2{letter-spacing:-.07em}
    .contact .address{position:relative;overflow:hidden;background:var(--graphite);color:#fff;border:1px solid var(--graphite-2);border-radius:18px;padding:24px;box-shadow:0 18px 40px rgba(21,35,39,.14)}
    .contact .address:before{content:"КОНТАКТЫ";display:block;margin-bottom:18px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em}
    .contact .address:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--violet);opacity:.2;right:-40px;top:-40px}
    .contact .address strong,.contact .address p,.contact .address a{position:relative;z-index:1}
    .contact .address strong{display:block;font-size:23px}
    .contact .address p{color:#c7d2cf;margin-top:13px}
    .contact .address a{color:#fff;text-decoration:none;font-weight:700}
    .contact .address a:hover{color:var(--green)}
    .contact .address p a[href^="tel:"]{display:inline-flex;align-items:center;gap:8px;padding:13px 16px;margin:5px 0;border:1px solid #526164;border-radius:10px;background:var(--graphite-2);font-size:16px}
    .contact .address p a[href^="tel:"]:before{content:"☎";color:var(--green);font-size:13px}
    .contact .address p a[href^="tel:"]:hover{background:var(--green);color:var(--ink);border-color:var(--green)}
    .contact .address p a[href^="tel:"]:hover:before{color:var(--ink)}
    @media(max-width:760px){.process-step,.process-step:nth-child(3),.process-step:last-child{min-height:0;padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.process-step:last-child{border-bottom:0}}

.nav-cta { font-weight: 800; }

@media (max-width: 900px) {
    header { position: sticky; }
    .nav { min-height: 70px; gap: 10px; }
    .logo-picture { width: 155px; min-width: 155px; min-height: 44px; }
    .social-link { width: 44px; height: 44px; }
    .menu { width: 44px; height: 44px; display: block; padding: 0; }
    .nav-cta { display: none; }
    nav { display: none; position: absolute; top: 70px; left: 14px; right: 14px; z-index: 30; flex-direction: column; align-items: stretch; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
    nav.open { display: flex; }
    nav a { min-height: 44px; display: flex; align-items: center; padding: 0 12px; }
    .explorer-tab, .explorer-option, .footer-links a, .copyright > a { min-height: 44px; }
    .detail-link { min-height: 44px; display: inline-flex; align-items: center; }
    .work-caption { align-items: flex-start; flex-direction: column; }
  }
  @media (max-width: 760px) {
    html { overflow-x: clip; scroll-padding-top: 76px; }
    body { overflow-x: clip; font-size: 16px; }
    .wrap { width: auto; margin-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)); }
    .topline { font-size: 12px; line-height: 1.4; }
    .topline-inner { padding-block: 8px; overflow-wrap: anywhere; }
    .nav { min-height: 64px; gap: 8px; }
    .logo-picture { width: clamp(132px, 42vw, 155px); min-width: 0; flex: 0 1 155px; }
    .logo-picture { min-height: 44px; }
    .logo-picture img { width: 100%; max-height: 36px; object-fit: contain; }
    .socials { flex: 0 0 auto; gap: 6px; margin-left: auto; }
    .social-link, .menu { width: 44px; height: 44px; min-width: 44px; padding: 0; }
    nav { top: 64px; z-index: 30; max-height: calc(100dvh - 76px); overflow-y: auto; }
    nav a { min-height: 44px; display: flex; align-items: center; padding: 0 12px; }
    .hero { padding: 38px 0 52px; }
    h1 { max-width: 100%; font-size: clamp(36px, 10.8vw, 48px); line-height: .98; text-wrap: balance; }
    .hero-lead { font-size: 16px; }
    .hero-actions { gap: 10px; margin: 26px 0 30px; }
    .hero-actions .button { width: 100%; min-height: 52px; }
    .hero-proof { display: grid; gap: 14px; }
    .object-board { padding: 10px; border-radius: 16px; }
    .board-top { height: 230px; }
    .board-signal { top: 20px; left: 20px; }
    .board-copy { padding: 17px; }
    .board-copy strong { font-size: 21px; }
    section { padding: 52px 0; }
    .section-head h2, .price-intro h2, .speciality h2, .contact h2 { font-size: clamp(29px, 9.2vw, 40px); line-height: 1; text-wrap: balance; }
    .explorer-controls { padding: 18px 16px; }
    .explorer-tabs { margin-bottom: 14px; }
    .explorer-tab, .explorer-option { min-height: 48px; }
    .explorer-list { grid-template-columns: 1fr; }
    .detail-image { height: 220px; }
    .detail-body { padding: 22px 18px 25px; }
    .detail-body h3 { font-size: 28px; }
    .detail-link { min-height: 44px; display: inline-flex; align-items: center; }
    .price-row { min-height: 64px; }
    .speciality-grid { gap: 28px; }
    .benefit-row { grid-template-columns: 36px minmax(0, 1fr); font-size: 16px; }
    .work-grid { grid-template-rows: repeat(5, 205px); }
    .work-caption { align-items: flex-start; flex-direction: column; }
    .process-track { gap: 0; }
    .contact .address { margin: 24px 0 0; padding: 20px; }
    .contact .address strong { font-size: 20px; }
    .contact .address p a[href^="tel:"] { width: 100%; min-height: 48px; justify-content: flex-start; padding: 10px 12px; }
    .contact-form { padding: 20px; }
    input, textarea { min-height: 48px; font-size: 16px; }
    .button, .form-submit { min-height: 52px; }
    .footer-logo, .footer-links a, .copyright > a { min-height: 44px; display: flex; align-items: center; }
    footer a[href^="mailto:"] { overflow-wrap: anywhere; }
  }
  @media (max-width: 359px) {
    .logo-picture { width: 124px; flex-basis: 124px; }
    .nav { gap: 6px; }
    h1 { font-size: 34px; }
  }
  @media (pointer: coarse) {
    .social-link, .menu { min-width: 44px; min-height: 44px; }
    nav a, .detail-link { min-height: 44px; display: inline-flex; align-items: center; }
  }