*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#181b17;background:#fff}a{color:inherit}h1,h2,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #e57918;outline-offset:5px}.brand{position:fixed;z-index:10;top:32px;left:6%;transition:opacity .25s;pointer-events:none}.brand a{pointer-events:auto}.brand img{width:174px;height:43px;object-fit:contain;object-position:left}.brand div{font-size:11px;letter-spacing:.06em;margin-top:8px}.intro{height:100svh;min-height:660px;position:relative;background:white;overflow:hidden}#drop{position:absolute;top:0;left:0;width:100%;height:73%;object-fit:contain;background:#fff}.hero-copy{position:absolute;bottom:7%;left:6%;right:12%}h1{font-size:clamp(34px,3.8vw,64px);line-height:1.05;letter-spacing:-.04em;white-space:pre-line;font-weight:800}.hero-copy p{font-size:clamp(15px,1.35vw,21px);line-height:1.45;max-width:800px;margin-top:20px}.motion-toggle{position:absolute;bottom:24px;right:5%;border:1px solid #ddd;background:#fff9;padding:8px 14px;border-radius:20px;font:inherit;font-size:11px;cursor:pointer}.scroll-cue{position:absolute;bottom:10%;right:6%;font-size:30px;text-decoration:none}.systems{height:330vh;background:#ebe8e0;border-radius:24px 24px 0 0;position:relative}.systems-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.system-heading{position:absolute;top:17%;left:6%;right:6%}.system-heading p{font-size:clamp(24px,2.6vw,40px);font-weight:700;letter-spacing:-.03em}.system-heading span{display:block;font-size:14px;margin-top:13px}.column-title{position:absolute;top:31%;font-size:12px;letter-spacing:.02em}.column-title.left{left:6%}.column-title.right{left:54%}.divider{position:absolute;top:30%;bottom:11%;left:50%;width:1px;background:#c7c5bd}.render{position:absolute;pointer-events:none;contain:layout style}.render canvas{width:100%;height:100%;object-fit:contain;display:block}.render.meba{left:-3%;top:23%;width:34%;height:65%}.render.asphalt{left:47%;top:23%;width:34%;height:65%}.compare{position:absolute;top:41%;width:20%}.compare.left{left:28%}.compare.right{left:78%;width:19%}.compare h2{font-size:clamp(25px,2.8vw,42px);line-height:1.05;letter-spacing:-.035em;white-space:pre-line}.compare.left h2>span{font-size:clamp(40px,5vw,78px);font-weight:800}.compare h2 small{display:block;font-size:clamp(24px,2.5vw,38px)}.features{list-style:none;margin:35px 0 0;padding:0;display:grid;gap:25px}.features li{display:flex;align-items:center;gap:17px}.features img{flex:0 0 38px;width:38px;height:38px;object-fit:contain}.features span{font-size:clamp(11px,1.15vw,17px);line-height:1.28;text-transform:uppercase;white-space:pre-line;font-weight:400}.detail-copy{position:absolute;top:24%;left:6%;width:24%;opacity:0}.detail-copy h2{font-size:clamp(34px,4.3vw,66px);letter-spacing:-.04em;line-height:1.06;white-space:pre-line}.detail-copy>p{font-size:clamp(14px,1.4vw,20px);line-height:1.4;margin-top:35px}.detail-copy .features{margin-top:38px;gap:23px}.detail-copy .features span{font-size:clamp(10px,1vw,15px)}.layer-labels{position:absolute;right:5%;top:25%;width:25%;padding:0;margin:0;list-style:none;opacity:0;display:grid;gap:22px}.layer-labels li{position:relative;padding-left:48px}.layer-labels .number{position:absolute;left:0;top:0;width:32px;height:32px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:20px}.layer-labels strong{font-size:clamp(13px,1.45vw,21px);line-height:1.1}.layer-labels p{font-size:clamp(11px,1.1vw,16px);line-height:1.3;margin-top:12px}.technical-note{position:absolute;bottom:3%;left:6%;right:6%;font-size:9px;line-height:1.4;color:#66695f;max-width:1050px}.render-status{position:absolute;left:6%;bottom:6%;font-size:12px}.next{padding:120px 6% 90px;background:#ed710c;min-height:70vh}.next>span{font-size:11px;letter-spacing:.12em}.next h2{font-size:clamp(45px,7vw,100px);line-height:1.02;letter-spacing:-.05em;white-space:pre-line;margin:45px 0 25px}.next p{font-size:18px}.next a{display:inline-block;margin-top:45px;padding-bottom:12px;text-decoration:none;border-bottom:1px solid;font-size:20px}
@media(min-width:760px) and (max-height:760px){.layer-labels{gap:15px;top:23%}.layer-labels p{font-size:12px;margin-top:8px}.detail-copy>p{margin-top:24px;font-size:15px}.detail-copy .features{gap:15px;margin-top:25px}.features{gap:20px}.detail-copy h2{font-size:48px}}
@media(max-width:759px){.brand{top:22px}.brand img{width:130px;height:33px}.brand div{font-size:9px}.intro{min-height:640px}#drop{top:15%;height:47%}.hero-copy{bottom:11%;right:6%}h1{font-size:34px;line-height:1.1}.hero-copy p{font-size:15px;margin-top:20px}.scroll-cue{bottom:3%;left:6%;right:auto}.systems{height:340vh}.systems-stage{min-height:760px}.system-heading{top:15%;}.system-heading p{font-size:23px;max-width:320px}.system-heading span{font-size:12px;line-height:1.3;margin-top:10px;max-width:300px}.column-title{font-size:10px}.column-title.left{top:27%;left:6%}.column-title.right{top:57%;left:6%}.divider{top:56%;bottom:auto;left:6%;right:6%;width:auto;height:1px}.render.asphalt{left:2%;top:54%;width:45%;height:29%}.compare{width:48%;top:32%}.compare.left{left:49%}.compare.right{left:49%;top:62%;width:48%}.compare.left h2>span{font-size:39px}.compare h2 small{font-size:23px}.compare.right h2{font-size:24px}.features{gap:12px;margin-top:18px}.features li{gap:10px}.features img{width:28px;height:28px;flex-basis:28px}.features span{font-size:10px}.detail-copy{top:15%;width:88%;}.detail-copy h2{font-size:32px;white-space:normal;max-width:100%}.detail-copy>p{display:none}.detail-copy .features{position:absolute;top:365px;left:0;width:100%;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detail-copy .features span{font-size:9px}.detail-copy .features img{width:24px;height:24px;flex-basis:24px}.layer-labels{top:69%;left:6%;right:6%;width:auto;grid-template-columns:1fr 1fr;gap:11px 14px}.layer-labels li{padding-left:25px}.layer-labels .number{width:19px;height:19px;font-size:11px}.layer-labels strong{font-size:11px;display:block}.layer-labels p{font-size:9px;line-height:1.25;margin-top:5px}.technical-note{font-size:7px;bottom:1.5%;line-height:1.3}.next{padding-top:90px}.next h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Редакция 3: типографика, статичное сравнение, указатели слоёв. */
@font-face{font-family:Montserrat;src:url('../../assets/fonts/Montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body,button{font-family:Montserrat,Arial,sans-serif}
.brand{width:174px}.brand img{width:100%}.brand div{width:100%;font-size:10px;letter-spacing:0;text-align:justify;text-align-last:justify;white-space:nowrap}
#drop{height:100%;width:100%;object-fit:cover}
.hero-copy{z-index:1;bottom:8%;max-width:1000px;text-shadow:0 1px 18px #ffffffa0}
.hero-copy p{font-weight:450}.intro .motion-toggle,.intro .scroll-cue{z-index:2}
.system-heading p{font-size:clamp(30px,3.5vw,56px);max-width:1100px;line-height:1.12;font-weight:750}
.system-heading span{font-size:16px;margin-top:18px}
.column-title{top:38%}.compare{top:43%}.compare.right{left:75%;width:24%}
.compare.right h2{font-size:clamp(23px,2.05vw,34px);letter-spacing:-.045em;line-height:1.2}
.compare.left h2>span{font-weight:800}.compare h2 small{font-weight:750}
.detail-copy{top:20%;width:23%}.detail-copy>p{font-size:clamp(13px,1.16vw,18px)}
.layer-labels{top:18%;width:25%;gap:23px}.layer-labels strong{font-size:clamp(13px,1.3vw,20px)}.layer-labels p{font-size:clamp(11px,1.02vw,15px);margin-top:9px}
.layer-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s;color:#181b17}.layer-lines>path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round}
.mobile-detail{display:none}
@media(max-width:759px){
 .brand{width:145px}.brand img{width:100%;height:36px}.brand div{font-size:8.5px}
 #drop{top:7%;height:58%;width:100%;object-fit:cover;object-position:50% 50%}
 .hero-copy{bottom:10%;text-shadow:none}.hero-copy h1{font-size:31px}.hero-copy p{font-size:14px}
 .systems{height:auto;border-radius:20px 20px 0 0}.systems-stage{position:relative;height:980px;min-height:0}
 .system-heading{top:100px;left:6%;right:6%}.system-heading p{font-size:28px;line-height:1.16}.system-heading span{font-size:13px;line-height:1.5;margin-top:18px}
 .column-title.left{top:300px}.column-title.right{top:625px}.column-title{font-size:10px;letter-spacing:.02em}
 .compare.left{top:340px;left:48%;width:48%}.compare.right{top:665px;left:48%;width:49%}.compare.right h2{font-size:19px;letter-spacing:-.045em;line-height:1.22}
 .compare.left h2>span{font-size:36px}.compare h2 small{font-size:20px}
 .render.asphalt{top:64%;height:28%;width:55%;left:-3%}.divider{top:600px}
 .features span{font-size:10px;line-height:1.45}.features{gap:18px}.features img{height:30px;width:30px;flex-basis:30px}
 .systems-stage .detail-copy,.systems-stage .layer-labels,.layer-lines{display:none}
 .mobile-detail{display:block;background:#ebe8e0;padding:65px 6% 60px;border-top:1px solid #cfcdc5}
 .mobile-detail h2{font-size:34px;line-height:1.1;letter-spacing:-.04em}
 .mobile-diagram{position:relative;width:calc(100% + 12vw);margin:12px -6vw 20px}
 .mobile-diagram>img,.mobile-diagram>svg{width:100%;display:block}.mobile-diagram>svg{position:absolute;inset:0;height:100%}
 .mobile-layer-labels{list-style:none;padding:0;margin:0;display:grid;gap:25px}
 .mobile-layer-labels li{position:relative;padding-left:43px}.mobile-layer-labels .number{position:absolute;left:0;top:0;width:28px;height:28px;border:1px solid;border-radius:50%;display:grid;place-items:center}
 .mobile-layer-labels strong{font-size:15px}.mobile-layer-labels p{font-size:13px;line-height:1.55;margin-top:8px}
 .mobile-benefits{border-top:1px solid #c5c3ba;margin-top:42px;padding-top:30px}.mobile-benefits h3{font-size:22px;line-height:1.2;margin:0}.mobile-benefits .features{gap:24px;margin-top:26px}.mobile-benefits .features span{font-size:12px}.mobile-benefits .features img{width:36px;height:36px;flex-basis:36px}
}

/* Сравнение: единая типографика и одинаковая сетка строк в обеих колонках. */
.compare.left h2,
.compare.right h2,
.compare.left h2 > span,
.compare h2 small {
 font-size:clamp(18px,2.1vw,32px);
 font-weight:750;
 line-height:1.2;
 letter-spacing:-.04em;
}
.compare h2 {
 height:2.4em;
 margin:0;
}
.compare .features {
 margin-top:32px;
 grid-auto-rows:44px;
 gap:22px;
}
.compare .features li { min-height:0; }
@media(max-width:759px) {
 .compare.left h2,
 .compare.right h2,
 .compare.left h2 > span,
 .compare h2 small {font-size:19px;line-height:1.2;}
 .compare .features {margin-top:24px;grid-auto-rows:34px;gap:18px;}
}
@media(min-width:760px) {
 .compare.left {left:28%;width:21.5%;}
 .compare.right {left:78%;width:21.5%;}
}

/* Каталог решений. Геометрия и управление изолированы от скролл-анимации слоёв. */
.solutions{background:#ece9e1;padding:105px 6% 58px;color:#171b18;scroll-margin-top:30px}
.solutions-heading{margin:0 auto 35px;max-width:1440px}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500}
.solutions-heading h2{font-size:clamp(30px,3.5vw,56px);line-height:1.13;letter-spacing:-.045em;max-width:1050px;margin:20px 0 0;font-weight:750}
.solution-card{position:relative;display:grid;grid-template-columns:54% 46%;max-width:1440px;margin:auto;min-height:610px;border-top:1px solid #cdcac1;border-bottom:1px solid #cdcac1}
.solution-visual{min-width:0;min-height:600px;position:relative}
.solution-model{position:absolute;inset:0;touch-action:pan-y;cursor:grab}
.solution-model:active{cursor:grabbing}.solution-model canvas{width:100%;height:100%;display:block;outline-offset:-3px}
.solution-poster{position:absolute;width:88%;height:82%;left:6%;top:6%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply}
.model-ready .solution-poster{display:none}
.model-status{position:absolute;bottom:60px;left:0;width:100%;text-align:center;font-size:12px;cursor:pointer}
.rotate-hint{position:absolute;bottom:27px;left:0;width:100%;text-align:center;font-size:11px;opacity:.6;pointer-events:none}
.solution-info{padding:40px 22px 32px 35px;min-width:0}
.solution-info h3{font-size:clamp(30px,3.2vw,50px);font-weight:750;letter-spacing:-.045em;line-height:1.13;margin:11px 0 22px}
.solution-description{font-size:15px;line-height:1.55;min-height:94px;max-width:530px;margin:0 0 19px}
.solution-size{font-size:12px;font-weight:600;margin:0 0 6px}.solution-composition{font-size:11px;opacity:.6;margin:0 0 26px}
.solution-info h4{font-size:15px;font-weight:700;margin:0 0 15px}
.finish-options{display:flex;align-items:center;gap:22px}.finish-options button,.mode-options button,.solution-thumbnails button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
.finish-options button{font-size:11px;text-align:center;min-width:65px}.finish-options small{display:block;font-size:9px;margin-top:4px}.swatch{display:block;border-radius:50%;width:47px;height:47px;background-size:180px;border:3px solid #ece9e1;outline:1px solid #9f9e94;margin:0 auto 10px;transition:outline-color .2s}
.finish-options button[aria-pressed=true] .swatch{outline:2px solid #ed7900}.finish-options p{font-size:10px;line-height:1.5;max-width:215px;opacity:.65;margin:0 0 18px}
.mode-panel{margin-top:27px}.mode-options{display:flex;gap:24px;justify-content:space-between;max-width:490px}.mode-pair{display:flex;gap:12px}.mode-options button{font-size:10px;width:61px;line-height:1.3}.mode-options button>span{display:flex;border:1px solid #353b35;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;margin:0 auto 8px;transition:background .2s}.mode-options svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.mode-options button[aria-pressed=true]>span{background:#dddfd1;border-color:#617353}.mode-options button:disabled{opacity:.28;cursor:not-allowed}.mode-note{font-size:10px;opacity:.65;min-height:14px;margin-top:13px}
.solution-arrow{position:absolute;top:48%;border:1px solid #bbbcb2;border-radius:50%;width:40px;height:40px;background:#ece9e1;font-size:23px;color:inherit;cursor:pointer}.solution-arrow:hover{background:#dedfd3}.previous{left:-50px}.following{right:-50px}
.solution-navigation{max-width:1440px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.solution-counter{font-size:12px;font-variant-numeric:tabular-nums;opacity:.6}.solution-thumbnails{display:flex;gap:12px}.solution-thumbnails button{width:115px;font-size:10px;border-radius:8px;border:1px solid transparent;padding:6px 6px 10px;transition:background .2s}.solution-thumbnails img{display:block;width:100%;height:62px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:6px}.solution-thumbnails button[aria-pressed=true]{border-color:#abb19d;background:#e2e3d7}.solution-navigation>a{font-size:11px;color:inherit;text-decoration:none;border-bottom:1px solid #888;padding-bottom:4px}
@media(max-width:1000px){.mode-options{gap:10px}.mode-pair{gap:4px}.mode-options button{width:53px}.solution-info{padding-left:15px}.solution-description{font-size:13px}.finish-options{gap:12px}.previous{left:-37px}.following{right:-37px}.solution-arrow{width:32px;height:32px;font-size:20px}}
@media(max-width:759px){.solutions{padding:65px 6% 40px}.solutions-heading h2{font-size:31px}.solutions-heading h2 br{display:none}.solutions-heading{margin-bottom:25px}.solution-card{display:flex;flex-direction:column}.solution-visual{height:370px;min-height:0}.solution-info{padding:8px 0 25px}.solution-info h3{font-size:34px}.solution-description{font-size:14px;min-height:0}.solution-arrow{top:168px;z-index:2}.previous{left:-10px}.following{right:-10px}.rotate-hint{bottom:15px}.mode-options{justify-content:flex-start;gap:22px;max-width:none}.mode-pair{gap:9px}.mode-options button{width:45px;font-size:9px}.mode-options button>span{width:40px;height:40px}.finish-options{gap:20px}.finish-options p{font-size:9px}.solution-navigation{flex-wrap:wrap;gap:16px}.solution-thumbnails{order:-1;width:100%;justify-content:center;gap:5px}.solution-thumbnails button{flex:1;max-width:140px}.solution-counter{margin:0}.solution-navigation>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.solutions *{transition:none!important}}

/* Авторские SVG уже содержат окружность: дополнительную рамку не рисуем. */
.finish-options{align-items:flex-start;gap:25px}
.swatch{width:72px;height:72px;background-size:200px}
.finish-options button{min-width:78px}
.finish-options p{align-self:center;margin:0;font-size:11px}
.finish-options a{color:inherit;text-underline-offset:3px}
.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none;align-items:start}
.mode-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;padding:12px 8px 9px;border:1px solid #d2d1c7;border-radius:12px;align-items:start}
.mode-group-title{grid-column:1/-1;text-align:center;font-size:10px;color:#6a6e62;line-height:14px}
.mode-options button{display:grid;grid-template-rows:50px 28px;gap:9px;justify-items:center;width:100%;min-width:0;align-items:start}
.mode-options button>span{border:0;width:50px;height:50px;margin:0;display:block;border-radius:50%}
.mode-options button img{width:50px;height:50px;display:block}
.mode-options button small{font:inherit;font-size:10px;line-height:14px;display:block}
.mode-options button[aria-pressed=true]>span{background:#d9decc;box-shadow:0 0 0 3px #d9decc}
.solution-arrow{display:grid;place-items:center;border:0;background:transparent;border-radius:0;width:44px;height:48px;transition:opacity .2s,transform .2s;opacity:.65}
.solution-arrow svg{width:36px;height:24px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.solution-arrow.previous svg{transform:rotate(180deg)}
.solution-arrow:hover{background:transparent;opacity:1;transform:translateX(3px)}
.solution-arrow.previous:hover{transform:translateX(-3px)}
.solution-info h3{margin-top:0}
.solution-thumbnails button{width:140px;line-height:1.35}
@media(min-width:760px) and (max-width:1100px){.mode-options{gap:6px}.mode-pair{padding:10px 4px;gap:10px 4px}.mode-options button>span,.mode-options button img{width:40px;height:40px}.mode-options button{grid-template-rows:40px 28px}.finish-options{gap:15px}.swatch{width:62px;height:62px}.finish-options button{min-width:65px}}
@media(max-width:759px){.swatch{width:66px;height:66px}.finish-options{gap:16px}.finish-options button{min-width:70px}.finish-options p{font-size:10px}.mode-options{gap:8px}.mode-pair{padding:11px 4px 9px;gap:10px 4px}.mode-options button>span,.mode-options button img{width:40px;height:40px}.mode-options button{grid-template-rows:40px 28px}.mode-options button small{font-size:9px}.mode-group-title{font-size:9px}.solution-arrow{width:36px}.solution-arrow svg{width:28px}.solution-thumbnails button{width:auto}.solution-info h3{font-size:32px}}
@media(max-width:359px){.mode-options{gap:4px}.mode-pair{padding-inline:2px}.mode-options button>span,.mode-options button img{width:35px;height:35px}.mode-options button{grid-template-rows:35px 28px}}

/* Отдельные камни: общая механика карточек, характеристики вместо описания. */
.products{border-top:1px solid #d2d1c7}
.product-collection{font-size:13px;line-height:1.4;margin:0 0 12px;color:#626b59}
.product-specs{margin:24px 0 14px;min-height:160px;font-size:13px}
.product-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:9px 0;border-bottom:1px solid #d5d3ca}
.product-specs dt{color:#686c63}.product-specs dd{margin:0;font-weight:600}
.product-source{display:inline-block;color:#626b59;font-size:10px;text-underline-offset:3px;margin-bottom:25px}
.products .mode-options{grid-template-columns:175px}
.products .solution-thumbnails{gap:6px;flex:1;justify-content:center}
.products .solution-thumbnails button{width:112px;font-size:9px}
.products .solution-info h3{text-wrap:balance}
@media(max-width:1000px){.products .solution-navigation{flex-wrap:wrap}.products .solution-thumbnails{order:-1;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.products .solution-thumbnails button{flex:0 0 108px}.products .product-specs{font-size:12px}}
@media(max-width:759px){.product-collection{font-size:12px}.product-specs{min-height:0}.products .mode-options{grid-template-columns:155px}.products .solution-thumbnails button{max-width:none;flex:0 0 100px}.product-source{margin-bottom:26px}.products .mode-note{line-height:1.5;max-width:270px}}

/* Единая высота навигации независимо от заголовка и выбранного камня. */
.solution-arrow{top:310px}
.products .product-collection{height:19px;margin-bottom:12px}
.products .product-collection[hidden]{display:block;visibility:hidden}
.products .solution-info h3{min-height:2.26em}
.products .product-specs{min-height:0;margin-bottom:30px}
.next,.next h2,.next p,.next a,.next>span{color:#fff}
@media(max-width:759px){.solution-arrow{top:161px}.products .solution-info h3{min-height:0}}