/* Architectural process scenes. Labels are live text, never baked into pixels. */
.hero{background:#fcfaf6;min-height:0}
.hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:20px;padding-block:55px}
.hero-card{width:auto;padding:15px 0;background:none;border:0;box-shadow:none}
.hero-card h1{font-size:clamp(33px,3.2vw,48px);line-height:1.12;letter-spacing:-.045em}
.hero-description{font-size:15px}
.hero .business-types{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:23px 0 0;padding:12px 15px;width:fit-content;font-size:12px;font-weight:700;color:#173d8f;border:1px solid #c7d5ee;border-radius:9px;background:#edf3ff}
.business-types::before{content:"✓";font-size:17px;color:#2459e8}
.hero .features-list{margin-top:27px;grid-template-columns:repeat(3,1fr)}
.iso-scene{position:relative;margin:0;min-width:0}
.iso-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
.iso-label{position:absolute;z-index:1;display:block;padding:7px 13px;background:#fffefa;color:#162c56;border:1px solid #d5dfec;border-radius:6px;box-shadow:0 3px 7px #172b4712;font-size:clamp(11px,1.1vw,16px);font-weight:800;line-height:1.2;white-space:nowrap;transform:translate(-50%,-50%)}
.iso-label.site{left:29%;top:9%}.iso-label.crm{left:74%;top:18%}.iso-label.catalog{left:29%;top:40%}.iso-label.orders{left:72%;top:54%}
.iso-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#52617a;margin-top:15px}
.iso-legend b{color:#2459e8}
.format-card .iso-scene{background:#fcfaf6}
.format-card .iso-label{font-size:11px;padding:6px 9px}
.iso-label.left-room{left:30%;top:14%}.iso-label.right-room{left:75%;top:27%}
.format-card .iso-scene img{aspect-ratio:3/2}
.callback-section{background:#174cce;color:white}
.callback-inner h2,.callback-inner .eyebrow,.callback-inner>div>p{color:white}
.callback-inner .callback-note{color:#fff;background:#ffffff13;border:1px solid #ffffff40;width:fit-content;padding:12px 16px;border-radius:9px}
.callback-form{color:#152d52}
.header .nav{top:100%}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:25px;padding-block:35px}.hero-card{max-width:640px}.hero-card h1{font-size:44px}.hero-architecture{max-width:760px;width:100%;justify-self:center}.iso-label{font-size:16px}}
@media(max-width:680px){.hero-inner{padding-block:25px 35px;gap:22px}.hero-card{padding:0}.hero-card h1{font-size:35px}.hero .business-types{font-size:11px;gap:7px;padding:11px}.hero .features-list{gap:17px 7px}.hero .iso-label{font-size:11px;padding:5px 8px}.iso-legend{font-size:9px;gap:6px}.format-card .iso-label{font-size:12px}.callback-section{padding-block:50px}}