/* Canvas SPV · premium editorial design · October 2026.
   Kept separate from legacy component rules so existing interactions stay intact. */
:root {
  --bg:#f5f7f8; --bg-alt:#edf2f5; --surface:#fff;
  --text:#172d40; --text-soft:#657582; --line:#dbe3e8;
  --accent:#b89558; --accent-dark:#96743d; --container:1280px;
  --heading-font:"Manrope","Onest",sans-serif;
  --heading-letter:-.035em; --heading-line:1.12;
  --heading-size-1:clamp(34px,4.5vw,64px);
  --heading-size-2:clamp(30px,3.2vw,46px);
  --desc-font:"Onest",sans-serif; --desc-weight:400;
}
.premium-design {background:#f5f7f8; color:var(--text);font-family:"Onest",sans-serif;}
.premium-design .container {width:min(var(--container),calc(100% - 80px));padding-inline:0;}
.premium-design h1,.premium-design h2,.premium-design h3 {text-wrap:balance;}
.premium-design section {scroll-margin-top:100px;}
a,button,input,textarea,select {-webkit-tap-highlight-color:transparent;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {outline:2px solid #b89558;outline-offset:5px;}
.premium-design .site-header,.premium-design .site-header.scrolled {background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:none;}
.premium-design .site-header::before {display:none;}
.premium-design .header-inner {min-height:92px;gap:24px;}
.premium-design .logo {flex-shrink:0;}
.premium-design .logo img {width:192px;height:auto;max-height:50px;object-fit:contain;filter:none;}
.desktop-links {display:flex;align-items:center;gap:30px;margin-left:auto;}
.desktop-links a {font-size:13px;color:#3e5262;text-decoration:none;transition:color .2s;}
.desktop-links a:hover {color:var(--accent-dark);}
.header-estimate {background:#1a3348;color:#fff;text-decoration:none;padding:12px 20px;border-radius:9px;font-size:12px;white-space:nowrap;}
.premium-design .lang-dropdown {margin-left:0;}
.premium-design .lang-current {border:0;color:var(--text);background:#f1f4f6;}
.premium-design .menu-toggle {border:1px solid var(--line);border-radius:9px;width:42px;height:42px;}
.premium-design .hero {margin:28px auto 0;width:min(1440px,calc(100% - 48px));height:auto;min-height:660px;border-radius:24px;overflow:hidden;background-image:url("assets/hero-tropical-sunset-v21.webp");background-position:65% center;}
.premium-design .hero::before {background:linear-gradient(90deg,rgba(13,35,53,.94),rgba(13,35,53,.74) 40%,rgba(13,35,53,.08) 80%),linear-gradient(0deg,rgba(13,35,53,.28),transparent 50%);}
.premium-design .hero-inner {position:relative;inset:auto;transform:none;margin:0 auto;width:100%;max-width:none;padding:68px 64px 30px;display:flex;flex-direction:column;min-height:660px;}
.premium-design .hero-left {position:relative;inset:auto;transform:none;max-width:690px;width:62%;margin:0;padding:0;display:block;}
.premium-design .hero h1 {font-family:var(--heading-font);font-weight:400;font-size:var(--heading-size-1);line-height:1.1;letter-spacing:-.045em;color:#fff;margin:24px 0;max-width:690px;text-shadow:none;text-transform:none;}
.premium-design .hero-lead {font-family:var(--desc-font);font-weight:400;font-size:16px;line-height:1.75;color:#d1dde5;margin:0;max-width:490px;text-shadow:none;}
.premium-eyebrow {display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#e0c896;margin:0;}
.status-dot {width:6px;height:6px;background:#e0c896;border-radius:50%;box-shadow:0 0 0 4px #e0c89618;flex-shrink:0;}
.premium-hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.premium-button {display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:#d6ba80;color:#152c3e;text-decoration:none;font-weight:500;font-size:13px;padding:17px 22px;border:1px solid #d6ba80;border-radius:9px;transition:background .2s,transform .2s;}
.premium-button:hover {background:#e4cfa3;transform:translateY(-2px);}
.premium-button-outline {background:transparent;border-color:#ffffff60;color:#fff;}
.premium-button-outline:hover {background:#ffffff15;}
.hero-caption {display:flex;justify-content:space-between;gap:24px;color:#d5dfe6;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:auto;padding-top:52px;}
.premium-proof {display:grid;grid-template-columns:repeat(3,1fr);padding-block:32px 44px!important;gap:24px;}
.premium-proof>div {display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding-right:24px;border-right:1px solid var(--line);font-size:12px;color:var(--text-soft);}
.premium-proof>div:last-child {border-right:0;padding-right:0;}
.premium-proof strong {color:var(--text);font-weight:500;white-space:nowrap;}
.proof-icon {font-size:24px;font-weight:300;color:var(--accent);}
.premium-design .how-it-works {background:#fff;border:0;padding:85px 0;}
.premium-design .how-it-works-outer {width:min(var(--container),calc(100% - 80px));padding:0;}
.premium-design .how-it-works-inner {display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;}
.premium-design .how-it-works-sticky {position:sticky;top:120px;}
.premium-design .how-it-works-sticky-top {display:flex;flex-direction:column;}
.premium-design .how-it-works-photo-frame {order:2;height:240px;aspect-ratio:auto;width:100%;margin-top:30px;border-radius:16px;overflow:hidden;}
.premium-design .how-it-works-photo-frame img {height:100%;width:100%;object-fit:cover;}
.premium-design .how-it-works-text-block {padding:0;}
.premium-design .how-it-works-eyebrow,.premium-design .detail-label,.premium-design .h-label,.premium-design .eyebrow {font-family:var(--desc-font);color:#96743d;font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;}
.premium-design .how-it-works-title {font-size:var(--heading-size-2);line-height:1.15;letter-spacing:-.035em;color:var(--text);margin:18px 0;}
.premium-design .how-it-works-divider-main,.premium-design .how-step-divider-line {display:none;}
.premium-design .how-it-works-lead {color:var(--text-soft);font-size:15px;line-height:1.7;}
.premium-design .how-it-works-steps {display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;padding:0;}
.premium-design .how-step-card,.premium-design .how-step-card:nth-child(2n) {background:transparent;border:0;border-top:1px solid var(--line);padding:22px 0 6px;min-height:0;border-radius:0;opacity:1;transform:none;}
.premium-design .how-step-label {font-size:12px;color:#b89558;opacity:1;}
.premium-design .how-step-title,.premium-design .how-step-card.is-visible .how-step-title {font-size:19px;line-height:1.35;letter-spacing:-.02em;color:var(--text);margin:14px 0 10px;opacity:1;transform:none;}
.premium-design .how-step-desc,.premium-design .how-step-card:nth-child(2n) .how-step-desc,.premium-design .how-step-card.is-visible .how-step-desc {font-family:var(--desc-font);font-size:13px;line-height:1.75;color:var(--text-soft);opacity:1;transform:none;}
.premium-design .section {padding:90px 0;}
.premium-design #services {background:#f0f4f6;}
.premium-design .section-header {align-items:end;gap:40px;margin-bottom:36px;}
.premium-design h2 {color:var(--text);letter-spacing:-.035em;}
.premium-design .header-desc {color:var(--text-soft);font-size:14px;line-height:1.75;max-width:430px;}
.premium-design .services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:none;border:0;}
.premium-design #services .card {background:#fff;color:var(--text);padding:28px 24px;border:1px solid #e2e8ec;border-radius:16px;min-height:290px;box-shadow:none;transition:transform .25s,border-color .25s;}
.premium-design #services .card:hover {transform:translateY(-5px);border-color:#b89558;}
.premium-design #services .card::before,.premium-design #services .card::after {display:none;}
.premium-design #services .svc-step {color:#83919c;font-size:10px;}
.premium-design #services .svc-icon {background:#1a3348;border:0;border-radius:10px;margin:20px 0;width:38px;height:38px;}
.premium-design #services .card-tag {color:var(--accent-dark);font-size:10px;}
.premium-design #services .card h3 {color:var(--text);font-size:21px;line-height:1.3;margin:12px 0;}
.premium-design #services .card p:not(.card-tag) {color:var(--text-soft);font-size:13px;line-height:1.75;}
.premium-design #services .card a {color:var(--text);font-size:12px;}
.premium-design #systems {background:#fff;}
.premium-design #systems .systems-modern-head {background:transparent;padding:0;}
.premium-design #systems .systems-modern-header-row {gap:48px;margin-bottom:36px;align-items:end;}
.premium-design #systems .systems-modern-left h2 {color:var(--text);font-size:var(--heading-size-2);}
.premium-design #systems .h-desc {color:var(--text-soft);font-size:14px;line-height:1.75;}
.premium-design #systems .sys-grid {gap:16px;border:0;background:transparent;}
.premium-design #systems .sys-item {padding:30px;background:#f2f5f7;border:1px solid #e2e8ec;border-radius:16px;}
.premium-design #systems .si-num {color:#83919c;}
.premium-design #systems .si-name {color:var(--text);font-size:17px;}
.premium-design #systems .si-val {color:var(--text);font-size:44px;letter-spacing:-.04em;}
.premium-design #systems .si-sub {color:var(--text-soft);}
.premium-design #systems .si-tag {color:#687b8b;border-color:#d5dfe6;background:transparent;border-radius:4px;}
.premium-design #systems .systems-phone-showcase {margin-top:48px;}
.premium-design #systems .systems-monitoring-hero {background:#1a3348;border-radius:20px;padding:44px;overflow:hidden;}
.premium-design #systems .systems-phone-head h3 {color:white;font-size:28px;}
.premium-design #systems .systems-phone-sub {color:#c5d3df;}
.premium-design #portfolio {background:#f1f4f6;}
.premium-design #portfolio .portfolio-table-head {margin-bottom:36px;}
.premium-design #portfolio .portfolio-table-list {width:min(var(--container),calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.premium-design #portfolio .portfolio-card {border-radius:18px;overflow:hidden;min-height:380px;height:380px;border:0;margin:0;}
.premium-design #portfolio .pt-media {background-size:cover;background-position:center;}
.premium-design #portfolio .pt-content {padding:28px;}
.premium-design #portfolio .pt-name {font-size:24px;line-height:1.25;letter-spacing:-.02em;}
.premium-design #portfolio .pt-val,.premium-design #portfolio .pt-result {font-size:30px;}
.premium-design #reviews {background:#fff;}
.premium-design #reviews .reviews-head-left h2 {white-space:normal;color:var(--text);}
.premium-design #reviews .reviews-slide {gap:20px;background:none;}
.premium-design #reviews .reviews-card {background:#f3f6f8;border-radius:16px;padding:36px;border:1px solid var(--line);}
.premium-design #reviews .reviews-c-q {color:var(--text);font-weight:400;font-size:23px;line-height:1.45;}
.premium-design #faq {background:#f5f7f8;}
.premium-design #faq .container {padding:0;}
.premium-design #faq .faq-title {color:var(--text);}
.premium-design #faq .faq-item {border-color:var(--line);padding:26px 0;}
.premium-design #faq .faq-q-text {color:var(--text);}
.premium-design #contact {background:#eaf0f4;padding:90px 0;}
.premium-design .cta-premium-head {margin-bottom:40px;}
.premium-design .cta-premium-title {color:var(--text);font-size:var(--heading-size-2);}
.premium-design .cta-premium-subtitle {color:var(--text-soft);font-size:15px;}
.premium-design .cta-premium-grid {gap:60px;}
.premium-design .cta-premium-left {grid-template-columns:1fr;gap:26px;}
.premium-design .form-card {background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:none;padding:36px;}
.premium-design .form-field input,.premium-design .form-field textarea {font-family:var(--desc-font);background:#f7f9fa;border:1px solid #dbe3e8;border-radius:8px;padding:15px;color:var(--text);}
.premium-design .premium-submit {border-radius:8px;background:#1a3348;color:#fff;}
.premium-design .premium-submit:hover {background:#294d67;}
.premium-design .site-footer {background:#152c3f;color:#d5dfe6;border-top:0;}
.premium-design .footer-top {background:transparent;}
.premium-design .footer-bottom {background:transparent;border-color:#ffffff20;}
.premium-design .site-footer h4,.premium-design .site-footer a {color:#d5dfe6;}
@media(min-width:1600px) {.premium-design .hero-inner {padding-inline:80px;}}
@media(max-width:1100px) {
 .desktop-links {gap:18px;} .header-estimate {display:none;}
 .premium-design .hero-left {width:75%;}
 .premium-design .how-it-works-inner {gap:40px;}
 .premium-design .services-grid {grid-template-columns:1fr 1fr;}
 .premium-design #services .card {min-height:250px;}
}
@media(max-width:760px) {
 .premium-design .container,.premium-design .how-it-works-outer,.premium-design #portfolio .portfolio-table-list {width:calc(100% - 40px);}
 .premium-design .header-inner {min-height:74px;gap:12px;}
 .premium-design .logo img {width:155px;}
 .desktop-links {display:none;}
 .premium-design .lang-dropdown {margin-left:auto;}
 .premium-design .hero {width:calc(100% - 24px);margin-top:12px;min-height:660px;border-radius:18px;background-position:64% center;}
 .premium-design .hero::before {background:linear-gradient(90deg,#0d2335db,#0d233589),linear-gradient(0deg,#0d23356b,transparent);}
 .premium-design .hero-inner {min-height:660px;padding:42px 24px 24px;}
 .premium-design .hero-left {width:100%;max-width:none;}
 .premium-design .hero h1 {font-size:clamp(32px,7.9vw,48px);margin:24px 0;line-height:1.14;}
 .premium-design .hero-lead {font-size:14px;line-height:1.75;}
 .premium-eyebrow {font-size:8px;letter-spacing:.08em;gap:8px;}
 .premium-hero-actions {gap:10px;margin-top:28px;}
 .premium-button {padding:15px 17px;font-size:12px;gap:18px;}
 .hero-caption {font-size:8px;letter-spacing:.1em;align-items:end;}
 .hero-caption>span:last-child {max-width:180px;text-align:right;}
 .premium-proof {gap:0;padding-block:22px 28px!important;}
 .premium-proof>div {grid-template-columns:1fr;gap:6px;padding:0 12px;text-align:center;font-size:10px;}
 .proof-icon {display:none;}
 .premium-proof strong {font-size:12px;}
 .premium-design .section,.premium-design .how-it-works,.premium-design #contact {padding:60px 0;}
 .premium-design .how-it-works-inner {grid-template-columns:1fr;gap:30px;}
 .premium-design .how-it-works-sticky {position:static;}
 .premium-design .how-it-works-photo-frame {height:220px;margin-top:24px;}
 .premium-design .how-it-works-steps {gap:20px;}
 .premium-design .how-step-title {font-size:17px;}
 .premium-design .how-step-desc {font-size:12px;}
 .premium-design .section-header,.premium-design #systems .systems-modern-header-row {display:flex;flex-direction:column;align-items:start;gap:18px;}
 .premium-design .header-left,.premium-design .header-right,.premium-design #systems .systems-modern-left,.premium-design #systems .systems-modern-right {width:100%;max-width:none;}
 .premium-design .services-grid {gap:12px;}
 .premium-design #services .card {padding:22px 18px;}
 .premium-design #services .card h3 {font-size:19px;}
 .premium-design #systems .sys-grid {display:grid;grid-template-columns:1fr;gap:12px;}
 .premium-design #systems .sys-item {padding:24px;}
 .premium-design #systems .systems-monitoring-hero {padding:28px 16px;}
 .premium-design #systems .systems-phone-head h3 {font-size:24px;}
 .premium-design #portfolio .portfolio-table-list {grid-template-columns:1fr;gap:18px;}
 .premium-design #portfolio .portfolio-card {min-height:370px;height:370px;}
 .premium-design #portfolio .pt-content {padding:24px;}
 .premium-design #reviews .reviews-slide {grid-template-columns:1fr;gap:14px;}
 .premium-design #reviews .reviews-card {padding:26px;}
 .premium-design #reviews .reviews-c-q {font-size:20px;}
 .premium-design .cta-premium-grid {grid-template-columns:1fr;gap:30px;}
 .premium-design .form-card {padding:24px;}
 .premium-design .form-field input,.premium-design .form-field textarea {font-size:16px;}
}
@media(max-width:380px) {
 .premium-design .services-grid {grid-template-columns:1fr;}
 .premium-design .hero-inner {padding-inline:20px;}
 .premium-button {gap:12px;padding-inline:14px;font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 *,*::before,*::after {animation:none!important;transition:none!important;}
 .premium-design .fade-up {opacity:1;transform:none;}
}

/* Reset legacy full-width layouts inside the new contained cards. */
.premium-design #systems .systems-monitoring-hero {width:100%;margin:0;min-height:0;}
.premium-design #systems .systems-modern-head::before {display:none;}
.premium-design #systems .systems-modern-right .h-desc {color:var(--text-soft);}
.premium-design #systems .systems-modern-left .h-label {color:var(--accent-dark);}
.premium-design #systems .sys-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.premium-design #systems .sys-item:hover {background:#eaf0f4;}
.premium-design #systems .si-val .u {color:var(--text-soft);}
.premium-design #portfolio .portfolio-table-list {background:transparent;}
.premium-design #portfolio .portfolio-card .pt-content {width:100%;height:100%;min-height:0;margin:0;padding:28px;display:grid;grid-template-columns:1fr 1fr;align-content:end;align-items:end;gap:22px;}
.premium-design #portfolio .portfolio-card .pt-main {grid-column:1/-1;}
.premium-design #portfolio .portfolio-card .pt-action {grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:16px;}
.premium-design #portfolio .portfolio-card::after {background:linear-gradient(0deg,rgba(13,35,53,.96),rgba(13,35,53,.32) 72%,rgba(13,35,53,.12));}
.premium-design .main-nav {background:#172f43;}
.premium-design .form-field {border:0;margin-bottom:12px;}
.premium-design .footer-tagline,.premium-design .footer-bottom p {color:#aabcc9;}
@media(max-width:760px) {
 .premium-design #systems .sys-grid {grid-template-columns:1fr;}
 .premium-design #portfolio .portfolio-card .pt-content {padding:24px;}
}
@media(max-width:420px) {
 .premium-design .main-nav {width:100%;min-width:0;padding:96px 28px 32px;}
}

.premium-design #systems .systems-modern-left h2 {text-transform:none;}
.premium-design #systems .systems-modern-left h2 .title-line2 {white-space:normal;}
.premium-design #systems .systems-phone-head {display:grid;grid-template-columns:1fr;gap:16px;}
.premium-design #systems .systems-phone-head h3 {grid-column:1;grid-row:auto;white-space:normal;text-align:left;text-shadow:none;justify-self:start;max-width:700px;}
.premium-design #systems .systems-phone-sub {grid-column:1;grid-row:auto;display:block;max-width:600px;}
.premium-design #systems .systems-monitor-slider {margin-top:30px;}

/* Signature edition — architectural photography, tactile surfaces, clear scope. */
.premium-design {--bg:#f7f8f7;--bg-alt:#f0f3f3;--line:#dfe5e5;--text:#193143;--text-soft:#697a83;background:#f7f8f7;}
.premium-design h2,.premium-design h3 {text-transform:none!important;}
.premium-design .hero {border-radius:22px;box-shadow:0 24px 64px -40px #142f4560;}
.premium-design .hero h1 {letter-spacing:-.05em;}
.premium-design .premium-button {box-shadow:0 4px 18px #07192818;}
.premium-design .premium-button-outline {box-shadow:none;backdrop-filter:blur(8px);}
.premium-design .premium-proof {padding-block:34px 38px!important;}
.signature-solutions {padding:64px 0 84px;background:#f7f8f7;}
.signature-heading {display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:40px;}
.signature-kicker {font-family:var(--desc-font);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#a1824a;margin:0 0 20px;display:flex;align-items:center;gap:12px;}
.signature-kicker::before {content:"";height:1px;width:24px;background:#b89558;flex-shrink:0;}
.signature-heading h2,.scope-editorial h2 {font-family:var(--heading-font);font-size:clamp(30px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:0;max-width:620px;}
.signature-intro,.scope-editorial>p:not(.signature-kicker) {font-size:14px;line-height:1.85;color:var(--text-soft);margin:0;max-width:470px;}
.signature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.signature-card {background:#fff;border:1px solid #e3e8e8;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 28px -18px #16334725;transition:transform .4s,border-color .4s,box-shadow .4s;}
.signature-card:hover {transform:translateY(-7px);border-color:#c5b18a;box-shadow:0 22px 44px -28px #16334750;}
.signature-media {position:relative;aspect-ratio:1.45;overflow:hidden;background:#e8eeec;margin:9px 9px 0;border-radius:13px;}
.signature-media::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d23352e,transparent 55%);pointer-events:none;}
.signature-media img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.signature-card:hover .signature-media img {transform:scale(1.045);}
.signature-number {position:absolute;left:16px;top:16px;border:1px solid #ffffff65;color:#fff;background:#19314330;backdrop-filter:blur(8px);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px;z-index:1;}
.signature-badge {position:absolute;bottom:15px;left:15px;right:15px;color:white;font-size:9px;letter-spacing:.1em;text-transform:uppercase;z-index:1;}
.signature-card-body {padding:27px 28px 24px;display:flex;flex-direction:column;flex:1;}
.signature-card h3 {font-family:var(--heading-font);font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:0 0 15px;}
.signature-card p {font-size:13px;line-height:1.85;color:var(--text-soft);margin:0 0 25px;}
.signature-link {margin-top:auto;border-top:1px solid var(--line);padding-top:19px;display:flex;gap:20px;justify-content:space-between;align-items:center;text-decoration:none;font-size:12px;font-weight:500;color:var(--text);}
.signature-link>span:last-child {border:1px solid #d8e1e3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;transition:background .25s,color .25s;}
.signature-link:hover>span:last-child {background:#193143;color:#fff;}
.signature-brands {display:flex;gap:50px;align-items:center;justify-content:space-between;margin-top:50px;padding:28px 0 0;border-top:1px solid var(--line);}
.signature-brands>span {font-size:11px;color:var(--text-soft);max-width:180px;line-height:1.6;}
.signature-brands>div {display:flex;gap:60px;align-items:center;color:#657780;}
.signature-brands>div>span {font-size:23px;font-weight:600;letter-spacing:-.04em;}
.signature-brands>div>span:first-child {font-weight:700;letter-spacing:.05em;}
.premium-design .how-it-works {padding:90px 0;background:#fff;}
.premium-design .how-step-card {transition:color .3s;}
.premium-design .how-step-label {font-family:var(--desc-font);font-size:10px;letter-spacing:.12em;}
.premium-design .how-step-title {font-weight:400;}
.premium-design #services {background:#f0f3f3;}
.premium-design #services .services-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.premium-design #services .card {padding:0 23px 26px;min-height:430px;position:relative;overflow:hidden;border-radius:17px;background:#fff;border:1px solid #e0e5e5;display:flex;flex-direction:column;}
.service-editorial-image {margin:0 -23px 24px;aspect-ratio:1.42;overflow:hidden;background:#e8edec;}
.service-editorial-image img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;}
.premium-design #services .card:nth-child(n+3) .service-editorial-image img {object-fit:contain;background:linear-gradient(135deg,#f8f9f7,#e9eeec);padding:22px;}
.premium-design #services .card:hover .service-editorial-image img {transform:scale(1.04);}
.premium-design #services .svc-step {font-size:9px;color:#819097;}
.premium-design #services .svc-icon {display:none;}
.premium-design #services .card-tag {margin-top:16px;font-size:9px;letter-spacing:.1em;}
.premium-design #services .card h3 {font-size:22px;font-weight:400;text-transform:none;}
.premium-design #services .card p:not(.card-tag) {margin-bottom:24px;}
.premium-design #services .card a {margin-top:auto;padding-top:16px;border-top:1px solid var(--line);text-decoration:none;font-weight:500;}
.premium-design #systems .sys-item {padding:0 26px 28px;overflow:hidden;background:#f6f8f7;border-color:#e0e6e4;gap:14px;}
.equipment-image {height:200px;margin:0 -26px 12px;overflow:hidden;background:linear-gradient(135deg,#f7f9f7,#e6ece8);}
.equipment-image img {width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply;}
.premium-design #systems .sys-item:first-child .equipment-image img {object-fit:cover;padding:0;mix-blend-mode:normal;}
.premium-design #systems .si-name {font-weight:400;font-size:20px;}
.premium-design #systems .si-val {font-weight:400;font-size:44px;}
.equipment-note {width:min(var(--container),calc(100% - 80px));margin:18px auto 0;color:var(--text-soft);font-size:11px;line-height:1.6;}
.premium-design #systems .systems-monitoring-hero {background:radial-gradient(ellipse at 75% 25%,#2b4c5b,#122d3d 75%);border-radius:22px;padding:48px;}
.premium-design #systems .systems-phone-head h3 {font-size:clamp(28px,3vw,40px);font-weight:400;}
.signature-scope {padding:95px 0;background:#f0f3f1;border-top:1px solid #e4e9e5;}
.scope-layout {display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start;}
.scope-editorial>p:not(.signature-kicker) {margin-top:24px;}
.scope-photo {margin-top:30px;width:100%;aspect-ratio:1.9;border-radius:15px;overflow:hidden;}
.scope-photo img {height:100%;width:100%;object-fit:cover;}
.scope-details details {border-top:1px solid #d4dfd9;padding:0 0 2px;}
.scope-details details:last-of-type {border-bottom:1px solid #d4dfd9;}
.scope-details summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;font-size:17px;line-height:1.5;font-weight:500;color:#193143;}
.scope-details summary::-webkit-details-marker {display:none;}
.scope-plus {display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #cad6cf;border-radius:50%;font-size:18px;font-weight:300;transition:transform .3s,background .3s;}
.scope-details details[open] .scope-plus {transform:rotate(45deg);background:#fff;}
.scope-details details>p {font-size:13px;line-height:1.9;color:var(--text-soft);margin:0;padding:0 45px 26px 0;max-width:580px;}
.scope-facts {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px;}
.scope-facts h3 {font-family:var(--desc-font);font-size:14px;font-weight:500;line-height:1.5;margin:0 0 10px;}
.scope-facts p {font-size:12px;line-height:1.85;margin:0;color:var(--text-soft);}
.premium-design #portfolio .portfolio-card {height:430px;min-height:430px;border:1px solid #ffffff90;box-shadow:0 16px 36px -28px #17364a70;}
.premium-design #portfolio .portfolio-card:first-child {grid-column:1/-1;height:500px;}
.premium-design #portfolio .portfolio-card:first-child .pt-content {max-width:none;grid-template-columns:1fr 180px 180px;gap:26px;}
.premium-design #portfolio .portfolio-card:first-child .pt-main {grid-column:auto;}
.premium-design #portfolio .portfolio-card:first-child .pt-name {font-size:34px;max-width:490px;}
.premium-design #portfolio .portfolio-card:first-child .pt-action {grid-column:1/-1;}
.premium-design #portfolio .portfolio-card .pt-val-lbl,.premium-design #portfolio .portfolio-card .pt-result-lbl {color:#d6e1e6;}
.premium-design #reviews .reviews-card {background:#f6f8f7;border:1px solid #e0e6e3;}
.premium-design #contact {background:linear-gradient(125deg,#edf2ef,#e7edf0);position:relative;}
.premium-design #contact .form-card {box-shadow:0 24px 60px -35px #13344835;border-color:#dce4df;padding:40px;}
@media(max-width:1100px) {
 .signature-heading {gap:40px;}
 .signature-card-body {padding:24px 20px;}
 .signature-card h3 {font-size:21px;}
 .signature-brands>div {gap:35px;}
 .scope-layout {gap:45px;}
 .premium-design #services .services-grid {grid-template-columns:1fr 1fr;}
 .premium-design #services .card {min-height:400px;}
}
@media(max-width:760px) {
 .signature-solutions,.signature-scope {padding:45px 0 60px;}
 .signature-heading,.scope-layout {grid-template-columns:1fr;gap:25px;}
 .signature-heading {margin-bottom:28px;}
 .signature-heading h2,.scope-editorial h2 {font-size:34px;}
 .signature-kicker {font-size:9px;letter-spacing:.13em;margin-bottom:16px;}
 .signature-intro,.scope-editorial>p:not(.signature-kicker) {font-size:13px;line-height:1.85;}
 .signature-grid {grid-template-columns:1fr;gap:20px;}
 .signature-media {aspect-ratio:1.65;}
 .signature-card-body {padding:25px;}
 .signature-card h3 {font-size:26px;}
 .signature-card p {font-size:14px;}
 .signature-brands {flex-direction:column;align-items:flex-start;gap:22px;margin-top:32px;}
 .signature-brands>span {max-width:none;}
 .signature-brands>div {width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap;}
 .signature-brands>div>span {font-size:18px;}
 .premium-design .how-it-works {padding:60px 0;}
 .premium-design #services .services-grid {grid-template-columns:1fr 1fr;gap:12px;}
 .premium-design #services .card {padding:0 17px 22px;min-height:380px;}
 .service-editorial-image {margin:0 -17px 20px;aspect-ratio:1.1;}
 .premium-design #services .card h3 {font-size:20px;}
 .premium-design #services .card p:not(.card-tag) {font-size:12px;}
 .premium-design #systems .systems-monitoring-hero {padding:30px 18px;}
 .equipment-note {width:calc(100% - 40px);}
 .equipment-image {height:210px;}
 .scope-layout {gap:32px;}
 .scope-photo {aspect-ratio:1.85;}
 .scope-details summary {font-size:16px;}
 .scope-facts {grid-template-columns:1fr;gap:24px;margin-top:28px;}
 .premium-design #portfolio .portfolio-card:first-child {grid-column:auto;height:430px;}
 .premium-design #portfolio .portfolio-card:first-child .pt-content {grid-template-columns:1fr 1fr;gap:22px;}
 .premium-design #portfolio .portfolio-card:first-child .pt-main {grid-column:1/-1;}
 .premium-design #portfolio .portfolio-card:first-child .pt-name {font-size:28px;}
 .premium-design #contact .form-card {padding:26px;}
}
@media(max-width:430px) {
 .premium-design #services .services-grid {grid-template-columns:1fr;}
 .service-editorial-image {aspect-ratio:1.7;}
 .premium-design #services .card {min-height:0;padding-bottom:26px;}
 .premium-design #services .card h3 {font-size:24px;}
 .premium-design #services .card p:not(.card-tag) {font-size:14px;}
}
@media(prefers-reduced-motion:reduce) {
 .signature-card:hover {transform:none;}
 .signature-card:hover .signature-media img,.premium-design #services .card:hover .service-editorial-image img {transform:none;}
}

.premium-design #services .card:nth-child(4) .service-editorial-image img {object-fit:cover;object-position:center 24%;padding:0;mix-blend-mode:normal;}
@media(min-width:1101px) and (max-width:1250px) {.desktop-links {gap:18px;}.premium-design .header-inner {gap:18px;}}

/* Keep essential copy readable while the parent card enters the viewport. */
.premium-design .reveal:not(.card):not(.portfolio-card) {opacity:1;transform:none;filter:none;transition:none;}

/* Typography: precise geometric headings with readable multilingual body copy. */
.premium-design {--heading-weight:500;--heading-letter:-.04em;}
.premium-design h1,.premium-design h2,.premium-design h3 {font-family:var(--heading-font);font-weight:500;}
.premium-design .hero h1 {font-family:var(--heading-font);font-weight:500;letter-spacing:-.05em;line-height:1.08;font-size:clamp(38px,4.65vw,68px);}
.premium-design .hero-lead {font-size:16px;line-height:1.8;font-weight:400;}
.premium-design .signature-heading h2,.premium-design .scope-editorial h2 {font-weight:500;letter-spacing:-.045em;}
.premium-design .signature-card h3,.premium-design #services .card h3,.premium-design .how-step-title {font-weight:500;letter-spacing:-.035em;}
.premium-design .si-val,.premium-design .pt-val,.premium-design .pt-result {font-variant-numeric:tabular-nums;}
@media(max-width:760px) {
 .premium-design .hero h1 {font-size:clamp(34px,8.4vw,48px);line-height:1.12;letter-spacing:-.045em;}
 .premium-design .hero-lead {font-size:14px;}
}

/* Reference hero: continuous editorial composition with integrated benefits. */
.reference-home .site-header,.reference-home .site-header.scrolled {background:#fff;border-bottom:1px solid #edf0f1;backdrop-filter:blur(16px);}
.reference-home .header-inner {width:calc(100% - 112px);max-width:1560px;min-height:96px;gap:24px;}
.reference-home .reference-logo {display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
.reference-home .brand-mark {display:block;width:49px;height:56px;overflow:hidden;position:relative;}
.reference-home .brand-mark img {position:absolute;left:0;top:0;height:56px;width:auto;max-width:none;max-height:none;}
.reference-home .brand-wordmark {font-family:"Manrope","Onest",sans-serif;font-size:23px;font-weight:600;letter-spacing:.08em;color:#0d1c29;white-space:nowrap;}
.reference-home .brand-wordmark em {font-style:normal;color:#a3783a;}
.reference-home .reference-navigation {margin-left:auto;gap:30px;}
.reference-home .reference-navigation>a,.header-dropdown summary {font-family:"Manrope","Onest",sans-serif;color:#132637;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;}
.header-dropdown {position:relative;}
.header-dropdown summary {display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:20px 0;}
.header-dropdown summary::-webkit-details-marker {display:none;}
.header-dropdown summary svg {width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s;}
.header-dropdown[open] summary svg {transform:rotate(180deg);}
.header-dropdown-panel {position:absolute;top:100%;left:-20px;min-width:245px;background:#fff;border:1px solid #e3e7e8;border-radius:13px;padding:10px;box-shadow:0 18px 45px #122e411c;z-index:100;}
.reference-home .header-dropdown-panel a {display:block;padding:12px;font-size:13px;line-height:1.5;white-space:normal;border-radius:6px;}
.reference-home .header-dropdown-panel a:hover {background:#f4f5f2;}
.reference-home .lang-dropdown {order:3;margin-left:28px;}
.reference-home .lang-current {height:48px;min-width:72px;border:1px solid #e3e8eb;background:#fff;border-radius:11px;font-size:13px;}
.reference-home .reference-estimate {order:4;display:flex;align-items:center;justify-content:center;gap:24px;padding:17px 26px;min-height:52px;background:linear-gradient(110deg,#e6c98e,#cfaa6b);color:#151b20;border-radius:11px;font-size:13px;font-weight:600;box-shadow:none;}
.reference-estimate svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;}
.reference-home .menu-toggle {display:none;order:5;}
.reference-home .reference-hero {width:calc(100% - 32px);max-width:none;margin:12px 16px 0;min-height:calc(100svh - 128px);height:auto;border-radius:22px;background-position:center center;box-shadow:none;}
.reference-home .reference-hero::before {background:linear-gradient(90deg,rgba(3,24,39,.93) 0%,rgba(3,24,39,.77) 25%,rgba(3,24,39,.3) 48%,rgba(3,24,39,0) 72%),linear-gradient(0deg,rgba(2,21,31,.72),transparent 42%);}
.reference-home .reference-hero .hero-inner {min-height:inherit;width:100%;max-width:1680px;margin:auto;padding:clamp(50px,5.3vw,88px) clamp(36px,4.6vw,76px) 40px;position:relative;display:flex;flex-direction:column;}
.reference-home .reference-hero .hero-left {width:76%;max-width:960px;position:relative;}
.reference-home .reference-hero .premium-eyebrow {font-size:11px;line-height:1.5;letter-spacing:.22em;color:#e8c37d;gap:10px;}
.hero-pin {width:13px;height:17px;fill:currentColor;flex-shrink:0;}
.reference-home .reference-hero h1 {font-family:"Manrope","Onest",sans-serif;font-size:clamp(48px,5.3vw,90px);font-weight:400;line-height:1.06;letter-spacing:-.045em;color:#fff;margin:30px 0 24px;max-width:none;}
.hero-title-accent {color:#e6c486;white-space:nowrap;}
.reference-home .reference-hero .hero-lead {font-family:"Manrope","Onest",sans-serif;font-size:clamp(17px,1.45vw,24px);line-height:1.43;font-weight:400;color:#f0f1f2;max-width:550px;margin:0;}
.hero-summary {font-family:"Manrope","Onest",sans-serif;font-size:clamp(13px,1.12vw,18px);line-height:1.5;color:#cdd6dc;max-width:535px;margin:18px 0 0;}
.reference-home .reference-hero .premium-hero-actions {margin-top:28px;gap:18px;flex-wrap:wrap;}
.reference-home .reference-hero .premium-button {min-height:58px;min-width:245px;justify-content:space-between;padding:18px 25px;border-radius:10px;background:linear-gradient(105deg,#e6c98e,#e5c88c);border-color:transparent;font-size:14px;font-weight:600;color:#151b20;gap:30px;box-shadow:none;}
.reference-home .reference-hero .premium-button svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0;}
.reference-home .reference-hero .premium-button-outline {color:#fff;background:#071d281c;border-color:#b5c3cb8c;backdrop-filter:blur(5px);min-width:270px;}
.reference-home .reference-hero .premium-button:hover {filter:brightness(1.07);}
.hero-bottom {margin-top:auto;padding-top:60px;display:flex;gap:44px;justify-content:space-between;align-items:end;}
.hero-benefits {display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:25px;max-width:850px;}
.hero-benefit {display:flex;align-items:flex-start;gap:20px;padding-right:24px;border-right:1px solid #c2d0d52b;}
.hero-benefit:last-child {border:0;padding-right:0;}
.hero-benefit>svg {width:32px;height:34px;flex-shrink:0;fill:none;stroke:#ebc77e;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
.hero-benefit strong {display:block;font-family:"Manrope","Onest",sans-serif;color:#f5f6f7;font-size:12px;font-weight:600;line-height:1.4;}
.hero-benefit p {font-family:"Manrope","Onest",sans-serif;color:#aab8c1;font-size:10px;line-height:1.6;margin:9px 0 0;}
.hero-signature {font-size:8px;letter-spacing:.22em;line-height:1.65;text-transform:uppercase;color:#e5edf0;max-width:270px;margin:0;position:relative;padding-left:65px;flex-shrink:0;}
.hero-signature::before {content:"";position:absolute;left:0;top:12px;width:43px;height:1px;background:#dfc58d;}
.reference-home .signature-solutions {padding-top:90px;}
@media(min-width:1500px) {
 .reference-home .header-inner {width:calc(100% - 176px);}
 .reference-home .reference-navigation {gap:38px;}
 .reference-home .reference-navigation>a,.reference-home .header-dropdown summary {font-size:14px;}
 .reference-home .reference-hero .hero-lead {max-width:580px;}
 .reference-home .reference-hero .hero-summary {max-width:540px;}
 .hero-benefits {max-width:890px;}
 .hero-benefit strong {font-size:13px;}
 .hero-benefit p {font-size:11px;}
}
@media(max-width:1250px) {
 .reference-home .header-inner {width:calc(100% - 64px);gap:18px;}
 .reference-home .brand-wordmark {font-size:19px;}
 .reference-home .brand-mark {width:40px;height:47px;}
 .reference-home .brand-mark img {height:47px;}
 .reference-home .reference-navigation {gap:20px;}
 .reference-home .reference-navigation>a,.reference-home .header-dropdown summary {font-size:12px;}
 .reference-home .lang-dropdown {margin-left:0;}
 .reference-home .reference-estimate {padding-inline:20px;gap:18px;font-size:12px;}
 .hero-signature {display:none;}
 .hero-benefits {max-width:850px;}
}
@media(max-width:1050px) {
 .reference-home .reference-navigation {display:none;}
 .reference-home .header-inner {min-height:82px;}
 .reference-home .lang-dropdown {margin-left:auto;}
 .reference-home .menu-toggle {display:flex;}
 .reference-home .reference-hero {min-height:740px;}
 .reference-home .reference-hero .hero-left {width:90%;}
 .reference-home .reference-hero h1 {font-size:clamp(48px,6.7vw,70px);}
 .reference-home .reference-hero .hero-lead {max-width:510px;}
}
@media(max-width:760px) {
 .reference-home .header-inner {width:calc(100% - 40px);min-height:76px;gap:14px;}
 .reference-home .brand-wordmark {font-size:17px;letter-spacing:.06em;}
 .reference-home .brand-mark {width:34px;height:40px;}
 .reference-home .brand-mark img {height:40px;}
 .reference-home .reference-logo {gap:8px;}
 .reference-home .reference-estimate {display:none;}
 .reference-home .lang-current {height:40px;min-width:58px;border-radius:9px;font-size:12px;padding-inline:10px;}
 .reference-home .menu-toggle {width:38px;height:40px;}
 .reference-home .reference-hero {width:calc(100% - 24px);margin:8px 12px 0;border-radius:18px;min-height:0;background-position:62% center;}
 .reference-home .reference-hero::before {background:linear-gradient(90deg,#051d30e8,#051d3094 65%,#051d3054),linear-gradient(0deg,#031b2bea,transparent 80%);}
 .reference-home .reference-hero .hero-inner {padding:38px 24px 28px;min-height:0;}
 .reference-home .reference-hero .hero-left {width:100%;max-width:none;}
 .reference-home .reference-hero .premium-eyebrow {font-size:8px;letter-spacing:.12em;gap:7px;}
 .hero-pin {width:10px;height:13px;}
 .reference-home .reference-hero h1 {font-size:clamp(36px,8.8vw,62px);line-height:1.1;letter-spacing:-.047em;margin:28px 0 24px;}
 .hero-title-accent {white-space:normal;}
 .reference-home .reference-hero .hero-lead {font-size:16px;line-height:1.55;max-width:520px;}
 .reference-home .reference-hero .hero-summary {font-size:13px;line-height:1.65;margin-top:18px;}
 .reference-home .reference-hero .premium-hero-actions {margin-top:26px;gap:12px;flex-direction:column;align-items:stretch;}
 .reference-home .reference-hero .premium-button {min-width:0;min-height:54px;padding:16px 20px;font-size:13px;}
 .hero-bottom {padding-top:38px;margin-top:0;display:block;}
 .hero-benefits {grid-template-columns:1fr;gap:18px;max-width:none;}
 .hero-benefit {border-right:0;border-top:1px solid #c2d0d52b;padding:18px 0 0;gap:17px;}
 .hero-benefit:last-child {border-top:1px solid #c2d0d52b;padding-top:18px;}
 .hero-benefit>svg {width:27px;height:29px;}
 .hero-benefit strong {font-size:12px;}
 .hero-benefit p {font-size:11px;margin-top:5px;max-width:240px;}
 .reference-home .signature-solutions {padding-top:55px;}
}
@media(max-width:360px) {
 .reference-home .header-inner {width:calc(100% - 28px);gap:8px;}
 .reference-home .brand-wordmark {font-size:15px;}
 .reference-home .reference-hero .hero-inner {padding-inline:20px;}
 .reference-home .reference-hero h1 {font-size:34px;}
}
/* Final alignment against the supplied 1672 × 941 reference. */
@media(min-width:1251px) {
 .reference-home .reference-navigation {position:absolute;left:50%;transform:translateX(-50%);margin:0;}
 .reference-home .lang-dropdown {margin-left:auto;}
 .reference-home .reference-hero {background-size:110% auto;background-position:left center;}
}
@media(min-width:1500px) {
 .reference-home .header-inner {width:calc(100% - 112px);padding-left:32px;}
 .reference-home .reference-navigation {gap:40px;}
 .reference-home .reference-navigation>a,.reference-home .header-dropdown summary {font-size:15px;}
 .reference-home .reference-estimate {font-size:15px;min-width:244px;min-height:56px;}
 .reference-home .reference-hero h1 {line-height:1.03;margin-bottom:16px;}
 .reference-home .reference-hero .hero-summary {margin-top:16px;}
 .reference-home .reference-hero .premium-button {min-width:296px;min-height:64px;font-size:16px;padding-inline:30px;}
 .reference-home .reference-hero .premium-button-outline {min-width:320px;}
 .hero-benefit {gap:28px;}
 .hero-benefit strong {font-size:14px;max-width:175px;}
 .hero-benefit p {font-size:11px;max-width:185px;}
}
@media(min-width:1251px) and (max-aspect-ratio:3/2) {
 .reference-home .reference-hero {background-size:cover;}
}

/* Individual solutions — photographic cards from the supplied visual reference. */
.reference-home .reference-solutions {position:relative;isolation:isolate;padding:48px 0 64px;background:radial-gradient(ellipse at 95% 0%,#e9e8df70,transparent 32%),#faf9f6;overflow:hidden;}
.reference-solutions>.container {width:min(1480px,calc(100% - 96px));}
.solutions-reference-head {display:grid;grid-template-columns:1.75fr 1fr;gap:64px;align-items:center;margin-bottom:42px;}
.solutions-reference-copy .signature-kicker {font-size:10px;letter-spacing:.18em;color:#946125;margin-bottom:25px;}
.reference-solutions .solutions-reference-copy h2 {font-family:"Manrope","Onest",sans-serif;font-size:clamp(36px,4.2vw,66px);font-weight:500;line-height:1.07;letter-spacing:-.05em;margin:0 0 22px;color:#102d3d;max-width:900px;text-wrap:balance;}
.reference-solutions .signature-intro {font-size:clamp(15px,1.36vw,21px);line-height:1.4;max-width:850px;color:#71808a;margin:0;}
.solutions-value-list {border-left:1px solid #dcded7;padding-left:40px;display:grid;gap:25px;}
.solutions-value {display:flex;align-items:flex-start;gap:24px;}
.solutions-value>svg,.solution-components svg {width:33px;height:38px;flex-shrink:0;fill:none;stroke:#a47532;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;}
.solutions-value h3 {font-family:var(--desc-font);font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 5px;color:#122a3b;}
.solutions-value p {font-size:13px;line-height:1.5;color:#73808a;margin:0;}
.reference-solutions .signature-grid {gap:20px;align-items:stretch;}
.reference-solutions .solution-art-card {--card-padding:26px;position:relative;min-height:0;border:1px solid #ffffffb3;border-radius:16px;overflow:hidden;background:#faf9f6;box-shadow:0 24px 45px -24px #33392b38;isolation:isolate;}
.reference-solutions .solution-art-card:hover {transform:translateY(-4px);border-color:#d9ccb7;}
.solution-main-photo {aspect-ratio:1.56;position:relative;overflow:hidden;flex-shrink:0;}
.solution-main-photo::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15304030,transparent 46%);pointer-events:none;}
.solution-main-photo img {height:100%;width:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s;}
.solution-art-card:hover .solution-main-photo img {transform:scale(1.025);}
.solution-topline {position:absolute;top:22px;left:var(--card-padding);right:22px;display:flex;align-items:center;gap:22px;color:#fff;z-index:4;}
.solution-index {font-family:"Manrope",sans-serif;font-size:26px;line-height:1.2;font-weight:400;position:relative;}
.solution-index::after {content:"";position:absolute;left:0;bottom:-12px;width:28px;height:1px;background:#e6ca8c;}
.solution-category {font-size:9px;letter-spacing:.08em;line-height:1.4;max-width:190px;text-shadow:0 1px 8px #14263266;}
.solution-top-arrow {display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #ffffffe0;color:#fff;background:#15304030;margin-left:auto;flex-shrink:0;transition:background .25s;}
.solution-top-arrow svg,.solution-expand summary>svg {height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.2;}
.solution-top-arrow:hover {background:#15304090;}
.solution-detail-photo {position:absolute;right:0;top:37%;bottom:0;width:42.5%;z-index:2;overflow:hidden;clip-path:url(#solution-detail-curve);background:#d9dfd5;pointer-events:none;}
.solution-detail-photo img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.solution-detail-edge {position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#faf9f6;stroke-width:2;pointer-events:none;}
.solution-clip-defs {position:absolute;width:0;height:0;overflow:hidden;}
.reference-solutions .signature-card-body {position:relative;z-index:auto;padding:18px var(--card-padding) 22px;min-height:252px;background:#faf9f6;display:flex;flex-direction:column;}
.reference-solutions .signature-card-body::before {display:none;}
.reference-solutions .signature-card-body>h3,.reference-solutions .signature-card-body>.solution-short,.reference-solutions .signature-card-body>.solution-components,.reference-solutions .signature-card-body>.solution-expand {position:relative;z-index:3;}
.reference-solutions .signature-card h3 {font-family:"Manrope","Onest",sans-serif;font-size:clamp(22px,1.95vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.045em;margin:0 0 10px;max-width:96%;text-wrap:initial;}
.reference-solutions .signature-card .solution-short {font-family:"Manrope","Onest",sans-serif;font-size:13px;line-height:1.5;color:#74808a;margin:0 0 23px;max-width:74%;min-height:59px;}
.solution-components {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:70%;margin:0 0 26px;}
.solution-components>div {display:flex;gap:7px;align-items:center;min-width:0;}
.solution-components svg {width:22px;height:27px;stroke-width:1.2;}
.solution-components span {font-size:8px;line-height:1.45;color:#536473;}
.solution-expand {max-width:72%;margin-top:auto;}
.solution-expand summary {display:flex;align-items:center;gap:16px;font-size:14px;color:#8f581c;line-height:1.4;list-style:none;cursor:pointer;position:relative;width:fit-content;padding:0 0 8px;}
.solution-expand summary::-webkit-details-marker {display:none;}
.solution-expand summary::after {content:"";position:absolute;left:0;bottom:0;height:1px;width:40px;background:#b38a4d;transition:width .25s;}
.solution-expand summary:hover::after {width:70px;}
.solution-expand summary>svg {width:20px;height:18px;flex-shrink:0;transition:transform .25s;}
.solution-expand[open] summary>svg {transform:rotate(90deg);}
.reference-solutions .solution-expand>p {font-size:12px;line-height:1.75;margin:18px 0;color:#62727c;}
.reference-solutions .solution-expand .signature-link {font-size:11px;gap:10px;margin-top:16px;border-color:#d8dfd7;padding-top:13px;}
.reference-solutions .solution-art-card:has(.solution-expand[open]) .solution-detail-photo {visibility:hidden;}
.reference-solutions .solution-art-card:has(.solution-expand[open]) .solution-expand {max-width:100%;}
/* Original logo stays intact across the root and localized entry points. */
.reference-home .reference-logo>img {position:static;width:240px;height:auto;max-width:100%;max-height:60px;object-fit:contain;filter:none;}
@media(max-width:1250px) {
 .reference-home .reference-logo>img {width:205px;}
 .reference-solutions>.container {width:calc(100% - 64px);}
 .solutions-reference-head {grid-template-columns:1.4fr 1fr;gap:35px;}
 .solutions-value-list {padding-left:25px;gap:20px;}
 .solutions-value {gap:17px;}
 .reference-solutions .signature-grid {gap:16px;}
 .reference-solutions .solution-art-card {--card-padding:20px;}
 .solution-topline {gap:14px;right:18px;top:20px;}
 .solution-category {font-size:8px;}
 .reference-solutions .signature-card h3 {font-size:23px;}
 .reference-solutions .signature-card-body {min-height:265px;}
 .reference-solutions .signature-card .solution-short {font-size:12px;min-height:72px;}
 .solution-components {gap:6px;max-width:73%;}
 .solution-components>div {flex-direction:column;align-items:flex-start;gap:5px;}
 .solution-expand summary {font-size:12px;gap:12px;}
}
@media(max-width:1000px) {
 .solutions-reference-head {grid-template-columns:1fr;gap:30px;}
 .solutions-value-list {grid-template-columns:repeat(3,1fr);padding:24px 0 0;border-left:0;border-top:1px solid #dcded7;gap:20px;}
 .solutions-value {flex-direction:column;gap:12px;}
 .solutions-value h3 {font-size:14px;}
 .solutions-value p {font-size:12px;}
 .reference-solutions .signature-grid {grid-template-columns:1fr;gap:24px;max-width:620px;margin-inline:auto;}
 .reference-solutions .solution-art-card {--card-padding:27px;}
 .reference-solutions .signature-card-body {min-height:265px;padding-top:22px;}
 .reference-solutions .signature-card h3 {font-size:30px;}
 .reference-solutions .signature-card .solution-short {font-size:14px;min-height:0;max-width:73%;}
 .solution-components {max-width:70%;gap:12px;}
 .solution-components>div {flex-direction:row;align-items:center;gap:9px;}
 .solution-components span {font-size:10px;}
 .solution-expand summary {font-size:14px;}
 .solution-detail-photo {top:38%;}
}
@media(max-width:760px) {.reference-home .reference-logo>img {width:168px;max-height:44px;}}
@media(max-width:500px) {
 .reference-home .reference-solutions {padding:42px 0 48px;}
 .reference-solutions>.container {width:calc(100% - 32px);}
 .reference-solutions .solutions-reference-copy h2 {font-size:36px;line-height:1.12;}
 .reference-solutions .signature-intro {font-size:14px;line-height:1.65;}
 .solutions-reference-copy .signature-kicker {font-size:9px;margin-bottom:21px;}
 .solutions-value-list {grid-template-columns:1fr;gap:20px;}
 .solutions-value {flex-direction:row;gap:18px;}
 .solutions-value>svg {width:29px;height:33px;}
 .solutions-reference-head {margin-bottom:30px;}
 .reference-solutions .solution-art-card {--card-padding:21px;}
 .solution-main-photo {aspect-ratio:1.4;}
 .solution-topline {gap:14px;right:20px;}
 .solution-index {font-size:24px;}
 .solution-category {font-size:8px;max-width:145px;}
 .solution-top-arrow {width:32px;height:32px;}
 .reference-solutions .signature-card-body {padding-top:20px;min-height:286px;}
 .reference-solutions .signature-card h3 {font-size:25px;max-width:100%;}
 .reference-solutions .signature-card .solution-short {font-size:12px;max-width:77%;margin-bottom:20px;}
 .solution-components {max-width:72%;gap:8px;margin-bottom:25px;}
 .solution-components>div {flex-direction:column;align-items:flex-start;gap:6px;}
 .solution-components span {font-size:9px;}
 .solution-expand {max-width:78%;}
 .solution-expand summary {font-size:13px;gap:10px;}
 .solution-detail-photo {width:34%;top:38%;}
}
@media(prefers-reduced-motion:reduce) {
 .reference-solutions .solution-art-card:hover,.solution-art-card:hover .solution-main-photo img {transform:none;}
}

/* About CANVAS SPV — supplied on-site photograph and aligned engineering benefits. */
.reference-home .reference-about {padding:76px 0 80px;background:#fff;}
.reference-home .reference-about .how-it-works-outer {width:min(1480px,calc(100% - 96px));padding:0;}
.reference-home .reference-about .how-it-works-inner {grid-template-columns:1fr 1.2fr;gap:64px;align-items:stretch;}
.reference-home .reference-about .how-it-works-sticky {position:static;top:auto;align-self:start;}
.reference-home .reference-about .how-it-works-eyebrow {font-size:10px;letter-spacing:.17em;line-height:1.5;margin:0 0 22px;color:#a47532;}
.reference-home .reference-about .how-it-works-title {font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.14;letter-spacing:-.045em;text-transform:none;margin:0 0 21px;}
.reference-home .reference-about .how-it-works-lead {font-family:"Manrope","Onest",sans-serif;font-size:15px;line-height:1.65;max-width:560px;margin:0;color:#71808a;}
.reference-home .reference-about .how-it-works-photo-frame {order:2;width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:7/5;margin:30px 0 0;border:1px solid #e7e8e0;border-radius:18px;background:#e9ece5;}
.reference-home .reference-about .how-it-works-photo-frame img {width:100%;height:100%;object-fit:cover;object-position:62% center;}
.reference-home .reference-about .how-it-works-steps {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:22px 30px;}
.reference-home .reference-about .how-step-card {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:0;height:auto;max-width:none;padding:22px 0 18px;border:0;border-top:1px solid #dce2df;background:transparent;transform:none;}
.reference-home .reference-about .how-step-label {font-size:11px;line-height:1.4;font-weight:400;color:#b58b4e;letter-spacing:.10em;}
.reference-home .reference-about .how-step-title {font-family:"Manrope","Onest",sans-serif;font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:16px 0 13px;color:#193444;}
.reference-home .reference-about .how-step-desc {font-family:"Manrope","Onest",sans-serif;font-size:13px;line-height:1.7;font-weight:400;margin:0;color:#71808a;}
@media(max-width:1250px) {
 .reference-home .reference-about .how-it-works-outer {width:calc(100% - 64px);}
 .reference-home .reference-about .how-it-works-inner {gap:40px;}
 .reference-home .reference-about .how-it-works-steps {gap:18px 24px;}
 .reference-home .reference-about .how-step-title {font-size:19px;}
 .reference-home .reference-about .how-step-desc {font-size:12px;}
}
@media(max-width:1000px) {
 .reference-home .reference-about {padding:56px 0;}
 .reference-home .reference-about .how-it-works-inner {grid-template-columns:1fr;gap:36px;}
 .reference-home .reference-about .how-it-works-sticky-top {display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;}
 .reference-home .reference-about .how-it-works-photo-frame {order:2;margin:0;}
 .reference-home .reference-about .how-it-works-lead {font-size:14px;}
 .reference-home .reference-about .how-step-title {font-size:21px;}
 .reference-home .reference-about .how-step-desc {font-size:13px;}
}
@media(max-width:600px) {
 .reference-home .reference-about {padding:44px 0 48px;}
 .reference-home .reference-about .how-it-works-outer {width:calc(100% - 32px);}
 .reference-home .reference-about .how-it-works-sticky-top {display:flex;gap:0;}
 .reference-home .reference-about .how-it-works-eyebrow {font-size:9px;margin-bottom:18px;}
 .reference-home .reference-about .how-it-works-title {font-size:34px;margin-bottom:18px;}
 .reference-home .reference-about .how-it-works-lead {font-size:14px;}
 .reference-home .reference-about .how-it-works-photo-frame {margin-top:25px;border-radius:14px;aspect-ratio:1672/941;}
 .reference-home .reference-about .how-it-works-steps {grid-template-columns:1fr;grid-auto-rows:auto;gap:0;}
 .reference-home .reference-about .how-step-card {padding:23px 0 26px;}
 .reference-home .reference-about .how-step-card:last-child {padding-bottom:0;}
 .reference-home .reference-about .how-step-title {font-size:21px;margin:12px 0 10px;}
 .reference-home .reference-about .how-step-desc {font-size:13px;}
}

/* Keep every label inside the ivory area, with a consistent architectural icon set. */
.reference-solutions .signature-card h3 {max-width:80%;overflow-wrap:normal;word-break:normal;hyphens:none;}
.reference-solutions .signature-card .solution-short {max-width:66%;overflow-wrap:normal;word-break:normal;}
.reference-solutions .solution-components {width:60%;max-width:60%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
.reference-solutions .solution-components>div {display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;}
.reference-solutions .solution-component-icon {display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #c6a46e40;border-radius:10px;background:linear-gradient(145deg,#f5efe3,#faf8f2);color:#a87c3b;}
.reference-solutions .solution-component-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
.reference-solutions .solution-components>div>span:last-child {display:block;min-width:0;max-width:100%;font-family:"Manrope","Onest",sans-serif;font-size:9px;font-weight:500;line-height:1.45;color:#536574;overflow-wrap:anywhere;}
.reference-solutions .solution-expand {width:55%;max-width:55%;}
.reference-solutions .solution-expand summary {display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:12px;max-width:100%;width:fit-content;}
.reference-solutions .solution-expand summary>span {min-width:0;overflow-wrap:anywhere;}
.reference-solutions .solution-art-card:has(.solution-expand[open]) .solution-expand {width:100%;max-width:100%;}
@media(max-width:1250px) and (min-width:1001px) {
 .reference-solutions .solution-components {gap:8px;}
 .reference-solutions .solution-component-icon {width:32px;height:32px;border-radius:9px;}
 .reference-solutions .solution-component-icon svg {width:21px;height:21px;}
 .reference-solutions .solution-components>div>span:last-child {font-size:8px;}
}
@media(max-width:1000px) and (min-width:501px) {
 .reference-solutions .solution-components>div>span:last-child {font-size:10px;}
}
@media(max-width:500px) {
 .reference-solutions .solution-components {width:64%;max-width:64%;gap:9px;}
 .reference-solutions .solution-components>div>span:last-child {font-size:9px;}
 .reference-solutions .solution-expand {width:62%;max-width:62%;}
}

@media(max-width:360px) {
 .reference-solutions .solution-components {width:70%;max-width:70%;gap:8px;}
 .reference-solutions .solution-components>div>span:last-child {font-size:8.5px;}
}

/* Solar delivery — photographic process, animated gold timeline and energy flow. */
.premium-design #services.reference-process {padding:22px 0 64px;background:radial-gradient(ellipse at 95% 0%,#e9e6db50,transparent 32%),#faf9f6;overflow:hidden;}
.premium-design .reference-process .process-shell {width:min(1640px,calc(100% - 64px));}
.process-header {display:grid;grid-template-columns:2fr 1fr;gap:44px;align-items:center;margin:0 40px 30px;}
.process-header .signature-kicker {display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.18em;color:#9c6e2e;margin:0 0 22px;}
.process-header .signature-kicker::before {content:"";width:34px;height:1px;background:#b58b4d;}
.premium-design .process-header h2 {font-family:"Manrope","Onest",sans-serif;font-size:clamp(34px,3.3vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.052em;color:#102b3d;margin:0;max-width:none;text-wrap:initial;}
.process-intro {font-family:"Manrope","Onest",sans-serif;border-left:1px solid #dce0dc;padding:12px 0 12px 36px;font-size:18px;line-height:1.55;color:#78828c;margin:18px 0 0;}
.process-timeline {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 40px 24px;}
.process-stage {appearance:none;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:18px;border:0;padding:0;background:none;color:#152e40;text-align:left;cursor:pointer;min-width:0;font:inherit;}
.process-stage-icon {position:relative;display:grid;place-items:center;width:50px;height:50px;border:1px solid #c7a166;border-radius:50%;color:#b38542;background:#faf9f6;transition:background .8s,box-shadow .8s,border-color .8s;}
.process-stage-icon::after {content:"";position:absolute;inset:-5px;border:1px solid #d3b47c45;border-radius:50%;opacity:0;transform:scale(.9);transition:opacity .8s,transform .8s;}
.process-stage-icon svg {width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
.process-stage-copy {display:flex;flex-direction:column;min-width:0;gap:7px;}
.process-stage-number {font-size:10px;letter-spacing:.1em;color:#ac803d;}
.process-stage-name {font-family:"Manrope","Onest",sans-serif;font-size:14px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere;}
.process-stage-track {position:relative;display:block;height:1px;background:#a4afb84a;overflow:hidden;}
.process-stage-track i {display:block;position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,#b88536 45%,#e2bb74);}
.process-stage.is-active .process-stage-icon {border-color:#b98a42;background:#fffaf0;box-shadow:0 4px 20px #b98a4220;}
.process-stage.is-active .process-stage-icon::after {opacity:1;transform:scale(1);}
.process-stage.is-active .process-stage-track {background:#c8a46970;}
.reference-process.is-running .process-stage.is-active .process-stage-track i {animation:process-line-travel 4.2s cubic-bezier(.25,.45,.35,1) infinite;}
.process-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;}
.process-card {position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e2e5df;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 36px -30px #203b3940;scroll-margin-top:100px;transition:border-color .8s,box-shadow .8s,transform .8s cubic-bezier(.2,.65,.3,1);}
.process-card.is-active {border-color:#c7a16895;box-shadow:0 18px 42px -26px #a27c4140;}
.process-photo {position:relative;aspect-ratio:1.4;overflow:hidden;background:#e6e9e1;flex-shrink:0;}
.process-photo>img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.001);transition:transform 2.4s cubic-bezier(.2,.6,.3,1),filter 1.2s;}
.process-photo::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,#132b3610);}
.process-card.is-active .process-photo>img {transform:scale(1.035);}
.process-card-copy {padding:17px 22px 18px;display:flex;flex-direction:column;flex:1;min-width:0;}
.process-card-number {font-size:9px;line-height:1.5;letter-spacing:.1em;color:#7d8a95;margin:0 0 9px;}
.premium-design .process-card h3 {font-family:"Manrope","Onest",sans-serif;font-size:20px;line-height:1.23;font-weight:500;letter-spacing:-.045em;color:#152e42;margin:0 0 9px;min-height:0;overflow-wrap:anywhere;}
.process-card-description {font-family:"Manrope","Onest",sans-serif;font-size:13px;line-height:1.5;color:#7c8691;margin:0 0 16px;overflow-wrap:anywhere;}
.process-chips {display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-bottom:20px;}
.process-chips span {display:inline-block;border:1px solid #d9bd914d;border-radius:100px;padding:5px 11px;font-size:10px;line-height:1.25;color:#a17d46;background:#fcfaf5;max-width:100%;overflow-wrap:anywhere;}
.process-details {border-top:1px solid #e6e9e5;}
.process-details summary {display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;padding-top:16px;font-size:13px;line-height:1.4;color:#163248;cursor:pointer;}
.process-details summary::-webkit-details-marker {display:none;}
.process-details summary>span {min-width:0;}
.process-details summary svg,.process-details a svg {width:19px;height:19px;flex-shrink:0;fill:none;stroke:#a47430;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s;}
.process-details[open] summary svg {transform:rotate(90deg);}
.process-details>p {font-size:12px;line-height:1.7;color:#71818b;margin:17px 0;}
.process-details a {display:flex;align-items:center;justify-content:space-between;gap:12px;color:#946a32;font-size:12px;line-height:1.5;text-decoration:none;}
.process-details a:hover {color:#153548;}
.reference-process.process-motion-ready .process-reveal {opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;}
.reference-process.process-motion-ready .process-reveal.is-revealed {opacity:1;transform:translateY(0);filter:blur(0);}
.reference-process.process-motion-ready .process-card.process-reveal {transition-delay:calc(var(--process-order,0)*90ms);}
.reference-process.process-motion-ready .process-card.process-reveal.is-revealed {transition:opacity 1s,transform .8s cubic-bezier(.2,.65,.3,1),filter 1s,border-color .8s,box-shadow .8s;transition-delay:0s;animation:process-card-enter 1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--process-order,0)*90ms);}
@keyframes process-card-enter {from{opacity:0;transform:translateY(24px);filter:blur(3px);}to{opacity:1;transform:translateY(0);filter:blur(0);}}
@keyframes process-line-travel {0%{transform:translateX(-105%);}75%,100%{transform:translateX(105%);}}
@media(hover:hover) and (pointer:fine) {
 .process-card:hover {transform:translateY(-6px)!important;border-color:#c8a66c;box-shadow:0 22px 45px -25px #b2945d45;}
 .process-card:hover .process-photo>img {transform:scale(1.055);}
 .process-details summary:hover svg {transform:translate(2px,-2px);}
 .process-details[open] summary:hover svg {transform:rotate(90deg);}
 .process-stage:hover .process-stage-icon {background:#fff8e9;border-color:#b38542;}
}
@media(min-width:1600px) {
 .process-card-copy {padding:18px 25px 20px;}
 .process-card-description {font-size:14px;}
 .process-card h3 {font-size:21px;}
}
@media(max-width:1250px) {
 .process-header {margin-inline:20px;gap:30px;}
 .process-intro {font-size:14px;padding-left:25px;}
 .process-timeline {margin-inline:20px;gap:20px;}
 .process-stage {grid-template-columns:44px minmax(0,1fr);gap:12px;}
 .process-stage-icon {width:44px;height:44px;}
 .process-stage-name {font-size:12px;}
 .process-card-copy {padding-inline:17px;}
 .premium-design .process-card h3 {font-size:19px;}
 .process-chips span {font-size:9px;}
}
@media(max-width:1100px) {
 .process-header {grid-template-columns:1fr;gap:20px;}
 .premium-design .process-header h2 {font-size:clamp(36px,4.7vw,50px);}
 .process-intro {max-width:720px;margin:0;padding:0;border:0;}
 .process-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
 .process-card-copy {padding:20px 24px;}
 .premium-design .process-card h3 {font-size:24px;min-height:0;}
 .process-card-description {font-size:14px;}
 .process-chips span {font-size:10px;}
 .process-details summary {font-size:14px;}
}
@media(max-width:760px) {
 .premium-design #services.reference-process {padding:44px 0 48px;}
 .premium-design .reference-process .process-shell {width:calc(100% - 32px);}
 .process-header {margin:0 0 28px;}
 .premium-design .process-header h2 {font-size:clamp(32px,5.5vw,42px);line-height:1.13;}
 .process-header .signature-kicker {font-size:9px;gap:16px;margin-bottom:20px;}
 .process-timeline {grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 26px;gap:20px;}
 .process-stage-name {font-size:12px;}
 .process-card-copy {padding:18px;}
 .premium-design .process-card h3 {font-size:21px;}
 .process-card-description {font-size:12px;}
 .process-chips span {font-size:9px;}
}
@media(max-width:600px) {
 .process-grid {grid-template-columns:1fr;gap:24px;}
 .process-photo {aspect-ratio:1.4;}
 .process-card-copy {padding:20px 23px;}
 .premium-design .process-card h3 {font-size:25px;}
 .process-card-description {font-size:14px;line-height:1.6;margin-bottom:18px;}
 .process-chips span {font-size:10px;}
 .process-chips {padding-bottom:22px;}
 .process-details summary {font-size:14px;}
 .process-stage {grid-template-columns:40px minmax(0,1fr);gap:10px;}
 .process-stage-icon {width:40px;height:40px;}
 .process-stage-icon svg {width:24px;height:24px;}
 .process-stage-name {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
 .reference-process *, .reference-process *::before,.reference-process *::after {animation:none!important;transition:none!important;}
 .reference-process.process-motion-ready .process-reveal {opacity:1;transform:none;filter:none;}
 .reference-process .process-card:hover,.reference-process .process-photo>img {transform:none!important;}
}

/* Monitoring is a static photo card without the decorative energy overlay. */
.reference-process .process-card.process-static,
.reference-process .process-card.process-static:hover {
 transform:none!important;
 animation:none!important;
 transition:none!important;
 border-color:#e2e5df;
 box-shadow:0 12px 36px -30px #203b3940;
}
.reference-process .process-static *,
.reference-process .process-static *::before,
.reference-process .process-static *::after {
 animation:none!important;
 transition:none!important;
 transform:none!important;
}

/* Equipment and monitoring — continuous surfaces, studio photography and a quiet interface. */
.premium-design #systems.premium-systems {position:relative;padding:78px 0 88px;background:#f7f7f2;border:0;clip-path:none;transform:none;overflow:hidden;}
.premium-design #systems.premium-systems::before,.premium-design #systems.premium-systems::after {display:none;content:none;}
.premium-design .premium-systems .system-shell {width:min(1480px,calc(100% - 96px));}
.system-heading {display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:36px;}
.system-heading .signature-kicker {margin:0 0 23px;font-size:10px;color:#a1783d;letter-spacing:.18em;}
.premium-design .system-heading h2 {font-size:clamp(36px,3.5vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.048em;margin:0;color:#15303e;text-wrap:initial;}
.system-intro {font-family:"Manrope","Onest",sans-serif;font-size:15px;line-height:1.75;color:#74818a;max-width:500px;margin:0 0 4px;}
.system-products {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
.system-product {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e1e4db;border-radius:21px;overflow:hidden;box-shadow:0 18px 38px -34px #243a3b35;transition:border-color .4s,box-shadow .4s;}
.system-product-image {position:relative;aspect-ratio:1.48;overflow:hidden;background:#ecebe5;}
.system-product-image img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s cubic-bezier(.2,.6,.3,1);}
.system-product-index {position:absolute;top:22px;left:25px;font-size:9px;line-height:1.4;letter-spacing:.12em;color:#7b807d;background:#f9f8f087;border:1px solid #ffffff65;padding:7px 9px;border-radius:6px;backdrop-filter:blur(8px);}
.system-product-copy {padding:26px 28px 25px;display:flex;flex-direction:column;flex:1;}
.premium-design .system-product h3 {font-family:"Manrope","Onest",sans-serif;font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.04em;color:#1b3543;margin:0 0 12px;text-wrap:initial;overflow-wrap:anywhere;}
.system-product-description {font-family:"Manrope","Onest",sans-serif;font-size:13px;line-height:1.65;color:#7b858b;margin:0 0 30px;min-height:3.3em;}
.system-product-spec {display:flex;gap:24px;align-items:center;margin-top:auto;padding-bottom:24px;}
.system-product-value {font-family:"Manrope","Onest",sans-serif;font-size:42px;line-height:1.15;letter-spacing:-.045em;color:#183543;margin:0 0 8px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.system-product-value>span {font-family:"Onest",sans-serif;font-size:14px;font-weight:400;color:#8b969a;letter-spacing:0;}
.system-product-caption {font-size:10px;line-height:1.4;color:#909b9f;}
.system-spec-line {display:block;height:1px;flex:1;background:linear-gradient(90deg,#bca06c60,transparent);margin-top:10px;}
.system-product-note {font-size:10px;line-height:1.5;color:#a18150;letter-spacing:.015em;border-top:1px solid #edf0e9;padding-top:17px;margin:0;}
.system-bottom {display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:24px;}
.system-disclaimer {font-size:11px;line-height:1.6;max-width:760px;color:#929b9d;margin:0;}
.system-cta,.energy-monitor-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;flex-shrink:0;text-decoration:none;font-size:12px;line-height:1.4;color:#856433;padding:12px 0;border-bottom:1px solid #bea57570;}
.system-cta svg,.energy-monitor-cta svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s;}
.energy-monitor {display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;position:relative;margin-top:76px;border:1px solid #29424b;border-radius:28px;background:radial-gradient(ellipse at 8% 0%,#2b454b70,transparent 60%),#102b36;padding:58px;box-shadow:0 28px 55px -40px #142b3d65;}
.energy-monitor-copy {min-width:0;}
.energy-monitor-kicker {font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.2em;color:#c2a674;margin:0 0 26px;}
.premium-design .energy-monitor-copy h3 {font-family:"Manrope","Onest",sans-serif;font-size:clamp(30px,3.15vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em;color:#f1f4ed;margin:0 0 23px;text-wrap:initial;}
.energy-monitor-description {font-family:"Manrope","Onest",sans-serif;font-size:14px;line-height:1.75;max-width:400px;color:#9db0b7;margin:0;}
.energy-monitor-features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px;max-width:430px;}
.energy-monitor-features>div {display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-top:1px solid #d6e3dd20;padding-top:16px;color:#c3d1d4;font-size:11px;line-height:1.5;min-width:0;overflow-wrap:anywhere;}
.energy-feature-index {font-size:9px;letter-spacing:.1em;color:#baa171;}
.energy-monitor-cta {color:#ddc291;border-bottom-color:#a992624f;margin-top:35px;}
.energy-interface {position:relative;min-width:0;background:#0e222b;border:1px solid #d7e6dd1a;padding:25px;border-radius:20px;box-shadow:0 24px 40px -28px #00131b90;}
.energy-interface-top {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;}
.energy-interface-brand {font-size:12px;color:#c9d8d9;font-weight:500;letter-spacing:.13em;white-space:nowrap;}
.energy-interface-brand em {font-style:normal;color:#c6a66d;}
.energy-demo-label {color:#82999f;font-size:9px;line-height:1.5;text-align:right;}
.energy-tablist {display:flex;gap:4px;background:#18323c66;padding:4px;border-radius:9px;margin-bottom:26px;}
.energy-tablist button {appearance:none;flex:1;min-width:0;border:0;background:transparent;color:#8fa4ab;padding:10px 5px;border-radius:6px;font-family:"Onest",sans-serif;font-size:11px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere;transition:color .25s,background .25s;}
.energy-tablist button[aria-selected="true"] {color:#e4c895;background:#29414a;box-shadow:0 2px 5px #00192330;}
.energy-tablist button:hover {color:#e5d5b6;}
.energy-panel[hidden] {display:none;}
.energy-main-stat {position:relative;margin-bottom:22px;padding-right:70px;}
.energy-main-stat>p {font-size:11px;line-height:1.5;color:#92a7ae;margin:0 0 9px;}
.energy-main-stat>strong {display:block;color:#edf2ea;font-family:"Manrope","Onest",sans-serif;font-size:44px;font-weight:400;letter-spacing:-.045em;line-height:1.12;white-space:nowrap;font-variant-numeric:tabular-nums;}
.energy-main-stat strong small {font-size:15px;letter-spacing:0;font-weight:400;color:#a7b6b9;}
.energy-main-stat>span {position:absolute;right:0;bottom:4px;color:#829ca5;font-size:10px;line-height:1.5;}
.energy-chart {display:block;width:100%;height:142px;overflow:visible;}
.energy-chart-grid {fill:none;stroke:#b8ccca12;stroke-width:1;}
.energy-chart-line {fill:none;stroke:#d4b778;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.energy-chart-line-green {stroke:#93b5a5;}
.energy-chart-hours {display:flex;justify-content:space-between;color:#607d87;font-size:8px;letter-spacing:.03em;margin:10px 0 22px;}
.energy-metrics {display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #adc6c01a;padding-top:18px;}
.energy-metric {display:flex;flex-direction:column;gap:8px;}
.energy-metric>span {color:#859ea6;font-size:10px;line-height:1.4;}
.energy-metric strong {font-family:"Manrope","Onest",sans-serif;font-size:23px;line-height:1.2;font-weight:400;letter-spacing:-.02em;color:#d4dfdb;}
.energy-metric small {font-size:11px;color:#6e8b94;margin-left:5px;letter-spacing:0;font-weight:400;}
.energy-interface-note {font-size:9px;line-height:1.6;color:#66828c;margin:22px 0 0;padding-top:16px;border-top:1px solid #adc6c010;min-height:3.2em;}
.energy-balance {min-height:185px;padding:36px 0 22px;}
.energy-balance-bar {display:flex;gap:5px;height:19px;border-radius:4px;overflow:hidden;}
.energy-balance-bar>span {width:82%;background:linear-gradient(90deg,#a7864a,#dec58b);}
.energy-balance-bar>i {flex:1;background:#4a6570;}
.energy-balance-caption {color:#6f8b94;font-size:10px;line-height:1.5;margin:13px 0 22px;}
.energy-balance-legend {display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:#b7c8c8;}
.energy-balance-legend>span {display:flex;align-items:center;gap:6px;}
.energy-balance-legend i {width:5px;height:5px;border-radius:50%;background:#d7b87b;margin-right:3px;}
.energy-balance-legend>span:last-child i {background:#4a6570;}
@media(hover:hover) and (pointer:fine) {
 .system-product:hover {border-color:#c9b58f;box-shadow:0 20px 42px -30px #44534940;}
 .system-product:hover img {transform:scale(1.025);}
 .system-cta:hover svg,.energy-monitor-cta:hover svg {transform:translateX(4px);}
}
@media(max-width:1250px) {
 .premium-design .premium-systems .system-shell {width:calc(100% - 64px);}
 .system-heading {gap:45px;}
 .system-intro {font-size:14px;}
 .system-product-copy {padding:22px;}
 .premium-design .system-product h3 {font-size:23px;}
 .system-product-value {font-size:38px;}
 .energy-monitor {gap:38px;padding:38px;}
 .energy-monitor-features {gap:10px;}
 .energy-interface {padding:22px;}
}
@media(max-width:1000px) {
 .premium-design #systems.premium-systems {padding:60px 0;}
 .system-heading {grid-template-columns:1fr;gap:24px;}
 .system-intro {max-width:650px;}
 .system-products {gap:15px;}
 .system-product-image {aspect-ratio:1.2;}
 .system-product-copy {padding:20px 18px;}
 .premium-design .system-product h3 {font-size:21px;min-height:2.5em;}
 .system-product-description {font-size:12px;min-height:5em;}
 .system-product-value {font-size:31px;}
 .energy-monitor {grid-template-columns:1fr;gap:36px;margin-top:55px;padding:40px;}
 .energy-monitor-copy {max-width:650px;}
 .premium-design .energy-monitor-copy h3 {font-size:42px;}
 .energy-monitor-description {max-width:540px;}
 .energy-monitor-features {max-width:460px;}
 .energy-interface {width:100%;max-width:620px;justify-self:center;padding:30px;}
 .energy-chart {height:165px;}
 .energy-balance {min-height:208px;}
}
@media(max-width:650px) {
 .premium-design #systems.premium-systems {padding:45px 0 48px;}
 .premium-design .premium-systems .system-shell {width:calc(100% - 32px);}
 .system-heading {margin-bottom:28px;gap:20px;}
 .system-heading .signature-kicker {font-size:9px;margin-bottom:20px;}
 .premium-design .system-heading h2 {font-size:36px;line-height:1.13;}
 .system-intro {font-size:14px;line-height:1.7;}
 .system-products {grid-template-columns:1fr;gap:22px;}
 .system-product-image {aspect-ratio:1.45;}
 .system-product-copy {padding:24px;}
 .premium-design .system-product h3 {font-size:26px;min-height:0;}
 .system-product-description {font-size:14px;min-height:0;margin-bottom:27px;}
 .system-product-value {font-size:42px;}
 .system-bottom {flex-direction:column;align-items:start;gap:14px;margin-top:20px;}
 .system-disclaimer {font-size:10px;}
 .system-cta {font-size:13px;}
 .energy-monitor {margin-top:44px;padding:28px 20px 20px;border-radius:21px;gap:28px;}
 .energy-monitor-kicker {font-size:8px;letter-spacing:.16em;margin-bottom:22px;}
 .premium-design .energy-monitor-copy h3 {font-size:31px;line-height:1.17;overflow-wrap:anywhere;}
 .energy-monitor-description {font-size:13px;line-height:1.75;}
 .energy-monitor-features {margin-top:26px;gap:10px;}
 .energy-monitor-features>div {font-size:10px;}
 .energy-monitor-cta {margin-top:24px;}
 .energy-interface {padding:20px 16px;border-radius:14px;}
 .energy-interface-top {gap:8px;}
 .energy-interface-brand {font-size:10px;letter-spacing:.1em;}
 .energy-demo-label {font-size:8px;}
 .energy-tablist {margin-bottom:24px;gap:0;padding:3px;}
 .energy-tablist button {font-size:10px;padding:9px 4px;}
 .energy-main-stat strong {font-size:38px;}
 .energy-chart {height:122px;}
 .energy-balance {min-height:165px;padding-top:28px;}
 .energy-balance-legend {gap:15px;font-size:10px;}
 .energy-metric strong {font-size:22px;}
 .energy-metrics {gap:18px;}
 .energy-interface-note {font-size:8px;}
}
@media(prefers-reduced-motion:reduce) {
 .premium-systems * {animation:none!important;transition:none!important;}
 .premium-systems .system-product:hover img,.premium-systems .system-cta svg,.premium-systems .energy-monitor-cta svg {transform:none!important;}
}

/* Real equipment app inside a sculpted device, with manual screen selection. */
.process-page-link {display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;border-top:1px solid #e6e9e5;padding-top:16px;font-size:13px;line-height:1.5;color:#163248;margin-top:auto;}
.process-page-link svg {width:19px;height:19px;fill:none;stroke:#a47430;stroke-width:1.35;flex-shrink:0;transition:transform .3s;}
.process-page-link:hover svg {transform:translate(2px,-2px);}
.premium-systems .energy-monitor {grid-template-columns:1fr 1fr;gap:64px;padding:60px 64px;align-items:center;}
.monitor-device-gallery {min-width:0;text-align:center;}
.monitor-device-stage {position:relative;display:grid;place-items:center;min-height:600px;isolation:isolate;}
.monitor-device-glow {position:absolute;inset:5% -10%;border-radius:50%;background:radial-gradient(ellipse,#45626980,transparent 66%);z-index:-1;}
.monitor-device {position:relative;width:min(280px,80%);padding:8px;border:2px solid #86908e;border-radius:43px;background:linear-gradient(115deg,#c0c3b8,#566368 2%,#111c23 5%,#111c23 95%,#879794 98%,#cbd1c6);box-shadow:22px 32px 48px -12px #00101790,0 0 0 1px #000d10,2px 2px 1px #e6e8d280 inset;transform:rotate(5deg);}
.monitor-device-screen {overflow:hidden;border-radius:33px;background:#f4f4f4;border:1px solid #060c10;}
.monitor-device-screen img {display:block;width:100%;height:auto;aspect-ratio:591/1280;object-fit:cover;}
.monitor-device::after {content:"";position:absolute;inset:9px;border-radius:33px;pointer-events:none;background:linear-gradient(115deg,#ffffff12,transparent 30%,transparent 67%,#ffffff06);box-shadow:0 0 0 1px #b9c7bf18 inset;}
.monitor-device-button {position:absolute;width:3px;background:linear-gradient(#8a9694,#26383e);border-radius:2px;}
.monitor-device-button-left {height:47px;top:115px;left:-4px;}
.monitor-device-button-right {height:63px;top:140px;right:-4px;}
.monitor-device-controls {display:flex;justify-content:center;gap:10px;margin:25px 0 17px;}
.monitor-device-controls button {appearance:none;width:38px;height:30px;border:1px solid #70888b40;border-radius:7px;font:10px "Onest",sans-serif;letter-spacing:.08em;background:transparent;color:#8da5ae;cursor:pointer;}
.monitor-device-controls button[aria-pressed="true"] {border-color:#c0a36d80;color:#e0c38d;background:#c5a26b0d;}
.monitor-device-note {max-width:330px;color:#8da1a8;font-size:10px;line-height:1.6;margin:0 auto;}
.scope-photo {aspect-ratio:1.5;}
.scope-photo img {object-position:center;}
@media(max-width:1100px) {
 .premium-systems .energy-monitor {gap:35px;padding:42px;}
 .monitor-device-stage {min-height:540px;}
 .monitor-device {width:245px;}
}
@media(max-width:850px) {
 .premium-systems .energy-monitor {grid-template-columns:1fr;}
 .monitor-device-stage {min-height:565px;}
 .monitor-device {width:260px;}
}
@media(max-width:600px) {
 .premium-systems .energy-monitor {padding:30px 23px;gap:30px;}
 .monitor-device {width:min(245px,85%);padding:7px;border-radius:36px;transform:rotate(3deg);}
 .monitor-device-screen,.monitor-device::after {border-radius:27px;}
 .monitor-device-stage {min-height:490px;}
 .monitor-device-controls {margin-top:12px;}
 .process-page-link {font-size:14px;}
}
@media(prefers-reduced-motion:reduce) {.process-page-link svg {transition:none;}}

/* Full solution pages replace the former inline expansion. */
.reference-solutions .solution-page-link {display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;position:relative;padding:0 0 13px;margin-top:auto;color:#955b22;text-decoration:none;font-size:13px;line-height:1.5;}
.reference-solutions .solution-page-link::after {content:"";position:absolute;bottom:0;left:0;width:40px;height:1px;background:#b68c4e;}
.reference-solutions .solution-page-link>span {min-width:0;overflow-wrap:normal;word-break:normal;}
.reference-solutions .solution-page-link svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
.reference-solutions .solution-page-link:hover {color:#654521;}
.premium-design .footer-logo {display:block;width:240px;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.premium-design .footer-logo img {display:block;width:100%;height:auto;padding:0;border:0;border-radius:0;background:transparent;filter:none;}

/* Cinematic scene with a real, manually controlled phone carousel. */
.premium-systems .energy-monitor-interactive {display:grid;grid-template-columns:1.1fr 1fr;column-gap:35px;row-gap:32px;isolation:isolate;overflow:hidden;padding:48px 50px 30px;margin-top:76px;background:#062932 url("assets/monitoring-backdrop-v18.webp") center/cover no-repeat;border:1px solid #23434b;border-radius:26px;box-shadow:none;}
.energy-monitor-interactive::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03252b69,transparent 65%);pointer-events:none;}
.energy-monitor-interactive .energy-monitor-kicker {font-size:10px;letter-spacing:.18em;color:#e2bc78;margin:0 0 24px;}
.premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(36px,4.5vw,63px);font-weight:400;line-height:1.08;letter-spacing:-.05em;text-transform:none;max-width:none;overflow-wrap:normal;word-break:normal;margin-bottom:27px;}
.energy-monitor-interactive h3 em {font-style:normal;color:#e4bd7e;}
.energy-monitor-interactive .energy-monitor-description {font-size:16px;line-height:1.75;color:#c5d1d1;max-width:440px;}
.monitor-showcase-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px 27px;margin-top:31px;}
.monitor-showcase-primary {display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 21px;border:1px solid #e3c184;background:linear-gradient(115deg,#ebcf96,#c89e61);border-radius:9px;color:#122f36;font-size:13px;font-weight:500;text-decoration:none;}
.monitor-showcase-secondary {display:inline-flex;gap:9px;align-items:center;padding:10px 0 6px;color:#e1e9e4;border-bottom:1px solid #c5a16c;font-size:12px;text-decoration:none;}
.energy-monitor-interactive .monitor-device-gallery {align-self:center;position:relative;outline-offset:7px;}
.energy-monitor-interactive .monitor-device-stage {min-height:0;padding:0 0 14px;perspective:1500px;}
.energy-monitor-interactive .monitor-device {width:278px;max-width:90%;transform:rotate(-2deg) rotateY(-7deg);padding:8px;border-radius:42px;box-shadow:13px 19px 36px #000f16a6,-1px 0 1px #f0e2c8 inset,0 0 0 1px #111b21;}
.energy-monitor-interactive .monitor-device-screen {touch-action:pan-y;cursor:grab;overflow:hidden;border-radius:32px;background:#f4f4f4;}
.energy-monitor-interactive .monitor-device-screen:active {cursor:grabbing;}
.monitor-screen-track {display:flex;align-items:stretch;width:100%;aspect-ratio:591/1280;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.monitor-screen-slide {flex:0 0 100%;min-width:0;}
.energy-monitor-interactive .monitor-screen-slide img {display:block;width:100%;height:100%;aspect-ratio:591/1280;object-fit:cover;user-select:none;-webkit-user-drag:none;}
.energy-monitor-interactive .monitor-device::after {inset:8px;border-radius:32px;background:linear-gradient(110deg,#fff1,transparent 32%,transparent 80%,#fff1);}
.energy-monitor-interactive .monitor-device::before {content:"";position:absolute;z-index:2;top:8px;left:50%;width:92px;height:18px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#0a1015;pointer-events:none;box-shadow:0 1px 1px #ffffff10;}
.energy-monitor-interactive .monitor-device-controls {align-items:center;gap:9px;margin:7px 0 10px;}
.energy-monitor-interactive .monitor-device-controls button {width:38px;min-height:35px;line-height:1;border-color:#b7b99a45;background:#062a32b3;color:#c1d1ce;}
.energy-monitor-interactive .monitor-device-controls button[aria-pressed="true"] {background:#d1af7333;border-color:#d4b47e;color:#f0d39c;}
.energy-monitor-interactive .monitor-device-controls .monitor-device-prev,.energy-monitor-interactive .monitor-device-controls .monitor-device-next {font-size:24px;width:34px;}
.monitor-device-position {display:block;font-size:10px;letter-spacing:.15em;color:#c5a774;}
.monitor-device-hint {margin:9px 0 0;font-size:10px;line-height:1.5;color:#afc3c2;}
.monitor-showcase-features {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dfd8b12e;padding-top:24px;gap:25px;}
.monitor-showcase-features>div {min-width:0;padding-right:23px;}
.monitor-showcase-features>div+div {border-left:1px solid #dfd8b12e;padding-left:25px;}
.monitor-showcase-features h4 {font-size:13px;line-height:1.5;font-weight:500;color:#edf0e9;margin:0 0 8px;letter-spacing:-.015em;}
.monitor-showcase-features p {font-size:11px;line-height:1.65;color:#abc1c1;margin:0;max-width:270px;}
@media(max-width:1100px) {
 .premium-systems .energy-monitor-interactive {padding:38px 32px 28px;gap:28px;}
 .energy-monitor-interactive .monitor-device {width:250px;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:44px;}
 .energy-monitor-interactive .energy-monitor-description {font-size:14px;}
}
@media(max-width:850px) {
 .premium-systems .energy-monitor-interactive {grid-template-columns:1fr;padding:38px 34px 28px;background-position:72% center;margin-top:48px;}
 .energy-monitor-interactive .energy-monitor-copy {max-width:560px;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(38px,6.5vw,52px);}
 .energy-monitor-interactive .monitor-device {width:278px;transform:rotate(-2deg);}
 .monitor-showcase-features {gap:18px;}
 .monitor-showcase-features>div+div {padding-left:18px;}
}
@media(max-width:600px) {
 .premium-systems .energy-monitor-interactive {padding:30px 22px 25px;border-radius:20px;margin-top:36px;gap:30px;background-position:72% bottom;}
 .energy-monitor-interactive::before {background:linear-gradient(#03252b80,transparent 65%);}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(33px,8.6vw,46px);line-height:1.12;letter-spacing:-.045em;}
 .energy-monitor-interactive .energy-monitor-kicker {font-size:8px;margin-bottom:19px;}
 .energy-monitor-interactive .energy-monitor-description {font-size:14px;}
 .monitor-showcase-actions {gap:15px 20px;margin-top:25px;}
 .monitor-showcase-primary {font-size:12px;gap:17px;padding:15px 18px;}
 .energy-monitor-interactive .monitor-device {width:min(265px,88%);padding:7px;border-radius:37px;}
 .energy-monitor-interactive .monitor-device-screen,.energy-monitor-interactive .monitor-device::after {border-radius:28px;}
 .monitor-showcase-features {grid-template-columns:1fr;gap:17px;padding-top:23px;}
 .monitor-showcase-features>div,.monitor-showcase-features>div+div {padding:0;border:0;}
 .monitor-showcase-features p {max-width:none;}
}
@media(prefers-reduced-motion:reduce) {.monitor-screen-track {transition:none;}}

/* Reference composition: glass readouts flank the interactive phone. */
.premium-systems .energy-monitor-interactive {grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:16px;padding:42px 42px 25px;}
.premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(36px,5.8vw,90px);}
.energy-monitor-interactive .energy-monitor-copy {align-self:start;padding-top:35px;}
.energy-monitor-interactive::before {background:linear-gradient(0deg,#00212bc9,transparent 32%),linear-gradient(90deg,#03252b69,transparent 65%);}
.energy-monitor-interactive .energy-monitor-description {font-size:17px;max-width:460px;}
.monitor-showcase-primary {font-size:14px;padding:18px 24px;gap:32px;}
.energy-monitor-interactive .monitor-device {width:clamp(230px,18vw,265px);max-width:45%;z-index:2;}
.energy-monitor-interactive .monitor-device-stage {padding:12px 0 15px;}
.monitor-metric-card {position:absolute;z-index:3;width:clamp(132px,10.6vw,166px);padding:21px 17px 18px;border:1px solid #d3b67789;border-radius:16px;background:linear-gradient(135deg,#30484a9c,#06242ed9);box-shadow:0 14px 35px #001b253b,inset 0 1px 0 #f2dfa319;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-align:left;pointer-events:none;}
.monitor-metric-generation {left:0;top:26%;transform:perspective(750px) rotateY(-9deg) rotate(-1deg);}
.monitor-metric-battery {right:0;top:45%;transform:perspective(750px) rotateY(-9deg) rotate(-1deg);}
.monitor-metric-card>svg:first-child {display:block;width:35px;height:35px;fill:none;stroke:#efc879;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:15px;}
.monitor-metric-value {display:flex;align-items:baseline;gap:4px;margin:0 0 5px;color:#f7f8f1;font:500 clamp(28px,2.6vw,39px)/1.1 "Manrope","Onest",sans-serif;letter-spacing:-.05em;white-space:nowrap;}
.monitor-metric-value>span:last-child {font-size:16px;letter-spacing:-.02em;}
.monitor-metric-battery .monitor-metric-value>span:last-child {font-size:26px;}
.monitor-metric-label {font:400 11px/1.5 "Onest",sans-serif;color:#d0dcdc;margin:0;}
.monitor-metric-sparkline {display:block;width:100%;height:37px;margin-top:15px;fill:none;stroke:#ecc478;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.monitor-metric-level {height:7px;background:#b7c7c935;border-radius:20px;overflow:hidden;margin-top:17px;}
.monitor-metric-level[hidden] {display:none;}
.monitor-metric-level>span {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d3ab67,#efcf94);transition:width .5s ease;}
.monitor-energy-links {position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;}
.monitor-energy-links path {fill:none;stroke:#d8b36e;stroke-width:1;}
.monitor-energy-links circle {fill:#ffe2a1;filter:drop-shadow(0 0 5px #f7c36b);}
.monitor-station-status {position:absolute;z-index:3;top:7%;right:0;display:flex;align-items:center;gap:8px;max-width:27%;color:#e7eee8;font-size:10px;line-height:1.5;text-align:left;}
.monitor-station-status>span:first-child {flex:0 0 7px;height:7px;border-radius:50%;background:#7fe343;box-shadow:0 0 9px #7fe34366;}
.monitor-showcase-features>div {display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:20px;row-gap:6px;align-content:start;}
.monitor-showcase-features>div>svg {grid-row:span 2;width:32px;height:37px;fill:none;stroke:#e7c081;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.monitor-showcase-features h4 {margin:0;}
.monitor-showcase-features p {grid-column:2;}
.monitor-example-note {grid-column:1/-1;text-align:right;margin:-14px 0 0;font-size:8px;line-height:1.5;color:#91a8ac;}
@media(max-width:1200px) and (min-width:851px) {
 .premium-systems .energy-monitor-interactive {grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);padding:35px 28px 24px;gap:22px 12px;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(34px,4.1vw,48px);}
 .energy-monitor-interactive .monitor-device {width:220px;max-width:46%;padding:7px;}
 .monitor-metric-card {width:26%;padding:15px 12px;border-radius:12px;}
 .monitor-metric-card>svg:first-child {width:28px;height:28px;margin-bottom:11px;}
 .monitor-metric-value {font-size:28px;}
 .monitor-metric-value>span:last-child {font-size:12px;}
 .monitor-metric-label {font-size:10px;}
 .monitor-metric-battery .monitor-metric-value>span:last-child {font-size:22px;}
 .monitor-station-status {font-size:9px;gap:5px;}
 .monitor-showcase-features>div {column-gap:13px;}
}
@media(max-width:850px) {
 .premium-systems .energy-monitor-interactive {grid-template-columns:1fr;padding:38px 32px 28px;gap:30px;}
 .energy-monitor-interactive .energy-monitor-copy {padding-top:0;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(38px,6.5vw,52px);}
 .energy-monitor-interactive .monitor-device-gallery {width:100%;max-width:650px;margin:auto;}
 .energy-monitor-interactive .monitor-device {width:260px;max-width:45%;}
 .monitor-metric-card {width:25%;padding:18px 15px;}
 .monitor-metric-value {font-size:32px;}
 .monitor-example-note {margin:-12px 0 0;}
}
@media(max-width:600px) {
 .premium-systems .energy-monitor-interactive {padding:30px 20px 24px;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(33px,8.6vw,46px);}
 .energy-monitor-interactive .energy-monitor-description {font-size:14px;}
 .energy-monitor-interactive .monitor-device {width:70%;max-width:230px;padding:6px;}
 .energy-monitor-interactive .monitor-device-stage {padding-top:40px;padding-bottom:182px;}
 .monitor-metric-card {width:46%;min-height:158px;padding:15px 12px;border-radius:12px;}
 .monitor-metric-generation {top:auto;bottom:8px;left:1%;transform:rotate(-2deg);}
 .monitor-metric-battery {top:auto;bottom:8px;right:0;transform:rotate(2deg);}
 .monitor-metric-generation>svg:first-child {position:absolute;top:15px;right:10px;width:22px;height:22px;margin:0;}
 .monitor-metric-generation .monitor-metric-value {padding-top:19px;}
 .monitor-metric-value {font-size:29px;}
 .monitor-metric-value>span:last-child {font-size:12px;}
 .monitor-metric-battery .monitor-metric-value>span:last-child {font-size:22px;}
 .monitor-metric-label {font-size:10px;}
 .monitor-metric-card>svg:first-child {width:28px;height:28px;margin-bottom:12px;}
 .monitor-metric-sparkline {height:28px;margin-top:10px;}
 .monitor-station-status {top:10px;right:3%;max-width:70%;font-size:10px;}
 .monitor-energy-links {display:none;}
 .monitor-showcase-features {gap:21px;}
 .monitor-showcase-features>div {grid-template-columns:32px minmax(0,1fr);gap:5px 17px;}
 .monitor-example-note {text-align:left;margin:-7px 0 0;}
}
@media(prefers-reduced-motion:reduce) {.monitor-metric-level>span {transition:none;}}

/* Quiet section typography, angled phone and legible mobile surfaces. */
.premium-design .footer-logo,.detail-footer .detail-footer-logo {position:relative;}
.premium-design .footer-logo::after,.detail-footer .detail-footer-logo::after {content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("/assets/logo-horizontal-v2.png") center/100% 100% no-repeat;mask:url("/assets/logo-horizontal-v2.png") center/100% 100% no-repeat;clip-path:inset(0 24% 0 25%);pointer-events:none;}
.energy-monitor-interactive .energy-monitor-copy {align-self:center;padding-top:0;}
.premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.18;letter-spacing:-.04em;max-width:520px;margin-bottom:22px;text-wrap:balance;}
.energy-monitor-interactive .energy-monitor-description {font-size:16px;line-height:1.8;}
.monitor-showcase-actions {margin-top:23px;}
.energy-monitor-interactive .monitor-device {transform:translateX(14px) rotate(7deg) rotateY(-9deg);}
.energy-monitor-interactive .monitor-device-stage {padding-top:23px;padding-bottom:26px;}
.monitor-device-hint {color:#c3d3d4;}
.monitor-showcase-features h4 {color:#f1f4ef;}
.monitor-showcase-features p {color:#c0d0d3;}
.monitor-example-note {color:#b0c2c7;font-size:9px;}
@media(max-width:850px) {
 .energy-monitor-interactive .monitor-device {transform:translateX(10px) rotate(6deg);}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:clamp(30px,4.8vw,40px);max-width:540px;}
}
@media(max-width:600px) {
 .premium-systems .energy-monitor-interactive {background-image:linear-gradient(180deg,#04262ce8 0%,#04262c45 38%,#04262cd9 66%,#04262cfa 100%),url("assets/monitoring-backdrop-v18.webp");background-position:center,72% bottom;background-size:cover;background-repeat:no-repeat;}
 .energy-monitor-interactive::before {display:none;}
 .premium-design .energy-monitor-interactive .energy-monitor-copy h3 {font-size:30px;line-height:1.2;letter-spacing:-.035em;margin-bottom:18px;}
 .energy-monitor-interactive .energy-monitor-description {font-size:14px;color:#cbd8da;}
 .energy-monitor-interactive .monitor-device {transform:translateX(7px) rotate(6deg);}
 .energy-monitor-interactive .monitor-device-stage {padding-top:40px;padding-bottom:203px;}
 .monitor-metric-card {background:linear-gradient(135deg,#1b3b43,#082832);box-shadow:0 10px 24px #00191f66;backdrop-filter:none;-webkit-backdrop-filter:none;}
 .monitor-metric-value {font-size:clamp(23px,7.2vw,29px);}
 .energy-monitor-interactive .monitor-device-controls button {background:#092a34f2;color:#d6e2e1;border-color:#77918c70;}
 .energy-monitor-interactive .monitor-device-controls button[aria-pressed="true"] {background:#5b5135;border-color:#e0bb78;color:#fff0cd;}
 .monitor-device-position {color:#f0d095;}
 .monitor-device-hint {color:#c8d7db;}
 .monitor-showcase-features {padding:22px 18px;background:#062932f2;border:1px solid #aec5bd26;border-radius:15px;gap:24px;}
 .monitor-showcase-features h4 {font-size:13px;line-height:1.6;color:#f5f6ef;}
 .monitor-showcase-features p {font-size:12px;line-height:1.75;color:#c9d7db;}
 .monitor-example-note {font-size:10px;line-height:1.7;color:#b6cace;}
}
/* Intrinsic sizing: content must shrink with its grid track on every locale. */
html {-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.premium-design :where(main,section,article,aside,form,figure,fieldset) {min-width:0;}
.premium-design :where(.footer-grid,.footer-grid>div,.footer-bottom-inner,.cta-premium-grid,.cta-premium-left,.form-card,.scope-layout,.scope-editorial,.scope-details,.signature-grid,.system-products)>* {min-width:0;}
.premium-design .footer-grid {grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));}
.premium-design .site-footer a[href^="mailto:"],.premium-design .site-footer a[href^="tel:"],.detail-footer a[href^="mailto:"],.detail-footer a[href^="tel:"] {max-width:100%;overflow-wrap:anywhere;}
.premium-design .footer-bottom-inner p {max-width:100%;overflow-wrap:break-word;}
.premium-design .scope-details summary {display:grid;grid-template-columns:minmax(0,1fr) 29px;gap:18px;padding-right:6px;}
.premium-design .scope-details summary>span:first-child {min-width:0;overflow-wrap:break-word;}
.premium-design .footer-logo {width:min(240px,100%);}
@media(max-width:1000px) {
 .premium-design .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
}
@media(max-width:760px) {
 .premium-design :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {font-size:16px;max-width:100%;}
 .premium-design :where(.form-field,.form-field>*,.contact-form-dark,.form-accept,.request-modal-accept) {min-width:0;}
 .premium-design :where(p,li,summary,label) {overflow-wrap:break-word;}
 .premium-design :where(h1,h2,h3,h4) {overflow-wrap:break-word;word-break:normal;}
 .premium-design .footer-top {padding:40px 0 32px;}
 .premium-design .footer-tagline {max-width:100%;font-size:14px;line-height:1.75;}
 .premium-design .footer-bottom {padding:22px 0;}
 .premium-design .footer-bottom-inner {align-items:flex-start;text-align:left;gap:10px;}
 .premium-design .footer-bottom-inner p {line-height:1.7;}
 .premium-design .footer-social {flex-wrap:wrap;gap:12px;}
 .premium-design .footer-social a {flex:0 0 44px;width:44px;height:44px;}
 .premium-design .footer-nav,.premium-design .footer-legal,.premium-design .footer-contact {gap:3px;}
 .premium-design .footer-heading {margin:0 0 10px;line-height:1.6;}
 .premium-design .footer-nav>a,.premium-design .footer-legal>a,.premium-design .footer-contact>a {display:flex;align-items:center;min-height:44px;line-height:1.6;padding:6px 0;font-size:14px;}
 .reference-home .menu-toggle {flex-shrink:0;width:44px;height:44px;}
 .reference-home .lang-current {min-height:44px;}
 .premium-design .scope-details details>p {padding-right:0;}
 .premium-design .page-content :where(a,p,li) {overflow-wrap:anywhere;}
 .premium-design .page-footer {min-width:0;gap:12px;}
}
@media(max-width:600px) {
 .premium-design .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;}
 .premium-design .footer-brand,.premium-design .footer-contact {grid-column:1/-1;}
 .premium-design .footer-brand {gap:17px;}
 .premium-design .footer-contact {padding-top:22px;border-top:1px solid #d5dfe620;}
 .premium-design .footer-heading {font-size:10px;letter-spacing:.14em;}
 .premium-design .footer-bottom-inner {flex-direction:column;}
 .premium-design .reference-solutions .solution-page-link {min-height:44px;align-content:center;}
 .premium-design .monitor-device-controls button {min-height:44px;}
 .premium-design .monitor-device-controls .monitor-device-prev,.premium-design .monitor-device-controls .monitor-device-next {width:38px;}
}

@media(max-width:760px) {.premium-design .hero {background-image:url("assets/hero-tropical-sunset-mobile-v21.webp");}}
@media(max-width:600px) {
 .premium-design .header-inner:has(>.header-right) {height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;}
 .premium-design .header-right {width:100%;min-width:0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
 .premium-design .header-right .back-link {min-height:40px;}
 .premium-design .header-right .lang-toggle {display:flex;max-width:100%;}
 .premium-design .header-right .lang-toggle button {min-width:34px;min-height:40px;}
 .premium-design .page-wrap {padding:35px 20px 55px;}
 .premium-design .page-title {text-transform:none;max-width:100%;font-size:clamp(27px,7.8vw,38px);line-height:1.25;}
 .premium-design .page-wrap :where(a,p,li,.company-block span) {overflow-wrap:anywhere;}
 .premium-design .company-block {padding:16px;}
}
@media(max-width:360px) {.premium-design .footer-grid {grid-template-columns:minmax(0,1fr);}}