/* Generated by scripts/build-inner-css.mjs; shared cascade order is experience then finish. */

/* experience.css */
/* A single, scroll-driven industrial landscape. */
:root { --bg:#d7e1ec; --surface:#ffffff; --ink:#13171b; --muted:#536373; --line:#afbfce; --accent:#0030cf; --button-ink:#fff; }
.site-page { background:var(--bg); color:var(--ink); }
.site-page .tonal-surface { --bg:#cbd7e3; --surface:#d7e1ec; background:var(--bg); }
.site-page .header { --ink:#13171b; --muted:#536373; --accent:#0030cf; --line:#afbfce; color:var(--ink); background:#d7e1ece8; border-color:#afbfce; }
.site-page .header.past-hero { background:#d7e1ecf5; border-color:#afbfce; }
.site-page .header .brand-image img,.site-page .site-footer .brand-image img { filter:brightness(0); }
.site-page .brand .brand-image { aspect-ratio:2018 / 328; overflow:hidden; }
.site-page .brand-image svg { display:block; width:100%; height:100%; }
.site-page .brand { color:#13171b; }
.site-page .header nav.open { background:#d7e1ec; }
.site-page .primary { background:var(--accent); color:white; }
.site-page .primary:hover { background:#0024a1; }
.site-page .site-footer { background:#cbd7e3; color:var(--ink); }
.site-page .product-hero figure,.site-page .equipment-field { background:transparent; }
.site-page .catalog-drawing,.site-page .product-hero figure { color:#0030cf; }
.site-page .config-card:hover,.site-page .product-card:hover { background:#c3d2e0; }
.site-page .technical-note,.site-page .preview-note { background:#c3d2e0; color:#394c5c; }
.site-page form input,.site-page form textarea { background:#ffffff; color:var(--ink); border-color:#9aafc1; }
@keyframes scroll-tick { 0%,100% {transform:translateY(0);opacity:.5} 50% {transform:translateY(7px);opacity:1} }
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
}

/* The contact action stays outside the navigation block. */
.site-page .header-actions { display:flex; align-self:stretch; align-items:center; gap:8px; margin-left:auto; flex-shrink:0; }
.site-page .header-actions a { display:flex; align-items:center; justify-content:center; padding:0 20px; min-height:46px; font-size:12px; font-weight:500; line-height:1.2; white-space:nowrap; border:0; border-radius:2px; margin:0; transition:background .18s; }
.site-page .header-actions .header-cta { background:#0030cf; color:#fff; }
.site-page .header-actions .header-cta::before { display:none; }
.site-page .header-actions .header-cta:hover { background:#0025a7; }
.site-page .header-actions .header-configurator { background:#c3f84a; color:#152641; }
.site-page .header-actions .header-configurator:hover { background:#b3e63d; }
@media (max-width:1100px) {
 .site-page .header-contacts { display:none; }
 .site-page .header-actions a { font-size:11px; padding:0 14px; min-height:42px; }
}
@media (max-width:600px) {
.site-page .header{ display:grid; grid-template-columns:1fr 42px; height:auto; gap:10px; }
 .site-page .header .menu-toggle { grid-column:2; grid-row:1; margin:0; width:42px; height:42px; }
 .site-page .header-actions { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:1fr; padding:0; margin:0; gap:8px; }
 .site-page .header-actions a { padding:0 9px; min-height:42px; font-size:11px; }
}
/* Story anchors represent a camera timestamp, not a heading under the header. */
html:has(.home-page) { scroll-padding-top:0; }
.system-offer { position:absolute; top:var(--offer-top,100px); left:var(--scene-gutter); max-width:calc(100% - 2 * var(--scene-gutter)); pointer-events:none; }
.system-offer[hidden] { display:none; }
.system-offer>p { font-size:13px; margin:0 0 16px; color:#536373; }
.system-offer h2 { font-size:clamp(60px,4.5vw,84px); font-weight:400; line-height:1.02; letter-spacing:-.055em; margin:0; }
.system-offer h2 span { color:#0030cf; white-space:nowrap; }
.system-offer-description { font-size:22px; line-height:1.3; margin:12px 0 0; }
@media(max-width:1099px) {
 .system-offer>p { font-size:11px; margin-bottom:10px; }
 .system-offer h2 { font-size:clamp(34px,6vw,56px); }
 .system-offer-description { font-size:16px; margin-top:8px; }
}
@media(max-height:600px) {
 .system-offer>p { display:none; }
 .system-offer h2 { font-size:36px; }
 .system-offer-description { font-size:14px; margin-top:6px; }
}
@media(max-width:760px) and (max-height:740px){
 .system-offer>p {margin-bottom:6px;font-size:10px;}
 .system-offer h2 {font-size:32px;}
 .system-offer-description {font-size:14px;margin-top:6px;}
}
@media(min-width:761px) and (max-width:1099px) and (max-height:600px){
 .system-offer {max-width:calc(100% - 400px);}
 .system-offer h2 {font-size:28px;}
 .system-offer-description {font-size:13px;}
}

/* Scroll alternates the value statements without shifting the scene or card. */
.system-offer {width:min(720px,calc(100% - 2 * var(--scene-gutter)));}
.system-offer-messages {display:grid;}
.system-offer-message {grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,visibility 0s .28s;}
.system-offer-message[data-active=true] {opacity:1;visibility:visible;transform:none;transition-delay:0s;}
@media(prefers-reduced-motion:reduce){.system-offer-message {transition:none;transform:none;}}


/* finish.css */

.photo-expand { position:absolute; right:12px; bottom:12px; width:42px; height:42px; border:0; color:white; background:#13171be8; font-size:28px; display:grid; place-items:center; }
.photo-dialog { width:100vw; max-width:100vw; height:100svh; max-height:100svh; border:0; background:#13171b; color:white; padding:70px 36px 44px; }
.photo-dialog::backdrop { background:#13171be8; }
.photo-dialog img { display:block; width:100%; height:calc(100% - 28px); object-fit:contain; }
.photo-dialog p { text-align:center; padding:12px 0 0; font-size:12px; }
.photo-dialog-close { position:absolute; top:18px; right:24px; background:transparent; color:white; border:1px solid #74808b; padding:10px 15px; font-size:12px; }
.photo-dialog-close span { margin-left:20px; font-size:18px; }

/* Completion: the same cold industrial palette throughout the site. */
.site-page .header-contacts { display:flex; align-self:center; min-width:0; }
.site-page:not(.home-page) .header .brand-image { width:210px; }
.site-page:not(.home-page) .header { gap:24px; }
.site-page .material-photo.real-context { aspect-ratio:auto; }
.site-page .material-photo.real-context img { position:static; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:#c3d1de; }
.site-page .survey-band img { object-fit:contain; max-height:660px; background:#b6c6d3; }
.site-page .photo-panorama::after { background:linear-gradient(90deg,#13171bdd,#13171b20); }
.site-page .photo-panorama img { filter:none; }
.site-page .photo-panorama .panorama-copy,.site-page .photo-panorama .photo-credit { color:#fff; }
.site-page .photo-panorama .eyebrow { color:#d7e1ec; }
.lime-button { background:#c3f84a; color:#13171b; border-color:#c3f84a; }
.lime-button:hover { background:#d5ff7b; }
.protection-levels { background:#13171b; color:#fff; }
.protection-levels .eyebrow,.protection-levels .section-heading p,.protection-levels .finish-note { color:#b8c8d5; }
.finish-levels { margin-top:65px; }
.finish-levels>a { display:grid; grid-template-columns:60px 1fr 1fr 160px; gap:20px; align-items:center; padding:26px 0; border-top:1px solid #465360; text-decoration:none; transition:padding .2s,color .2s; }
.finish-levels>a:last-child { border-bottom:1px solid #465360; }
.finish-levels>a:hover { color:#c3f84a; padding-left:12px; }
.finish-levels h3 { font-size:clamp(28px,3vw,44px); font-weight:400; letter-spacing:-.04em; margin:0; }
.finish-levels p { margin:0; font-size:14px; }
.finish-link { font-size:12px; text-align:right; }
.finish-note { font-size:12px; max-width:690px; margin-top:30px; }
.finish-construction { display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; }
.finish-construction p { max-width:540px; line-height:1.7; }
.finish-construction .button { margin-top:24px; }
.finish-structure-visual svg { width:100%; height:auto; }
.finish-structure-visual>a { display:block; padding:20px 0; border-top:1px solid var(--line); font-size:23px; text-decoration:none; }
.finish-structure-visual>a span { display:block; font-size:13px; color:var(--muted); margin-top:6px; }
.finish-structure-visual>a:hover { color:var(--accent); }
.finish-process ol { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; list-style:none; padding:0; margin:65px 0 0; }
.finish-process li { border-top:1px solid #93a8ba; padding-top:20px; }
.finish-process li>span { color:#0030cf; font-size:12px; }
.finish-process h3 { font-weight:400; font-size:25px; line-height:1.15; margin:45px 0 20px; }
.finish-process p { font-size:14px; color:#536373; }
.finish-choice { background:#0030cf; color:white; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
.finish-choice .eyebrow { grid-column:1/-1; color:#c5d6ff; }
.finish-choice h2 { font-size:clamp(45px,6.5vw,100px); line-height:1.02; margin:0; }
.finish-choice>div { max-width:480px; }
.finish-choice>div>p { font-size:18px; margin-bottom:30px; }
.finish-choice .plain-link { display:block; color:#fff; width:fit-content; margin-top:22px; }
.structure-list article { display:grid; grid-template-columns:70px 1fr 1.1fr; gap:40px; border-top:1px solid var(--line); padding:40px 0; }
.structure-list article>span { color:var(--accent); }
.structure-list article h2 { font-size:clamp(25px,3vw,42px); margin:0; }
.structure-list article p { margin:0 0 20px; line-height:1.7; }
.project-story { padding:0 0 80px; margin-bottom:80px; border-bottom:1px solid var(--line); }
.project-photo button { display:block; width:100%; background:#bdcbd7; border:0; padding:0; position:relative; cursor:zoom-in; }
.project-photo img { display:block; width:100%; height:auto; max-height:75svh; object-fit:contain; }
.project-photo button>span { position:absolute; bottom:18px; right:18px; background:#13171be8; color:#fff; padding:12px 16px; font-size:12px; }
.project-description { display:grid; grid-template-columns:1fr 1fr; column-gap:8vw; padding-top:30px; }
.project-description .eyebrow { grid-column:1/-1; }
.project-description h2 { grid-row:2/5; margin:0; }
.project-description p { margin-top:0; }
.project-description small { font-size:11px; line-height:1.6; color:var(--muted); margin-top:22px; max-width:560px; }
.project-description .plain-link { width:fit-content; }
.configurator { display:grid; grid-template-columns:1.1fr 1fr; gap:7vw; align-items:start; margin-top:55px; }
.configurator fieldset { border:0; padding:0 0 34px; margin:0 0 30px; border-bottom:1px solid var(--line); min-width:0; }
.configurator legend { font-size:22px; margin-bottom:25px; padding:0; }
.configurator legend>span { color:#0030cf; font-size:12px; display:inline-block; width:28px; vertical-align:middle; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.configurator .choice { display:block; position:relative; margin:0; cursor:pointer; }
.configurator .choice input { position:absolute; top:17px; left:15px; width:15px; height:15px; accent-color:#0030cf; margin:0; }
.choice>span { display:block; min-height:135px; border:1px solid #9cafc0; padding:15px 16px 15px 40px; transition:background .2s,border-color .2s; }
.choice input:checked+span { border-color:#0030cf; background:#c4d3ee; }
.choice input:focus-visible+span { outline:3px solid #0030cf; outline-offset:3px; }
.choice strong { display:block; font-size:22px; font-weight:400; }
.choice small { display:block; font-size:12px; line-height:1.5; margin-top:10px; color:#536373; }
.configurator label:not(.choice):not(.check-choice) { display:block; margin:22px 0 8px; font-size:13px; }
.configurator select,.configurator input:not([type=radio]):not([type=checkbox]) { width:100%; min-height:48px; border:1px solid #9cafc0; background:#f3f7fb; border-radius:0; padding:12px; color:#13171b; font:inherit; font-size:14px; }
.configurator .check-choice { display:flex; gap:12px; align-items:center; margin:16px 0; font-size:14px; cursor:pointer; }
.check-choice input { width:18px; height:18px; accent-color:#0030cf; flex:none; margin:0; }
.configuration-result { position:sticky; top:115px; border:1px solid #99aec2; background:#eaf1f8; padding:28px; }
.configuration-result [data-config-diagram] { max-height:190px; overflow:hidden; margin:-15px 0 0; }
.configuration-result svg { display:block; width:100%; height:200px; }
.configuration-result h3 { font-size:clamp(28px,3vw,44px); line-height:1.1; font-weight:400; letter-spacing:-.04em; margin:20px 0; }
.configuration-result dl>div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:12px 0; border-top:1px solid #bdcbd8; font-size:13px; }
.configuration-result dt { color:#536373; }
.configuration-result dd { margin:0; overflow-wrap:anywhere; }
.configuration-result .button { width:100%; justify-content:center; margin-top:15px; }
.configuration-result>button { display:block; background:transparent; border:0; border-bottom:1px solid; padding:0; margin:20px auto; font:inherit; font-size:12px; cursor:pointer; }
.configuration-result>a:last-child { display:block; text-align:center; font-size:12px; }
.configuration-result .field-help { font-size:12px; }
[data-execution-visual][hidden] { display:none; }
@media(max-width:1100px){
 .site-page:not(.home-page) .header .brand-image { width:165px; }
 .site-page:not(.home-page) .header { gap:16px; }
 .finish-levels>a { grid-template-columns:36px 1fr 1fr; }
 .finish-link { display:none; }
 .configurator { gap:30px; }
 .configuration-result { padding:20px; }
 .structure-list article { gap:25px; grid-template-columns:40px 1fr 1fr; }
}
@media(max-width:760px){
 .finish-construction,.finish-choice,.configurator { grid-template-columns:1fr; }
 .finish-construction { gap:30px; }
 .finish-process ol { grid-template-columns:1fr 1fr; gap:25px; }
 .finish-process h3 { margin-top:25px; font-size:23px; }
 .finish-levels { margin-top:35px; }
 .finish-levels>a { grid-template-columns:25px 1fr; gap:10px; padding:20px 0; }
 .finish-levels p { grid-column:2; font-size:12px; }
 .finish-choice .eyebrow { grid-column:auto; }
 .finish-choice>div>p { font-size:16px; }
 .structure-list article { grid-template-columns:25px 1fr; gap:15px; padding:30px 0; }
 .structure-list article>div,.structure-list article>p { grid-column:2; font-size:14px; }
 .project-description { grid-template-columns:1fr; }
 .project-description h2 { grid-row:auto; margin-bottom:20px; }
 .project-story { padding-bottom:45px; margin-bottom:45px; }
 .project-photo button>span { font-size:10px; padding:8px; right:10px; bottom:10px; }
 .configuration-result { position:static; }
 .configurator { margin-top:30px; }
 .choice>span { min-height:150px; padding:15px 12px 15px 33px; }
 .configurator .choice input { left:10px; }
 .choice strong { font-size:20px; }
 .site-page .material-photo.real-context img { aspect-ratio:auto; }
 .site-page .survey-band img { max-height:none; height:auto; }
}
@media(prefers-reduced-motion:reduce){.finish-levels>a,.choice>span{transition:none;}}
html:has(.photo-dialog[open]) { overflow:hidden; }

/* White space is the primary surface; grey belongs to the models. */
:root { --bg:#fff; --surface:#fff; --line:#dce4eb; --muted:#586b7a; }
.site-page { background:#fff; }
.site-page .tonal-surface { --bg:#fff; --surface:#fff; background:#fff; }
.site-page:not(.home-page) .header,.site-page:not(.home-page) .header.past-hero { background:#fffffff2; border-color:#e5eaf0; }
.site-page:not(.home-page) .header nav.open { background:#fff; }
.site-page .site-footer { background:#fff; border-top:1px solid #dce4eb; }
.site-page .technical-note,.site-page .preview-note { background:transparent; color:#586b7a; }
.site-page .technical-note { padding:0 0 0 18px; }
.site-page .config-card:hover,.site-page .product-card:hover { background:#f6f9fc; }
.site-page .page-index { background:#fff; border-color:#e5ebf0; }
.site-page:not(.home-page) .page-hero { padding-top:35px; padding-bottom:100px; border-bottom:1px solid #e5ebf0; }
.site-page:not(.home-page) .page-hero h1 { font-weight:400; font-size:clamp(48px,6.8vw,112px); line-height:.98; letter-spacing:-.065em; margin-top:22px; }
.site-page:not(.home-page) .page-hero .page-intro { max-width:660px; margin:36px 0 0 auto; font-size:18px; }
.site-page:not(.home-page) .breadcrumbs { margin-bottom:64px; font-size:11px; color:#6c7e8c; }
.site-page:not(.home-page) .eyebrow { letter-spacing:.04em; text-transform:none; }
.site-page:not(.home-page) .section { padding-top:90px; padding-bottom:90px; }
.site-page:not(.home-page) .section h2 { font-weight:400; letter-spacing:-.045em; }
.site-page:not(.home-page) .product-hero { padding-bottom:55px; }
.site-page:not(.home-page) .product-hero-grid { gap:4%; grid-template-columns:.85fr 1.15fr; align-items:center; }
.site-page:not(.home-page) .product-hero h1 { font-weight:400; font-size:clamp(64px,8.5vw,132px); line-height:.95; letter-spacing:-.07em; }
.site-page:not(.home-page) .product-hero h1.config-title { font-size:clamp(50px,6.2vw,94px); }
.site-page:not(.home-page) .product-hero h2 { font-weight:400; font-size:26px; letter-spacing:-.04em; max-width:440px; }
.site-page:not(.home-page) .product-hero .page-intro { font-size:15px; line-height:1.75; max-width:470px; }
.site-page .product-hero figure.product-hero-model { border:0; padding:0; background:#fff; }
.site-page .product-links { gap:20px; border:0; }
.site-page .product-links>a { border:0; border-bottom:1px solid #ccd8e2; padding:20px 12px 26px; }
.site-page .catalog-drawing { background:#fafcfe; }
.site-page .config-card { padding:32px 24px; border-color:#e0e7ed; }
.site-page .config-card .eyebrow { font-size:10px; color:#586b7a; }
.site-page .config-card h3 { font-weight:400; font-size:32px; line-height:1.1; margin:36px 0 16px; }
.site-page .editorial-grid article+article { border:0; }
.site-page .editorial-grid { column-gap:28px; }
.site-page .editorial-grid article { padding-left:0; }
.site-page .item-index { font-size:13px; }
.site-page .editorial-grid h3 { font-weight:400; font-size:26px; }
.site-page .requirements,.site-page .specification { background:#f6f9fc; }
.site-page .faq { background:#fff; }
.site-page .level-display { font-weight:400; font-size:clamp(110px,16vw,210px); line-height:.9; letter-spacing:-.08em; }
.site-page .level-feature { grid-template-columns:250px 1fr; align-items:start; }
.site-page .workflow li { padding:45px 0 50px; grid-template-columns:140px 1fr; }
.site-page .workflow li>span { font-size:55px; letter-spacing:-.06em; }
.site-page .workflow h2 { font-size:clamp(30px,3.2vw,48px); }
.site-page .configuration-result { background:#fff; border:1px solid #dce4eb; }
.site-page .choice>span { background:#fff; border-color:#dce4eb; }
.site-page .choice input:checked+span { background:#f3f7ff; border-color:#0030cf; }
.site-page .configurator select,.site-page .configurator input:not([type=radio]):not([type=checkbox]) { background:#fff; border-color:#cdd8e2; }
.site-page .structure-list article h2 { max-width:530px; }
.site-page .structure-list article>span { font-size:20px; }
.site-page .project-story { border:0; }
.site-page .project-photo button { background:#f4f7fa; }
.site-page .project-description h2 { font-weight:400; font-size:clamp(35px,4.5vw,65px); }
.site-page .project-description small { border-top:1px solid #dce4eb; padding-top:18px; }

/* Native 3D models, with a static vector fallback and explicit controls. */
.product-viewer { min-width:0; background:#fff; color:#13171b; }
.viewer-topline { display:flex; justify-content:space-between; gap:16px; align-items:center; font-size:10px; color:#586b7a; padding:14px 0; border-bottom:1px solid #e5ebf0; }
.viewer-status { display:flex; align-items:center; gap:7px; }
.viewer-status::before { content:''; width:5px; height:5px; background:#0030cf; border-radius:50%; }
.viewer-canvas-wrap { position:relative; height:360px; }
.viewer-canvas-wrap canvas { display:block; width:100%; height:100%; cursor:grab; touch-action:pan-y; opacity:0; }
.product-viewer[data-ready=true] canvas { opacity:1; }
.viewer-canvas-wrap canvas.dragging { cursor:grabbing; }
.viewer-fallback { position:absolute; inset:0; display:grid; place-items:center; }
.viewer-fallback svg { width:100%; height:100%; }
.product-viewer[data-ready=true] .viewer-fallback { visibility:hidden; }
.product-viewer[data-ready=fallback] .viewer-modes,.product-viewer[data-ready=fallback] .viewer-levels,.product-viewer[data-ready=fallback] .viewer-orbit { display:none; }
.viewer-orbit { position:absolute; bottom:8px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:10px; }
.viewer-orbit button { border:0; background:#fff; color:#13171b; min-width:44px; min-height:44px; font-size:23px; cursor:pointer; }
.viewer-orbit button:hover { background:#f0f5fa; }
.viewer-orbit span { color:#536a80; font-size:12px; }
.viewer-orbit [data-view-reset] { font-size:12px; border-left:1px solid #dce4eb; padding-left:16px; margin-left:5px; }
.viewer-modes,.viewer-levels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid #dce4eb; border-top:1px solid #dce4eb; }
.viewer-modes button,.viewer-levels button { font:inherit; font-size:12px; padding:15px 8px; min-height:48px; border:0; border-bottom:2px solid transparent; background:white; color:#586b7a; cursor:pointer; }
.viewer-modes button:hover,.viewer-levels button:hover { color:#0030cf; background:#f7faff; }
.viewer-modes button[aria-pressed=true],.viewer-levels button[aria-pressed=true] { border-bottom-color:#0030cf; color:#0030cf; }
.viewer-levels button { text-align:left; }
.viewer-levels button>span { display:block; color:#7b8b98; font-size:9px; margin-bottom:7px; }
.viewer-explanation { padding-top:18px; min-height:112px; }
.viewer-explanation h3 { font-size:20px; letter-spacing:-.025em; font-weight:400; margin:0 0 8px; }
.viewer-explanation p { font-size:14px; line-height:1.65; color:#536a80; max-width:680px; margin:0; }
.viewer-disclaimer { font-size:12px!important; color:#536a80; line-height:1.6!important; margin-top:16px!important; }
.viewer-wide .viewer-canvas-wrap { height:470px; }
.level-comparison-section>.product-viewer { max-width:1100px; margin:auto; }
.level-comparison-section .viewer-explanation { display:grid; grid-template-columns:1fr 1.7fr; gap:45px; align-items:start; min-height:95px; }
.level-comparison-section .viewer-explanation h3 { font-size:36px; }
.level-comparison-section .viewer-explanation p { font-size:15px; }
.level-comparison-section .viewer-levels button { font-size:20px; }
.engineering-explainer { display:grid; grid-template-columns:.8fr 1.2fr; gap:6vw; align-items:center; }
.engineering-explainer>div>p:not(.eyebrow) { font-size:17px; color:#586b7a; line-height:1.75; max-width:430px; margin-top:28px; }
.model-key { margin-top:35px; display:grid; gap:15px; font-size:12px; }
.model-key span { display:flex; gap:12px; align-items:center; }
.model-key i { width:18px; height:2px; background:#0030cf; }
.model-key span+span i { background:#9eb1c0; }
.model-key span i.model-key-net {background:#b7ea36;}
.product-hero-model .viewer-canvas-wrap { height:360px; }
@media(min-width:1600px){.product-hero-model .viewer-canvas-wrap {height:440px;}.viewer-wide .viewer-canvas-wrap {height:560px;}}
@media(max-width:1100px){
 .site-page:not(.home-page) .product-hero-grid { grid-template-columns:1fr 1fr; gap:25px; }
 .site-page:not(.home-page) .product-hero h1 { font-size:78px; }
 .site-page:not(.home-page) .product-hero h1.config-title { font-size:60px; }
 .product-hero-model .viewer-canvas-wrap {height:310px;}
 .viewer-canvas-wrap {height:310px;}
}
@media(max-width:760px){
 .site-page:not(.home-page) .page-hero { padding:25px 6% 55px; }
 .site-page:not(.home-page) .page-hero h1 { font-size:clamp(42px,8.5vw,64px); line-height:1.02; letter-spacing:-.055em; }
 .site-page:not(.home-page) .page-hero .page-intro { margin:24px 0 0; font-size:16px; }
 .site-page:not(.home-page) .breadcrumbs { margin-bottom:40px; font-size:10px; }
 .site-page:not(.home-page) .section { padding-top:55px; padding-bottom:55px; }
 .site-page:not(.home-page) .product-hero-grid { grid-template-columns:1fr; gap:40px; }
 .site-page:not(.home-page) .product-hero h1 { font-size:clamp(64px,14vw,90px); }
 .site-page:not(.home-page) .product-hero h1.config-title { font-size:clamp(53px,11vw,75px); }
 .site-page:not(.home-page) .product-hero h2 { font-size:24px; }
 .site-page .level-feature { grid-template-columns:1fr; gap:25px; }
 .site-page .level-display { font-size:100px; }
 .site-page .workflow li { grid-template-columns:40px 1fr; gap:20px; }
 .site-page .workflow li>span { font-size:30px; }
 .site-page .editorial-grid { row-gap:22px; }
 .site-page .config-card { padding:28px 0; }
 .site-page .config-card:not(:nth-child(3n+1)) { padding-left:0; }
.engineering-explainer{grid-template-columns:1fr;gap:35px;}
 .viewer-canvas-wrap,.product-hero-model .viewer-canvas-wrap {height:320px;}
 .viewer-wide .viewer-canvas-wrap {height:370px;}
 .viewer-explanation {min-height:125px;}
 .viewer-explanation h3 {font-size:20px;}
 .viewer-explanation p {font-size:13px;}
 .viewer-disclaimer {font-size:12px!important;}
 .viewer-modes button,.viewer-levels button {font-size:11px;}
 .level-comparison-section .viewer-explanation {display:block;min-height:160px;}
 .level-comparison-section .viewer-explanation h3 {font-size:28px;}
 .level-comparison-section .viewer-explanation p {font-size:14px;}
 .level-comparison-section .viewer-levels button {font-size:12px;}
 .engineering-explainer>div>p:not(.eyebrow){font-size:15px;}
 .site-page .site-footer>div>a:not(.brand){padding:8px 0;margin-top:0;}
}

@media(min-width:1101px){.product-hero-model .viewer-canvas-wrap{height:440px;}.site-page:not(.home-page) .product-hero-grid{align-items:start;}.site-page:not(.home-page) .product-hero-grid>div:first-child{padding-top:35px;}}
.site-page .material-photo.real-context img,.site-page .survey-band img,.site-page .project-photo button { background:#fff; }
@media(max-width:760px){.product-viewer canvas:focus-visible{outline:2px solid #0030cf;outline-offset:-2px}}

/* Level changes stay readable on the model and in a compact colour key. */
.viewer-change-key {display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 0 12px;font-size:11px;color:#586b7a;}
.viewer-change-key>span {display:flex;align-items:center;gap:8px;}
.viewer-change-key>span[hidden] {display:none;}
.viewer-change-key i {width:10px;height:10px;display:inline-block;background:#0030cf;}
.viewer-change-key i.key-new {background:#c3f84a;border:1px solid #90b837;}
.viewer-change-list {display:flex;flex-wrap:wrap;gap:7px;}
.viewer-change-list span {font-size:11px;padding:7px 10px;border:1px solid #dce4eb;color:#586b7a;}
.product-viewer[data-model=levels]:not([data-level="0"]) .viewer-change-list span {background:#f3fbdc;border-color:#d2e9a0;color:#354b0c;}
.product-viewer[data-model=levels] .viewer-explanation {padding-top:20px;}
@media(max-width:600px){.viewer-change-key {font-size:10px;gap:10px;}.viewer-change-list span {font-size:10px;padding:6px 8px;}}

/* World-anchored labels: only the buttons intercept input, so orbit stays available. */
.product-viewer {container-type:inline-size;}
.viewer-annotations {position:absolute;inset:0;pointer-events:none;z-index:2;}
.viewer-annotations[hidden],.annotation-popup[hidden] {display:none;}
.annotation-leaders {position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.annotation-leaders line {stroke:#7f9d3a;stroke-width:1;}
.annotation-leaders circle {fill:#c3f84a;stroke:#536b20;stroke-width:1;}
.annotation-label {position:absolute;top:0;left:0;pointer-events:auto;display:flex;align-items:center;gap:7px;width:max-content;max-width:157px;min-height:38px;padding:7px 9px;border:1px solid #b6d477;background:#fff;color:#273612;font:inherit;font-size:11px;line-height:1.25;text-align:left;cursor:pointer;box-shadow:0 2px 10px #26390009;}
.annotation-label:hover,.annotation-label[aria-expanded=true] {background:#eef9d5;border-color:#729832;}
.annotation-number {flex:none;display:grid;place-items:center;width:22px;height:22px;background:#c3f84a;font-size:9px;font-variant-numeric:tabular-nums;}
.annotation-label:focus-visible,.annotation-close:focus-visible {outline:2px solid #0030cf;outline-offset:3px;}
.annotation-popup {position:absolute;pointer-events:auto;z-index:3;width:270px;max-width:calc(100% - 12px);box-sizing:border-box;background:#fff;border:1px solid #a7c565;border-top:3px solid #c3f84a;padding:17px;box-shadow:0 8px 24px #1526411a;}
.annotation-popup h4 {font-size:14px;line-height:1.25;font-weight:500;margin:0 38px 8px 0;}
.annotation-popup p {font-size:12px;line-height:1.5;color:#586b7a;margin:0;}
.annotation-close {position:absolute;right:3px;top:3px;width:44px;height:44px;background:white;border:0;font-size:22px;cursor:pointer;}
.product-viewer[data-ready=fallback] .viewer-annotations {display:none;}
@container(max-width:420px){.annotation-label {max-width:120px;min-height:44px;font-size:10px;padding:5px;gap:5px;}.annotation-number {width:18px;height:20px;font-size:8px;}.annotation-popup {width:245px;padding:13px;}.annotation-popup p {font-size:11px;}}

/* Frosted header surface over the scene; navigation and CTAs retain their colours. */
.site-page .header.tonal-surface,.site-page .header.tonal-surface.past-hero {
 background:rgba(244,248,252,.48);
 backdrop-filter:blur(18px) saturate(115%);
 -webkit-backdrop-filter:blur(18px) saturate(115%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
}
.viewer-annotations[data-focused] .annotation-label {opacity:.5;transition:opacity .2s;}
.viewer-annotations[data-focused] .annotation-label[aria-expanded=true] {opacity:1;background:#eafaC6;border-color:#729832;}
.viewer-annotations[data-focused] .annotation-leaders>* {opacity:.25;transition:opacity .2s;}
.viewer-annotations[data-focused="0"] .annotation-leaders>[data-annotation="0"],
.viewer-annotations[data-focused="1"] .annotation-leaders>[data-annotation="1"],
.viewer-annotations[data-focused="2"] .annotation-leaders>[data-annotation="2"] {opacity:1;stroke-width:2;}
@media(prefers-reduced-motion:reduce){.viewer-annotations[data-focused] .annotation-label,.viewer-annotations[data-focused] .annotation-leaders>* {transition:none;}}
.workflow-action {font-size:11px;color:#536779;margin:25px 0 0;}

/* Линия: one immersive first screen, three real applications. */
.site-page main > .product-hero.line-immersive:first-child { position:relative; height:100svh; min-height:720px; padding:0; overflow:hidden; background:#fff; }
.line-immersive .breadcrumbs { position:absolute; top:calc(var(--site-header-height) + 16px); left:4%; z-index:2; margin:0; }
.line-immersive .product-hero-grid { display:block; }
.site-page .line-immersive .product-hero-grid > div:first-child { position:absolute; z-index:2; left:4%; top:calc(var(--site-header-height) + 80px); width:29%; padding:0; pointer-events:none; }
.line-immersive .product-hero-grid > div:first-child a { pointer-events:auto; }
.line-immersive h1 { font-size:clamp(70px,7.4vw,140px); line-height:.95; }
.line-immersive h2 { font-size:clamp(22px,2vw,34px); margin-top:24px; max-width:340px; }
.line-immersive .page-intro { font-size:15px; max-width:300px; }
.line-immersive .button { font-size:13px; padding:16px 20px; }
.line-immersive .product-hero-model { position:absolute; inset:0; }
.line-immersive .product-viewer { position:absolute; inset:0; }
.line-immersive .viewer-topline,.line-immersive .viewer-disclaimer { display:none; }
.line-immersive .product-hero-model .viewer-canvas-wrap { position:absolute; top:calc(var(--site-header-height) + 35px); bottom:225px; left:34%; right:2%; height:auto; }
.line-immersive .viewer-modes { position:absolute; bottom:18px; right:4%; width:58%; border:0; }
.line-immersive .viewer-modes button { min-height:44px; padding:8px; font-size:11px; }
.viewer-applications { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.viewer-applications button { display:flex; gap:12px; align-items:center; justify-content:center; min-height:58px; border:1px solid #b8c8d5; background:#fff; color:#152641; font:inherit; font-size:15px; cursor:pointer; transition:background .2s,color .2s; }
.viewer-applications button span { font-size:10px; opacity:.65; }
.viewer-applications button[aria-pressed=true] { background:#0030cf; color:#fff; border-color:#0030cf; }
.viewer-applications button:hover:not([aria-pressed=true]) { background:#edf3f8; }
.viewer-applications button:focus-visible { outline:3px solid #8dabff; outline-offset:3px; }
.line-immersive .viewer-applications { position:absolute; bottom:158px; left:38%; right:4%; }
.line-immersive .viewer-explanation { position:absolute; bottom:65px; left:38%; right:4%; padding:0; min-height:0; }
.line-immersive .viewer-explanation h3 { font-size:22px; margin-bottom:6px; }
.line-immersive .viewer-explanation p { font-size:12px; max-width:700px; }
.product-viewer[data-ready=fallback] .viewer-applications { display:none; }
@media(min-width:1600px){.line-immersive .product-hero-model .viewer-canvas-wrap{height:auto;bottom:245px;}.line-immersive .viewer-applications{bottom:170px;}.line-immersive .viewer-explanation p{font-size:14px;}}
@media(max-width:900px){
 .site-page main > .product-hero.line-immersive:first-child {min-height:780px;}
 .line-immersive .breadcrumbs {top:calc(var(--site-header-height) + 8px);}
 .site-page .line-immersive .product-hero-grid > div:first-child {top:calc(var(--site-header-height) + 44px);width:92%;}
 .line-immersive h1 {font-size:64px;}
 .line-immersive h2 {font-size:20px;margin-top:12px;max-width:none;}
 .line-immersive .eyebrow {font-size:10px;margin-bottom:14px;}
 .line-immersive .page-intro {display:none;}
 .line-immersive .button {position:absolute;right:0;top:25px;max-width:190px;margin:0;}
 .line-immersive .product-hero-model .viewer-canvas-wrap {left:3%;right:3%;top:calc(var(--site-header-height) + 195px);bottom:222px;height:auto;}
 .line-immersive .viewer-applications {left:4%;right:4%;bottom:160px;}
 .line-immersive .viewer-explanation {left:4%;right:4%;bottom:60px;min-height:80px;}
 .line-immersive .viewer-modes {left:4%;right:4%;width:auto;bottom:12px;}
}
@media(max-width:500px){
 .site-page main > .product-hero.line-immersive:first-child {min-height:740px;}
 .line-immersive h1 {font-size:54px;}
 .line-immersive h2 {font-size:18px;max-width:270px;}
 .line-immersive .button {top:24px;font-size:11px;padding:13px 10px;max-width:145px;}
 .line-immersive .viewer-applications {gap:5px;bottom:166px;}
 .viewer-applications button {font-size:12px;min-height:50px;gap:5px;}
 .viewer-applications button span {display:none;}
 .line-immersive .viewer-explanation h3 {font-size:20px;}
 .line-immersive .viewer-explanation p {font-size:11px;}
 .line-immersive .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 174px);bottom:227px;}
}
@media(min-width:901px){
 .line-immersive .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 36px);bottom:85px;left:31%;right:1%;height:auto;}
 .line-immersive .viewer-applications {left:4%;right:4%;bottom:18px;}
 .line-immersive .viewer-modes {top:calc(var(--site-header-height) + 2px);bottom:auto;right:4%;width:32%;}
 .line-immersive .viewer-explanation {left:4%;right:auto;width:27%;bottom:90px;}
 .line-immersive .viewer-explanation h3 {display:none;}
 .line-immersive .viewer-explanation p {font-size:12px;}
 .line-immersive .page-intro {font-size:14px;}
}
html.solution-leaving .solution-panel-copy,html.solution-leaving .solution-selector,html.solution-leaving .solution-stage-heading,html.solution-leaving .solution-scroll-hint,html.solution-leaving .solution-orbit{opacity:0;transition:opacity .24s ease;pointer-events:none}
html.solution-arrival-reveal main {animation:solution-content-in .65s ease both}
html.solution-arrival-reveal [data-arrival-part] {animation:solution-copy-in .65s cubic-bezier(.22,.7,.2,1) both;animation-delay:var(--arrival-delay,80ms)}
.solution-model-arriving {animation:solution-model-in .85s cubic-bezier(.22,.7,.2,1) both;transform-origin:center}
@keyframes solution-content-in {from{opacity:0}to{opacity:1}}
@keyframes solution-copy-in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes solution-model-in {from{transform:scale(1.08)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html.solution-arrival-reveal main,html.solution-arrival-reveal [data-arrival-part],.solution-model-arriving{animation:none!important}
html.solution-leaving .solution-panel-copy{transition:none}}
@media(max-width:500px){
 .site-page main > .product-hero.line-immersive:first-child {height:100svh;min-height:640px;}
 .line-immersive .breadcrumbs,.line-immersive .eyebrow,.line-immersive .product-hero-grid > div:first-child .button {display:none;}
 .site-page .line-immersive .product-hero-grid > div:first-child {top:calc(var(--site-header-height) + 16px);}
 .site-page .line-immersive h1 {font-size:54px;margin:0;}
 .site-page .line-immersive h2 {font-size:16px;margin:10px 0 0;max-width:none;}
 .line-immersive .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 102px);bottom:174px;}
 .line-immersive .viewer-applications {bottom:120px;}
 .line-immersive .viewer-explanation {bottom:44px;min-height:64px;}
 .line-immersive .viewer-explanation h3 {font-size:17px;margin-bottom:4px;}
 .line-immersive .viewer-explanation p {font-size:10px;line-height:1.5;}
 .line-immersive .viewer-modes {bottom:3px;}
}
@media(min-width:501px) and (max-width:900px){
 .site-page main > .product-hero.line-immersive:first-child {height:100svh;min-height:640px;}
 .line-immersive .breadcrumbs,.line-immersive .eyebrow,.line-immersive .product-hero-grid > div:first-child .button {display:none;}
 .site-page .line-immersive .product-hero-grid > div:first-child {top:calc(var(--site-header-height) + 16px);}
 .site-page .line-immersive h1 {font-size:64px;margin:0;}
 .site-page .line-immersive h2 {font-size:20px;margin:10px 0 0;max-width:none;}
 .line-immersive .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 130px);bottom:186px;}
 .line-immersive .viewer-applications {bottom:120px;}
 .line-immersive .viewer-explanation {bottom:44px;min-height:64px;}
 .line-immersive .viewer-explanation h3 {font-size:20px;margin-bottom:4px;}
 .line-immersive .viewer-explanation p {font-size:11px;line-height:1.5;}
 .line-immersive .viewer-modes {bottom:3px;}
}

/* Construction choices are distinct from the application switcher in the hero. */
.viewer-structures {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;}
.viewer-structures button {text-align:left;font:inherit;font-size:14px;line-height:1.35;min-height:78px;padding:14px 18px;background:#fff;border:1px solid #c7d3dc;color:#152641;cursor:pointer;}
.viewer-structures button>span {display:block;font-size:10px;margin-bottom:9px;color:#708393;}
.viewer-structures button[aria-pressed=true] {background:#0030cf;color:#fff;border-color:#0030cf;}
.viewer-structures button[aria-pressed=true]>span {color:#becdff;}
.viewer-structures button:hover:not([aria-pressed=true]) {background:#edf3f8;}
.viewer-structures button:focus-visible {outline:3px solid #8dabff;outline-offset:3px;}
.product-viewer[data-model=line-structure] .viewer-canvas-wrap {height:520px;}
.product-viewer[data-model=line-structure] .viewer-explanation {min-height:90px;}
.viewer-pocket-levels {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
.viewer-pocket-levels[hidden] {display:none;}
.viewer-pocket-levels a {display:grid;gap:12px;padding:22px;background:#eef3f7;color:#152641;text-decoration:none;border:1px solid #c7d3dc;}
.viewer-pocket-levels a:last-child {background:#0030cf;color:#fff;border-color:#0030cf;}
.viewer-pocket-levels a>span {font-size:12px;}
.viewer-pocket-levels strong {font-weight:400;font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em;}
.product-hero-model .viewer-structures {grid-template-columns:repeat(2,minmax(0,1fr));}
.product-viewer[data-ready=fallback] .viewer-structures {display:none;}
@media(max-width:760px){
 .viewer-structures {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 .viewer-structures button {font-size:12px;min-height:74px;padding:12px;}
 .product-viewer[data-model=line-structure] .viewer-canvas-wrap {height:360px;}
 .viewer-pocket-levels {gap:8px;}
 .viewer-pocket-levels a {padding:15px;}
 .viewer-pocket-levels strong {font-size:23px;line-height:1.15;}
}

/* No surface at the top; frosted glass appears once the page scrolls. */
.site-page .header.tonal-surface,.site-page .header.tonal-surface.past-hero {
 background:transparent;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 box-shadow:none;
 border-bottom-color:transparent;
 transition:background-color .2s ease,border-color .2s ease;
 transform:translateZ(0);
}
.site-page .header.tonal-surface.is-scrolled {
 background:rgba(237,243,248,.78);
 backdrop-filter:blur(20px) saturate(110%);
 -webkit-backdrop-filter:blur(20px) saturate(110%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
 border-bottom-color:rgba(174,191,206,.38);
}
@media(prefers-reduced-motion:reduce){.site-page .header.tonal-surface{transition:none;}}
.site-page:has(.line-immersive) .header,
.site-page:has(.line-immersive) main>.section,
.site-page:has(.line-immersive) .page-index {padding-left:4%;padding-right:4%;}
.line-construction-heading {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:end;gap:40px;margin-bottom:44px;}
.line-construction-heading h2 {margin:0;line-height:1.06;}
.line-construction-heading>div>p {margin:24px 0 0;color:#586b7a;font-size:18px;line-height:1.55;max-width:570px;}
.line-construction-heading>p {margin:0;font-size:14px;line-height:1.65;max-width:400px;justify-self:end;}
.line-construction>.product-viewer {margin-bottom:44px;}
.line-construction .viewer-explanation {padding:24px 0 0;}
.line-construction .viewer-explanation p {font-size:14px;line-height:1.65;max-width:760px;}
.line-construction .viewer-pocket-levels {margin-top:24px;}
@media(max-width:760px){
 .line-construction-heading {grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:28px;}
 .line-construction-heading>div>p {font-size:16px;margin-top:20px;line-height:1.6;}
 .line-construction-heading>p {justify-self:start;font-size:13px;margin:0;}
 .line-construction .viewer-explanation p {font-size:12px;}
 .line-construction>.product-viewer {margin-bottom:28px;}
}

/* Standalone Line landing: one decision per section, no object photography. */
.line-kicker {color:#0030cf;margin-bottom:36px;}
.line-landing-hero h2 {max-width:340px;font-size:clamp(21px,2.2vw,34px);line-height:1.15;letter-spacing:-.04em;}
.line-landing-hero .page-intro {max-width:350px;line-height:1.65;}
.line-hero-note {font-size:11px;color:#586b7a;margin-top:12px;}
.line-value-strip {display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #d9e2e9;}
.line-value-strip>div>span {display:block;font-size:9px;color:#0030cf;letter-spacing:1px;margin-bottom:24px;}
.line-value-strip h2 {font-size:clamp(28px,3.5vw,52px);}
.line-value-strip p {font-size:16px;line-height:1.7;color:#586b7a;max-width:560px;}
.line-value-strip p+p {margin-top:20px;}
.line-principle-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;}
.line-principle-steps button,.line-placement-controls button {min-height:64px;padding:15px;background:white;border:1px solid #b8c8d5;font:inherit;font-size:14px;line-height:1.3;text-align:left;}
.line-principle-steps button>span {display:block;font-size:10px;margin-bottom:8px;}
.line-principle-steps button[aria-pressed=true] {background:#c3f84a;border-color:#c3f84a;color:#152641;}
.line-principle [data-line-principle] .viewer-canvas-wrap {height:440px;}
.line-principle .viewer-explanation {max-width:800px;min-height:110px;}
.line-principle .viewer-explanation p {font-size:15px;line-height:1.6;}
.line-placement-controls {display:grid;grid-template-columns:1.3fr 1fr;gap:32px;margin:26px 0;}
.line-placement-controls>div>span,.line-placement-controls label {display:block;font-size:12px;color:#586b7a;margin-bottom:12px;}
.line-placement-controls [role=group] {display:flex;gap:8px;}
.line-placement-controls button {flex:1;}
.line-placement-controls button[aria-pressed=true] {background:#0030cf;color:white;border-color:#0030cf;}
.line-placement-controls select {height:64px;width:100%;font-size:14px;border:1px solid #b8c8d5;padding:14px;background:white;color:#152641;}
.line-placement-controls select:disabled {opacity:1;color:#6b7e8d;background:#f4f7fa;}
.line-criteria {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:44px;}
.line-criteria article {border-top:1px solid #bdcbd7;padding-top:24px;}
.line-criteria h3 {font-size:23px;letter-spacing:-.04em;margin-bottom:16px;}
.line-criteria p {font-size:14px;color:#586b7a;line-height:1.65;}
.line-level-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.line-level-grid article {padding:26px 20px;border:1px solid #c7d3dc;display:flex;flex-direction:column;align-items:flex-start;}
.line-level-grid article:has([aria-pressed=true]) {background:#f0f6fd;border-color:#0030cf;}
.line-level-grid h3 {font-size:clamp(23px,2.2vw,34px);letter-spacing:-.04em;margin:28px 0 12px;}
.line-level-grid p {font-size:13px;color:#586b7a;line-height:1.6;margin-bottom:24px;}
.line-level-grid p.line-level-sub {min-height:44px;color:#152641;font-size:15px;margin-bottom:16px;}
.line-level-grid button {width:100%;margin-top:auto;min-height:46px;background:white;color:#0030cf;border:1px solid #0030cf;padding:10px;font:inherit;font-size:12px;}
.line-level-grid button[aria-pressed=true] {background:#0030cf;color:white;}
.line-level-grid .plain-link {margin-top:18px;font-size:12px;}
.line-level-decision {display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin-top:26px;}
.line-level-decision p {font-size:14px;color:#586b7a;}
.line-level-decision .plain-link {font-size:13px;}
.line-pocket-action {margin-top:32px;padding:26px;border:1px solid #b8c8d5;}
.line-pocket-action label {display:flex;align-items:center;gap:14px;font-size:22px;line-height:1.3;cursor:pointer;}
.line-pocket-action input {width:22px;height:22px;flex:none;accent-color:#0030cf;}
.line-pocket-action p {font-size:14px;margin:14px 0 0 36px;color:#586b7a;line-height:1.6;}
.line-document-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0;}
.line-document-grid article {border:1px solid #c7d3dc;border-top:4px solid #0030cf;padding:30px;}
.line-document-grid article>span {font-size:10px;color:#0030cf;letter-spacing:.8px;}
.line-document-grid h3 {font-size:clamp(22px,2.4vw,32px);letter-spacing:-.04em;line-height:1.15;margin:48px 0 22px;}
.line-document-grid p {font-size:14px;color:#586b7a;line-height:1.7;}
.line-note {font-size:12px;color:#586b7a;line-height:1.6;margin-top:16px;}
.line-delivery-grid {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;margin:0;padding:0;}
.line-delivery-grid li {border-top:1px solid #b8c8d5;padding-top:24px;display:flex;flex-direction:column;}
.line-delivery-grid li>span {color:#0030cf;font-size:13px;}
.line-delivery-grid h3 {font-size:27px;margin:22px 0 16px;letter-spacing:-.04em;}
.line-delivery-grid p {font-size:14px;line-height:1.7;color:#586b7a;margin-bottom:28px;}
.line-delivery-grid strong {font-size:13px;font-weight:500;margin-top:auto;color:#0030cf;line-height:1.5;}
.line-cost {background:#f5f8fb;}
.line-cost>h3 {font-size:23px;margin-bottom:24px;}
.line-cost-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.line-cost-grid article {border-top:1px solid #b8c8d5;padding-top:22px;}
.line-cost-grid h4 {font-size:19px;font-weight:500;margin:0 0 14px;}
.line-cost-grid p,.line-cost-result {font-size:14px;line-height:1.7;color:#586b7a;}
.line-cost-result {max-width:700px;margin:36px 0 24px;}
.line-final {background:#eef3f8;}
.line-brief-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 36px;}
.line-brief-summary>div {padding-top:20px;border-top:1px solid #b8c8d5;}
.line-brief-summary dt {font-size:11px;color:#586b7a;margin-bottom:12px;}
.line-brief-summary dd {font-size:17px;line-height:1.4;margin:0;}
.line-final-actions {display:flex;gap:12px;flex-wrap:wrap;}
.line-final-actions .button {font-size:14px;}
@media(min-width:901px){
 .line-landing-hero .product-hero-grid>div:first-child {width:30%;}
 .line-landing-hero h1 {font-size:clamp(72px,8vw,120px);}
 .line-landing-hero .page-intro {font-size:13px;}
 .line-landing-hero .viewer-explanation {bottom:90px;}
 .line-landing-hero .viewer-explanation p {font-size:11px;}
 .line-landing-hero .button {padding:14px 16px;font-size:12px;}
}
@media(max-width:1000px){.line-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.line-document-grid{gap:12px;}.line-document-grid article{padding:22px;}.line-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){
 .site-page main>.line-landing-hero.product-hero:first-child {min-height:880px;height:100svh;}
 .site-page .line-landing-hero .product-hero-grid>div:first-child {top:calc(var(--site-header-height) + 18px);}
 .line-landing-hero h1 {font-size:52px;}
 .line-landing-hero h2 {font-size:22px;max-width:550px;}
 .line-landing-hero .page-intro {display:block;font-size:12px;line-height:1.5;max-width:550px;margin-top:12px;}
 .line-landing-hero .line-hero-note {font-size:10px;margin-top:10px;}
 .site-page .line-landing-hero .product-hero-grid>div:first-child .button {display:inline-flex;position:static;max-width:none;margin-top:16px;padding:13px 16px;}
 .line-landing-hero .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 290px);bottom:178px;}
 .line-landing-hero .viewer-applications {bottom:120px;}
 .line-landing-hero .viewer-explanation {bottom:44px;}
 .line-landing-hero .viewer-modes {bottom:3px;}
 .line-hero-note{max-width:350px;}
 .line-value-strip {gap:32px;}
 .line-value-strip p{font-size:14px;}
 .line-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
 .line-landing-hero h2 {font-size:20px;max-width:350px;}
 .line-landing-hero .page-intro {max-width:350px;}
 .line-landing-hero .viewer-explanation p{font-size:11px;}
 .line-value-strip,.line-placement-controls,.line-document-grid,.line-delivery-grid {grid-template-columns:1fr;}
 .line-kicker {margin-bottom:26px;}
 .line-principle-steps{grid-template-columns:1fr 1fr;}
 .line-principle-steps button{font-size:12px;}
 .line-principle [data-line-principle] .viewer-canvas-wrap{height:330px;}
 .line-principle .viewer-explanation p{font-size:13px;}
 .line-criteria {grid-template-columns:1fr;gap:24px;}
 .line-level-grid{gap:8px;}
 .line-level-grid article{padding:20px 12px;}
 .line-level-grid h3{font-size:25px;}
 .line-level-grid p{font-size:12px;}
 .line-level-grid p.line-level-sub{font-size:13px;min-height:62px;}
 .line-pocket-action {padding:20px 14px;}
 .line-pocket-action label{font-size:18px;align-items:flex-start;}
 .line-pocket-action p{margin-left:0;font-size:13px;}
 .line-document-grid h3{margin-top:28px;}
 .line-brief-summary{grid-template-columns:1fr 1fr;gap:20px;}
 .line-brief-summary dd{font-size:14px;}
 .line-final-actions .button{width:100%;}
 .line-cost-grid{gap:24px 18px;}.line-cost-grid h4{font-size:17px;}.line-cost-grid p{font-size:12px;}
}
@media(min-width:901px){
 .line-landing-hero .viewer-explanation {left:36%;right:4%;width:auto;bottom:90px;}
 .line-landing-hero .product-hero-model .viewer-canvas-wrap {bottom:175px;}
}
.line-level-decision [hidden] {display:none;}
@media(max-width:900px){
 .site-page .line-landing-hero h1 {font-size:54px;line-height:1.05;}
 .site-page .line-landing-hero h2 {font-size:20px;line-height:1.2;margin-top:12px;}
 .site-page .line-landing-hero .page-intro {font-size:12px;line-height:1.5;margin-top:12px;}
 .site-page .line-landing-hero .line-hero-note {font-size:10px;line-height:1.4;margin-top:10px;}
 .site-page .line-landing-hero .product-hero-model .viewer-canvas-wrap {top:calc(var(--site-header-height) + 315px);}
}
/* Let the introductory copy take its natural height on narrow screens. */
@media(max-width:900px){
 .site-page main>.product-hero.line-landing-hero:first-child {height:auto;min-height:100svh;padding:calc(var(--site-header-height) + 24px) 4% 24px;}
 .line-landing-hero .product-hero-grid {position:relative;display:block;}
 .site-page .line-landing-hero .product-hero-grid>div:first-child {position:relative;inset:auto;width:100%;}
 .line-landing-hero .product-hero-model {position:relative;inset:auto;width:100%;height:500px;margin:28px 0 0;}
 .site-page .line-landing-hero .product-hero-model .viewer-canvas-wrap {top:0;left:0;right:0;bottom:auto;height:310px;}
 .line-landing-hero .viewer-applications,.line-landing-hero .viewer-explanation,.line-landing-hero .viewer-modes {left:0;right:0;}
 .line-landing-hero .viewer-applications {bottom:132px;}
 .line-landing-hero .viewer-explanation {bottom:56px;}
}
@media(min-width:761px){
 .configuration-result {top:calc(var(--site-header-height,85px) + 20px);max-height:calc(100svh - var(--site-header-height,85px) - 40px);overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;}
}

/* Shared branded select. The hidden native control remains the form source. */
.custom-select {position:relative;min-width:0;width:100%;}
.custom-select select[hidden] {display:none!important;}
.site-page .custom-select .custom-select-trigger {display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:54px;padding:16px 18px;border:1px solid #b8c8d5;border-radius:3px;background:#fff;color:#152641;font:inherit;font-size:14px;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s;}
.custom-select-trigger>span:first-child {min-width:0;overflow-wrap:anywhere;}
.site-page .custom-select .custom-select-trigger:hover:not(:disabled) {border-color:#0030cf;}
.site-page .custom-select.is-open .custom-select-trigger {border-color:#0030cf;box-shadow:0 0 0 3px #0030cf0d;}
.site-page .custom-select .custom-select-trigger:focus-visible {outline:2px solid #0030cf;outline-offset:3px;}
.site-page .custom-select .custom-select-trigger:disabled {background:#f4f7fa;border-color:#d4dfe7;color:#728696;cursor:default;}
.custom-select-chevron {width:8px;height:8px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s;}
.is-open .custom-select-chevron {transform:rotate(225deg);}
.custom-select-options {position:absolute;z-index:25;left:0;right:0;top:calc(100% + 8px);padding:6px;background:#fff;border:1px solid #c5d2dd;border-radius:4px;box-shadow:0 14px 35px #1526411c;overflow-y:auto;overscroll-behavior-y:contain;}
.custom-select-options[hidden] {display:none;}
.custom-select[data-side=up] .custom-select-options {top:auto;bottom:calc(100% + 8px);}
.custom-select-option {position:relative;padding:14px 34px 14px 14px;min-height:46px;font-size:14px;line-height:1.4;color:#152641;cursor:pointer;border-radius:2px;}
.custom-select-option:hover,.custom-select-option.is-active {background:#edf3fa;}
.custom-select-option[aria-selected=true] {color:#0030cf;background:#edf3ff;}
.custom-select-option[aria-selected=true]::after {content:'';position:absolute;right:15px;top:19px;width:6px;height:10px;border-right:2px solid #0030cf;border-bottom:2px solid #0030cf;transform:rotate(45deg);}
.custom-select-option[aria-disabled=true] {color:#8c9ba8;cursor:default;}
.line-placement-controls .custom-select-trigger {height:64px;}
@media(prefers-reduced-motion:reduce){.custom-select-trigger,.custom-select-chevron{transition:none!important;}}

/* Final decision has more room between the promise, brief and actions. */
.site-page main>.line-final {padding-top:clamp(90px,9vw,150px);padding-bottom:clamp(90px,9vw,150px);}
.line-final .line-kicker {margin-bottom:42px;}
.line-final .section-heading {margin-bottom:64px;gap:48px;}
.line-final .line-brief-summary {gap:32px;margin-bottom:52px;}
.line-final .line-brief-summary>div {padding-top:24px;}
.line-final .line-brief-summary dt {margin-bottom:18px;}
.line-final-actions {gap:18px;}
.line-final-actions .button {min-height:58px;padding:18px 26px;}
.site-page .line-final-actions [data-line-contact] {background:#c3f84a;border-color:#c3f84a;color:#152641;}
.site-page .line-final-actions [data-line-contact]:hover {background:#b3e63d;border-color:#b3e63d;}
.line-final .line-note {margin-top:24px;}
@media(max-width:600px){
 .site-page main>.line-final {padding-top:72px;padding-bottom:80px;}
 .line-final .line-kicker {margin-bottom:28px;}
 .line-final .section-heading {margin-bottom:40px;gap:24px;}
 .line-final .line-brief-summary {gap:28px 20px;margin-bottom:40px;}
 .line-final-actions {gap:12px;}
 .line-final-actions .button {min-height:56px;padding:16px 18px;}
}

/* Shared editorial grid: copy starts on the same column throughout Line. */
.site-page:not(.home-page) {--line-grid-gap:24px;}
.site-page:not(.home-page) .section-heading {
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--line-grid-gap);align-items:start;
}
.site-page:not(.home-page) .section-heading>:first-child {grid-column:1 / span 2;min-width:0;}
.site-page:not(.home-page) .section-heading>p {
 grid-column:3 / span 2;max-width:560px;width:100%;justify-self:start;margin:0;padding-top:8px;font-size:15px;line-height:1.7;
}
.site-page:not(.home-page) .line-value-strip {gap:24px;}

.line-engineer-choice {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin-bottom:28px;border-top:1px solid #c7d3dc;border-bottom:1px solid #c7d3dc;}
.line-engineer-choice h3 {font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;}
.line-engineer-choice p {font-size:14px;line-height:1.6;color:#586b7a;margin:0;}
.line-engineer-choice button {flex:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;border:1px solid #9cbd51;background:#fff;color:#152641;font:inherit;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s;}
.line-engineer-choice button span {visibility:hidden;}
.line-engineer-choice button[aria-pressed=true] {background:#c3f84a;border-color:#c3f84a;}
.line-engineer-choice button[aria-pressed=true] span {visibility:visible;}
.line-engineer-choice button:hover {background:#eaf9c8;border-color:#9cbd51;}
.line-level-grid button {cursor:pointer;font-size:14px;min-height:50px;}
.line-level-grid button:not([aria-pressed=true]):hover {background:#eef3ff;}
.line-level-decision {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;min-height:48px;align-items:start;}
.line-level-decision p {line-height:1.65;margin:0;}
.line-level-decision a {justify-self:end;}
@media(max-width:760px){
 .site-page:not(.home-page) .section-heading {grid-template-columns:minmax(0,1fr);gap:24px;}
 .site-page:not(.home-page) .section-heading>:first-child,
 .site-page:not(.home-page) .section-heading>p {grid-column:1;}
 .site-page:not(.home-page) .section-heading>p {font-size:14px;padding-top:0;max-width:560px;}
 .line-engineer-choice {align-items:flex-start;flex-direction:column;gap:20px;}
 .line-engineer-choice button {width:100%;}
 .line-level-decision {grid-template-columns:1fr;gap:14px;}
 .line-level-decision a {justify-self:start;}
}

.site-page:not(.home-page) .line-level-grid {gap:24px;}
.line-level-decision {display:flex;justify-content:flex-end;min-height:0;}
.line-selection-announcement {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.line-final .line-brief-summary {column-gap:24px;}
@media(max-width:600px){
 .site-page:not(.home-page) .line-level-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
 .line-level-grid article {padding:24px;}
 .line-level-grid h3 {font-size:30px;margin-top:24px;}
 .line-level-grid p {font-size:14px;}
 .line-level-grid p.line-level-sub {font-size:15px;min-height:0;}
 .line-level-grid .plain-link {font-size:14px;}
 .line-level-decision {justify-content:flex-start;}
}

/* All Line layouts derive from the same twelve-column grid (2/3/4 subdivisions). */
.site-page:not(.home-page) :is(.requirements,.line-value-strip,.line-placement-controls) {
 grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--line-grid-gap);
}
.site-page:not(.home-page) :is(.line-level-grid,.line-document-grid,.line-delivery-grid,.line-cost-grid,.line-criteria,.line-principle-steps,.line-brief-summary,.site-footer) {
 column-gap:var(--line-grid-gap);
}
.site-page:not(.home-page) .requirements>ol {min-width:0;}
.site-page:not(.home-page) .requirements .number-list li {grid-template-columns:32px minmax(0,1fr);gap:16px;}
@media(max-width:1100px) and (min-width:601px){
 .site-page:not(.home-page) .line-level-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
 .site-page:not(.home-page) :is(.requirements,.line-value-strip,.line-placement-controls) {grid-template-columns:minmax(0,1fr);row-gap:32px;}
}
@media(max-width:600px){
 .site-page:not(.home-page) {--line-grid-gap:16px;}
 .site-page:not(.home-page) .section-heading {gap:24px;}
}

/* Footer uses the same four equal columns as the content grid. */
.site-page .site-footer {grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;padding-left:4%;padding-right:4%;}
.site-page .site-footer>div {min-width:0;}
.site-footer .footer-pending {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:13px;font-size:13px;line-height:1.4;}
.site-footer .footer-group + .footer-group {margin-top:32px;}
.site-page .site-footer .brand,.site-page .site-footer .brand-image {max-width:100%;}
.site-page .site-footer .footer-bottom {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;}
.site-page .site-footer .footer-bottom>span:last-child {grid-column:3 / span 2;}
@media(max-width:760px){
 .site-page .site-footer {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-page .site-footer .footer-intro {grid-column:1 / -1;}
 .site-page .site-footer .footer-company {grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start;}
 .site-footer .footer-company .footer-group {min-width:0;margin:0;}
 .site-footer .footer-pending {margin:0;padding:8px 0;}
 .site-page .site-footer .footer-bottom {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-page .site-footer .footer-bottom>span:last-child {grid-column:2;}
}
@media(max-width:600px){
 .site-page .site-footer,.site-page .site-footer .footer-bottom,.site-page .site-footer .footer-company {column-gap:16px;}
}

.contour-viewer-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--line-grid-gap,24px);margin:24px 0;}
.contour-viewer-options button {font:inherit;font-size:16px;text-align:left;background:#fff;border:1px solid #b8c8d5;color:#152641;padding:20px 24px;min-height:76px;cursor:pointer;}
.contour-viewer-options button>span {display:block;font-size:10px;margin-bottom:10px;}
.contour-viewer-options button[aria-pressed=true] {background:#0030cf;border-color:#0030cf;color:#fff;}
.contour-viewer-options button:hover:not([aria-pressed=true]) {background:#eef3ff;}
.contour-access .viewer-canvas-wrap {height:520px;}
.contour-access .viewer-explanation {padding-top:24px;max-width:760px;}
.site-page .line-final-actions [data-contour-contact] {background:#c3f84a;border-color:#c3f84a;color:#152641;}
.site-page .line-final-actions [data-contour-contact]:hover {background:#b3e63d;border-color:#b3e63d;}
.site-page:not(.home-page) .line-brief-summary {grid-template-columns:repeat(4,minmax(0,1fr));}
@media(min-width:901px){
 .contour-landing-hero .viewer-explanation {left:calc(50% + 12px);right:4%;}
 .contour-landing-hero .viewer-explanation p {font-size:13px;line-height:1.6;}
}
/* Keep the object visible in the first mobile screen; details follow the scene. */
@media(max-width:900px){
 .site-page:not(.home-page) .line-brief-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
 .site-page .contour-landing-hero .page-intro,
 .site-page .contour-landing-hero .line-hero-note,
 .site-page .contour-landing-hero .product-hero-grid>div:first-child .button {display:none;}
 .site-page .contour-landing-hero h2 {font-size:20px;max-width:550px;}
 .contour-landing-hero .product-hero-model {height:auto;margin-top:16px;}
 .contour-landing-hero .product-viewer {position:relative;inset:auto;display:grid;gap:16px;}
 .site-page .contour-landing-hero .product-hero-model .viewer-canvas-wrap {position:relative;inset:auto;height:clamp(240px,38svh,400px);grid-row:1;}
 .contour-landing-hero .viewer-applications {position:relative;inset:auto;grid-row:2;margin:0;gap:8px;}
 .contour-landing-hero .viewer-applications button {min-height:60px;padding:10px 6px;font-size:12px;line-height:1.35;}
 .contour-landing-hero .viewer-explanation {position:relative;inset:auto;grid-row:3;min-height:0;padding:0;}
 .contour-landing-hero .viewer-explanation h3 {font-size:19px;line-height:1.25;}
 .contour-landing-hero .viewer-explanation p {font-size:13px;line-height:1.6;}
 .contour-landing-hero .viewer-modes {position:relative;inset:auto;grid-row:4;width:100%;}
 .contour-landing-hero .viewer-modes button {min-height:44px;font-size:12px;}
}
@media(max-width:760px){
 .site-page:not(.home-page) .line-document-grid {grid-template-columns:minmax(0,1fr);}
 .site-page:not(.home-page) .line-document-grid h3 {margin-top:28px;}
}
@media(max-width:600px){
 .site-page:not(.home-page) .line-brief-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
 .contour-viewer-options button {font-size:14px;padding:16px 12px;}
 .contour-access .viewer-canvas-wrap {height:360px;}
}

/* Shared inner-page axes: Line is the reference; the homepage keeps its own layout. */
.site-page:not(.home-page) .header,
.site-page:not(.home-page) main>:is(.section,.page-hero,.page-index),
.site-page:not(.home-page) main>.product-hero:not(.line-immersive) {padding-left:4%;padding-right:4%;}
.site-page:not(.home-page) .header nav.open {padding-left:4%;padding-right:4%;}
.site-page:not(.home-page) :is(.spec-grid,.inquiry-section,.approach-content,.material-story,.critical-split,.engineering-explainer,.finish-construction,.project-description,.configurator) {
 grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--line-grid-gap,24px);
}
.site-page:not(.home-page) .product-hero:not(.line-immersive) .product-hero-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--line-grid-gap,24px);}
@media(max-width:760px){
 .site-page:not(.home-page) :is(.spec-grid,.inquiry-section,.approach-content,.material-story,.critical-split,.engineering-explainer,.finish-construction,.project-description,.configurator),
 .site-page:not(.home-page) .product-hero:not(.line-immersive) .product-hero-grid {grid-template-columns:minmax(0,1fr);row-gap:32px;}
}

@media(min-width:761px){
 .site-page:not(.home-page) .page-hero>.page-intro {width:calc((100% - 24px)/2);max-width:none;margin-left:calc((100% + 24px)/2);margin-right:0;}
}

.site-page:not(.home-page) .annotation-label>span:last-child {min-width:0;overflow-wrap:anywhere;hyphens:auto;}

/* Solution catalog uses the same axes as the detail pages. */
.solutions-page>:is(.section,.page-hero) {padding-left:4%;padding-right:4%;}
.solutions-page .section-heading {margin-bottom:48px;}
.solutions-page .section>.eyebrow {margin:0 0 34px;color:#0030cf;font-size:10px;letter-spacing:.08em;}
.solution-comparison-list>article {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--line-grid-gap);padding:40px 0;border-top:1px solid #c9d4de;}
.solution-comparison-list h3 {font-size:clamp(30px,3vw,48px);margin:20px 0 12px;font-weight:400;}
.solution-comparison-list h3 a {text-decoration:none;}
.solution-comparison-list h3 a span {font-size:24px;color:#0030cf;}
.solution-comparison-list p,.solution-comparison-list dd,.solution-choice-steps p {color:#586b7a;font-size:16px;line-height:1.7;}
.solution-comparison-list dl {display:grid;gap:24px;margin:0;}
.solution-comparison-list dt {font-size:12px;color:#586b7a;margin-bottom:10px;}
.solution-comparison-list dd {margin:0;}
.solution-choice-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--line-grid-gap);}
.solution-choice-steps article {display:flex;flex-direction:column;align-items:start;border-top:1px solid #c9d4de;padding-top:24px;min-width:0;}
.solution-choice-steps h3 {font-size:28px;line-height:1.2;margin:28px 0 16px;}
.solution-choice-steps .plain-link {margin-top:auto;}
.solution-choice-steps p {margin-bottom:28px;}
.solution-actions {display:flex;flex-direction:column;align-items:start;gap:24px;}
.solution-engineer {background:#c3f84a;border-color:#c3f84a;color:#152641;}
.solution-engineer:hover {background:#b3e63d;border-color:#b3e63d;}
@media(max-width:760px){
 .solution-comparison-list>article,.solution-choice-steps {grid-template-columns:minmax(0,1fr);gap:28px;}
 .solution-comparison-list>article {padding:32px 0;}
 .solution-comparison-list h3 {margin-top:16px;}
 .solution-comparison-list p,.solution-comparison-list dd,.solution-choice-steps p {font-size:15px;}
 .solution-choice-steps {gap:40px;}
 .solutions-page .contact-banner {gap:32px;}
}

/* Customer decisions precede engineering controls, on the same page grid. */
.site-page .buyer-value {padding-left:4%;padding-right:4%;background:#f4f7f9;}
.buyer-value>.eyebrow {margin:0 0 34px;color:#0030cf;font-size:10px;letter-spacing:.08em;}
.buyer-value .section-heading {margin-bottom:48px;}
.buyer-value-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--line-grid-gap,24px);}
.buyer-value-grid article {min-width:0;padding-top:24px;border-top:1px solid #bacbd8;}

.buyer-value-grid h3 {font-size:clamp(22px,1.8vw,30px);font-weight:500;line-height:1.22;min-height:2.44em;margin:28px 0 16px;}
.buyer-value-grid p {font-size:16px;line-height:1.7;color:#586b7a;margin:0;max-width:46ch;}
.buyer-hero-actions {display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-top:32px;}
.buyer-hero-actions .plain-link {align-self:center;}
.buyer-hero-actions p {flex-basis:100%;margin:0;font-size:13px;line-height:1.6;color:#586b7a;}
.site-page .line-landing-hero [data-line-contact],.site-page .line-landing-hero [data-contour-contact] {background:#c3f84a;border-color:#c3f84a;color:#152641;}
.site-page .line-landing-hero [data-line-contact]:hover,.site-page .line-landing-hero [data-contour-contact]:hover {background:#b3e63d;border-color:#b3e63d;}
.site-page .local-final-actions [data-local-config],.site-page .local-final-actions [data-roof-config] {background:transparent;color:#152641;border:1px solid #aebfce;}
@media(min-width:761px){.solutions-page .buyer-hero-actions {width:calc((100% - 24px)/2);margin-left:calc((100% + 24px)/2);}}

@media(max-width:760px){.buyer-value-grid {grid-template-columns:minmax(0,1fr);gap:32px;}.buyer-value-grid article:last-child {grid-column:auto;}.buyer-value-grid h3 {font-size:26px;min-height:0;margin-top:20px;}.buyer-value-grid p {font-size:15px;}.buyer-hero-actions {gap:22px;}.buyer-hero-actions .button {width:100%;}.buyer-hero-actions p {font-size:12px;}.buyer-value .section-heading {margin-bottom:32px;}}

/* A wrapped catalog needs the same fixed-header offset as other inner pages. */
.site-page:not(.home-page) .solutions-page>.page-hero {padding-top:calc(var(--site-header-height,85px) + 30px);}
@media(max-width:760px){.site-page:not(.home-page) .solutions-page>.page-hero {padding-top:calc(var(--site-header-height,114px) + 24px);}}
@media(max-width:900px){
 .site-page .contour-landing-hero .product-hero-grid>div:first-child [data-contour-contact] {display:inline-flex;margin-top:16px;min-height:48px;}
}

/* Contact details stay visible alongside navigation and the inquiry action. */
.site-page .header-contacts>*,.site-page .footer-contacts>* {white-space:nowrap;}
.site-page .footer-contacts {color:var(--ink);font-size:14px;line-height:1.5;}
@media(max-width:760px){
 .site-page .header,.site-page:not(.home-page) .header {display:grid;grid-template-columns:minmax(0,1fr) 42px;height:auto;gap:8px 12px;}
 .site-page .header .brand {grid-column:1;grid-row:1;}
 .site-page .header .menu-toggle {grid-column:2;grid-row:1;justify-self:end;margin:0;}
 .site-page .header-contacts {grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:8px 0 0;margin:0;border-top:1px solid #afbfce;font-size:11px;line-height:1.4;}
 .site-page .header-contacts>:nth-child(2) {font-size:11px;}
 .site-page .header-actions {grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);padding:0;margin:0;}
 .site-page .header-actions .header-cta {display:flex;min-height:42px;}
}

/* Company details and explicit inquiry consent. */
.site-footer .legal-links { display:flex; flex-wrap:wrap; gap:12px 24px; width:100%; }
.site-footer .legal-links a { margin:0; font-size:12px; line-height:1.6; }
.form-legal { margin:24px 0 28px; }
#inquiry-form .consent-control { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:12px; margin:0; font-size:14px; line-height:1.6; cursor:pointer; }
#inquiry-form .consent-control input { width:20px; height:20px; min-height:20px; margin:1px 0 0; padding:0; accent-color:var(--blue,#0033e7); cursor:pointer; }
.form-legal a { text-decoration:underline; text-underline-offset:3px; }
.form-legal .form-note { display:flex; flex-wrap:wrap; gap:8px 20px; margin:16px 0 0 32px; }
#inquiry-form > button[type=submit] { width:auto; min-width:240px; max-width:100%; min-height:56px; justify-content:center; text-align:center; font-size:14px; }
#inquiry-form > .form-note { max-width:48ch; margin-top:16px; }
@media(max-width:760px) { #inquiry-form > button[type=submit] { width:100%; min-width:0; } }
.requisites-list { max-width:1000px; margin:36px 0 0; }
.requisites-list > div { display:grid; grid-template-columns:minmax(180px,1fr) 2fr; gap:24px; padding:18px 0; border-top:1px solid var(--line); }
.requisites-list dt { color:var(--muted); }
.requisites-list dd { margin:0; overflow-wrap:anywhere; line-height:1.6; }
@media(max-width:600px) { .requisites-list > div { grid-template-columns:1fr; gap:6px; } .site-footer .legal-links { flex-direction:column; } }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.site-footer .footer-bottom .legal-links { grid-column:1/-1; }

/* Header contact strip: two centered columns. */
.site-page .header-contacts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; justify-items:center; gap:20px; text-align:center; }
.site-page .header-contacts > :nth-child(2) { font-size:12px; }
@media(max-width:760px) {
 .site-page .header-contacts { gap:12px; padding:8px 0 0; }
 .site-page .header-contacts > :nth-child(2) { font-size:11px; }
}

/* Mobile contacts live inside the expanded navigation. */
.menu-contacts { display:none; }
@media(max-width:760px) {
 .site-page .header > .header-contacts { display:none; }
 .site-page .header-actions { grid-row:2; }
 .site-page .header nav .menu-contacts { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:16px; padding:20px 0 8px; border-top:1px solid currentColor; font-size:14px; line-height:1.5; }
 .site-page .header nav .menu-contacts > * { color:inherit; }
}
.site-page .header nav .menu-inquiry { display:none; }
@media(max-width:760px) {
 .site-page .header > .header-actions { display:none; }
 .site-page .header nav .menu-inquiry { display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:16px; padding:12px 16px; background:#0030cf; color:#fff; border:0; border-radius:2px; }
 .site-page .header nav.open { max-height:calc(100dvh - 92px); overflow-y:auto; }
}
@keyframes shortcuts-reveal {from{opacity:0;transform:translateY(-7px);}to{opacity:1;transform:translateY(0);}}

/* Keep long implementation headings inside narrow mobile columns. */
@media(max-width:760px) {
 .site-page .workflow li { grid-template-columns:40px minmax(0,1fr); }
 .site-page .workflow li > div { min-width:0; }
 .site-page .workflow h2 { overflow-wrap:anywhere; hyphens:auto; }
}
@media(max-width:760px) {
 .table-wrap caption { width:calc(100vw - 8vw); max-width:100%; white-space:normal; }
 .table-wrap { scrollbar-width:thin; }
 .table-wrap::before { content:'Листайте таблицу вправо, чтобы увидеть все исполнения'; display:block; width:calc(100vw - 8vw); font-size:12px; line-height:1.5; color:var(--muted); margin:0 0 12px; white-space:normal; }
}
@media(max-width:760px) {
 .table-wrap caption,.table-wrap::before { position:sticky; left:0; }
}

/* Calls to action: navigation explains a level; it does not save a selection. */
:is(.line-level-grid,.local-level-grid) .level-detail {width:100%;margin-top:auto;min-height:50px;padding:12px;font-size:13px;text-align:center;justify-content:center;white-space:normal;}
:is(.line-engineer-choice,.local-engineer-choice) .solution-engineer {flex:none;justify-self:start;text-align:center;}
@media(max-width:760px){:is(.line-engineer-choice,.local-engineer-choice) .solution-engineer {width:100%;}}

/* Model choices follow the site's quiet text navigation. */
.site-page .model-switch {display:flex;flex-wrap:wrap;align-items:stretch;gap:0 32px;margin:0 0 24px;padding:0;border:0;border-bottom:1px solid #c9d4de;}
.site-page .model-switch button {position:relative;display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:0 1 auto;min-width:0;min-height:52px;padding:14px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#586b7a;text-align:left;font:inherit;font-size:14px;line-height:1.35;cursor:pointer;transition:color .18s;}
.site-page .model-switch button::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;}
.site-page .model-switch button>span {display:inline;margin:0;font-size:10px;opacity:.7;}
.site-page .model-switch button[aria-pressed=true] {background:transparent;box-shadow:none;color:#0030cf;border:0;}
.site-page .model-switch button[aria-pressed=true]::after {background:currentColor;}
.site-page .model-switch button:hover {background:transparent;color:#0030cf;}
.site-page .model-switch button:focus-visible {outline:2px solid #0030cf;outline-offset:4px;}
.site-page .roof-support-controls {margin-bottom:28px;gap:0 40px;}
.site-page .roof-support-controls button {font-size:20px;min-height:58px;}
.site-page .roof-layer-controls {padding:0 20px;margin-bottom:0;}
.site-page .roof-application-switch {margin-bottom:16px;}
.site-page .line-principle-steps.model-switch {margin-top:12px;}
@media(max-width:760px){
 .site-page .model-switch {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;}
 .site-page .model-switch button {min-height:52px;font-size:13px;}
 .site-page .roof-support-controls button {font-size:16px;}
 .site-page .roof-application-switch,.site-page .viewer-applications.model-switch {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;}
 .site-page .roof-application-switch button,.site-page .viewer-applications.model-switch button {font-size:12px;}
 .site-page .viewer-applications.model-switch button>span {display:none;}
 .site-page .roof-layer-controls {padding:0 12px;}
}
@media(prefers-reduced-motion:reduce){.site-page .model-switch button{transition:none;}}

/* Detailed Contour scenes share the scale of Local and Roof. */
.site-page main>.section [data-contour-view] .viewer-canvas-wrap {height:clamp(500px,64svh,640px);}
@media(max-width:900px){.site-page .contour-landing-hero .product-hero-model .viewer-canvas-wrap {height:clamp(330px,48svh,440px);}}
@media(max-width:760px){.site-page main>.section [data-contour-view] .viewer-canvas-wrap {height:clamp(360px,50svh,460px);}}

/* Detailed level models share their lighting and site with the homepage. */
.level-comparison-section>.product-viewer[data-model=levels] {max-width:none;}
.product-viewer[data-model=levels] .viewer-canvas-wrap {height:clamp(420px,65svh,720px);background:#e8eef3;}
.product-viewer[data-model=levels] .viewer-topline {background:#e8eef3;}
.product-viewer[data-model=levels] .viewer-orbit {background:rgba(232,238,243,.94);}
.product-viewer[data-model=levels] .viewer-levels {border-top:0;}
.product-viewer[data-model=levels] .viewer-levels button {min-height:74px;padding:14px 18px;background:#e8eef3;border-top:2px solid #bac9d5;border-bottom:0;}
.product-viewer[data-model=levels] .viewer-levels button[aria-pressed=true] {background:#dce5f1;border-top-color:#0030cf;}
.product-viewer[data-model=levels] .viewer-explanation {padding-top:24px;}
@media(max-width:760px){
 .product-viewer[data-model=levels] .viewer-canvas-wrap {height:clamp(330px,48svh,480px);}
 .product-viewer[data-model=levels] .viewer-levels button {min-height:64px;padding:10px 5px;font-size:12px;}
 .product-viewer[data-model=levels] .viewer-change-key {line-height:1.4;}
 .level-comparison-section .viewer-explanation {min-height:0;}
}

/* Line: the same quiet navigation and detailed scenes as Contour / Roof. */
.line-solution-page .line-landing-hero .viewer-applications.model-switch {bottom:26px;left:4%;right:4%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.line-solution-page .line-landing-hero .viewer-applications.model-switch button {font-size:16px;min-height:54px;justify-content:flex-start}
.line-solution-page .line-landing-hero .viewer-explanation {bottom:103px;left:37%;right:4%;width:auto}
.line-solution-page .line-landing-hero .viewer-explanation p {font-size:13px;line-height:1.55;max-width:650px}
.line-solution-page .line-landing-hero .product-hero-model .viewer-canvas-wrap {left:35%;right:2%;bottom:160px;top:calc(var(--site-header-height) + 55px);height:auto}
.line-solution-page .line-placement-controls.model-switch {margin:20px 0 16px;display:flex;gap:0 36px;grid-template-columns:none}
.line-solution-page .line-placement-controls.model-switch button {flex:0 1 auto;font-size:17px}
.line-solution-page main>.section .product-viewer .viewer-canvas-wrap {height:clamp(480px,64svh,640px)}
.line-solution-page .viewer-explanation {min-height:0;max-width:900px;padding:25px 0 0}
.line-solution-page .viewer-explanation h3 {font-size:25px;letter-spacing:-.03em;margin-bottom:12px}
.line-solution-page .viewer-explanation p {font-size:15px;line-height:1.6}
.line-solution-page .line-level-grid {gap:30px}
.line-solution-page .line-level-grid article {padding:24px 0 0;border:0;border-top:1px solid #b8c8d5;background:transparent}
.line-solution-page .line-level-grid h3 {font-size:clamp(26px,2.6vw,38px);margin:20px 0 14px}
.line-solution-page .line-level-grid .level-detail {margin-top:auto;background:transparent;color:#0030cf;border:0;border-bottom:1px solid #b8c8d5;padding:12px 0;min-height:44px;min-width:0;width:auto}
.line-solution-page .line-document-grid {gap:32px}
.line-solution-page .line-document-grid article {border:0;border-top:1px solid #b8c8d5;padding:24px 0}
.line-solution-page .line-document-grid h3 {margin:30px 0 20px}
.line-solution-page .viewer-pocket-levels {gap:28px;margin-top:30px}
.line-solution-page .viewer-pocket-levels a {background:transparent;border:0;border-top:1px solid #b8c8d5;padding:24px 0}
.line-solution-page .viewer-pocket-levels strong {font-weight:400;font-size:30px;letter-spacing:-.04em}
@media(max-width:1000px){.line-solution-page .line-level-grid{gap:28px}.line-solution-page .line-placement-controls.model-switch{gap:0 24px}.line-solution-page .line-placement-controls.model-switch button{font-size:15px}}
@media(max-width:900px){
 .line-solution-page .line-landing-hero .page-intro,.line-solution-page .line-landing-hero .line-hero-note {display:none}
 .line-solution-page .line-landing-hero .product-hero-model {height:auto;margin-top:20px}
 .line-solution-page .line-landing-hero .product-viewer {position:relative;inset:auto;display:grid;gap:16px}
 .line-solution-page .line-landing-hero .product-hero-model .viewer-canvas-wrap {position:relative;inset:auto;height:clamp(330px,46svh,440px);grid-row:1}
 .line-solution-page .line-landing-hero .viewer-applications.model-switch {position:relative;inset:auto;grid-row:2;gap:16px;margin:0}
 .line-solution-page .line-landing-hero .viewer-applications.model-switch button {font-size:13px;min-height:52px;padding:12px 0}
 .line-solution-page .line-landing-hero .viewer-explanation {position:relative;inset:auto;grid-row:4;padding:0;margin:0}
 .line-solution-page .line-landing-hero .viewer-explanation p {font-size:13px}
 .line-solution-page .line-landing-hero .viewer-modes {position:relative;inset:auto;grid-row:3;width:100%}
 .line-solution-page .line-landing-hero .viewer-modes button {min-height:44px}
}
@media(max-width:760px){
 .line-solution-page main>.section .product-viewer .viewer-canvas-wrap {height:clamp(340px,48svh,460px)}
 .line-solution-page .line-placement-controls.model-switch {display:grid;grid-template-columns:1fr;gap:0;border-bottom:0}
 .line-solution-page .line-placement-controls.model-switch button {border-bottom:1px solid #d6dfe6;min-height:52px;font-size:15px}
 .line-solution-page .viewer-explanation h3 {font-size:22px}.line-solution-page .viewer-explanation p {font-size:13px}
 .line-solution-page .line-document-grid {gap:16px}.line-solution-page .line-document-grid h3 {margin-top:20px}
 .line-solution-page .line-level-grid {gap:32px 20px}.line-solution-page .line-level-grid article {padding-top:20px}
 .line-solution-page .line-level-grid p.line-level-sub {min-height:0}.line-solution-page .line-level-grid p{font-size:13px}
 .line-solution-page .viewer-pocket-levels {gap:20px}.line-solution-page .viewer-pocket-levels strong{font-size:25px}
}
@media(max-width:380px){.line-solution-page .line-level-grid{grid-template-columns:1fr}.line-solution-page .line-landing-hero .viewer-applications.model-switch{gap:10px}.line-solution-page .line-landing-hero .viewer-applications.model-switch button{font-size:12px}}

/* Internal detail pages use the same model surface and readable controls. */
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-canvas-wrap {height:clamp(400px,56svh,600px);background:#e8eef3;}
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-topline {padding:16px 20px;background:#e8eef3;}
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-orbit {background:rgba(232,238,243,.94);bottom:0;padding:8px;}
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour],[data-model=levels]) .viewer-orbit button {background:transparent;}
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour],[data-model=levels]) .viewer-orbit button:hover {background:#dce5ef;}
.site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-explanation {min-height:0;padding-top:24px;}
.site-page:not(.home-page) .viewer-orbit {flex-wrap:wrap;gap:8px;}

/* Never show the retired schematic while the real scene is loading. */
.viewer-loading,.product-viewer .viewer-fallback {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;text-align:center;background:inherit;}
.viewer-loading {visibility:hidden;color:#536a80;font-size:14px;}
.viewer-loading-track {display:block;width:72px;height:2px;overflow:hidden;background:#c7d4df;}
.viewer-loading-track::after {content:"";display:block;width:100%;height:100%;background:#0030cf;transform-origin:left;animation:viewer-progress 1.3s ease-in-out infinite;}
@keyframes viewer-progress {0%,100%{transform:scaleX(.25);opacity:.45;}50%{transform:scaleX(1);opacity:1;}}
.product-viewer .viewer-fallback {visibility:hidden;color:#536a80;font-size:14px;line-height:1.6;}
.viewer-fallback-title {font-size:20px;line-height:1.2;color:#13171b;}
.product-viewer .viewer-fallback p {max-width:380px;}
.product-viewer .viewer-fallback a {display:inline-flex;align-items:center;min-height:44px;}
.product-viewer[data-ready=loading] .viewer-loading {visibility:visible;}
.product-viewer[data-ready=fallback] .viewer-fallback {visibility:visible;}
.product-viewer:not([data-ready=true]) canvas,
.product-viewer:not([data-ready=true]) :is(.viewer-orbit,.viewer-modes,.viewer-levels,.viewer-structures,.viewer-applications,.line-placement-controls,.line-principle-steps,.viewer-annotations) {visibility:hidden;pointer-events:none;}
@media(prefers-reduced-motion:reduce){.viewer-loading-track::after{animation:none;transform:scaleX(.65);}}

/* A level is explained beside its own model; comparison is a separate action. */
.site-page:not(.home-page) main>.level-detail-hero {padding:calc(var(--site-header-height,85px) + 32px) 4% 64px;border-bottom:1px solid #dce4eb;}
.level-detail-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}
.level-detail-copy {padding-top:16px;}
.level-detail-copy,.level-detail-visual {min-width:0;}
.site-page:not(.home-page) .level-detail-hero>.breadcrumbs {margin-bottom:32px;}
.site-page:not(.home-page) .level-detail-copy h1 {font-size:clamp(50px,6.3vw,104px);font-weight:400;line-height:1;letter-spacing:-.06em;margin-top:20px;}
.site-page:not(.home-page) .level-detail-copy .page-intro {font-size:17px;line-height:1.65;max-width:560px;width:auto;margin:28px 0 0;}
.level-detail-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px;}
.level-detail-actions .plain-link {display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
.level-detail-visual .product-viewer[data-model=levels] .viewer-canvas-wrap {height:clamp(440px,60svh,600px);}
.level-detail-visual .viewer-topline {padding:16px 20px;}
.level-detail-visual .viewer-explanation {min-height:0;}
.level-detail-visual .viewer-explanation h3 {font-size:24px;}
.level-detail-visual .viewer-explanation p {font-size:14px;}

@media(max-width:1000px){
 .level-detail-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
 .level-detail-copy {padding-top:0;}
 .level-detail-visual .product-viewer[data-model=levels] .viewer-canvas-wrap {height:clamp(360px,55svh,520px);}
}

/* All sixteen pairings remain on the shared two-column axes. */
.site-page:not(.home-page) .configuration-family {padding-left:4%;padding-right:4%;}
.configuration-family {margin-top:64px;scroll-margin-top:calc(var(--site-header-height,85px) + 24px);}
.configuration-family:first-child {margin-top:0;}
.configuration-family>h2 {font-size:clamp(30px,3vw,48px);}
.configuration-family>.page-intro,.configuration-family>p {max-width:680px;margin-top:20px;color:#536a80;line-height:1.65;}
.config-grid.configuration-applications {grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;gap:32px 24px;margin-top:32px;}
.site-page .configuration-applications .config-card {min-width:0;border:0;border-top:1px solid #bdcfdf;padding:24px 0 0;scroll-margin-top:calc(var(--site-header-height,85px) + 24px);}
.site-page .configuration-applications .config-card:hover {background:transparent;}
.site-page .configuration-applications .config-card h3 {margin-top:24px;font-size:clamp(26px,2.4vw,36px);}
.configuration-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:auto;}
.configuration-actions a {display:inline-flex;align-items:center;min-height:44px;font-size:13px;}
.material-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:20px;}
.material-actions a {display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
@media(max-width:760px){
 .site-page:not(.home-page) main>.level-detail-hero {padding-top:calc(var(--site-header-height,114px) + 24px);padding-bottom:48px;}
 .level-detail-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
 .level-detail-copy {padding-top:0;}
 .site-page:not(.home-page) .level-detail-hero>.breadcrumbs {margin-bottom:24px;}
 .site-page:not(.home-page) .level-detail-copy h1 {font-size:clamp(48px,12vw,76px);margin-top:16px;}
 .site-page:not(.home-page) .level-detail-copy .page-intro {font-size:16px;margin-top:20px;}
 .level-detail-actions {margin-top:24px;gap:8px 20px;}
 .level-detail-visual .product-viewer[data-model=levels] .viewer-canvas-wrap {height:clamp(320px,48svh,460px);}
 .site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-canvas-wrap {height:clamp(330px,48svh,460px);}
 .site-page:not(.home-page) .product-viewer:is([data-model=assembly],[data-model=height],[data-model=roof],[data-model=local],[data-model=configuration-line],[data-model=configuration-contour]) .viewer-topline {padding:14px 16px;}
 .configuration-family {margin-top:48px;}
 .config-grid.configuration-applications {grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px;}
 .configuration-actions {gap:8px 20px;}
}