/* KAR CONSTRUCTION — страницы решений и заявки (подключается после style.css, graphite.css, supply.css Марины).
   Только её токены и компоненты: графит/песок/мята/салат/шалфей, Unbounded/Montserrat/Plex Mono, кнопки радиус 0,
   листы .sheet, плитки .src, плашка .pn-bar «⧉ KAR …», форма .su6-form, подвал .s5. */
:root{--sp:clamp(64px,6vw,96px);--sp-t:calc(var(--sp) + 20px)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
section[id]{scroll-margin-top:var(--hdr)}

/* первый экран без 3D: та же графитовая сцена, шапка, плашка продукта */
.s1.sol-s1{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:calc(var(--hdr) + clamp(48px,7vw,110px)) var(--pad) clamp(56px,6vw,96px);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M0 .5H100M.5 0V100' stroke='%23E6E3E0' stroke-opacity='.06' stroke-width='1'/%3E%3C/svg%3E");background-position:-1px -1px}
.sol-hero{max-width:980px}
.sol-crumbs{margin:0 0 28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.sol-crumbs a{color:var(--grey)}.sol-crumbs a:hover{color:var(--mint)}.sol-crumbs i{font-style:normal;color:var(--steel);margin:0 6px}.sol-crumbs span{color:var(--mint)}
.sol-plq{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:9px 14px;border-radius:12px;background:#2B2829;box-shadow:0 0 0 1px var(--line-dk);font:700 12px var(--f-head);letter-spacing:.03em}
.sol-plq .sg{width:15px;height:15px;color:var(--mint)}
.sol-h1{margin:0 0 16px;font:700 clamp(28px,3.6vw,56px)/1.06 var(--f-head);text-transform:uppercase;letter-spacing:.01em;max-width:22ch}
.sol-sub{margin:0 0 26px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.sol-lead{margin:0;font:500 clamp(16px,1.25vw,19px)/1.55 var(--f-text);color:var(--sand);max-width:62ch}
.sol-status{margin:22px 0 0;font-size:12px;line-height:1.6;color:var(--grey);max-width:80ch}
.sol-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.sol-btns .btn:not(.btn-fill){color:var(--sand)}

/* разделы */
.sol-sec{padding:var(--sp-t) var(--pad) var(--sp)}
.sol-sec.wv-light{background-color:var(--sand);color:var(--graphite);background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M0 .5H100M.5 0V100' stroke='%23221F20' stroke-opacity='.09' stroke-width='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 .5H20M.5 0V20' stroke='%23221F20' stroke-opacity='.06' stroke-width='.8' stroke-dasharray='2 2'/%3E%3C/svg%3E");background-position:-1px -1px}
.sol-dark{background-color:var(--graphite);color:var(--sand);border-bottom:1px solid var(--line-dk);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M0 .5H100M.5 0V100' stroke='%23E6E3E0' stroke-opacity='.06' stroke-width='1'/%3E%3C/svg%3E");background-position:-1px -1px}
.sol-sage{background:var(--sage);color:var(--graphite)}
.sol-sage .su-kick{color:var(--graphite)}
.sol-2{display:grid;grid-template-columns:minmax(280px,5fr) 7fr;gap:clamp(32px,5vw,96px);align-items:start}
.sol-who{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sol-who .src{padding:14px 16px;grid-template-columns:auto 1fr}
.sol-who .src b{font:500 14.5px/1.45 var(--f-text)}
.sol-parts-h{margin-top:56px}
.sol-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sol-parts .sheet{padding:16px 18px}
.sol-parts .doc-h{font-size:14px}
.sol-parts p.mono{margin:0;font-size:12px;line-height:1.6;color:#3E4441}

.sol-how{margin-top:40px}
.sol-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dk)}
.sol-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line-dk)}
.sol-steps li>.mono{color:var(--mint);font-size:13px;padding-top:2px}
.sol-steps b{display:block;font:600 16px/1.35 var(--f-text);margin-bottom:6px}
.sol-steps p{margin:0;font-size:12.5px;line-height:1.65;color:var(--grey)}
.sol-figs{display:grid;gap:16px}
.sol-fig{margin:0;padding:16px;border-radius:14px;background:#2B2829;box-shadow:0 0 0 1px var(--line-dk),0 40px 80px -40px rgba(0,0,0,.7)}
.sol-fig figcaption{margin-top:10px;font-size:11px;line-height:1.5;color:var(--grey)}
.sv{width:100%;height:auto;display:block;color:var(--sand)}
.sv text{fill:var(--sand);font:400 12px var(--f-mono)}
.sv .t2{fill:var(--grey);font-size:11px}
.sv .ln{stroke:currentColor;stroke-width:1.4;fill:none}
.sv .dash{stroke-dasharray:5 4;opacity:.75}
.sv .bx{stroke:currentColor;stroke-width:1.4;fill:none}
.sv .fm{fill:var(--mint);stroke:none}
.sv .fd{fill:var(--deep);stroke:none}
.sv .glow{stroke:var(--mint);stroke-width:2.2;fill:none}

.sol-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.sol-tier{border-radius:14px;overflow:hidden;background:#2B2829;color:var(--sand);box-shadow:0 0 0 1px rgba(34,31,32,.3),0 40px 80px -36px rgba(34,31,32,.75)}
.sol-tier .pn-bar .pn-path{color:var(--mint)}
.sol-tier.mid{box-shadow:0 0 0 1.5px var(--mint),0 40px 80px -36px rgba(34,31,32,.75)}
.sol-tier ul{list-style:none;margin:0;padding:18px 20px 22px;display:grid;gap:12px}
.sol-tier li{display:grid;grid-template-columns:20px 1fr;gap:10px;font:500 14px/1.45 var(--f-text)}
.sol-tier li .ic{width:16px;height:16px;color:var(--mint);margin-top:2px}

.sol-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--graphite)}
.sol-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(34,31,32,.35);font:500 15px/1.45 var(--f-text)}
.sol-list li .ic{width:18px;height:18px;color:var(--deep);margin-top:1px}
.sol-list.no li .ic{color:var(--steel)}

.sol-stages{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sol-stages .sheet{padding:16px}
.sol-stages .doc-h .mono{margin-left:0;font-size:12px;color:var(--deep);letter-spacing:.1em}
.sol-stages h3{margin:0 0 8px;font:600 14.5px/1.3 var(--f-text)}
.sol-stages p.mono{margin:0;font-size:11.5px;line-height:1.6;color:#3E4441}
.sol-tc{margin-top:56px}
.sol-time{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sol-time li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:14px 16px;border-radius:10px;background:var(--paper);box-shadow:0 0 0 1px var(--line-l)}
.sol-time .ic{color:var(--deep)}
.sol-time b{display:block;font:600 14px var(--f-text);margin-bottom:4px}
.sol-time span{font-size:12px;line-height:1.6;color:#3E4441}

.sol-shops{display:grid;gap:10px}
.sol-shop{padding:14px 16px;background:#2B2829;box-shadow:0 0 0 1px var(--line-dk);color:var(--sand)}
.sol-shop svg{stroke:var(--mint)}
.sol-shop b{font-size:14px}
.sol-shop span{color:var(--grey)}
.sol-shop:hover{background:#343132;box-shadow:0 0 0 1.5px var(--mint)}

.sol-faq{border-top:1px solid var(--graphite)}
.sol-q{border-bottom:1px solid var(--graphite)}
.sol-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;list-style:none;cursor:pointer;font:600 clamp(15px,1.1vw,18px)/1.35 var(--f-text);transition:padding .25s,background .25s}
.sol-q summary::-webkit-details-marker{display:none}
.sol-q summary i{position:relative;flex:none;width:14px;height:14px}
.sol-q summary i::before,.sol-q summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transition:transform .3s}
.sol-q summary i::after{transform:rotate(90deg)}
.sol-q[open] summary i::after{transform:rotate(0)}
.sol-q summary:hover{background:var(--mint);padding-left:12px;padding-right:12px}
.sol-q p{margin:0 0 20px;font-size:13px;line-height:1.7;color:#3E4441;max-width:70ch}

/* карточки списка решений */
.sol-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sol-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#2B2829;color:var(--sand);box-shadow:0 0 0 1px var(--line-dk),0 40px 80px -40px rgba(0,0,0,.7);transition:box-shadow .4s,transform .4s}
.sol-card:hover{box-shadow:0 0 0 1.5px var(--mint),0 40px 80px -36px rgba(0,0,0,.8);transform:translateY(-3px)}
.sol-card .pn-bar{background:#221F20;border-bottom:1px solid var(--line-dk)}
.sol-card-b{flex:1;display:flex;flex-direction:column;gap:14px;padding:20px}
.sol-card-s{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.sol-card-t{font:500 14.5px/1.55 var(--f-text);flex:1}
.sol-card .btn{border-color:rgba(230,227,224,.45);color:var(--sand);align-self:flex-start}
.sol-card:hover .btn{background:var(--mint);border-color:var(--mint);color:var(--graphite)}

/* форма заявки: поля, которых нет в её su6-form */
.sol-form select,.sol-form textarea{font:500 15px var(--f-text);color:var(--sand);background:transparent;border:0;border-bottom:1px solid rgba(230,227,224,.3);border-radius:0;padding:8px 0;outline:none;width:100%;resize:vertical}
.sol-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2379EFB3' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:20px}
.sol-form select option{color:var(--graphite);background:var(--sand)}
.sol-form select:focus,.sol-form textarea:focus{border-bottom-color:var(--mint)}
.sol-form textarea::placeholder{color:rgba(177,180,188,.5)}
.sol-form input{width:100%;min-width:0}
.sol-chk{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-size:12px;line-height:1.5;color:var(--grey)}
.sol-chk input{width:16px!important;height:16px;flex:none;margin:2px 0 0;accent-color:var(--mint)}
.sol-chk a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.sol-form .kar-send{color:var(--sand)}
.su6 .btn-fill{background:var(--mint);border-color:var(--mint);color:var(--graphite)}

/* подвал */
.sol-s5{grid-template-columns:repeat(3,1fr)!important}
.s5-lng{display:flex;gap:10px;margin:8px 0 0;font-size:13px;letter-spacing:.06em;color:var(--grey)}
.s5-lng b{font-weight:500;color:var(--mint)}
.s5-lng a{display:inline!important;width:auto!important;font:inherit!important;color:var(--grey)!important}
.s5-lng i{font-style:normal;color:var(--steel)}
.s5-note{max-width:90ch}

@media (max-width:1100px){
  .sol-2,.sol-tiers,.sol-cards{grid-template-columns:1fr}
  .sol-parts{grid-template-columns:1fr 1fr}
  .sol-stages{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .sol-parts,.sol-stages{grid-template-columns:1fr}
  .sol-s5{grid-template-columns:1fr!important}
  .sol-s5 .s5-col+.s5-col{padding-left:0;border-left:0}
  .sol-btns .btn{width:100%}
  .s1.sol-s1{padding-top:calc(var(--hdr) + 40px)}
  .sol-shop span{white-space:normal}
}