:root{--paper:#f2f0ea;--white:#faf9f5;--ink:#111315;--muted:#62666b;--line:#d9d5ca;--yellow:#f5c400;--dark:#151719;--dark2:#202326}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(250,249,245,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px}.brand-box{display:grid;place-items:center;width:43px;height:43px;background:var(--yellow);font:700 16px monospace}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:17px}.brand-copy small{margin-top:5px;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.nav{display:flex;gap:23px;margin-left:auto}.nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.nav a:hover{color:#8b6d00}.head-phone{display:flex;flex-direction:column;text-align:right}.head-phone small{font-size:9px;color:#777;text-transform:uppercase}.head-phone a{font:700 15px monospace;margin-top:3px}.burger{display:none;border:0;background:transparent}.burger i{display:block;width:24px;height:2px;background:#111;margin:5px}
.breadcrumbs{font-size:10px;color:#777;padding-top:18px}.breadcrumbs a{text-decoration:underline}.hero{background:var(--white);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px}.hero-copy{padding:68px 55px 58px 0;display:flex;flex-direction:column;justify-content:center}.kicker{font:700 10px monospace;text-transform:uppercase;letter-spacing:1.4px;color:#776f59}.hero h1,.section-title,.cta h2{margin:12px 0 0;font-size:clamp(38px,4.5vw,62px);line-height:.98;letter-spacing:-1.7px;text-transform:uppercase}.hero h1 em,.section-title em,.cta h2 em{font-style:normal;background:var(--yellow);padding:0 6px}.hero-lead{max-width:680px;font-size:15px;color:#555c62;line-height:1.72;margin:22px 0 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;border:1px solid #111;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.btn.primary{background:#111;color:#fff}.btn.yellow{background:var(--yellow)}.btn.ghost{background:transparent}.btn:hover{transform:translateY(-1px)}.hero-side{position:relative;border-left:1px solid var(--line);display:flex;align-items:center;padding:42px;background:linear-gradient(#e5e1d6 1px,transparent 1px),linear-gradient(90deg,#e5e1d6 1px,transparent 1px),#efede6;background-size:28px 28px}.tech-card{width:100%;min-height:390px;background:#171a1e;color:#fff;display:flex;flex-direction:column;box-shadow:18px 24px 0 rgba(17,19,21,.1)}.tech-head{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #363a40;font:700 9px monospace;letter-spacing:1.2px}.tech-drawing{flex:1;display:grid;place-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.tech-drawing:before{content:"⚙";font-size:155px;color:var(--yellow);opacity:.18}.tech-drawing:after{content:"PHOTO";position:absolute;bottom:18px;left:18px;color:#828991;font:700 9px monospace}.tech-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #363a40}.tech-foot span{padding:13px;text-align:center;font:700 9px monospace;text-transform:uppercase;border-right:1px solid #363a40}.tech-foot span:last-child{border:0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font:700 18px monospace}.hero-stats span{font-size:9px;color:#777;text-transform:uppercase;margin-top:4px}
.ticker{background:var(--yellow);padding:16px 0;border-bottom:1px solid #b49600}.ticker .wrap{display:flex;justify-content:space-between;gap:20px;font:700 10px monospace;text-transform:uppercase;white-space:nowrap;overflow:auto}
.section{padding:76px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:38px}.section-title{font-size:clamp(30px,3.5vw,48px)}.section-head p{margin:0;color:var(--muted);font-size:13px;max-width:520px}.dark{background:var(--dark);color:#fff}.dark .section-head p{color:#969da4}.dark .kicker{color:#999}.dark .section-title em{color:#111}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid #d3cec1;padding:24px;min-height:205px}.dark .card{background:#1b1e22;border-color:#34383e}.card .num{font:700 10px monospace;color:#9a7a00}.dark .card .num{color:var(--yellow)}.card h3{font-size:19px;margin:27px 0 8px}.card p{font-size:12px;color:#656b71}.dark .card p{color:#9aa0a6}.card a{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;text-transform:uppercase}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb5a8;border-left:1px solid #bbb5a8}.price-item{padding:23px;min-height:150px;background:#faf9f5;border-right:1px solid #bbb5a8;border-bottom:1px solid #bbb5a8;display:flex;flex-direction:column}.price-item span{font-size:10px;text-transform:uppercase;color:#73777b}.price-item b{font:700 23px monospace;margin-top:auto}.price-item small{margin-top:5px;color:#777}.problem-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.problem{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.problem b{display:block;font-size:16px;margin-bottom:6px}.problem p{margin:0;color:#656b71;font-size:12px}.steps{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid #383c41;border-top:1px solid #383c41}.step{padding:19px;border-right:1px solid #383c41;border-bottom:1px solid #383c41;min-height:160px}.step span{font:700 10px monospace;color:var(--yellow)}.step b{display:block;margin-top:28px;font-size:15px}.step p{font-size:10px;color:#9aa0a6}.models{display:flex;flex-wrap:wrap;gap:8px}.models a,.chip{padding:10px 12px;border:1px solid #c5c0b4;background:#faf9f5;font-size:11px;font-weight:700}.dark .models a{border-color:#3c4147;background:#1b1e22}.models a:hover{background:var(--yellow);color:#111}.photo-strip{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:12px}.photo{min-height:240px;background:repeating-linear-gradient(45deg,#1a1d20,#1a1d20 12px,#202428 12px,#202428 24px);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}.photo small{font:700 9px monospace;color:var(--yellow)}.photo b{font-size:20px;margin-top:5px}.note{padding:16px 18px;border-left:4px solid var(--yellow);background:#fff;font-size:12px;color:#555}.locations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.location{background:#fff;border:1px solid var(--line);padding:20px}.location b{display:block}.location span{font-size:12px;color:#666}.cta{background:var(--yellow);padding:52px 0}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cta h2{font-size:clamp(30px,3.7vw,46px)}.cta-contact{display:flex;flex-direction:column;align-items:flex-start}.cta-phone{font:700 clamp(24px,3vw,38px) monospace}.cta-contact p{font-size:12px}.footer{background:#0f1113;color:#dfe2e4;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#91979d}.footer-grid strong{color:#fff;margin-bottom:5px}.footer-brand p{max-width:330px}.footer-grid small{color:#666}.footer-bottom{margin-top:35px;border-top:1px solid #282c30;padding-top:17px;font-size:10px;color:#666}.mobile-actions{display:none}
@media(max-width:1000px){.nav{display:none}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#faf9f5;padding:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.burger{display:block;margin-left:auto}.head-phone{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 30px}.hero-side{border-left:0;padding:30px 0 50px}.section-head,.cta-grid{grid-template-columns:1fr;gap:23px}.grid-3{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{padding-bottom:56px}.wrap{width:min(100% - 26px,1180px)}.topbar-inner{height:66px}.hero h1{font-size:40px;letter-spacing:-1.2px}.hero-lead{font-size:14px}.actions{flex-direction:column}.btn{width:100%}.hero-stats{grid-template-columns:1fr 1fr}.section{padding:58px 0}.section-title{font-size:34px}.grid-3,.problem-list,.price-grid,.locations{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{min-height:auto}.photo-strip{grid-template-columns:1fr}.photo{min-height:205px}.footer-grid{grid-template-columns:1fr}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:300;bottom:0;left:0;right:0;height:56px;background:#111;color:#fff}.mobile-actions a{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;text-transform:uppercase;border-right:1px solid #333}.mobile-actions a:first-child{background:var(--yellow);color:#111}}
.identity-section{background:#ece9e1}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c3b6;border-left:1px solid #c9c3b6}.identity-item{min-height:92px;padding:18px;border-right:1px solid #c9c3b6;border-bottom:1px solid #c9c3b6;display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.28)}.identity-item span{font:700 10px monospace;color:#9a7a00}.identity-item b{font-size:13px;line-height:1.45}.timeline-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #383c41;border-left:1px solid #383c41}.timeline-card{min-height:155px;padding:22px;border-right:1px solid #383c41;border-bottom:1px solid #383c41}.timeline-card span{font:700 10px monospace;color:var(--yellow)}.timeline-card b{display:block;font-size:17px;margin-top:25px}.timeline-card p{font-size:11px;color:#9aa0a6;margin:7px 0 0}.prep-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prep-list>div{background:#fff;border:1px solid #d3cec1;padding:22px}.prep-list span{font:700 10px monospace;color:#9a7a00}.prep-list p{font-size:13px;margin:16px 0 0;color:#565d63}.price-item[href]{transition:.15s}.price-item[href]:hover{background:var(--yellow);transform:translateY(-2px)}.dark .price-item{color:#111}.dark .price-item span,.dark .price-item small{color:#666}.dark .price-item:hover span,.dark .price-item:hover small{color:#3e3b2c}
/* Заголовки намеренно компактнее: читаются уверенно, но не занимают весь экран. */
.hero h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.35px}.section-title{font-size:clamp(28px,3vw,43px)}.cta h2{font-size:clamp(29px,3.3vw,43px)}
@media(max-width:1000px){.identity-grid{grid-template-columns:repeat(2,1fr)}.timeline-cards,.prep-list{grid-template-columns:1fr}}
@media(max-width:680px){.hero h1{font-size:36px}.section-title{font-size:31px}.identity-grid{grid-template-columns:1fr}}


/* =========================================================
   v4: удобная навигация и более читаемые информационные блоки
   ========================================================= */
.nav{position:relative}
.nav-catalog{position:static}
.nav-catalog summary{list-style:none;cursor:pointer;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}
.nav-catalog summary::-webkit-details-marker{display:none}
.nav-catalog summary span{font-size:9px;margin-left:3px}
.nav-catalog[open] summary{color:#8b6d00}
.mega-menu{position:absolute;z-index:250;top:56px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#151719;color:#f5f5f3;border:1px solid #35393e;box-shadow:0 22px 55px rgba(0,0,0,.28);padding:24px}
.mega-col{display:flex;flex-direction:column;gap:7px;padding:0 18px;border-right:1px solid #33373c}
.mega-col:last-child{border-right:0}
.mega-col strong{font-size:13px;color:var(--yellow);margin-bottom:3px}
.mega-col strong a{color:var(--yellow);font-size:13px;text-transform:none;letter-spacing:0}
.mega-col strong.mega-sub{margin-top:10px}
.mega-col>a{font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#d4d7da!important;padding:2px 0}
.mega-col>a:hover,.mega-col strong a:hover{color:#fff!important;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:3px}
.model-nav{gap:10px}
.models .model-chip-link{display:inline-flex;align-items:center;gap:10px;background:#fff;border-color:#b9b3a6;font-size:13px;padding:12px 15px}
.models .model-chip-link span{color:#9a7a00;font-weight:900}
.models .model-chip-link:hover{background:var(--yellow);border-color:#b99700;transform:translateY(-1px)}
.models .chip{font-size:13px;padding:12px 15px;line-height:1.35}
.item-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.item-heading.compact{margin:0;align-items:flex-start}
.item-heading .num,.identity-item .num,.timeline-card .num,.step .num,.prep-row .num{display:inline-block;flex:0 0 auto;min-width:24px;font:700 11px/1.4 monospace;color:#9a7a00}
.dark .item-heading .num,.dark .timeline-card .num,.dark .step .num{color:var(--yellow)}
.card .item-heading h3{margin:0;font-size:21px;line-height:1.25}
.card{min-height:178px;padding:23px}
.card p{font-size:14px;line-height:1.62;margin:8px 0 0}
.card a{font-size:12px;margin-top:14px}
.identity-grid{grid-template-columns:repeat(3,1fr)}
.identity-item{min-height:76px;padding:17px 18px;align-items:center}
.identity-item b{font-size:14px;line-height:1.45}
.timeline-card{min-height:132px;padding:20px}
.timeline-card .item-heading b{font-size:18px;line-height:1.3}
.timeline-card p{font-size:13px;line-height:1.55;margin:11px 0 0}
.prep-list>div{padding:20px}
.prep-row{display:flex;align-items:flex-start;gap:12px}
.prep-row p{font-size:14px;line-height:1.6;margin:0;color:#565d63}
.steps{grid-template-columns:repeat(3,1fr)}
.step{min-height:136px;padding:20px}
.step .item-heading b{font-size:17px;line-height:1.35}
.step p{font-size:13px;line-height:1.55;margin:11px 0 0}
.problem b{font-size:18px;line-height:1.35}
.problem p{font-size:14px;line-height:1.6}
.section-head p{font-size:14px;line-height:1.65}
.section{padding:68px 0}
.section-head{margin-bottom:32px}
.related-head{margin-bottom:20px}
.related-links a{font-size:13px;padding:12px 15px}
.footer{padding:50px 0 22px}
.footer-grid>div{font-size:13px;line-height:1.5;gap:9px}
.footer-grid strong{font-size:14px}
.footer-brand p{font-size:13px;line-height:1.65}
.footer-grid small{font-size:12px;line-height:1.5;color:#858b91}
.footer-bottom{font-size:12px}

@media(max-width:1100px){
  .mega-menu{grid-template-columns:repeat(3,1fr);max-height:70vh;overflow:auto;top:50px}
  .mega-col{border-right:0;border-bottom:1px solid #33373c;padding:14px}
}
@media(max-width:1000px){
  .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:75vh;overflow:auto}
  .nav.open>a,.nav-catalog summary{padding:11px 4px;border-bottom:1px solid #e1ddd3}
  .nav-catalog{width:100%}
  .mega-menu{position:static;transform:none;width:100%;grid-template-columns:repeat(2,1fr);box-shadow:none;border:0;background:#17191c;padding:10px;max-height:none}
  .mega-col{padding:12px}
  .identity-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .mega-menu{grid-template-columns:1fr}
  .models .model-chip-link,.models .chip{width:100%;justify-content:space-between;font-size:14px}
  .identity-grid{grid-template-columns:1fr}
  .identity-item{min-height:auto}
  .card{min-height:auto}
  .card .item-heading h3{font-size:20px}
  .card p,.problem p,.prep-row p,.timeline-card p,.step p{font-size:14px}
  .footer-grid>div,.footer-brand p{font-size:14px}
  .footer-grid small{font-size:13px}
}