/* Premium UI layer — industrial energy / B2B technology */
:root {
    --premium-ink: #07111c;
    --premium-navy: #0a1623;
    --premium-navy-2: #0d2030;
    --premium-blue: #1e7bf6;
    --premium-cyan: #38c6e8;
    --premium-yellow: #ffbe2e;
    --premium-green: #29b36b;
    --premium-surface: #f5f7f9;
    --premium-surface-2: #edf2f6;
    --premium-line: #dbe4eb;
    --premium-muted: #71808d;
    --premium-white: #fff;
    --premium-shadow: 0 24px 80px rgba(8, 27, 43, .12);
    --premium-shadow-soft: 0 12px 42px rgba(8, 27, 43, .08);
}
html { scroll-behavior: smooth; }
body { background: #fff; }
::selection { background: rgba(30,123,246,.18); color: var(--premium-ink); }
.button-lg { min-height: 52px; padding-inline: 22px; }
.button-glass { color: #fff; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.button-glass:hover { background: rgba(255,255,255,.11); }
.section-dark { background: var(--premium-ink); }
.premium-heading h2 { font-size: clamp(2rem, 4vw, 3.8rem); max-width: 900px; letter-spacing: -.035em; line-height: 1.22; }
.premium-heading > p, .premium-heading > div > p { max-width: 720px; }
.premium-text-link { font-weight: 800; display: inline-flex; align-items: center; gap: 8px; }

/* Header */
.premium-header { position: sticky; top: 0; z-index: 80; background: rgba(255,255,255,.84); backdrop-filter: saturate(150%) blur(18px); border-bottom: 1px solid rgba(219,228,235,.82); transition: box-shadow .2s ease, background .2s ease; }
.premium-header.is-scrolled { box-shadow: 0 10px 38px rgba(8,27,43,.08); background: rgba(255,255,255,.95); }
.premium-header .header-inner { min-height: 76px; }
.premium-brand-mark { background: linear-gradient(135deg, var(--premium-blue), var(--premium-cyan)); box-shadow: 0 10px 30px rgba(30,123,246,.2); }
.premium-brand .brand-copy small { letter-spacing: -.01em; }
.premium-main-nav { gap: 3px; padding: 5px; border-radius: 999px; background: #f6f8fa; border: 1px solid #edf1f4; }
.premium-main-nav a { padding: 9px 13px; border-radius: 999px; font-size: .83rem; color: #344653; }
.premium-main-nav a:hover { background: #fff; color: var(--premium-ink); box-shadow: 0 4px 14px rgba(7,17,28,.06); }
.premium-header-actions { gap: 8px; }
.header-icon-link { width: 38px; height: 38px; display: inline-grid; place-items: center; border: 1px solid var(--premium-line); border-radius: 11px; color: var(--premium-ink); background: #fff; position: relative; }
.header-icon-link b { position: absolute; inset-inline-end: -5px; top: -6px; min-width: 18px; height: 18px; border-radius: 99px; display: grid; place-items: center; font-size: .64rem; background: var(--premium-yellow); color: var(--premium-ink); }
.header-account { padding: 9px 11px; display: inline-flex; align-items: center; gap: 7px; font-size: .8rem; font-weight: 800; color: var(--premium-ink); }
.account-dot { width: 7px; height: 7px; background: var(--premium-green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(41,179,107,.12); }
.header-cta { border-radius: 12px; }
.header-progress { position: absolute; bottom: -1px; right: 0; height: 2px; width: 0; background: linear-gradient(90deg,var(--premium-blue),var(--premium-cyan)); }
.premium-menu-button { border: 0; background: none; padding: 8px; gap: 4px; align-items: center; }
.premium-menu-button span { display: block; width: 20px; height: 2px; border-radius: 9px; background: var(--premium-ink); }
.premium-menu-button b { margin-inline-start: 6px; font-size: .75rem; }

/* Hero */
.premium-hero { position: relative; overflow: hidden; min-height: 720px; display: grid; align-items: center; background: radial-gradient(circle at 75% 45%, #12344f 0, #0a1c2c 31%, #07111c 65%); }
.premium-grid-backdrop { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,transparent,#000 26%,#000 100%); }
.premium-hero:before { content: ''; position: absolute; width: 560px; height: 560px; border-radius: 50%; inset-inline-start: -180px; top: -260px; background: rgba(30,123,246,.17); filter: blur(80px); }
.premium-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(430px,.95fr); gap: 76px; align-items: center; }
.signal-badge { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #cce1f0; font-size: .72rem; font-weight: 800; letter-spacing: .05em; background: rgba(255,255,255,.04); }
.signal-badge > span { width: 7px; height: 7px; background: var(--premium-cyan); border-radius: 50%; box-shadow: 0 0 0 5px rgba(56,198,232,.12); }
.premium-hero h1 { color: #fff; font-size: clamp(3.2rem, 7vw, 6.6rem); line-height: .98; letter-spacing: -.055em; margin: 24px 0; max-width: 850px; }
.premium-lead { color: #b9cad7; max-width: 760px; font-size: 1.04rem; line-height: 2; }
.premium-actions { margin-top: 30px; }
.proof-row { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 22px; color: #90a8b9; font-size: .75rem; }
.proof-row span { padding-inline-end: 22px; border-inline-end: 1px solid rgba(255,255,255,.12); }
.proof-row span:last-child { border: 0; }
.proof-row b { display: block; color: #fff; font-size: 1.25rem; margin-bottom: 4px; }
.premium-hero-visual { min-height: 570px; position: relative; display: grid; place-items: center; }
.energy-console { width: min(100%,530px); aspect-ratio: .9; position: relative; border-radius: 30px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); box-shadow: 0 45px 100px rgba(0,0,0,.35); backdrop-filter: blur(18px); overflow: hidden; }
.energy-console:after { content:''; position:absolute; inset:0; background: radial-gradient(circle at 50% 40%,rgba(56,198,232,.13),transparent 45%); pointer-events:none; }
.console-top,.console-footer { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; color: #8ca5b8; font-size: .65rem; letter-spacing: .08em; }
.console-top i { font-style: normal; color: #85edbd; display: inline-flex; gap: 7px; align-items: center; }
.console-top i:before { content:''; width:6px; height:6px; border-radius:50%; background:#45d88f; box-shadow:0 0 0 5px rgba(69,216,143,.12); }
.console-core { height: calc(100% - 125px); display: grid; place-items: center; position: relative; }
.premium-product-visual { width: 86%; height: 90%; object-fit: contain; filter: drop-shadow(0 30px 50px rgba(0,0,0,.28)); }
.power-ring { width: 300px; height: 300px; position: relative; border-radius:50%; border:1px solid rgba(56,198,232,.34); box-shadow: inset 0 0 60px rgba(56,198,232,.08),0 0 80px rgba(30,123,246,.10); }
.power-ring:before,.power-ring:after,.power-ring span { content:''; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.13); }
.power-ring:before { inset: 38px; }
.power-ring:after { inset: 78px; }
.power-ring span:nth-child(1) { inset:-12px; border-style:dashed; animation: premium-spin 18s linear infinite; }
.power-ring span:nth-child(2) { width:10px;height:10px;background:var(--premium-cyan);border:0;top:35px;right:30px;box-shadow:0 0 26px var(--premium-cyan); }
.power-ring span:nth-child(3) { width:8px;height:8px;background:var(--premium-yellow);border:0;bottom:48px;left:28px;box-shadow:0 0 22px var(--premium-yellow); }
.console-mark { position:absolute; font-size:6rem; font-weight:900; color:#fff; letter-spacing:-.08em; }
.console-footer { display:grid;grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.08); }
.console-footer div { padding-inline: 12px; border-inline-start:1px solid rgba(255,255,255,.08); }
.console-footer div:first-child { border:0; }
.console-footer small,.console-footer strong { display:block; }
.console-footer strong { color:#e7f1f6; margin-top:4px; font-size:.72rem; }
.floating-proof-card { position:absolute; bottom:28px; inset-inline-start:-38px; width:270px; padding:18px; border-radius:18px; background:#fff; color:var(--premium-ink); box-shadow:0 22px 70px rgba(0,0,0,.3); }
.floating-proof-card small,.floating-proof-card span { display:block; color:var(--premium-muted); font-size:.68rem; }
.floating-proof-card strong { display:block; margin:8px 0; line-height:1.6; }
@keyframes premium-spin { to { transform:rotate(360deg); } }

.premium-trust-band { background:#fff; border-bottom:1px solid var(--premium-line); }
.premium-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.premium-trust-grid article { display:flex; align-items:center; gap:14px; padding:24px 20px; border-inline-start:1px solid var(--premium-line); }
.premium-trust-grid article:first-child { border:0; }
.trust-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0f6ff;color:var(--premium-blue);font-size:.68rem;font-weight:900; }
.premium-trust-grid strong,.premium-trust-grid small { display:block; }
.premium-trust-grid small { color:var(--premium-muted);margin-top:3px;font-size:.68rem; }

/* Homepage sections */
.analysis-spotlight { background: linear-gradient(180deg,#fff,#f7fafc); }
.analysis-spotlight-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(430px,.8fr); gap:80px; align-items:center; }
.analysis-card-premium { position:relative; padding:28px; border:1px solid #d9e5ee; border-radius:24px; background:#fff; box-shadow:var(--premium-shadow-soft); }
.analysis-card-premium:before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(135deg,rgba(30,123,246,.04),transparent 45%); }
.analysis-card-header { position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--premium-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.analysis-card-header b { color:var(--premium-blue);font-size:1rem; }
.analysis-card-premium .analysis-form-grid { position:relative;grid-template-columns:1fr;gap:12px; }
.analysis-card-premium label { padding:12px 14px;border:1px solid var(--premium-line);border-radius:14px;background:#fbfcfd; }
.analysis-card-premium label > span { display:flex;align-items:center;gap:8px; }
.analysis-card-premium label input { flex:1;border:0;background:transparent;min-width:0;font-size:1.1rem;font-weight:800;outline:0; }
.analysis-card-premium label i { color:var(--premium-muted);font-style:normal;font-size:.7rem; }
.bento-solutions { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.bento-solution-card { min-height:290px; padding:28px; border:1px solid var(--premium-line); border-radius:24px; background:#fff; color:var(--premium-ink); display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;overflow:hidden;position:relative; }
.bento-solution-card:after { content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(30,123,246,.05);left:-70px;bottom:-80px; }
.bento-solution-card:hover { transform:translateY(-5px);box-shadow:var(--premium-shadow-soft);border-color:#bcd4e5; }
.bento-solution-card.bento-large { grid-column:span 2; background:linear-gradient(140deg,#0b1b29,#102d43); color:#fff; border-color:transparent; }
.bento-index { font-size:.68rem;color:#7d93a2;font-weight:900; }
.bento-solution-card h3 { font-size:clamp(1.4rem,2.4vw,2.3rem);margin:8px 0 12px; }
.bento-solution-card div div { color:var(--premium-muted);line-height:1.9; }
.bento-large div div { color:#afc1cf; }
.bento-solution-card b { display:block;margin-top:22px;font-size:.78rem; }
.family-rail { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px; }
.family-rail a { padding:17px;border:1px solid var(--premium-line);border-radius:15px;background:#fff;color:var(--premium-ink); }
.family-rail span,.family-rail small { display:block; }
.family-rail span { font-weight:900;font-size:1.05rem; }
.family-rail small { color:var(--premium-muted);font-size:.68rem;margin-top:4px; }
.premium-product-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.premium-product-card { min-height:390px;padding:22px;border-radius:22px;background:var(--premium-ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--premium-shadow-soft); }
.premium-product-card-top { display:flex;justify-content:space-between;color:#88a2b6;font-size:.68rem; }
.product-monogram { min-height:140px;display:grid;place-items:center;font-size:clamp(2.2rem,4vw,4rem);font-weight:900;letter-spacing:-.06em;color:#d9f4ff;background:radial-gradient(circle,rgba(56,198,232,.15),transparent 66%); }
.premium-product-card h3 { margin:0 0 8px;font-size:1.2rem; }
.premium-product-card p { color:#9fb2c0;font-size:.78rem;line-height:1.8; }
.product-card-links { display:flex;justify-content:space-between;margin-top:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px; }
.product-card-links a { color:#fff;font-size:.72rem;font-weight:800; }
.industry-stage { position:relative;overflow:hidden; }
.industry-stage:before { content:'';position:absolute;inset:-20% 55% 0 -20%;background:radial-gradient(circle,rgba(30,123,246,.18),transparent 60%); }
.industry-stage-grid { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.industry-stage h2 { color:#fff;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.12;margin:12px 0 18px; }
.industry-stage p { color:#9fb3c2;line-height:2; }
.industry-cloud { display:flex;flex-wrap:wrap;gap:10px;align-content:center; }
.industry-cloud a,.industry-cloud > span { min-width:calc(50% - 5px);display:flex;justify-content:space-between;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:#d9e7ef;background:rgba(255,255,255,.035); }
.industry-cloud a:hover { background:rgba(255,255,255,.08); }
.premium-project-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:17px; }
.premium-project-card { min-height:480px;border-radius:24px;overflow:hidden;position:relative;background:#10202d;color:#fff;box-shadow:var(--premium-shadow-soft); }
.premium-project-card img,.project-visual-placeholder { width:100%;height:100%;object-fit:cover;position:absolute;inset:0; }
.premium-project-card:after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,12,19,.92) 92%); }
.project-visual-placeholder { display:grid;place-items:center;background:radial-gradient(circle at 60% 30%,#204b68,#0c1c28 65%);color:#7292a8;font-weight:900;letter-spacing:.1em; }
.project-card-overlay { position:absolute;z-index:2;inset:auto 0 0;padding:26px; }
.project-card-overlay h3 { font-size:1.45rem;margin:10px 0 18px; }
.project-live-metrics { display:flex;gap:18px;border-top:1px solid rgba(255,255,255,.13);padding-top:14px; }
.project-live-metrics small,.project-live-metrics b { display:block; }
.project-live-metrics small { color:#99afbd;font-size:.62rem; }
.project-live-metrics b { margin-top:3px; }
.premium-knowledge-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.premium-knowledge-grid article { padding:26px;border:1px solid var(--premium-line);border-radius:19px;background:#fff; }
.premium-knowledge-grid article > span { color:var(--premium-blue);font-size:.68rem;font-weight:900; }
.premium-knowledge-grid h3 { min-height:64px;margin:12px 0;line-height:1.6; }
.premium-knowledge-grid h3 a { color:var(--premium-ink); }
.premium-knowledge-grid small { color:var(--premium-muted);display:block;margin-bottom:18px; }
.premium-knowledge-grid article > a { color:var(--premium-ink);font-weight:800;font-size:.72rem; }
.premium-cta-panel { padding:52px;border-radius:30px;background:linear-gradient(135deg,#0b1a27,#11334b);color:#fff;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;box-shadow:0 35px 90px rgba(7,17,28,.2); }
.premium-cta-panel h2 { font-size:clamp(2rem,4vw,3.5rem);margin:10px 0; }
.premium-cta-panel p { color:#a9becd;max-width:720px; }
.premium-cta-actions { display:flex;gap:10px;flex-wrap:wrap;max-width:430px;justify-content:flex-end; }

/* Product page refinement */
.product-hero { position:relative;overflow:hidden;background:radial-gradient(circle at 20% 30%,#17354a,#07111c 55%); }
.product-hero:before { content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px; }
.product-hero-grid { position:relative; }
.product-summary h1 { font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.05em; }
.product-summary .lead { color:#a9becd;line-height:2; }
.product-gallery-main { background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.1),0 35px 90px rgba(0,0,0,.2); }
.product-content-grid .spec-card { border-radius:20px;box-shadow:var(--premium-shadow-soft); }
.spec-list > div { transition:background .16s ease; }
.spec-list > div:hover { background:#f7fafc; }
.product-sidebar .side-card { border-radius:18px;box-shadow:var(--premium-shadow-soft); }

/* Analysis */
.analysis-page-hero,.analysis-result-hero { background:radial-gradient(circle at 80% 30%,#163d58,#07111c 62%); }
.analysis-page-hero h1,.analysis-result-hero h1 { font-size:clamp(2.8rem,6vw,5.4rem);letter-spacing:-.05em; }
.analysis-pro-form,.lead-capture-card,.analysis-guide-card { border-radius:24px;box-shadow:var(--premium-shadow-soft); }
.analysis-pro-form input,.analysis-pro-form select,.lead-form input,.lead-form textarea { border-radius:12px; }
.analysis-formula-card { border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.08); }
.result-summary-grid article { border-radius:18px; }
.recommendation-card { border-radius:20px;box-shadow:var(--premium-shadow-soft); }
.recommended-best { border-color:#7bb7ff;box-shadow:0 18px 50px rgba(30,123,246,.10); }

/* Portal */
.portal-shell { min-height:75vh;padding:64px 0 90px; }
.portal-topbar { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px; }
.portal-topbar h1 { font-size:clamp(2.2rem,4.5vw,4rem);margin:8px 0;letter-spacing:-.045em; }
.portal-topbar p { color:var(--premium-muted); }
.portal-nav { display:flex;gap:6px;overflow:auto;padding:6px;border:1px solid var(--premium-line);border-radius:16px;background:#fff;margin-bottom:22px;box-shadow:0 8px 30px rgba(8,27,43,.035); }
.portal-nav a { flex:0 0 auto;padding:10px 15px;border-radius:11px;color:#52636f;font-size:.78rem;font-weight:800; }
.portal-nav a.is-active { background:var(--premium-ink);color:#fff; }
.portal-kpi-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px; }
.portal-kpi-grid article { padding:22px;border-radius:18px;background:#fff;border:1px solid var(--premium-line); }
.portal-kpi-grid span,.portal-kpi-grid strong,.portal-kpi-grid small { display:block; }
.portal-kpi-grid span { color:var(--premium-muted);font-size:.68rem; }
.portal-kpi-grid strong { font-size:2.4rem;margin:5px 0;color:var(--premium-ink); }
.portal-kpi-grid small { color:#92a0aa;font-size:.64rem; }
.portal-dashboard-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:16px; }
.portal-panel { padding:22px;border:1px solid var(--premium-line);border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(8,27,43,.04); }
.portal-panel-wide { min-width:0; }
.panel-head { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px; }
.panel-head small { color:var(--premium-blue);font-size:.62rem;font-weight:900;letter-spacing:.06em; }
.panel-head h2 { margin:2px 0 0;font-size:1.2rem; }
.panel-head > a { font-size:.72rem;font-weight:800; }
.portal-order-row,.portal-simple-row,.portal-device-row { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid #edf1f4;color:var(--premium-ink); }
.portal-order-row:first-of-type,.portal-simple-row:first-child,.portal-device-row:first-of-type { border-top:0; }
.portal-order-id small,.portal-order-id strong,.portal-simple-row span b,.portal-simple-row span small,.portal-device-row div strong,.portal-device-row div small { display:block; }
.portal-order-id small,.portal-simple-row small,.portal-device-row small { color:var(--premium-muted);font-size:.65rem; }
.status-cluster { display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1;max-width:620px; }
.status-cluster span { padding:8px 10px;background:#f7f9fb;border-radius:10px;font-size:.6rem;color:var(--premium-muted); }
.status-cluster b { display:block;color:#334652;margin-top:3px;white-space:nowrap;font-size:.68rem; }
.row-arrow { font-size:1.15rem;color:var(--premium-blue); }
.device-mini-mark { width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--premium-ink);color:#fff;font-weight:900;font-size:.7rem; }
.portal-device-row > b { margin-inline-start:auto;font-size:.68rem;color:var(--premium-green); }
.portal-timeline-row { display:flex;gap:12px;padding:12px 0; }
.portal-timeline-row > span { width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--premium-blue);box-shadow:0 0 0 5px rgba(30,123,246,.1); }
.portal-timeline-row strong,.portal-timeline-row small { display:block; }
.portal-timeline-row small { color:var(--premium-muted);font-size:.66rem;margin-top:3px; }
.portal-split-list { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.portal-list-stack,.installation-list { display:grid;gap:12px; }
.portal-order-card { display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:20px;padding:22px;border-radius:19px;background:#fff;border:1px solid var(--premium-line);color:var(--premium-ink);box-shadow:0 9px 30px rgba(8,27,43,.035); }
.portal-order-card h2 { margin:4px 0;font-size:1.25rem; }
.portal-order-card > div:first-child span { color:var(--premium-muted);font-size:.68rem; }
.order-state-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:7px; }
.order-state-grid span { padding:10px;background:#f7f9fb;border-radius:11px; }
.order-state-grid small,.order-state-grid b { display:block; }
.order-state-grid small { color:var(--premium-muted);font-size:.6rem; }
.order-state-grid b { margin-top:3px;font-size:.7rem; }
.order-progress-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px; }
.order-progress-grid article { padding:22px;border-radius:18px;background:var(--premium-ink);color:#fff; }
.order-progress-grid article span { color:#6e899d;font-size:.65rem; }
.order-progress-grid small,.order-progress-grid strong { display:block; }
.order-progress-grid small { margin-top:18px;color:#90a8b9;font-size:.62rem; }
.order-progress-grid strong { margin-top:5px; }
.device-asset-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.device-asset-card { min-height:330px;padding:18px;border:1px solid var(--premium-line);border-radius:22px;background:#fff;color:var(--premium-ink);box-shadow:var(--premium-shadow-soft); }
.device-asset-visual { height:155px;border-radius:17px;background:radial-gradient(circle at 50% 40%,#234b66,#0a1722 70%);color:#fff;display:grid;place-items:center;align-content:center;gap:4px; }
.device-asset-visual span { font-size:2.7rem;font-weight:900;letter-spacing:-.06em; }
.device-asset-visual small { color:#7e9bae;letter-spacing:.12em; }
.device-asset-card h2 { margin:14px 0 4px;font-size:1.15rem; }
.device-asset-card p { color:var(--premium-muted);font-size:.7rem; }
.warranty-line { display:flex;justify-content:space-between;border-top:1px solid var(--premium-line);padding-top:12px;margin-top:14px; }
.device-detail-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:16px; }
.device-identity-card { padding:25px;border-radius:22px;background:var(--premium-ink);color:#fff; }
.device-identity-mark { height:190px;display:grid;place-items:center;font-size:4.5rem;font-weight:900;background:radial-gradient(circle,rgba(56,198,232,.14),transparent 65%); }
.device-identity-card dl > div { display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.1); }
.device-identity-card dt { color:#91a7b7;font-size:.68rem; }
.device-identity-card dd { margin:0;font-weight:800; }
.device-identity-card .text-link { color:#fff;display:inline-block;margin-top:18px; }
.device-detail-side { display:grid;gap:16px; }
.warranty-hero { padding:24px;border-radius:16px;background:#f2fbf6;border:1px solid #cdebd9; }
.warranty-hero strong,.warranty-hero span { display:block; }
.warranty-hero strong { font-size:1.55rem;color:#187444; }
.warranty-hero span { color:#5e776b;margin-top:4px;font-size:.72rem; }
.installation-card { display:grid;grid-template-columns:1fr repeat(3,.75fr);gap:16px;align-items:center;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--premium-line); }
.installation-card small,.installation-card b { display:block; }
.installation-card small { color:var(--premium-muted);font-size:.62rem; }
.installation-card b { margin-top:4px;font-size:.78rem; }
.installation-state { display:flex;gap:10px;align-items:center; }
.installation-state span { width:9px;height:9px;border-radius:50%;background:var(--premium-green);box-shadow:0 0 0 5px rgba(41,179,107,.1); }
.installation-card p { grid-column:1/-1;color:var(--premium-muted);font-size:.72rem;margin:0; }

/* Public device */
.device-public-hero { background:radial-gradient(circle at 75% 40%,#173e59,#07111c 65%);padding:100px 0; }
.device-public-grid { display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center; }
.device-public-grid h1 { color:#fff;font-size:clamp(2.6rem,5vw,5rem);margin:16px 0; }
.device-public-grid p { color:#abc0cf;max-width:700px;line-height:2; }
.serial-chip { display:inline-flex;gap:9px;margin-top:24px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#88a4b8; }
.serial-chip strong { color:#fff;direction:ltr; }
.device-public-mark { aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle,rgba(56,198,232,.14),rgba(255,255,255,.02) 65%);box-shadow:0 0 100px rgba(30,123,246,.16); }
.device-public-mark span { color:#fff;font-size:4rem;font-weight:900; }
.device-public-mark small { color:#6fe0ae;letter-spacing:.15em; }
.device-public-info { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.device-public-info article { padding:22px;border:1px solid var(--premium-line);border-radius:17px; }
.device-public-info small,.device-public-info strong { display:block; }
.device-public-info small { color:var(--premium-muted);font-size:.64rem; }
.device-public-info strong { margin-top:7px; }
.owner-device-action { margin-top:18px;padding:24px;border-radius:18px;background:#f7f9fb;display:flex;justify-content:space-between;align-items:center;gap:20px; }
.owner-device-action p { margin:0;color:var(--premium-muted); }

/* Auth */
.account-section { min-height:72vh;background:radial-gradient(circle at 80% 20%,#eef7ff,#fff 52%); }
.auth-card { border-radius:24px!important;box-shadow:var(--premium-shadow)!important;border:1px solid #e2e9ef!important; }
.auth-card h1 { font-size:2.3rem;letter-spacing:-.04em; }
.auth-card input { min-height:50px;border-radius:12px!important; }

/* Footer */
.premium-footer { background:#07111c;color:#c7d5df;padding-top:58px; }
.premium-footer-top { display:grid;grid-template-columns:1.1fr 1.9fr;gap:70px;padding-bottom:46px; }
.footer-brand-column p { color:#7f97a8;max-width:460px;line-height:2;margin:20px 0; }
.footer-phone { color:#fff;font-size:1.2rem;font-weight:900;direction:ltr;display:inline-block; }
.footer-links { display:grid;grid-template-columns:repeat(3,1fr);gap:30px; }
.footer-links h3 { color:#fff;font-size:.8rem;margin-bottom:16px; }
.footer-links a { display:block;color:#8fa6b6;font-size:.76rem;padding:6px 0; }
.footer-links a:hover { color:#fff; }
.premium-footer-bottom { border-top:1px solid rgba(255,255,255,.08);color:#6f8798;padding-block:18px; }

/* reveal */
[data-reveal] { opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease; }
[data-reveal].is-visible { opacity:1;transform:none; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    [data-reveal] { opacity:1;transform:none;transition:none; }
    .power-ring span:nth-child(1) { animation:none; }
}

@media (max-width: 1180px) {
    .premium-main-nav { display:none; }
    .premium-hero-grid { grid-template-columns:1fr .82fr;gap:40px; }
    .premium-hero-visual { min-height:500px; }
    .premium-product-grid { grid-template-columns:repeat(2,1fr); }
    .family-rail { grid-template-columns:repeat(2,1fr); }
    .portal-dashboard-grid { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
    .premium-header .header-cta,.premium-header .header-account,.premium-header-actions .compare-header-link { display:none; }
    .premium-hero { padding:80px 0 55px;min-height:auto; }
    .premium-hero-grid,.analysis-spotlight-grid,.industry-stage-grid,.premium-footer-top,.device-detail-layout,.device-public-grid { grid-template-columns:1fr; }
    .premium-hero-visual { min-height:450px; }
    .energy-console { max-width:520px; }
    .floating-proof-card { inset-inline-start:10px; }
    .premium-trust-grid { grid-template-columns:repeat(2,1fr); }
    .bento-solutions { grid-template-columns:1fr 1fr; }
    .premium-project-grid,.premium-knowledge-grid,.device-asset-grid { grid-template-columns:1fr 1fr; }
    .premium-cta-panel { grid-template-columns:1fr; }
    .premium-cta-actions { justify-content:flex-start;max-width:none; }
    .portal-kpi-grid { grid-template-columns:repeat(2,1fr); }
    .portal-order-card { grid-template-columns:1fr auto; }
    .portal-order-card .order-state-grid { grid-column:1/-1;grid-row:2; }
    .order-progress-grid,.device-public-info { grid-template-columns:repeat(2,1fr); }
    .installation-card { grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px) {
    .premium-header .header-inner { min-height:66px; }
    .premium-brand .brand-copy small { display:none; }
    .premium-hero h1 { font-size:3.15rem; }
    .premium-hero-visual { min-height:390px; }
    .energy-console { border-radius:23px; }
    .power-ring { width:230px;height:230px; }
    .floating-proof-card { width:230px;bottom:4px; }
    .proof-row { gap:12px; }
    .proof-row span { min-width:calc(50% - 6px);border:0;padding:0; }
    .premium-trust-grid,.bento-solutions,.premium-product-grid,.premium-project-grid,.premium-knowledge-grid,.device-asset-grid { grid-template-columns:1fr; }
    .bento-solution-card.bento-large { grid-column:auto; }
    .family-rail { display:flex;overflow:auto;padding-bottom:4px; }
    .family-rail a { min-width:190px; }
    .industry-cloud a,.industry-cloud > span { min-width:100%; }
    .premium-cta-panel { padding:30px 22px;border-radius:22px; }
    .premium-cta-actions { display:grid;grid-template-columns:1fr; }
    .portal-shell { padding-top:38px; }
    .portal-topbar { align-items:flex-start;flex-direction:column; }
    .portal-kpi-grid,.order-progress-grid,.device-public-info { grid-template-columns:1fr 1fr; }
    .status-cluster,.order-state-grid { grid-template-columns:1fr 1fr; }
    .portal-order-row { align-items:flex-start;flex-direction:column; }
    .status-cluster { max-width:none;width:100%; }
    .portal-split-list { grid-template-columns:1fr; }
    .installation-card { grid-template-columns:1fr; }
    .installation-card p { grid-column:auto; }
    .device-public-mark { max-width:280px;margin:auto; }
    .owner-device-action { align-items:stretch;flex-direction:column; }
    .premium-footer-top { gap:35px; }
    .footer-links { grid-template-columns:1fr 1fr; }
}

/* Representatives */
.representative-hero { background:radial-gradient(circle at 80% 35%,#16425f,#07111c 63%); }
.rep-hero-stat { padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.055);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.24); }
.rep-hero-stat small,.rep-hero-stat strong,.rep-hero-stat span { display:block; }
.rep-hero-stat small { color:#8ca5b6;font-size:.7rem; }
.rep-hero-stat strong { color:#fff;font-size:4.6rem;line-height:1.1;margin:8px 0; }
.rep-hero-stat span { color:#9db1bf;font-size:.7rem; }
.rep-filter { display:flex;gap:8px;align-items:center; }
.rep-filter select { min-height:44px;border:1px solid var(--premium-line);border-radius:12px;padding:0 12px;background:#fff;font:inherit; }
.representative-layout { display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start; }
.representative-list { display:grid;gap:10px; }
.representative-card { padding:20px;border:1px solid var(--premium-line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(8,27,43,.035); }
.representative-card small { color:var(--premium-blue);font-size:.66rem;font-weight:900; }
.representative-card h3 { margin:6px 0 8px; }
.representative-card p { color:var(--premium-muted);font-size:.73rem;line-height:1.8; }
.rep-services { display:flex;gap:6px;flex-wrap:wrap;margin:12px 0; }
.rep-services span { padding:6px 9px;border-radius:999px;background:#f0f6ff;color:#2b6fb8;font-size:.62rem;font-weight:800; }
.rep-contact { display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #edf1f4; }
.rep-contact a { color:var(--premium-ink);font-size:.72rem;font-weight:800;direction:ltr; }
.representative-map { position:sticky;top:100px;min-height:520px; }
.rep-application-form .field-wide { grid-column:1/-1; }
.rep-application-form textarea { width:100%; }
.success-shell { max-width:760px; }
.success-card { padding:48px;border:1px solid var(--premium-line);border-radius:26px;background:#fff;text-align:center;box-shadow:var(--premium-shadow); }
.success-card h1 { font-size:2.6rem;margin:12px 0; }
.success-card code { direction:ltr;display:inline-block; }
.qr-public-mark img { width:210px;height:210px;background:#fff;padding:12px;border-radius:16px; }

@media (max-width: 900px) {
    .representative-layout { grid-template-columns:1fr; }
    .representative-map { position:relative;top:auto;min-height:420px; }
}
@media (max-width: 640px) {
    .rep-filter { width:100%;align-items:stretch;flex-direction:column; }
    .rep-filter select,.rep-filter button { width:100%; }
    .success-card { padding:34px 22px; }
}
.product-placeholder-premium { min-height:430px;width:100%;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 45%,rgba(56,198,232,.14),transparent 55%); }
.product-placeholder-premium span { color:#6d879a;font-size:.7rem;letter-spacing:.2em; }
.product-placeholder-premium strong { color:#fff;font-size:clamp(3.5rem,7vw,6.4rem);letter-spacing:-.08em; }
.product-placeholder-premium small { color:#88a0b1; }

/* =========================================================
   Stage 6 — Premium page system / 2026 UI refinement
   ========================================================= */

:root {
    --premium-ink: #07131f;
    --premium-ink-2: #0b2133;
    --premium-line: rgba(10, 37, 57, .10);
    --premium-blue-glow: rgba(22, 191, 232, .18);
    --premium-yellow-glow: rgba(255, 191, 46, .20);
    --premium-shadow: 0 28px 80px rgba(7, 25, 39, .10);
    --premium-shadow-tight: 0 16px 40px rgba(7, 25, 39, .09);
}

body { font-family: Vazirmatn, "IRANSansX", Tahoma, Arial, sans-serif; }
::selection { background: rgba(0,111,221,.18); color: var(--brand-navy); }
:focus-visible { outline: 3px solid rgba(22,191,232,.42); outline-offset: 3px; }
.button { letter-spacing: -.01em; }
.button-ghost-light { border: 1px solid rgba(255,255,255,.24); color: white; background: rgba(255,255,255,.04); }
.button-ghost-light:hover { background: rgba(255,255,255,.09); }

.marketing-grid-texture, .project-grid-texture, .article-grid-texture, .catalog-hero-grid-lines {
    position: absolute; inset: 0; pointer-events: none; opacity: .62;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.75) 55%, transparent 100%);
}
.marketing-grid-texture::after, .project-grid-texture::after, .article-grid-texture::after, .catalog-hero-grid-lines::after {
    content: ""; position: absolute; width: 560px; height: 560px; left: -150px; top: -250px;
    background: radial-gradient(circle, var(--premium-blue-glow), transparent 68%);
}

/* Catalog */
.catalog-hero-premium { position: relative; overflow: hidden; padding: 110px 0 82px; }
.catalog-hero-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr); gap: 64px; align-items: end; }
.catalog-hero-copy h1 { margin: 0; max-width: 780px; font-size: clamp(2.7rem, 5.4vw, 5rem); line-height: 1.16; letter-spacing: -.045em; }
.catalog-hero-copy h1 em { color: var(--energy-yellow); font-style: normal; }
.catalog-hero-copy .lead { max-width: 720px; color: #b6c8d4; font-size: 1.04rem; }
.catalog-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.catalog-filter-trigger { display: none; }
.catalog-hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.10); border-radius: 20px; overflow: hidden; box-shadow: 0 28px 80px rgba(0,0,0,.18); }
.catalog-hero-stats article { min-height: 150px; padding: 22px; display: flex; flex-direction: column; justify-content: end; background: rgba(7, 24, 38, .82); backdrop-filter: blur(14px); }
.catalog-hero-stats small { color: #7f9aaa; font-size: .7rem; }
.catalog-hero-stats strong { margin: 8px 0 0; font-size: 1.75rem; color: white; direction: ltr; }
.catalog-hero-stats span { color: #8fa7b6; font-size: .7rem; }
.catalog-section { padding-top: 58px; }
.catalog-layout-premium { grid-template-columns: 300px minmax(0,1fr); gap: 34px; }
.catalog-filter-panel { border: 1px solid var(--premium-line); box-shadow: none; }
.catalog-filter-panel .technical-filter-form { padding: 22px; }
.filter-mobile-head { display: none; }
.filter-panel-head { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
.filter-panel-head h2 { font-size: 1.2rem; }
.filter-input-icon { display: flex; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: white; padding-inline: 12px; }
.filter-input-icon b { color: var(--brand-blue); font-size: 1rem; }
.filter-input-icon input { border: 0 !important; box-shadow: none !important; padding-inline-start: 8px !important; }
.catalog-result-head-premium { border: 0; padding: 0 0 20px; background: transparent; }
.result-count { display: flex; flex-direction: column; }
.result-count small { color: var(--brand-blue); font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.result-count strong { font-size: 1.5rem; line-height: 1.3; }
.result-count span { color: var(--text-secondary); font-size: .75rem; }
.catalog-head-actions { display: flex; align-items: center; gap: 10px; }
.compare-link-premium { border: 1px solid var(--border); border-radius: 999px; padding: 7px 12px; background: white; }
.compare-link-premium > span { color: var(--brand-blue); }
.active-filter-bar { margin-bottom: 18px; padding: 12px 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; border-radius: 12px; background: #f1f6fa; border: 1px solid #e2eaf0; font-size: .75rem; }
.active-filter-bar > span { color: var(--text-secondary); }
.active-filter-bar b { background: white; border: 1px solid var(--border); border-radius: 999px; padding: 4px 9px; font-weight: 700; }
.active-filter-bar a { color: var(--brand-blue); margin-inline-start: auto; font-weight: 800; }
.premium-catalog-grid { gap: 20px; }
.premium-product-card { border-color: var(--premium-line); border-radius: 18px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.premium-product-card:hover { transform: translateY(-4px); box-shadow: var(--premium-shadow-tight); border-color: rgba(0,111,221,.24); }
.premium-product-media { position: relative; min-height: 285px; background: #f2f6f9; overflow: hidden; display: block; }
.premium-product-media img { width: 100%; height: 285px; object-fit: cover; transition: transform .45s ease; }
.premium-product-card:hover .premium-product-media img { transform: scale(1.025); }
.product-card-topline { position: absolute; z-index: 3; inset: 14px 14px auto 14px; display: flex; justify-content: space-between; align-items: center; pointer-events: none; }
.product-card-topline span, .product-card-topline code { padding: 5px 9px; border: 1px solid rgba(9,26,42,.09); border-radius: 999px; background: rgba(255,255,255,.86); backdrop-filter: blur(8px); color: var(--brand-navy); font-size: .68rem; }
.premium-product-art { min-height: 285px; background: radial-gradient(circle at 50% 45%, #f7fbfe 0, #eaf2f7 65%, #e1eaf0 100%); }
.premium-product-art::before { width: 135px; height: 190px; transform: perspective(600px) rotateY(-12deg) rotateX(4deg); background: linear-gradient(145deg, #173a53, #081b2a); box-shadow: 0 30px 60px rgba(9,26,42,.23); }
.premium-product-art span { top: 34%; color: rgba(9,26,42,.16); font-size: .65rem; letter-spacing: .24em; }
.premium-product-art strong { position: absolute; color: white; font-size: 1.35rem; letter-spacing: .06em; z-index: 2; }
.premium-product-art i { position: absolute; width: 270px; height: 270px; border: 1px solid rgba(0,111,221,.12); border-radius: 50%; }
.premium-product-card-body { padding: 20px; }
.product-card-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-card-title-row h2 { margin: 0; font-size: 1.12rem; }
.status-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #9aaab5; box-shadow: 0 0 0 5px rgba(154,170,181,.12); }
.status-dot.status-in_stock { background: #20a46d; box-shadow: 0 0 0 5px rgba(32,164,109,.12); }
.status-dot.status-low_stock { background: #e8a600; box-shadow: 0 0 0 5px rgba(232,166,0,.13); }
.status-dot.status-out_of_stock { background: #c84949; box-shadow: 0 0 0 5px rgba(200,73,73,.11); }
.premium-product-meta { min-height: auto; padding: 13px 0; margin-top: 16px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; gap: 12px; font-size: .72rem; color: var(--text-secondary); }
.premium-product-actions { margin-top: 16px; justify-content: space-between; align-items: center; }
.compare-toggle-button { border: 0; background: transparent; color: var(--text-secondary); cursor: pointer; font-weight: 800; font-size: .76rem; display: inline-flex; align-items: center; gap: 6px; }
.compare-toggle-button span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: white; }
.compare-toggle-button.is-selected { color: var(--brand-blue); }
.compare-toggle-button.is-selected span { background: var(--brand-blue); color: white; border-color: var(--brand-blue); }
.premium-empty-state { text-align: center; display: grid; place-items: center; justify-items: center; padding: 70px 30px; }
.premium-empty-state .empty-orbit { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--border); font-size: 1.5rem; color: var(--brand-blue); margin-bottom: 12px; box-shadow: inset 0 0 0 12px #fff; background: #eef5fa; }
.premium-empty-state h2 { color: var(--text-primary); margin: 0 0 8px; }
.premium-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 34px; border-top: 1px solid var(--border); padding-top: 20px; }
.premium-pagination a:last-child { justify-self: end; }
.premium-pagination strong { padding: 8px 14px; border-radius: 999px; background: var(--surface); }
.premium-pagination small { color: var(--text-secondary); font-weight: 400; }
.compare-dock { position: fixed; z-index: 75; bottom: 24px; left: 50%; transform: translateX(-50%); width: min(650px, calc(100% - 32px)); padding: 10px 12px 10px 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(7,19,31,.93); color: white; box-shadow: 0 26px 80px rgba(2,11,18,.30); backdrop-filter: blur(18px); display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.compare-dock > div:first-child { display: flex; align-items: center; gap: 11px; }
.compare-dock-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(22,191,232,.12); color: var(--brand-cyan); }
.compare-dock p { display: flex; flex-direction: column; margin: 0; line-height: 1.3; }
.compare-dock p small { color: #92a8b7; font-size: .67rem; margin-top: 3px; }
.compare-dock-actions { display: flex; align-items: center; gap: 9px; }
.compare-dock-clear { border: 0; background: transparent; color: #91a8b8; cursor: pointer; font-size: .7rem; }
.filter-backdrop { display: none; }

/* Comparison */
.compare-hero { padding: 100px 0 72px; }
.compare-hero-shell { display: flex; justify-content: space-between; align-items: end; gap: 42px; }
.compare-hero-shell h1 { font-size: clamp(2.7rem, 5vw, 4.7rem); margin: 0; }
.compare-hero-shell .lead { max-width: 700px; color: #b9cad6; }
.compare-hero-badge { width: 160px; height: 160px; flex: 0 0 160px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(22,191,232,.12), transparent 65%); }
.compare-hero-badge small { color: #8fa4b2; font-size: .62rem; }
.compare-hero-badge strong { font-size: 3rem; line-height: 1.1; color: var(--energy-yellow); }
.compare-hero-badge span { color: #a6b9c5; font-size: .7rem; }
.compare-actions-premium { margin-bottom: 22px; }
.compare-product-strip { display: grid; grid-template-columns: 170px repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-bottom: 12px; min-width: max-content; }
.compare-product-strip-label { padding: 16px; display: flex; flex-direction: column; justify-content: end; background: #f4f7f9; border-radius: 14px; }
.compare-product-strip-label span { font-weight: 900; }
.compare-product-strip-label small { color: var(--text-secondary); font-size: .65rem; margin-top: 4px; }
.compare-product-mini { width: 210px; padding: 11px; border: 1px solid var(--border); border-radius: 14px; display: grid; grid-template-columns: 62px 1fr; gap: 10px; align-items: center; background: white; }
.compare-product-mini img, .compare-mini-art { width: 62px; height: 54px; border-radius: 9px; object-fit: cover; background: #eef4f8; }
.compare-mini-art { display: grid; place-items: center; font-size: .65rem; font-weight: 900; color: var(--brand-blue); }
.compare-product-mini > div { display: flex; flex-direction: column; min-width: 0; }
.compare-product-mini small { color: var(--brand-blue); font-size: .62rem; }
.compare-product-mini strong { font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compare-product-mini code { font-size: .62rem; color: var(--text-secondary); }
.premium-compare-wrap { border-radius: 16px; border: 1px solid var(--border); max-height: 72vh; overflow: auto; box-shadow: none; }
.premium-compare-table { border-collapse: separate; border-spacing: 0; min-width: 780px; }
.premium-compare-table thead th { position: sticky; top: 0; z-index: 4; background: #081a29; color: white; border-color: rgba(255,255,255,.09); min-width: 190px; }
.premium-compare-table thead th:first-child { right: 0; z-index: 6; min-width: 165px; }
.premium-compare-table tbody th { position: sticky; right: 0; z-index: 3; background: #f7f9fa; min-width: 165px; }
.premium-compare-table th, .premium-compare-table td { padding: 17px 16px; border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); }
.premium-compare-table td { text-align: center; font-weight: 700; color: #283b49; }
.premium-compare-table thead a { color: white; display: block; }
.premium-compare-table thead small { color: #8ca4b5; display: block; direction: ltr; }
.compare-table-cta { margin-top: 8px; color: var(--energy-yellow) !important; font-size: .68rem; }
.compare-status { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
.compare-status i { width: 7px; height: 7px; border-radius: 50%; background: #9eb0bc; }
.compare-status i.status-in_stock { background: #20a46d; }
.compare-bottom-cta { margin-top: 40px; }
.compare-empty { min-height: 420px; }

/* Premium marketing pages */
.premium-marketing-hero, .index-hero-premium, .project-index-hero, .knowledge-index-hero, .b2b-form-hero, .selector-hero, .selector-result-hero, .success-hero { position: relative; overflow: hidden; }
.premium-marketing-hero { padding: 92px 0 84px; }
.premium-marketing-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); align-items: center; gap: 72px; }
.premium-marketing-copy h1, .index-hero-shell h1, .b2b-form-hero h1, .selector-hero h1 { margin: 0; font-size: clamp(2.7rem, 5.2vw, 4.8rem); line-height: 1.16; letter-spacing: -.045em; }
.premium-marketing-copy .lead, .index-hero-shell .lead, .b2b-form-hero .lead, .selector-hero .lead { color: #b6c8d4; max-width: 740px; }
.premium-marketing-visual { min-height: 470px; position: relative; display: grid; place-items: center; }
.premium-marketing-visual img { width: 100%; height: 470px; object-fit: cover; border-radius: 22px; box-shadow: 0 36px 90px rgba(0,0,0,.28); }
.premium-marketing-visual::after { content: ""; position: absolute; inset: auto -16px -16px 36px; height: 55%; border-radius: 24px; border: 1px solid rgba(22,191,232,.20); z-index: -1; }
.marketing-proof-chips, .selector-trust { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; }
.marketing-proof-chips span, .selector-trust span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #a7bac7; font-size: .69rem; }
.solution-signal-visual { width: min(440px, 100%); aspect-ratio: 1; position: relative; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.10); border-radius: 50%; background: radial-gradient(circle at center, rgba(0,111,221,.17), transparent 55%); }
.solution-signal-visual > span { position: absolute; top: 9%; color: #7f9baa; font-size: .64rem; letter-spacing: .15em; }
.signal-core { width: 170px; height: 210px; border-radius: 20px; background: linear-gradient(145deg, #163850, #0a1e2e); box-shadow: 0 30px 70px rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2; }
.signal-core i { width: 54px; height: 4px; border-radius: 99px; background: var(--energy-yellow); box-shadow: 0 0 24px rgba(255,191,46,.35); margin-bottom: 28px; }
.signal-core b { letter-spacing: .12em; }
.signal-core small { color: #7fa2b6; font-size: .56rem; }
.solution-signal-visual > em { position: absolute; border: 1px solid rgba(22,191,232,.16); border-radius: 50%; }
.solution-signal-visual > em:nth-of-type(1) { width: 58%; height: 58%; }
.solution-signal-visual > em:nth-of-type(2) { width: 78%; height: 78%; }
.solution-signal-visual > em:nth-of-type(3) { width: 96%; height: 96%; }
.solution-logic-section { padding-top: 64px; padding-bottom: 64px; }
.solution-logic-grid { display: grid; grid-template-columns: 1fr 100px 1fr; gap: 18px; align-items: stretch; }
.logic-card { padding: 34px; border: 1px solid var(--border); border-radius: 20px; background: white; position: relative; overflow: hidden; }
.logic-card::after { content: ""; width: 170px; height: 170px; position: absolute; left: -70px; bottom: -90px; border: 1px solid rgba(0,111,221,.10); border-radius: 50%; }
.logic-card small { color: var(--brand-blue); font-weight: 900; font-size: .66rem; }
.logic-card h2 { font-size: 1.55rem; line-height: 1.5; margin: 10px 0; }
.logic-card p { color: var(--text-secondary); margin: 0; }
.logic-number { position: absolute; left: 20px; top: 13px; color: rgba(9,26,42,.10); font-size: 3rem; font-weight: 900; }
.logic-outcome { background: #071b2a; border-color: #071b2a; color: white; }
.logic-outcome p { color: #9eb4c2; }
.logic-outcome small { color: var(--brand-cyan); }
.logic-outcome .logic-number { color: rgba(255,255,255,.08); }
.logic-connector { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--brand-blue); }
.logic-connector span { width: 1px; flex: 1; max-height: 70px; background: var(--border); }
.logic-connector b { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: white; }
.premium-flex-content > section, .premium-flex-content > div { position: relative; }
.recommended-product-section { border-top: 1px solid #ebf0f3; border-bottom: 1px solid #ebf0f3; }
.premium-related-grid { grid-template-columns: repeat(3, 1fr); }
.related-product-card { padding: 26px; min-height: 260px; display: flex; flex-direction: column; border-radius: 17px; border: 1px solid var(--border); background: white; position: relative; overflow: hidden; transition: .25s ease; }
.related-product-card:hover { transform: translateY(-3px); box-shadow: var(--premium-shadow-tight); }
.related-product-code { position: absolute; left: 16px; top: 10px; font-size: 2.2rem; font-weight: 900; color: rgba(9,26,42,.055); direction: ltr; }
.related-product-card small { color: var(--brand-blue); }
.related-product-card h3 { font-size: 1.35rem; margin: 24px 0 8px; }
.related-product-card p { color: var(--text-secondary); }
.related-product-card > div:last-child { margin-top: auto; display: flex; justify-content: space-between; gap: 10px; padding-top: 16px; border-top: 1px solid var(--border); }
.related-product-card > div:last-child a { font-size: .75rem; color: var(--brand-blue); font-weight: 800; }
.premium-cta-panel { min-height: 260px; padding: 48px; border-radius: 22px; position: relative; overflow: hidden; background: #071b2a; color: white; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-shadow: 0 28px 70px rgba(7,27,42,.16); }
.premium-cta-panel::before { content: ""; width: 400px; height: 400px; position: absolute; left: -160px; top: -200px; background: radial-gradient(circle, rgba(22,191,232,.20), transparent 68%); }
.premium-cta-panel > * { position: relative; z-index: 1; }
.premium-cta-panel h2 { margin: 0 0 7px; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.premium-cta-panel p { margin: 0; color: #9db3c1; }
.premium-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.premium-industry-loads { margin-top: 26px; padding: 17px 18px; max-width: 600px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.04); display: flex; flex-direction: column; }
.premium-industry-loads small { color: #7894a6; }
.premium-industry-loads strong { color: #dce8ef; }
.industry-system-visual { width: min(460px, 100%); min-height: 430px; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 44px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: linear-gradient(155deg, rgba(18,55,79,.75), rgba(6,20,31,.92)); overflow: hidden; }
.industry-system-visual::after { content: ""; position: absolute; width: 320px; height: 320px; border: 1px solid rgba(22,191,232,.16); border-radius: 50%; left: -100px; bottom: -150px; }
.industry-system-visual > span { color: var(--brand-cyan); font-size: .63rem; letter-spacing: .16em; }
.industry-system-visual > b { font-size: 2rem; margin-top: 10px; max-width: 280px; }
.industry-system-visual > small { color: #7d98aa; font-size: .6rem; letter-spacing: .11em; }
.industry-wave { height: 90px; display: flex; align-items: center; gap: 8px; margin: 40px 0; }
.industry-wave i { display: block; width: 5px; border-radius: 99px; background: linear-gradient(var(--brand-cyan), var(--brand-blue)); animation: premiumWave 2.2s ease-in-out infinite; }
.industry-wave i:nth-child(1) { height: 30%; }.industry-wave i:nth-child(2) { height: 70%; animation-delay: -.2s }.industry-wave i:nth-child(3) { height: 100%; animation-delay: -.4s }.industry-wave i:nth-child(4) { height: 56%; animation-delay: -.6s }.industry-wave i:nth-child(5) { height: 28%; animation-delay: -.8s }
@keyframes premiumWave { 0%,100% { transform: scaleY(.65); opacity: .65; } 50% { transform: scaleY(1); opacity: 1; } }
.industry-context-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.industry-context-grid h2 { font-size: clamp(1.8rem, 3.2vw, 2.8rem); margin: 0 0 12px; }
.industry-context-grid > div:first-child p { color: var(--text-secondary); max-width: 650px; }
.industry-context-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.industry-context-cards article { min-height: 145px; padding: 20px; border: 1px solid var(--border); border-radius: 15px; display: flex; flex-direction: column; background: white; }
.industry-context-cards small { color: rgba(9,26,42,.20); font-size: 1.5rem; font-weight: 900; }
.industry-context-cards strong { margin-top: auto; font-size: 1rem; }
.industry-context-cards span { color: var(--text-secondary); font-size: .74rem; }

/* Index collections */
.index-hero-premium, .project-index-hero, .knowledge-index-hero { padding: 104px 0 82px; }
.index-hero-shell { position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); align-items: center; gap: 70px; }
.index-hero-shell .lead { max-width: 700px; }
.index-hero-orbit { width: min(390px, 100%); aspect-ratio: 1; justify-self: center; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; display: grid; place-items: center; position: relative; background: radial-gradient(circle, rgba(22,191,232,.10), transparent 62%); }
.index-hero-orbit span { position: absolute; top: 12%; color: #708c9e; font-size: .63rem; letter-spacing: .18em; }
.index-hero-orbit i { position: absolute; border-radius: 50%; border: 1px solid rgba(22,191,232,.15); width: 70%; height: 70%; }
.index-hero-orbit i:nth-of-type(2) { width: 42%; height: 42%; border-color: rgba(255,191,46,.18); }
.index-hero-orbit b { font-size: .9rem; letter-spacing: .12em; color: #d2e0e8; }
.industry-orbit b { font-size: .65rem; }
.collection-count { border: 1px solid var(--border); border-radius: 999px; padding: 7px 12px; color: var(--text-secondary); font-size: .72rem; }
.premium-marketing-card-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.premium-marketing-card { min-height: 300px; padding: 30px; display: grid; grid-template-columns: 70px 1fr; grid-template-rows: 1fr auto; gap: 22px; border: 1px solid var(--border); border-radius: 20px; background: white; transition: .25s ease; position: relative; overflow: hidden; }
.premium-marketing-card::after { content: ""; position: absolute; width: 220px; height: 220px; border: 1px solid rgba(0,111,221,.08); border-radius: 50%; left: -100px; bottom: -120px; }
.premium-marketing-card:hover { transform: translateY(-4px); border-color: rgba(0,111,221,.24); box-shadow: var(--premium-shadow-tight); }
.premium-card-index { font-size: 2.1rem; font-weight: 900; color: rgba(9,26,42,.13); }
.premium-marketing-card > div:nth-child(2) > span { color: var(--brand-blue); font-size: .65rem; font-weight: 900; }
.premium-marketing-card h3 { font-size: 1.6rem; margin: 10px 0; }
.premium-marketing-card .card-summary { color: var(--text-secondary); }
.premium-marketing-card .card-summary p { margin: 0; }
.premium-marketing-card > strong { grid-column: 2; align-self: end; color: var(--brand-blue); font-size: .78rem; }
.premium-marketing-card > strong b { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #eff6fb; margin-inline-start: 5px; }
.industry-load-preview { display: block; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border); color: #617481; }

/* Project index + detail */
.project-index-note { color: #7892a3; font-size: .76rem; margin-top: 26px; }
.project-index-counter { width: 230px; height: 230px; justify-self: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(255,191,46,.08), transparent 62%); }
.project-index-counter small { color: #8099a9; }
.project-index-counter strong { font-size: 4rem; line-height: 1.1; color: var(--energy-yellow); }
.project-index-counter span { color: #9fb2be; font-size: .7rem; }
.premium-project-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
.premium-project-card { border-radius: 20px; border-color: var(--premium-line); transition: .25s ease; }
.premium-project-card:hover { transform: translateY(-4px); box-shadow: var(--premium-shadow-tight); }
.premium-project-media { height: 360px; position: relative; overflow: hidden; background: #0b2133; }
.premium-project-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.premium-project-card:hover .premium-project-media img { transform: scale(1.025); }
.project-card-placeholder { width: 100%; height: 100%; display: grid; place-items: center; background: linear-gradient(145deg,#102f45,#071b2a); color: rgba(255,255,255,.45); font-weight: 900; letter-spacing: .13em; }
.project-card-arrow { position: absolute; top: 16px; left: 16px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.88); color: var(--brand-navy); backdrop-filter: blur(10px); }
.premium-project-metric-row strong em { font-size: .65rem; color: var(--text-secondary); font-style: normal; }
.project-no-metric { color: var(--text-secondary); font-size: .72rem; }
.premium-project-map { min-height: 500px; border-radius: 22px; border: 1px solid #dce5eb; box-shadow: inset 0 0 80px rgba(9,26,42,.03); }
.project-detail-hero-premium { position: relative; overflow: hidden; padding: 92px 0 76px; }
.premium-project-hero-grid { position: relative; grid-template-columns: minmax(0,.9fr) minmax(400px,1.1fr); align-items: center; gap: 70px; }
.project-hero-copy h1 { font-size: clamp(2.6rem, 4.8vw, 4.6rem); margin: 0 0 18px; line-height: 1.18; letter-spacing: -.04em; }
.project-hero-copy .hero-text { max-width: 650px; }
.project-hero-actions { margin-top: 26px; display: flex; gap: 10px; flex-wrap: wrap; }
.project-hero-media { position: relative; }
.project-hero-media .project-hero-image { height: 520px; width: 100%; object-fit: cover; border-radius: 22px; box-shadow: 0 35px 90px rgba(0,0,0,.27); }
.project-image-label { position: absolute; bottom: 16px; right: 16px; padding: 7px 11px; border-radius: 999px; background: rgba(7,19,31,.80); color: white; backdrop-filter: blur(10px); font-size: .72rem; }
.project-placeholder-visual { min-height: 520px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; display: flex; flex-direction: column; justify-content: center; padding: 46px; background: linear-gradient(145deg,#11364f,#061724); position: relative; overflow: hidden; }
.project-placeholder-visual span { color: var(--brand-cyan); font-size: .65rem; letter-spacing: .18em; }
.project-placeholder-visual b { font-size: 3rem; margin-top: 8px; }
.project-placeholder-visual i { position: absolute; width: 380px; height: 380px; left: -140px; bottom: -210px; border: 1px solid rgba(255,191,46,.18); border-radius: 50%; }
.premium-result-strip { border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid var(--border); background: white; }
.premium-result-grid { gap: 0; }
.premium-result-grid > div { min-height: 130px; padding: 25px 26px; border-left: 1px solid var(--border); display: flex; flex-direction: column; justify-content: center; }
.premium-result-grid > div:last-child { border-left: 0; }
.premium-result-grid small { color: var(--text-secondary); }
.premium-result-grid .metric-before-after { display: flex; align-items: baseline; gap: 10px; }
.premium-result-grid .metric-before-after span { color: #80919d; }
.premium-result-grid .metric-before-after b { color: var(--brand-blue); }
.premium-result-grid .metric-before-after strong { font-size: 1.4rem; }
.premium-result-grid .metric-before-after em { font-size: .65rem; color: var(--text-secondary); font-style: normal; }
.case-story-shell { display: grid; grid-template-columns: 145px minmax(0,1fr) 300px; gap: 36px; align-items: start; }
.case-story-rail { position: sticky; top: 110px; display: grid; gap: 4px; padding-top: 8px; }
.case-story-rail > span { color: var(--brand-blue); font-size: .65rem; font-weight: 900; letter-spacing: .1em; margin-bottom: 10px; }
.case-story-rail a { padding: 8px 10px; border-right: 2px solid var(--border); color: var(--text-secondary); font-size: .75rem; transition: .2s; }
.case-story-rail a:hover, .case-story-rail a.is-active { border-color: var(--brand-blue); color: var(--brand-blue); background: #f5f9fc; }
.premium-case-body { min-width: 0; }
.case-narrative-block { display: grid; grid-template-columns: 55px minmax(0,1fr); gap: 24px; padding: 0 0 66px; margin-bottom: 55px; border-bottom: 1px solid var(--border); scroll-margin-top: 110px; }
.case-block-index { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; background: #edf5fa; color: var(--brand-blue); font-size: .72rem; font-weight: 900; }
.case-narrative-block h2 { font-size: 2rem; margin: 4px 0 14px; }
.rich-prose { color: #304654; }
.rich-prose p { max-width: 760px; }
.rich-prose ul, .rich-prose ol { padding-right: 22px; }
.case-gallery-section { scroll-margin-top: 100px; }
.premium-case-gallery { grid-template-columns: repeat(2,1fr); gap: 12px; }
.premium-case-gallery figure { margin: 0; }
.premium-case-gallery button { width: 100%; padding: 0; border: 0; border-radius: 15px; overflow: hidden; background: #eef2f5; cursor: zoom-in; position: relative; }
.premium-case-gallery button img { width: 100%; height: 300px; object-fit: cover; display: block; transition: transform .35s ease; }
.premium-case-gallery button:hover img { transform: scale(1.025); }
.premium-case-gallery button span { position: absolute; top: 13px; left: 13px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.86); }
.premium-case-gallery figcaption { color: var(--text-secondary); font-size: .72rem; padding: 8px 2px 14px; }
.premium-customer-quote { margin: 60px 0 0; padding: 40px; border-radius: 20px; background: #071b2a; color: white; border: 0; position: relative; }
.premium-customer-quote > span { position: absolute; left: 24px; top: -12px; font-size: 5rem; color: rgba(22,191,232,.25); line-height: 1; }
.premium-customer-quote p { font-size: 1.25rem; line-height: 1.9; margin: 0; }
.premium-customer-quote footer { margin-top: 16px; color: #8da6b5; }
.project-aside-stack { position: sticky; top: 100px; display: grid; gap: 14px; }
.premium-side-card { padding: 22px; border-radius: 16px; border: 1px solid var(--border); background: white; }
.premium-side-card h3 { margin: 0 0 12px; }
.project-product-link { display: flex !important; justify-content: space-between; gap: 10px; align-items: center; }
.project-product-link code { color: var(--text-secondary); font-size: .65rem; }
.project-location-card p { color: var(--text-secondary); }
.dark-side-card { background: #071b2a; color: white; border-color: #071b2a; }
.dark-side-card p { color: #9cb1be; }
.light-link { color: var(--brand-cyan) !important; border: 0 !important; }
.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(2,10,16,.91); display: grid; place-items: center; padding: 50px; backdrop-filter: blur(12px); }
.lightbox[hidden] { display: none; }
.lightbox img { max-width: min(1400px, 92vw); max-height: 88vh; border-radius: 12px; box-shadow: 0 30px 100px rgba(0,0,0,.45); }
.lightbox > button { position: fixed; left: 24px; top: 20px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: white; font-size: 1.5rem; cursor: pointer; }

/* Knowledge */
.knowledge-index-signal { min-height: 290px; border-radius: 22px; border: 1px solid rgba(255,255,255,.12); padding: 40px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg, rgba(21,58,83,.65), rgba(6,20,31,.82)); }
.knowledge-index-signal span { color: var(--brand-cyan); font-size: .65rem; letter-spacing: .16em; }
.knowledge-index-signal strong { font-size: clamp(2.5rem, 5vw, 4.5rem); letter-spacing: .04em; }
.knowledge-index-signal small { color: #7390a1; font-size: .62rem; letter-spacing: .12em; }
.knowledge-filter-shell { margin-bottom: 32px; display: grid; gap: 10px; }
.knowledge-filter-shell > span { color: var(--text-secondary); font-size: .72rem; }
.premium-knowledge-filters { overflow-x: auto; padding-bottom: 5px; flex-wrap: nowrap; scrollbar-width: thin; }
.premium-knowledge-filters a { white-space: nowrap; }
.premium-knowledge-grid { grid-template-columns: repeat(2,1fr); gap: 24px; }
.premium-knowledge-card { border: 1px solid var(--border); border-radius: 20px; overflow: hidden; background: white; transition: .25s ease; }
.premium-knowledge-card:hover { transform: translateY(-4px); box-shadow: var(--premium-shadow-tight); }
.knowledge-card-media { height: 300px; display: block; position: relative; overflow: hidden; background: #0c263a; }
.knowledge-card-media img { width: 100%; height: 100%; object-fit: cover; transition: .45s ease; }
.premium-knowledge-card:hover .knowledge-card-media img { transform: scale(1.025); }
.knowledge-card-media > span { position: absolute; left: 14px; top: 14px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.88); color: var(--brand-navy); }
.knowledge-card-placeholder { display: flex; flex-direction: column; justify-content: center; padding: 34px; background: linear-gradient(145deg,#11364f,#071925); color: white; }
.knowledge-card-placeholder b { font-size: 2.4rem; letter-spacing: .10em; }
.knowledge-card-placeholder small { color: #86a3b4; }
.premium-knowledge-card > div:last-child { padding: 26px; }
.knowledge-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.knowledge-card-meta small { color: var(--text-secondary); }
.premium-knowledge-card h2 { font-size: 1.35rem; line-height: 1.6; }
.knowledge-summary p { margin: 0; }
.knowledge-card-footer { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.reviewed-chip { color: var(--success); background: #edf8f3; padding: 5px 8px; border-radius: 999px; font-size: .65rem; }
.article-hero-premium { position: relative; overflow: hidden; padding: 105px 0 84px; }
.premium-article-hero-inner { position: relative; max-width: 960px; }
.article-category-row { display: flex; align-items: center; gap: 10px; }
.article-type-chip { padding: 5px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #829cac; font-size: .6rem; }
.premium-article-hero-inner h1 { font-size: clamp(2.6rem, 5.2vw, 4.7rem); line-height: 1.25; letter-spacing: -.04em; }
.premium-article-hero-inner .hero-text { max-width: 780px; }
.premium-article-byline { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 10px; }
.premium-article-byline span { min-width: 120px; display: flex; flex-direction: column; padding: 10px 12px; border-right: 1px solid rgba(255,255,255,.12); color: #d1dce4; }
.premium-article-byline b { color: #718d9e; font-size: .62rem; font-weight: 500; }
.premium-article-cover-wrap { margin-top: -42px; position: relative; z-index: 4; }
.premium-article-cover-wrap .article-cover { width: 100%; max-height: 690px; object-fit: cover; border-radius: 22px; box-shadow: 0 30px 80px rgba(8,28,43,.15); }
.cover-corner-label { position: absolute; left: 28px; bottom: 24px; padding: 7px 10px; border-radius: 999px; background: rgba(7,19,31,.78); color: white; backdrop-filter: blur(10px); font-size: .62rem; letter-spacing: .1em; }
.premium-article-section { padding-top: 72px; }
.premium-article-layout { display: grid; grid-template-columns: 190px minmax(0,1fr) 250px; gap: 38px; align-items: start; }
.article-nav-column, .article-review-column { position: sticky; top: 105px; display: grid; gap: 14px; }
.article-toc-card, .article-share-card, .premium-review-card, .article-cta-card { border: 1px solid var(--border); border-radius: 15px; padding: 18px; background: white; }
.article-toc-card h3 { margin: 0; font-size: .95rem; }
.article-toc-card nav { display: grid; gap: 2px; margin-top: 13px; }
.article-toc-card nav a { padding: 6px 8px; border-right: 2px solid #e4ebef; color: var(--text-secondary); font-size: .71rem; line-height: 1.5; }
.article-toc-card nav a:hover, .article-toc-card nav a.is-active { color: var(--brand-blue); border-color: var(--brand-blue); background: #f5f9fc; }
.toc-empty { color: #9aaab5; font-size: .7rem; }
.article-share-card { display: flex; justify-content: space-between; align-items: center; font-size: .7rem; color: var(--text-secondary); }
.article-share-card button { border: 0; background: #eef5fa; color: var(--brand-blue); padding: 5px 8px; border-radius: 7px; cursor: pointer; font-size: .68rem; }
.premium-article-content { min-width: 0; font-size: 1.02rem; line-height: 2; color: #2b414f; }
.premium-article-content h2 { font-size: 1.9rem; line-height: 1.5; margin-top: 2.2em; scroll-margin-top: 110px; color: var(--text-primary); }
.premium-article-content h3 { font-size: 1.35rem; line-height: 1.55; margin-top: 1.8em; scroll-margin-top: 110px; color: var(--text-primary); }
.premium-article-content img { border-radius: 14px; }
.premium-article-content blockquote { margin: 34px 0; padding: 22px 25px; border-right: 3px solid var(--brand-blue); background: #f5f9fc; border-radius: 12px; }
.premium-review-card { position: relative; padding-top: 46px; }
.review-shield { position: absolute; top: 15px; left: 16px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #eaf7f1; color: var(--success); font-weight: 900; }
.premium-review-card h3 { margin: 0 0 10px; }
.premium-review-card > span:not(.review-shield), .premium-review-card > small { display: block; color: var(--text-secondary); font-size: .7rem; margin-top: 5px; }
.article-cta-card { background: #071b2a; color: white; border-color: #071b2a; }
.article-cta-card p { color: #9bb1bf; font-size: .76rem; }

/* B2B Quote + Selector forms */
.b2b-form-hero, .selector-hero { padding: 98px 0 76px; }
.b2b-form-hero-grid, .selector-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: 70px; align-items: center; }
.b2b-flow { margin-top: 32px; display: flex; align-items: center; gap: 9px; }
.b2b-flow span { display: flex; align-items: center; gap: 6px; color: #9cb1bf; font-size: .7rem; }
.b2b-flow span b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: rgba(22,191,232,.10); color: var(--brand-cyan); }
.b2b-flow i { width: 32px; height: 1px; background: rgba(255,255,255,.16); }
.b2b-hero-panel { min-height: 300px; padding: 36px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: linear-gradient(145deg,rgba(20,58,82,.70),rgba(7,25,39,.90)); display: flex; flex-direction: column; justify-content: center; }
.b2b-hero-panel small { color: var(--brand-cyan); }
.b2b-hero-panel strong { font-size: 2rem; margin-top: 6px; }
.b2b-hero-panel code { direction: ltr; color: var(--energy-yellow); font-size: .8rem; }
.b2b-hero-panel p { color: #94aaba; }
.b2b-hero-panel a { color: var(--brand-cyan); font-size: .75rem; font-weight: 800; }
.b2b-form-layout, .selector-form-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 36px; align-items: start; }
.premium-b2b-form, .premium-selector-form { display: grid; gap: 18px; }
.premium-form-step, .premium-selector-form { padding: 30px; border: 1px solid var(--border); border-radius: 18px; background: white; }
.form-step-head { display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; margin-bottom: 22px; }
.form-step-head > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #edf5fa; color: var(--brand-blue); font-weight: 900; font-size: .7rem; }
.form-step-head small { color: var(--brand-blue); font-size: .63rem; font-weight: 900; }
.form-step-head h2 { margin: 2px 0 2px; font-size: 1.35rem; }
.form-step-head p { margin: 0; color: var(--text-secondary); font-size: .76rem; }
.premium-form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.premium-form-grid label { display: grid; gap: 6px; align-content: start; color: #526774; font-size: .78rem; }
.premium-form-grid input:not([type="checkbox"]), .premium-form-grid select, .premium-form-grid textarea { width: 100%; min-height: 50px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 9px; background: #fbfcfd; color: var(--text-primary); font: inherit; transition: border-color .2s, box-shadow .2s, background .2s; }
.premium-form-grid textarea { min-height: 125px; resize: vertical; }
.premium-form-grid input:focus, .premium-form-grid select:focus, .premium-form-grid textarea:focus { border-color: rgba(0,111,221,.50); box-shadow: 0 0 0 4px rgba(0,111,221,.08); background: white; outline: 0; }
.premium-form-grid .field-span-2 { grid-column: 1 / -1; }
.premium-consent { display: flex !important; grid-template-columns: 22px 1fr; align-items: start; gap: 9px !important; padding: 12px 14px; border-radius: 10px; background: #f6f9fb; }
.premium-consent input { margin-top: 3px; }
.premium-form-submit { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 22px; border-radius: 16px; background: #f4f8fa; border: 1px solid var(--border); }
.premium-form-submit p { color: var(--text-secondary); font-size: .72rem; margin: 0; max-width: 430px; }
.b2b-form-aside, .selector-side { position: sticky; top: 100px; display: grid; gap: 14px; }
.next-step-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 16px; }
.next-step-list li { display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: start; }
.next-step-list li > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(22,191,232,.10); color: var(--brand-cyan); font-size: .62rem; }
.next-step-list li span { display: flex; flex-direction: column; }
.next-step-list li small { color: #7f9aaa; line-height: 1.5; }
.light-list li > b { background: #edf5fa; color: var(--brand-blue); }
.light-list li small { color: var(--text-secondary); }
.selector-engine-visual { min-height: 360px; padding: 35px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(145deg,rgba(17,52,75,.70),rgba(5,19,29,.90)); text-align: center; }
.selector-engine-visual > span { color: #7190a2; font-size: .65rem; letter-spacing: .16em; }
.selector-engine-visual > div { margin: 18px 0; display: flex; gap: 7px; flex-wrap: wrap; justify-content: center; }
.selector-engine-visual > div b { padding: 7px 9px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; color: #afc0ca; font-size: .62rem; }
.selector-engine-visual > i { color: var(--brand-cyan); font-style: normal; }
.selector-engine-visual > strong { padding: 13px 16px; margin: 9px 0; border-radius: 10px; background: rgba(22,191,232,.10); color: var(--brand-cyan); }
.selector-engine-visual > em { color: var(--energy-yellow); font-style: normal; font-weight: 900; }
.selector-result-hero { padding: 82px 0 42px; }
.selector-result-hero h1 { font-size: clamp(2.5rem,5vw,4.4rem); margin: 0; }
.selector-result-hero .lead { color: #aec1cc; }
.premium-selector-summary { margin-top: 36px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.10); border-radius: 16px; overflow: hidden; }
.premium-selector-summary > div { background: transparent; border-color: rgba(255,255,255,.08); }
.premium-selector-summary small { color: #7590a1; }
.premium-selector-summary strong { color: white; }
.premium-selector-summary strong em { font-size: .65rem; color: #8ba3b2; font-style: normal; }
.selector-result-grid { display: grid; gap: 14px; }
.selector-recommendation { display: grid; grid-template-columns: 105px minmax(0,1fr) auto; gap: 24px; align-items: center; padding: 24px; border: 1px solid var(--border); border-radius: 17px; background: white; }
.selector-recommendation.is-best { border-color: rgba(0,111,221,.35); box-shadow: 0 16px 40px rgba(0,111,221,.08); }
.selector-score { width: 90px; height: 90px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #edf5fa; }
.selector-score small { font-size: .52rem; color: var(--brand-blue); }
.selector-score strong { font-size: 1.8rem; line-height: 1.1; }
.selector-recommendation > div:nth-child(2) > span { color: var(--brand-blue); font-size: .68rem; font-weight: 900; }
.selector-recommendation h3 { margin: 2px 0 0; }
.selector-recommendation code { color: var(--text-secondary); font-size: .68rem; }
.selector-recommendation p { color: var(--text-secondary); margin-bottom: 0; }
.selector-result-actions { display: grid; gap: 8px; justify-items: end; }
.selector-no-match { min-height: 350px; }

/* Success */
.success-hero { padding: 90px 0 70px; }
.success-premium-shell { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 40px; align-items: center; }
.success-orbit { width: 160px; height: 160px; position: relative; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.10); }
.success-orbit > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: #e8f7f0; color: var(--success); font-size: 1.5rem; font-weight: 900; }
.success-orbit i { position: absolute; border-radius: 50%; border: 1px solid rgba(22,191,232,.15); width: 74%; height: 74%; }
.success-orbit i:nth-of-type(2) { width: 94%; height: 94%; }
.success-premium-shell h1 { margin: 0; font-size: clamp(2.3rem,4.7vw,4.2rem); }
.success-premium-shell p { color: #9eb3c0; max-width: 700px; }
.success-reference { margin-top: 22px; display: inline-flex; flex-direction: column; padding: 10px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.success-reference small { color: #718d9e; }
.success-reference code { color: var(--energy-yellow); direction: ltr; }
.success-detail-card { padding: 34px; border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--premium-shadow-tight); }
.success-status-row { display: flex; justify-content: space-between; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
.success-status-row span { color: var(--text-secondary); }
.premium-quote-success-item { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 18px; background: #f6f9fb; border-radius: 12px; margin-bottom: 10px; }
.premium-quote-success-item > div { display: flex; flex-direction: column; }
.premium-quote-success-item small { color: var(--text-secondary); }
.premium-quote-success-item code { color: var(--brand-blue); }
.success-next { margin-top: 28px; }
.success-next h2 { margin-bottom: 6px; }
.success-next p { color: var(--text-secondary); }

/* polish representative surfaces without changing markup */
.representative-hero { position: relative; overflow: hidden; padding-top: 96px; padding-bottom: 78px; }
.representative-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 60px 60px; }
.representative-hero .marketing-hero-grid { position: relative; }
.rep-hero-stat { border-radius: 50% !important; width: 230px; height: 230px; justify-self: center; display: flex !important; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, rgba(22,191,232,.10), transparent 65%) !important; }
.rep-hero-stat strong { font-size: 4rem !important; color: var(--energy-yellow) !important; }
.representative-card { border-radius: 17px !important; transition: .25s ease; }
.representative-card:hover { transform: translateY(-3px); box-shadow: var(--premium-shadow-tight); }
.rep-application-form { border-radius: 20px !important; box-shadow: none !important; }

/* Campaign landing */
.campaign-hero { position: relative; overflow: hidden; padding: 100px 0 82px; }
.campaign-hero .marketing-hero-grid { position: relative; }
.campaign-hero h1 { font-size: clamp(2.8rem,5.4vw,5rem); line-height: 1.15; letter-spacing: -.045em; }

@media (max-width: 1120px) {
    .catalog-hero-shell, .premium-marketing-grid, .premium-project-hero-grid, .index-hero-shell, .b2b-form-hero-grid, .selector-hero-grid { grid-template-columns: 1fr 1fr; gap: 42px; }
    .catalog-hero-stats { grid-template-columns: 1fr; }
    .catalog-hero-stats article { min-height: 90px; }
    .case-story-shell { grid-template-columns: 110px minmax(0,1fr) 270px; gap: 24px; }
    .premium-article-layout { grid-template-columns: 160px minmax(0,1fr); }
    .article-review-column { grid-column: 2; position: static; grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 980px) {
    .catalog-hero-shell, .premium-marketing-grid, .premium-project-hero-grid, .index-hero-shell, .b2b-form-hero-grid, .selector-hero-grid, .industry-context-grid, .b2b-form-layout, .selector-form-layout { grid-template-columns: 1fr; }
    .catalog-hero-stats { grid-template-columns: repeat(3,1fr); }
    .catalog-filter-trigger { display: inline-flex; }
    .catalog-head-actions .compact { display: inline-flex; }
    .catalog-layout-premium { display: block; }
    .catalog-filter-drawer { position: fixed !important; z-index: 150; inset: 0 auto 0 0; width: min(390px, 91vw); height: 100dvh; overflow: auto; transform: translateX(-105%); transition: transform .28s ease; border-radius: 0; background: white; box-shadow: 20px 0 60px rgba(7,19,31,.18); }
    .catalog-filter-drawer.is-open { transform: translateX(0); }
    .filter-mobile-head { position: sticky; z-index: 3; top: 0; display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
    .filter-mobile-head > div { display: flex; flex-direction: column; }
    .filter-mobile-head .eyebrow { margin: 0; }
    .filter-close { width: 38px; height: 38px; border: 1px solid var(--border); background: white; border-radius: 50%; cursor: pointer; font-size: 1.3rem; }
    .filter-backdrop { position: fixed; z-index: 140; inset: 0; background: rgba(4,15,24,.46); backdrop-filter: blur(3px); }
    .filter-backdrop.is-open { display: block; }
    body.filter-open { overflow: hidden; }
    .case-story-shell { grid-template-columns: 1fr; }
    .case-story-rail { position: static; display: flex; overflow-x: auto; gap: 4px; padding-bottom: 8px; }
    .case-story-rail > span { display: none; }
    .case-story-rail a { white-space: nowrap; border-right: 0; border-bottom: 2px solid var(--border); }
    .project-aside-stack { position: static; grid-template-columns: repeat(2,1fr); }
    .dark-side-card { grid-column: 1 / -1; }
    .premium-article-layout { grid-template-columns: 1fr; }
    .article-nav-column { position: static; grid-template-columns: 1fr auto; align-items: start; }
    .article-toc-card { min-width: 0; }
    .article-review-column { grid-column: auto; grid-template-columns: repeat(2,1fr); }
    .premium-related-grid, .premium-project-grid, .premium-knowledge-grid { grid-template-columns: repeat(2,1fr); }
    .solution-logic-grid { grid-template-columns: 1fr; }
    .logic-connector { flex-direction: row; min-height: 45px; }
    .logic-connector span { height: 1px; width: 80px; flex: none; }
    .project-index-counter { width: 190px; height: 190px; }
    .b2b-form-aside, .selector-side { position: static; grid-template-columns: repeat(2,1fr); }
    .compare-product-strip { overflow-x: auto; }
}

@media (max-width: 700px) {
    .catalog-hero-premium, .premium-marketing-hero, .index-hero-premium, .project-index-hero, .knowledge-index-hero, .b2b-form-hero, .selector-hero, .project-detail-hero-premium, .article-hero-premium { padding-top: 72px; padding-bottom: 58px; }
    .catalog-hero-copy h1, .premium-marketing-copy h1, .index-hero-shell h1, .b2b-form-hero h1, .selector-hero h1, .project-hero-copy h1, .premium-article-hero-inner h1 { font-size: 2.55rem; }
    .catalog-hero-stats { grid-template-columns: 1fr 1fr; }
    .catalog-hero-stats article:last-child { grid-column: 1 / -1; }
    .premium-catalog-grid, .premium-related-grid, .premium-project-grid, .premium-knowledge-grid, .premium-marketing-card-grid { grid-template-columns: 1fr !important; }
    .catalog-result-head-premium { align-items: center; }
    .result-count span { display: none; }
    .premium-product-media, .premium-product-media img, .premium-product-art { min-height: 260px; height: 260px; }
    .compare-dock { bottom: 76px; padding: 9px; }
    .compare-dock p small { display: none; }
    .compare-dock-actions .button { padding-inline: 12px; }
    .compare-dock-clear { display: none; }
    .compare-hero-shell { align-items: center; }
    .compare-hero-badge { width: 105px; height: 105px; flex-basis: 105px; }
    .compare-hero-badge strong { font-size: 2rem; }
    .compare-hero-shell h1 { font-size: 2.45rem; }
    .premium-marketing-visual { min-height: 340px; }
    .premium-marketing-visual img { height: 340px; }
    .solution-signal-visual { max-width: 330px; }
    .premium-cta-panel { padding: 30px; flex-direction: column; align-items: stretch; }
    .industry-context-cards { grid-template-columns: 1fr 1fr; }
    .premium-marketing-card { grid-template-columns: 48px 1fr; min-height: 250px; padding: 22px; }
    .premium-marketing-card h3 { font-size: 1.3rem; }
    .premium-project-media { height: 280px; }
    .premium-project-hero-grid { gap: 34px; }
    .project-hero-media .project-hero-image, .project-placeholder-visual { height: 340px; min-height: 340px; }
    .premium-result-grid { grid-template-columns: repeat(2,1fr); }
    .premium-result-grid > div { border-bottom: 1px solid var(--border); }
    .case-narrative-block { grid-template-columns: 42px 1fr; gap: 14px; }
    .case-block-index { width: 40px; height: 40px; }
    .premium-case-gallery { grid-template-columns: 1fr; }
    .premium-case-gallery button img { height: 260px; }
    .project-aside-stack, .article-review-column, .b2b-form-aside, .selector-side { grid-template-columns: 1fr; }
    .article-nav-column { grid-template-columns: 1fr; }
    .article-share-card { width: 100%; }
    .premium-article-cover-wrap { margin-top: -20px; }
    .premium-article-cover-wrap .article-cover { border-radius: 15px; }
    .premium-article-section { padding-top: 45px; }
    .premium-form-grid { grid-template-columns: 1fr; }
    .premium-form-grid .field-span-2 { grid-column: auto; }
    .premium-form-step, .premium-selector-form { padding: 22px; }
    .premium-form-submit { align-items: stretch; flex-direction: column; }
    .b2b-flow { overflow-x: auto; }
    .b2b-flow span { white-space: nowrap; }
    .selector-recommendation { grid-template-columns: 72px 1fr; gap: 15px; }
    .selector-score { width: 68px; height: 68px; }
    .selector-result-actions { grid-column: 2; justify-items: start; display: flex; flex-wrap: wrap; }
    .success-premium-shell { grid-template-columns: 1fr; text-align: center; justify-items: center; }
    .success-premium-shell p { margin-inline: auto; }
    .success-reference { align-items: center; }
    .success-detail-card { padding: 22px; }
    .premium-quote-success-item { grid-template-columns: 1fr; gap: 12px; }
    .rep-hero-stat { width: 170px; height: 170px; }
    .rep-hero-stat strong { font-size: 3rem !important; }
}

@media (max-width: 480px) {
    .catalog-hero-stats { grid-template-columns: 1fr; }
    .catalog-hero-stats article:last-child { grid-column: auto; }
    .catalog-head-actions { gap: 5px; }
    .compare-link-premium { padding-inline: 9px; }
    .active-filter-bar b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .industry-context-cards, .premium-result-grid { grid-template-columns: 1fr; }
    .premium-result-grid > div { border-left: 0; }
    .project-hero-actions, .premium-cta-actions { display: grid; }
    .lightbox { padding: 20px; }
    .premium-article-byline { display: grid; grid-template-columns: 1fr 1fr; }
    .premium-article-byline span { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .industry-wave i { animation: none; }
    .premium-product-card, .premium-project-card, .premium-knowledge-card, .premium-marketing-card, .related-product-card { transition: none; }
}

/* Stage 7 — search, production states, accessibility polish */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
:focus-visible { outline: 3px solid rgba(30,123,246,.42); outline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { border-radius: 8px; }
.skip-link { position: fixed; z-index: 9999; top: 10px; right: 10px; transform: translateY(-150%); background: #fff; color: var(--premium-ink); padding: 10px 14px; border-radius: 10px; box-shadow: var(--premium-shadow-soft); font-weight: 900; transition: transform .16s ease; }
.skip-link:focus { transform: translateY(0); }
.header-search-button { cursor: pointer; font: inherit; }
.premium-main-nav a[aria-current="page"] { background: #fff; color: var(--premium-ink); box-shadow: 0 4px 14px rgba(7,17,28,.07); }

/* Global search command surface */
.global-search-dialog[hidden] { display: none; }
.global-search-dialog { position: fixed; inset: 0; z-index: 300; display: grid; place-items: start center; padding: clamp(70px, 12vh, 130px) 22px 30px; }
.global-search-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(3,11,18,.74); backdrop-filter: blur(16px); cursor: default; }
.global-search-panel { position: relative; width: min(820px, 100%); padding: clamp(24px,4vw,42px); border-radius: 24px; color: #fff; background: linear-gradient(145deg,#0b1a28,#07111c 70%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 40px 110px rgba(0,0,0,.38); }
.global-search-panel:before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: radial-gradient(circle at 80% 0,rgba(56,198,232,.13),transparent 34%); }
.global-search-topline { position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; color:#8ea5b7; font-size:.72rem; letter-spacing:.12em; }
.global-search-topline button { width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.05); color:#fff; font-size:1.5rem; cursor:pointer; }
.global-search-panel h2 { position:relative; font-size:clamp(2rem,5vw,4.5rem); letter-spacing:-.045em; line-height:1.1; margin:0 0 10px; }
.global-search-panel > p { position:relative; color:#9eb0be; margin:0 0 28px; }
.global-search-field { position:relative; display:grid; grid-template-columns:1fr auto; gap:8px; padding:8px; background:#fff; border-radius:16px; }
.global-search-field input { border:0; min-height:54px; padding:0 15px; font:inherit; font-size:1rem; min-width:0; color:var(--premium-ink); background:transparent; }
.global-search-field input:focus { outline:0; }
.global-search-field button { border:0; border-radius:11px; padding:0 20px; min-height:50px; background:var(--premium-blue); color:#fff; font:inherit; font-weight:900; cursor:pointer; }
.global-search-shortcuts { position:relative; display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:22px; }
.global-search-shortcuts a { padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:#dce8f0; font-size:.78rem; }
.global-search-shortcuts span { margin-inline-start:auto; color:#8096a7; font-size:.72rem; }
.global-search-shortcuts kbd { display:inline-grid; place-items:center; min-width:24px; height:24px; padding-inline:6px; border:1px solid rgba(255,255,255,.17); border-bottom-width:2px; border-radius:6px; color:#fff; }
body.global-search-open { overflow:hidden; }

/* Search results */
.search-hero { background: linear-gradient(140deg,#08131f,#0e2738); color:#fff; padding:clamp(80px,10vw,135px) 0 60px; }
.search-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.78fr); gap:clamp(35px,6vw,90px); align-items:end; }
.search-hero h1 { font-size:clamp(2.6rem,6vw,5.8rem); letter-spacing:-.055em; line-height:1.04; margin:10px 0 20px; }
.search-hero p { color:#9cb1c0; max-width:600px; }
.premium-search-form { padding:22px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); border-radius:18px; }
.premium-search-form label { display:block; margin-bottom:10px; font-size:.78rem; color:#b8c8d3; font-weight:800; }
.premium-search-input-wrap { display:grid; grid-template-columns:1fr auto; gap:8px; background:#fff; padding:7px; border-radius:13px; }
.premium-search-input-wrap input { min-width:0; border:0; padding:0 12px; font:inherit; color:var(--premium-ink); }
.premium-search-input-wrap input:focus { outline:0; }
.search-results-section { padding-block:65px 100px; }
.search-result-summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 0 30px; border-bottom:1px solid var(--premium-line); }
.search-result-summary div { display:flex; gap:8px; align-items:center; color:var(--premium-muted); }
.search-result-summary strong { color:var(--premium-ink); font-size:1.15rem; }
.search-result-summary > b { padding:7px 11px; background:var(--premium-surface); border-radius:999px; font-size:.78rem; }
.search-result-group { padding:50px 0; border-bottom:1px solid var(--premium-line); }
.search-group-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.search-group-heading span { color:var(--premium-blue); letter-spacing:.09em; font-size:.69rem; font-weight:900; }
.search-group-heading h2 { margin:5px 0 0; font-size:clamp(1.7rem,3vw,2.7rem); letter-spacing:-.03em; }
.search-group-heading > a { font-weight:900; color:var(--premium-blue); font-size:.82rem; }
.search-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.search-product-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--premium-line); border-radius:16px; overflow:hidden; background:#fff; color:inherit; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.search-product-card:hover { transform:translateY(-4px); box-shadow:var(--premium-shadow-soft); border-color:#bfd4e4; }
.search-product-media { aspect-ratio:1.45; background:linear-gradient(145deg,#eff4f7,#f8fafb); display:grid; place-items:center; overflow:hidden; }
.search-product-media img { width:100%; height:100%; object-fit:cover; }
.search-product-media > span { font-size:1.8rem; font-weight:950; color:#a5b5c0; }
.search-product-card > div:last-child { padding:17px; }
.search-product-card small,.search-editorial-list small,.search-page-grid small { color:var(--premium-muted); font-size:.69rem; font-weight:850; }
.search-product-card h3 { margin:6px 0 7px; font-size:1.05rem; }
.search-product-card p { color:var(--premium-muted); font-size:.78rem; line-height:1.8; min-height:2.9em; }
.search-product-card b { display:flex; justify-content:space-between; align-items:center; margin-top:14px; font-size:.78rem; }
.search-editorial-list { display:grid; }
.search-editorial-list > a { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:22px 0; color:inherit; border-top:1px solid var(--premium-line); }
.search-editorial-list > a:first-child { border-top:0; }
.search-editorial-list h3 { margin:5px 0; font-size:1.18rem; }
.search-editorial-list p { color:var(--premium-muted); margin:0; max-width:820px; }
.search-editorial-list > a > span { font-size:1.3rem; color:var(--premium-blue); }
.search-page-grid,.search-discovery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.search-page-grid > a,.search-discovery-grid > a { min-height:190px; padding:22px; border-radius:16px; border:1px solid var(--premium-line); background:var(--premium-surface); color:inherit; display:flex; flex-direction:column; }
.search-page-grid h3,.search-discovery-grid h2 { margin:8px 0; }
.search-page-grid p,.search-discovery-grid p { color:var(--premium-muted); font-size:.8rem; }
.search-page-grid > a > span:last-child { margin-top:auto; font-size:.78rem; color:var(--premium-blue); font-weight:900; }
.search-discovery-grid > a > span { color:var(--premium-blue); font-weight:950; }
.search-empty-state { margin-block:35px; }

/* Error pages */
.error-stage { min-height:calc(100vh - 76px); position:relative; overflow:hidden; display:grid; align-items:center; background:radial-gradient(circle at 80% 35%,#11344d,#07111c 58%); color:#fff; }
.error-grid-backdrop { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,transparent,#000); }
.error-stage-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); align-items:center; gap:60px; padding-block:90px; }
.error-code { display:block; margin:4px 0 -20px; font-size:clamp(6rem,16vw,13rem); letter-spacing:-.08em; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.2); }
.error-copy h1 { font-size:clamp(2.3rem,5vw,4.6rem); letter-spacing:-.045em; line-height:1.08; margin:0 0 18px; }
.error-copy > p { max-width:650px; color:#a7bac7; line-height:2; }
.error-search { display:grid; grid-template-columns:1fr auto; gap:8px; max-width:620px; padding:7px; margin-top:28px; background:#fff; border-radius:14px; }
.error-search input { min-width:0; border:0; font:inherit; padding:0 12px; }
.error-search input:focus { outline:0; }
.error-actions { display:flex; align-items:center; gap:18px; margin-top:18px; }
.error-actions .button-secondary { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.16); }
.error-actions .premium-text-link { color:#d5e5ef; }
.error-visual { display:grid; justify-items:center; gap:26px; color:#668299; font-size:.7rem; letter-spacing:.16em; }
.error-orbit { width:min(370px,70vw); aspect-ratio:1; position:relative; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.error-orbit:before,.error-orbit:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.error-orbit:before { inset:13%; }.error-orbit:after { inset:28%; }
.error-orbit b { width:94px; height:94px; border-radius:50%; display:grid; place-items:center; background:rgba(30,123,246,.15); border:1px solid rgba(56,198,232,.32); color:#fff; font-size:.78rem; }
.error-orbit i { position:absolute; width:9px; height:9px; border-radius:50%; background:var(--premium-cyan); box-shadow:0 0 22px var(--premium-cyan); }
.error-orbit i:nth-child(1){top:14%;right:25%}.error-orbit i:nth-child(2){bottom:19%;left:12%}.error-orbit i:nth-child(3){top:52%;left:-4px;background:var(--premium-yellow)}
.error-signal { height:220px; display:flex; gap:13px; align-items:center; }
.error-signal i { width:12px; border-radius:999px; background:linear-gradient(var(--premium-cyan),var(--premium-blue)); height:30%; opacity:.65; }
.error-signal i:nth-child(2){height:70%}.error-signal i:nth-child(3){height:100%}.error-signal i:nth-child(4){height:55%}.error-signal i:nth-child(5){height:20%}

/* Accessible control sizing and contrast */
button, [role="button"], input[type="submit"] { min-height: 40px; }
input, select, textarea { scroll-margin-top: 110px; }
.message.error, .errorlist { color:#8d1d1d; }

@media (max-width: 980px) {
    .search-hero-grid,.error-stage-grid { grid-template-columns:1fr; }
    .search-product-grid,.search-page-grid,.search-discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .error-visual { display:none; }
}
@media (max-width: 700px) {
    .global-search-dialog { padding:20px 12px; align-items:start; }
    .global-search-panel { border-radius:18px; padding:22px; margin-top:45px; }
    .global-search-panel h2 { font-size:2.25rem; }
    .global-search-field,.premium-search-input-wrap,.error-search { grid-template-columns:1fr; }
    .global-search-field button,.premium-search-input-wrap .button,.error-search .button { min-height:48px; }
    .global-search-shortcuts span { display:none; }
    .search-hero { padding-top:80px; }
    .search-product-grid,.search-page-grid,.search-discovery-grid { grid-template-columns:1fr; }
    .search-result-summary,.search-group-heading { align-items:flex-start; flex-direction:column; }
    .error-code { font-size:7rem; margin-bottom:-8px; }
    .error-actions { align-items:stretch; flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) {
    .skip-link,.search-product-card { transition:none; }
}

/* Stage 8: company / contact / consent */
.company-hero,.contact-hero{padding:clamp(88px,11vw,150px) 0 74px;background:radial-gradient(circle at 82% 26%,#123e59,#07111c 58%);color:#fff;overflow:hidden}
.company-hero-grid,.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(40px,7vw,100px);align-items:center}
.company-hero h1,.contact-hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:1.02;letter-spacing:-.055em;margin:10px 0 24px}.premium-text-link-light{color:#dce9f2}.company-hero-actions{display:flex;gap:18px;align-items:center;margin-top:28px;flex-wrap:wrap}
.company-hero-visual img{width:100%;border-radius:24px;display:block;box-shadow:0 32px 90px rgba(0,0,0,.28)}.company-signal-card{min-height:440px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));display:grid;place-items:center;position:relative;overflow:hidden}.company-signal-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.26}.company-signal-card span,.company-signal-card b{position:relative;z-index:1;letter-spacing:.16em}.company-signal-card b{font-size:clamp(3rem,7vw,5rem)}.company-signal-card i{position:absolute;width:130px;height:130px;border:1px solid rgba(43,205,236,.4);border-radius:50%;box-shadow:0 0 80px rgba(43,205,236,.16)}
.company-story-grid,.company-proof-grid,.contact-workspace-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(35px,7vw,90px)}.company-story-index{position:sticky;top:110px;align-self:start}.company-story-index>span,.company-proof-links span,.contact-routing-panel>span{font-size:.68rem;letter-spacing:.15em;color:var(--premium-blue);font-weight:900}.company-story-index h2,.company-proof-grid h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.16;letter-spacing:-.04em}.company-story-index p,.company-proof-grid p{color:var(--premium-muted);line-height:2}.company-rich-card{padding:clamp(24px,4vw,44px);background:var(--premium-surface);border:1px solid var(--premium-line);border-radius:22px}.company-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.company-principles-grid article{padding:24px;border:1px solid var(--premium-line);border-radius:18px;background:#fff}.company-principles-grid span{font-size:.66rem;letter-spacing:.13em;color:var(--premium-blue);font-weight:900}.company-principles-grid h3{font-size:1.35rem;margin:10px 0}.company-proof-section{background:#0a1722;color:#fff}.company-proof-section p{color:#a8bdca}.company-proof-links{display:grid;gap:10px}.company-proof-links a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#fff}.company-proof-links b{grid-column:1}.company-proof-links i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:var(--premium-cyan)}
.contact-routing-panel{display:grid;gap:10px}.contact-routing-panel a{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:16px;color:#fff}.contact-routing-panel>a>span{font-size:.72rem;color:var(--premium-cyan);font-weight:900}.contact-routing-panel b{display:block}.contact-routing-panel small{display:block;color:#91a9b9;margin-top:4px}.contact-routing-panel i{font-style:normal}.contact-information-panel{align-self:start;position:sticky;top:110px}.contact-info-list{display:grid;margin-top:28px;border-top:1px solid var(--premium-line)}.contact-info-list a{padding:18px 0;border-bottom:1px solid var(--premium-line);display:flex;justify-content:space-between;gap:20px;color:inherit}.contact-info-list small,.contact-address small{color:var(--premium-muted)}.contact-address,.contact-response-note{margin-top:28px}.contact-address p{line-height:2}.contact-response-note{padding:18px;border-radius:14px;background:#eef7fb;border:1px solid #cce5ef}.contact-response-note span{font-size:.64rem;letter-spacing:.14em;color:var(--premium-blue);font-weight:900}.contact-response-note p{margin:8px 0 0}.contact-form-shell{padding:clamp(24px,4vw,44px);border:1px solid var(--premium-line);border-radius:24px;background:#fff;box-shadow:var(--premium-shadow-soft)}.contact-form-heading>span{font-size:.67rem;letter-spacing:.14em;color:var(--premium-blue);font-weight:900}.contact-form-heading h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 10px}.contact-form-heading p{color:var(--premium-muted)}.form-section-label{display:flex;gap:10px;align-items:center;margin:30px 0 14px;padding-top:22px;border-top:1px solid var(--premium-line)}.form-section-label span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--premium-surface);font-size:.7rem;color:var(--premium-blue);font-weight:900}.premium-form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-field{margin-bottom:14px}.premium-field label{display:block;font-size:.78rem;font-weight:850;margin-bottom:7px}.premium-field input,.premium-field textarea,.premium-field select{width:100%;border:1px solid var(--premium-line);border-radius:12px;padding:13px 14px;background:#fff;font:inherit;color:var(--premium-ink)}.premium-field textarea{resize:vertical;min-height:130px}.premium-field input:focus,.premium-field textarea:focus{outline:2px solid rgba(0,111,221,.16);border-color:var(--premium-blue)}.premium-consent-row{display:flex;gap:10px;align-items:flex-start;margin:18px 0}.premium-consent-row input{margin-top:4px}.contact-submit{width:100%;justify-content:center}.form-global-errors,.errorlist{margin:8px 0;padding:10px 12px;border-radius:10px;background:#fff1f1;color:#8d1d1d;list-style:none}
.analytics-consent{position:fixed;z-index:1400;inset:auto 22px 22px 22px;margin-inline:auto;max-width:980px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border-radius:18px;background:#07131e;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px rgba(0,0,0,.28)}.analytics-consent[hidden]{display:none}.analytics-consent-copy span{font-size:.62rem;letter-spacing:.15em;color:var(--premium-cyan);font-weight:900}.analytics-consent-copy p{margin:7px 0 3px;color:#bfd0db;font-size:.82rem}.analytics-consent-copy a{color:#fff;font-size:.74rem;text-decoration:underline}.analytics-consent-actions{display:flex;gap:8px;flex:0 0 auto}.analytics-consent .button{min-height:42px;padding:0 16px}.analytics-consent .button-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
@media(max-width:980px){.company-hero-grid,.contact-hero-grid,.company-story-grid,.company-proof-grid,.contact-workspace-grid{grid-template-columns:1fr}.company-story-index,.contact-information-panel{position:static}.company-principles-grid{grid-template-columns:1fr}.company-hero-visual{order:-1}.company-hero-visual img{max-height:420px;object-fit:cover}}
@media(max-width:700px){.premium-form-grid.two-col{grid-template-columns:1fr}.analytics-consent{inset:auto 10px 10px;align-items:stretch;flex-direction:column}.analytics-consent-actions{width:100%}.analytics-consent-actions .button{flex:1}.company-hero-actions{align-items:stretch;flex-direction:column}.company-signal-card{min-height:280px}}


/* Stage 9 — Typography, electrical iconography and motion system */
body { font-family: var(--font-sans); font-size: var(--text-md); font-weight: 400; letter-spacing: -.012em; }
.main-nav a, .button, button, input, textarea, select { font-family: var(--font-sans); }
.main-nav a { font-size: .89rem; font-weight: 500; letter-spacing: -.018em; }
.brand-copy strong { font-weight: 700; letter-spacing: -.035em; }
.brand-copy small { font-weight: 400; font-size: .69rem; }
h1, h2, h3, h4, .premium-heading h2 { font-family: var(--font-sans); letter-spacing: var(--tracking-tight); text-wrap: balance; }
.premium-hero-copy h1 { font-size: var(--title-lg); line-height: 1.17; font-weight: 700; max-width: 13ch; }
.premium-heading h2 { font-size: var(--title-md); line-height: 1.32; font-weight: 700; }
.premium-lead, .section-heading p { font-size: var(--text-lg); line-height: 2.02; font-weight: 300; }
.eyebrow, .signal-badge, .analysis-card-header, .console-top { font-size: var(--text-xs); font-weight: 500; letter-spacing: .065em; }
.button { font-weight: 500; letter-spacing: -.016em; }

.ui-icon { width: 1.25em; height: 1.25em; display: inline-block; flex: 0 0 auto; vertical-align: -.2em; }
.header-icon-link .ui-icon { width: 21px; height: 21px; }
.electric-icon { width: 28px; height: 28px; color: var(--brand-cyan); }
.electric-icon-box { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(22,191,232,.22); border-radius: 14px; background: rgba(22,191,232,.07); }

.hero-electric-network { position: absolute; inset: 7% 5% 8%; pointer-events: none; z-index: 0; --mx: 0px; --my: 0px; transform: translate3d(var(--mx), var(--my), 0); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.energy-console { position: relative; z-index: 2; }
.electric-node { position: absolute; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 18px; color: #7de8ff; background: rgba(4,24,39,.78); border: 1px solid rgba(93,217,255,.22); box-shadow: 0 0 0 1px rgba(255,255,255,.025) inset, 0 14px 35px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.electric-node svg { width: 25px; height: 25px; }
.electric-node.n1 { top: 7%; right: 6%; animation: electricFloat 5.8s ease-in-out infinite; }
.electric-node.n2 { top: 20%; left: 1%; animation: electricFloat 7.1s ease-in-out -.8s infinite; }
.electric-node.n3 { bottom: 13%; right: 3%; animation: electricFloat 6.5s ease-in-out -1.4s infinite; }
.electric-node.n4 { bottom: 7%; left: 9%; animation: electricFloat 7.8s ease-in-out -2.1s infinite; }
.electric-node.n5 { top: 45%; right: -2%; animation: electricFloat 5.2s ease-in-out -.4s infinite; }
.electric-trace { position: absolute; height: 1px; transform-origin: right center; background: linear-gradient(90deg, transparent, rgba(22,191,232,.6), transparent); opacity: .5; overflow: hidden; }
.electric-trace::after { content: ""; position: absolute; top: -1px; width: 46px; height: 3px; border-radius: 999px; background: #7de8ff; box-shadow: 0 0 14px #16bfe8; animation: currentFlow 3.6s linear infinite; }
.electric-trace.t1 { width: 55%; top: 22%; right: 18%; transform: rotate(-9deg); }
.electric-trace.t2 { width: 48%; bottom: 23%; right: 16%; transform: rotate(11deg); }
.electric-trace.t3 { width: 34%; top: 52%; left: 18%; transform: rotate(-22deg); }
.hero-waveform { position: absolute; inset: auto 8% 8%; width: 84%; height: 110px; color: rgba(22,191,232,.25); z-index: 1; }
.hero-waveform path { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-dasharray: 8 10; animation: waveformDash 9s linear infinite; }

.premium-trust-grid article { position: relative; overflow: hidden; }
.trust-electric-icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: var(--brand-cyan); background: rgba(22,191,232,.08); border: 1px solid rgba(22,191,232,.16); transition: transform .3s ease, background .3s ease; }
.trust-electric-icon svg { width: 23px; height: 23px; }
.premium-trust-grid article:hover .trust-electric-icon { transform: translateY(-3px) rotate(-3deg); background: rgba(22,191,232,.14); }

.electrical-feature-strip { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 10px; margin-top: 28px; }
.electrical-feature-strip span { min-height: 82px; display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 16px; background: rgba(255,255,255,.72); font-size: .79rem; font-weight: 500; }
.electrical-feature-strip svg { width: 23px; height: 23px; color: var(--brand-blue); }

@keyframes electricFloat { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-10px,0); } }
@keyframes currentFlow { from { transform: translateX(-60px); } to { transform: translateX(520px); } }
@keyframes waveformDash { to { stroke-dashoffset: -180; } }

@media (max-width: 980px) {
    .premium-hero-copy h1 { font-size: clamp(2.4rem, 9vw, 4.2rem); max-width: 15ch; }
    .electrical-feature-strip { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 700px) {
    body { font-size: .96rem; }
    .premium-hero-copy h1 { font-size: clamp(2.15rem, 11vw, 3.35rem); line-height: 1.23; }
    .premium-heading h2 { font-size: clamp(1.75rem, 8vw, 2.45rem); }
    .premium-lead, .section-heading p { font-size: 1rem; line-height: 1.95; }
    .electrical-feature-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .electric-node { width: 44px; height: 44px; border-radius: 14px; }
}
@media (max-width: 480px) {
    .main-nav a { font-size: .92rem; }
    .electrical-feature-strip { grid-template-columns: 1fr 1fr; gap: 8px; }
    .electrical-feature-strip span { min-height: 72px; padding: 11px; font-size: .74rem; }
}
@media (prefers-reduced-motion: reduce) {
    .electric-node, .electric-trace::after, .hero-waveform path { animation: none !important; }
    .hero-electric-network { transform: none !important; transition: none !important; }
}

/* Stage 9 — icon integration in engineering pages */
.analysis-trust span { display: inline-flex; align-items: center; gap: 7px; }
.analysis-trust .ui-icon { color: var(--brand-cyan); }
.side-card h3 { display: flex; align-items: center; gap: 9px; }
.side-card h3 .electric-icon { width: 20px; height: 20px; }
.premium-card-index { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.premium-card-index .ui-icon { width: 24px; height: 24px; color: var(--brand-cyan); }
.premium-card-index small { font-size: .72rem; opacity: .7; }
.compare-link-premium { display: inline-flex; align-items: center; gap: 7px; }
.filter-input-icon b { display: grid; place-items: center; }
.filter-input-icon .ui-icon { width: 18px; height: 18px; }
.button .ui-icon { width: 18px; height: 18px; margin-inline-start: 4px; }
.analysis-guide-card > .electric-icon-box { margin-bottom: 16px; }

/* Stage 9 — electrical atmosphere across premium page heroes */
.catalog-hero-premium,
.analysis-page-hero,
.marketing-hero,
.project-index-hero,
.product-hero {
    isolation: isolate;
}
.catalog-hero-premium::after,
.analysis-page-hero::after,
.marketing-hero::after,
.project-index-hero::after,
.product-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: .22;
    background-image:
        linear-gradient(rgba(92,220,255,.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92,220,255,.11) 1px, transparent 1px),
        radial-gradient(circle at 20% 30%, rgba(22,191,232,.22), transparent 28%),
        radial-gradient(circle at 78% 64%, rgba(255,191,46,.11), transparent 24%);
    background-size: 42px 42px, 42px 42px, auto, auto;
    animation: electricGridShift 18s linear infinite;
    mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.4) 70%, transparent);
}
.product-card-pro { position: relative; }
.product-card-pro::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 25%, rgba(22,191,232,.08), transparent 60%);
    transform: translateX(55%);
    opacity: 0;
    transition: transform .55s ease, opacity .35s ease;
}
.product-card-pro:hover::after { transform: translateX(-55%); opacity: 1; }
.electric-icon-box { position: relative; overflow: hidden; }
.electric-icon-box::after { content: ""; position: absolute; inset: -60% -30%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); transform: rotate(25deg) translateX(-90%); transition: transform .55s ease; }
.electric-icon-box:hover::after { transform: rotate(25deg) translateX(90%); }

@keyframes electricGridShift {
    from { background-position: 0 0, 0 0, 0 0, 0 0; }
    to { background-position: 42px 42px, 42px 42px, 0 0, 0 0; }
}
@media (prefers-reduced-motion: reduce) {
    .catalog-hero-premium::after,
    .analysis-page-hero::after,
    .marketing-hero::after,
    .project-index-hero::after,
    .product-hero::after { animation: none !important; }
    .product-card-pro::after, .electric-icon-box::after { transition: none !important; }
}

/* =========================================================
   Stage 9.1 — Home composition / typography / electric motion polish
   ========================================================= */

/* Header balance */
.home-polish-header { --header-height: 74px; }
.header-inner-polished { min-height: var(--header-height); grid-template-columns: auto minmax(0,1fr) auto; gap: clamp(16px,2vw,28px); }
.brand-polished { min-width: max-content; gap: 9px; }
.brand-polished .brand-logo-image { height: 38px; max-width: 136px; }
.brand-polished .premium-brand-mark { width: 38px; height: 38px; border-radius: 11px; }
.brand-polished .premium-brand-mark .ui-icon { width: 20px; height: 20px; }
.brand-polished .brand-copy strong { font-size: .98rem; line-height: 1.3; }
.brand-polished .brand-copy small { font-size: .66rem; line-height: 1.5; margin-top: 1px; }
.main-nav-polished { justify-self: center; background: rgba(245,248,250,.92); padding: 4px; gap: 1px; }
.main-nav-polished a { padding: 8px 11px; font-size: .82rem; font-weight: 500; white-space: nowrap; }
.header-actions-polished { gap: 6px; min-width: max-content; }
.header-actions-polished .header-icon-link { width: 36px; height: 36px; border-radius: 10px; }
.header-actions-polished .header-icon-link .ui-icon { width: 18px; height: 18px; }
.header-actions-polished .header-account { min-height: 36px; padding: 0 7px; font-size: .76rem; }
.header-actions-polished .header-account .ui-icon { width: 18px; height: 18px; }
.header-actions-polished .header-cta { min-height: 38px; padding-inline: 13px; gap: 5px; font-size: .76rem; }
.header-actions-polished .header-cta .ui-icon { width: 16px; height: 16px; margin: 0; }

/* Home hero */
.home-hero-v2 { position: relative; overflow: hidden; background: #071520; color: #fff; padding: clamp(58px,6vw,92px) 0 0; isolation: isolate; }
.home-hero-grid-bg { position: absolute; inset: 0; z-index: -3; opacity: .34; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 70%,transparent 100%); }
.home-hero-glow { position: absolute; z-index: -2; width: 720px; height: 720px; inset: -210px auto auto -260px; border-radius: 50%; background: radial-gradient(circle,rgba(22,191,232,.14),rgba(30,123,246,.08) 33%,transparent 68%); filter: blur(10px); }
.home-hero-shell { display: grid; grid-template-columns: minmax(0,1fr) minmax(440px,.9fr); gap: clamp(46px,6vw,92px); align-items: center; min-height: 650px; padding-bottom: clamp(52px,6vw,86px); }
.home-hero-copy { min-width: 0; align-self: center; }
.home-signal-badge { margin-bottom: 22px; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.10); color: #a9c4d4; letter-spacing: .01em; }
.home-hero-copy h1 { margin: 0; max-width: 10.8ch; color: #fff; font-size: clamp(3rem,5.35vw,5.75rem); line-height: 1.12; font-weight: 700; letter-spacing: -.052em; text-wrap: balance; }
.home-hero-lead { max-width: 690px; margin-top: 22px; color: #b5c7d2; font-size: clamp(1rem,1.22vw,1.16rem); line-height: 2.02; font-weight: 300; }
.home-hero-lead p { margin: 0; }
.home-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.home-hero-actions .button { min-height: 52px; padding-inline: 20px; gap: 7px; }
.home-proof-inline { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.home-proof-inline > div { display: flex; align-items: baseline; gap: 7px; }
.home-proof-inline b { font-size: 1.08rem; color: #fff; direction: ltr; }
.home-proof-inline span { font-size: .71rem; color: #7892a3; }
.home-proof-inline i { width: 1px; height: 20px; background: rgba(255,255,255,.13); }

.home-energy-stage { position: relative; min-height: 545px; display: grid; place-items: center; }
.home-device-console { position: relative; z-index: 3; width: min(100%,480px); border-radius: 26px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022)); box-shadow: 0 40px 100px rgba(0,0,0,.34); backdrop-filter: blur(18px); overflow: hidden; }
.home-console-top { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.08); color: #7f9bae; font-size: .62rem; letter-spacing: .08em; }
.home-console-top b { display: inline-flex; align-items: center; gap: 6px; color: #75dfb0; font-size: .58rem; font-weight: 500; }
.home-console-top b i { width: 6px; height: 6px; border-radius: 50%; background: #33d98c; box-shadow: 0 0 12px rgba(51,217,140,.65); animation: onlinePulse 2s ease-in-out infinite; }
.home-console-body { min-height: 390px; display: grid; place-items: center; padding: 30px; position: relative; background: radial-gradient(circle at 50% 46%,rgba(22,191,232,.10),transparent 48%); }
.home-device-image { width: 100%; height: 370px; object-fit: contain; filter: drop-shadow(0 28px 45px rgba(0,0,0,.30)); }
.home-capacitor-core { position: relative; width: 270px; height: 270px; display: grid; place-items: center; border-radius: 50%; }
.home-capacitor-core strong { position: relative; z-index: 3; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 28px; font-size: 2.15rem; background: linear-gradient(145deg,#15354d,#0a1d2c); border: 1px solid rgba(255,255,255,.13); box-shadow: 0 22px 60px rgba(0,0,0,.32),0 0 40px rgba(22,191,232,.10); }
.home-capacitor-core small { position: absolute; z-index: 3; bottom: 55px; color: #5f849b; font-size: .56rem; letter-spacing: .15em; }
.capacitor-orbit { position: absolute; inset: 0; border-radius: 50%; border: 1px solid rgba(56,198,232,.18); }
.capacitor-orbit.orbit-b { inset: 28px; border-color: rgba(255,191,46,.14); animation: orbitSpin 15s linear infinite reverse; }
.capacitor-orbit.orbit-c { inset: 57px; border-color: rgba(56,198,232,.22); animation: orbitPulse 3.6s ease-in-out infinite; }
.capacitor-orbit.orbit-a { animation: orbitSpin 24s linear infinite; }
.capacitor-orbit.orbit-a:before,.capacitor-orbit.orbit-b:before { content:""; position: absolute; width: 8px; height: 8px; border-radius: 50%; top: -4px; left: 50%; background: var(--premium-cyan); box-shadow: 0 0 16px rgba(56,198,232,.9); }
.capacitor-orbit.orbit-b:before { background: var(--premium-yellow); box-shadow: 0 0 16px rgba(255,191,46,.8); }
.capacitor-pulse { position: absolute; width: 118px; height: 118px; border-radius: 50%; border: 1px solid rgba(56,198,232,.25); animation: capacitorPulse 2.6s ease-out infinite; }
.home-console-metrics { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.08); }
.home-console-metrics div { min-height: 64px; display: flex; flex-direction: column; justify-content: center; padding: 0 16px; border-inline-start: 1px solid rgba(255,255,255,.07); }
.home-console-metrics div:first-child { border: 0; }
.home-console-metrics small { color: #68889b; font-size: .61rem; }
.home-console-metrics strong { color: #dbe8ef; font-size: .74rem; font-weight: 500; letter-spacing: .04em; }

.home-electric-field { position: absolute; z-index: 2; inset: 3% -2% 6%; pointer-events: none; --mx:0px; --my:0px; transform: translate3d(var(--mx),var(--my),0); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.home-electric-node { position: absolute; min-width: 62px; min-height: 58px; padding: 9px 10px; display: grid; justify-items: center; gap: 3px; border-radius: 16px; color: #79e8ff; background: rgba(5,25,40,.88); border: 1px solid rgba(121,232,255,.18); box-shadow: 0 15px 38px rgba(0,0,0,.20); backdrop-filter: blur(11px); }
.home-electric-node svg { width: 23px; height: 23px; }
.home-electric-node b { color: #7893a4; font-size: .55rem; font-weight: 400; }
.home-electric-node.node-cap { right: 1%; top: 8%; animation: electricFloat 6.1s ease-in-out infinite; }
.home-electric-node.node-pf { left: 0; top: 24%; animation: electricFloat 7.3s ease-in-out -.8s infinite; }
.home-electric-node.node-wave { right: -1%; bottom: 12%; animation: electricFloat 6.7s ease-in-out -1.6s infinite; }
.home-electric-node.node-grid { left: 5%; bottom: 3%; animation: electricFloat 8s ease-in-out -2.3s infinite; }
.energy-line { position: absolute; height: 1px; opacity: .35; background: linear-gradient(90deg,transparent,rgba(56,198,232,.65),transparent); overflow: hidden; }
.energy-line:after { content:""; position:absolute; top:-1px; width:42px; height:3px; border-radius:999px; background:#79e8ff; box-shadow:0 0 12px #16bfe8; animation: currentFlow 3.8s linear infinite; }
.energy-line.line-a { width: 42%; right: 14%; top: 19%; transform: rotate(-13deg); }
.energy-line.line-b { width: 38%; left: 10%; top: 38%; transform: rotate(12deg); }
.energy-line.line-c { width: 46%; right: 12%; bottom: 21%; transform: rotate(8deg); }
.home-sine-line { position: absolute; z-index: 1; left: 3%; right: 3%; bottom: 4%; width: 94%; height: 88px; color: rgba(56,198,232,.18); }
.home-sine-line path { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-dasharray: 8 10; animation: waveformDash 10s linear infinite; }

.home-hero-capability-rail { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid rgba(255,255,255,.08); }
.home-hero-capability-rail span { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #a4bac7; font-size: .72rem; border-inline-start: 1px solid rgba(255,255,255,.07); }
.home-hero-capability-rail span:first-child { border: 0; }
.home-hero-capability-rail svg { width: 21px; height: 21px; color: #50d2ef; }

/* Trust */
.home-trust-v2 { background: #fff; border-bottom: 1px solid var(--premium-line); }
.home-trust-grid-v2 { display: grid; grid-template-columns: repeat(4,1fr); }
.home-trust-grid-v2 article { min-width: 0; min-height: 102px; display: flex; align-items: center; gap: 13px; padding: 20px; border-inline-start: 1px solid var(--premium-line); }
.home-trust-grid-v2 article:first-child { border: 0; }
.home-trust-grid-v2 article > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: var(--premium-blue); background: #eef7fd; border: 1px solid #dbeef8; }
.home-trust-grid-v2 svg { width: 21px; height: 21px; }
.home-trust-grid-v2 strong,.home-trust-grid-v2 small { display: block; }
.home-trust-grid-v2 strong { font-size: .92rem; }
.home-trust-grid-v2 small { margin-top: 3px; color: var(--premium-muted); font-size: .68rem; }

/* Section system */
.home-section-head { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 38px; }
.home-section-head > div { max-width: 780px; }
.home-section-head h2,.home-analysis-copy h2,.home-industry-copy h2 { margin: 0; font-size: clamp(2rem,3.55vw,3.55rem); line-height: 1.26; letter-spacing: -.04em; }
.home-section-head p,.home-analysis-copy > p,.home-industry-copy > p { color: var(--premium-muted); max-width: 720px; font-size: 1rem; line-height: 2; font-weight: 300; }
.home-compact-empty { width: 100%; padding: 24px; border: 1px dashed var(--premium-line); border-radius: 16px; color: var(--premium-muted); background: rgba(255,255,255,.56); }

/* Analysis */
.home-analysis-v2 { background: linear-gradient(180deg,#fff 0,#f8fbfd 100%); }
.home-analysis-shell { display: grid; grid-template-columns: minmax(0,.92fr) minmax(470px,1.08fr); gap: clamp(48px,7vw,90px); align-items: center; }
.home-analysis-copy { min-width: 0; }
.home-analysis-copy .premium-text-link { display: inline-flex; margin-top: 6px; }
.home-analysis-signals { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 30px; }
.home-analysis-signals > span { min-width: 0; padding: 14px 12px; border-radius: 14px; border: 1px solid var(--premium-line); background: rgba(255,255,255,.8); }
.home-analysis-signals svg { width: 21px; height: 21px; color: var(--premium-blue); display: block; margin-bottom: 10px; }
.home-analysis-signals b,.home-analysis-signals small { display: block; }
.home-analysis-signals b { font-size: .72rem; }
.home-analysis-signals small { color: var(--premium-muted); font-size: .64rem; margin-top: 2px; }
.home-analysis-card { border-radius: 22px; padding: clamp(24px,3vw,34px); box-shadow: 0 28px 75px rgba(9,26,42,.09); }
.home-analysis-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--premium-line); }
.home-analysis-card-head span,.home-analysis-card-head strong { display: block; }
.home-analysis-card-head span { color: var(--premium-blue); font-size: .64rem; letter-spacing: .09em; }
.home-analysis-card-head strong { margin-top: 5px; font-size: 1.08rem; }
.home-analysis-card-head svg { width: 34px; height: 34px; color: var(--premium-blue); }
.home-analysis-form-grid { margin-bottom: 16px; }

/* Solutions */
.home-solution-layout { display: grid; grid-template-columns: minmax(330px,.75fr) minmax(0,1.25fr); gap: 28px; align-items: stretch; }
.home-solution-visual { position: relative; min-height: 490px; border-radius: 24px; overflow: hidden; background: linear-gradient(145deg,#0b2234,#07131f); border: 1px solid rgba(255,255,255,.05); }
.home-solution-visual:before { content:""; position:absolute; inset:0; opacity:.38; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:44px 44px; }
.solution-energy-orbit { position:absolute; inset:50% auto auto 50%; width:230px; height:230px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(56,198,232,.24); display:grid; place-items:center; box-shadow:0 0 0 32px rgba(56,198,232,.025),0 0 0 64px rgba(56,198,232,.02); }
.solution-energy-orbit:after { content:""; position:absolute; inset:28px; border-radius:50%; border:1px dashed rgba(255,191,46,.28); animation:orbitSpin 14s linear infinite; }
.solution-energy-orbit span { width:82px; height:82px; display:grid; place-items:center; border-radius:26px; color:var(--premium-yellow); background:#0d2a40; border:1px solid rgba(255,255,255,.10); }
.solution-energy-orbit svg { width:38px; height:38px; }
.solution-icon { position:absolute; width:52px; height:52px; display:grid; place-items:center; border-radius:16px; color:#7de8ff; background:rgba(8,34,51,.95); border:1px solid rgba(125,232,255,.17); animation:electricFloat 6s ease-in-out infinite; }
.solution-icon svg { width:25px; height:25px; }
.solution-icon.s1 { top:14%; right:13%; }.solution-icon.s2 { top:20%; left:10%; animation-delay:-1s; }.solution-icon.s3 { bottom:14%; right:14%; animation-delay:-2s; }.solution-icon.s4 { bottom:11%; left:17%; animation-delay:-3s; }
.home-solution-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.home-solution-card { min-height: 230px; display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 16px; padding: 24px; border-radius: 20px; border: 1px solid var(--premium-line); background: #fff; transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.home-solution-card:hover { transform: translateY(-4px); box-shadow: var(--premium-shadow-tight); border-color: rgba(0,111,221,.22); }
.home-solution-card.is-featured { background: #0b1f2e; color: #fff; border-color: #0b1f2e; }
.home-solution-index { font-size: .67rem; color: var(--premium-blue); font-weight: 700; }
.home-solution-card.is-featured .home-solution-index { color: var(--premium-cyan); }
.home-solution-card small { color: var(--premium-muted); font-size: .64rem; }
.home-solution-card h3 { font-size: 1.28rem; line-height: 1.55; margin: 9px 0; }
.home-solution-card p { margin: 0; color: var(--premium-muted); font-size: .78rem; line-height: 1.9; }
.home-solution-card.is-featured p { color: #94aebb; }
.home-solution-card b { display: inline-block; margin-top: 16px; color: var(--premium-blue); font-size: .72rem; }
.home-solution-card.is-featured b { color: var(--premium-cyan); }

/* Products */
.home-family-rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 22px; }
.home-family-rail a { min-width: 0; min-height: 88px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 15px; border-radius: 15px; border: 1px solid var(--premium-line); background: #fff; transition: .2s ease; }
.home-family-rail a:hover { transform: translateY(-2px); border-color: rgba(0,111,221,.23); box-shadow: 0 12px 34px rgba(9,26,42,.06); }
.home-family-rail a > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #eff7fc; color: var(--premium-blue); }
.home-family-rail svg { width: 22px; height: 22px; }
.home-family-rail b,.home-family-rail small { display: block; }
.home-family-rail b { font-size: .82rem; }
.home-family-rail small { margin-top: 3px; color: var(--premium-muted); font-size: .63rem; line-height: 1.55; }
.home-family-rail i { color: var(--premium-blue); font-style: normal; }
.home-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-product-card { min-width: 0; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 20px; background: #fff; transition: transform .25s ease,box-shadow .25s ease; }
.home-product-card:hover { transform: translateY(-5px); box-shadow: var(--premium-shadow-tight); }
.home-product-art { position: relative; min-height: 245px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: radial-gradient(circle at 50% 35%,#f9fcfe,#eaf2f7 70%); }
.home-product-art:after { content:""; position:absolute; width:170px; height:210px; left:50%; top:54%; transform:translate(-50%,-50%) perspective(600px) rotateY(-9deg); border-radius:18px; background:linear-gradient(145deg,#173b54,#0a1c2a); box-shadow:0 28px 60px rgba(9,26,42,.21); }
.home-product-art > span,.home-product-art > strong,.home-product-art > svg { position: relative; z-index: 2; }
.home-product-art > span { color: var(--premium-muted); font-size: .63rem; }
.home-product-art > strong { align-self:center; margin-top:70px; color:#fff; font-size:1.38rem; letter-spacing:.04em; }
.home-product-art > svg { position:absolute; right:23px; bottom:20px; width:28px; height:28px; color:rgba(56,198,232,.75); z-index:3; }
.home-product-copy { padding: 19px; }
.home-product-copy > small { color: var(--premium-blue); font-size: .65rem; }
.home-product-copy h3 { margin: 6px 0 8px; font-size: 1.05rem; }
.home-product-copy p { min-height: 3.9em; margin: 0; color: var(--premium-muted); font-size: .73rem; line-height: 1.9; }
.home-product-copy > div { display:flex; justify-content:space-between; gap:10px; margin-top:15px; padding-top:14px; border-top:1px solid var(--premium-line); font-size:.68rem; font-weight:500; }
.home-product-copy > div a:first-child { color: var(--premium-blue); }
.home-products-empty,.home-projects-empty { display:flex; align-items:center; gap:18px; padding:25px; border-radius:18px; border:1px dashed var(--premium-line); background:var(--premium-surface); }
.home-products-empty > svg,.home-projects-empty > svg { width:34px; height:34px; color:var(--premium-blue); flex:0 0 auto; }
.home-products-empty div,.home-projects-empty div { flex:1; }
.home-products-empty strong,.home-products-empty span,.home-projects-empty strong,.home-projects-empty span { display:block; }
.home-products-empty span,.home-projects-empty span { margin-top:3px; color:var(--premium-muted); font-size:.74rem; }
.home-products-empty > a,.home-projects-empty > a { color:var(--premium-blue); font-size:.74rem; font-weight:500; }

/* Industry */
.home-industry-v2 { padding: clamp(78px,8vw,118px) 0; background: radial-gradient(circle at 20% 50%,#12364e 0,#0a1b29 36%,#07131f 72%); color:#fff; overflow:hidden; }
.home-industry-shell { display:grid; grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr); gap:clamp(55px,8vw,110px); align-items:center; }
.home-industry-copy p { color:#94abba; }
.home-industry-copy .button { margin-top:14px; }
.home-industry-network { min-height:420px; position:relative; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:9px; padding:60px; border-radius:26px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); }
.home-industry-network:before { content:""; position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:42px 42px; }
.home-industry-network > a,.home-industry-network > span { position:relative; z-index:2; padding:11px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(7,26,40,.84); color:#c5d6e0; font-size:.73rem; }
.home-industry-network > a:hover { border-color:rgba(56,198,232,.45); color:#fff; }
.industry-core { position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%); width:116px; height:116px; display:grid; place-items:center; align-content:center; border-radius:50%; color:var(--premium-cyan); background:#0a2538; border:1px solid rgba(56,198,232,.22); box-shadow:0 0 0 24px rgba(56,198,232,.025),0 0 65px rgba(56,198,232,.08); }
.industry-core svg { width:34px; height:34px; }
.industry-core span { margin-top:6px; color:#7391a3; font-size:.56rem; letter-spacing:.12em; }

/* Projects and knowledge */
.home-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-project-card { min-height:390px; position:relative; overflow:hidden; border-radius:20px; color:#fff; background:#0a2030; }
.home-project-card img,.home-project-placeholder { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.home-project-card:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(3,14,22,.95),rgba(3,14,22,.05) 64%); }
.home-project-placeholder { display:grid; place-items:center; align-content:center; gap:8px; background:linear-gradient(145deg,#12364e,#07131f); }
.home-project-placeholder svg { width:44px; height:44px; color:#4ed4f1; }
.home-project-placeholder span { color:#7793a5; font-size:.62rem; letter-spacing:.10em; }
.home-project-overlay { position:absolute; z-index:3; inset:auto 22px 22px; }
.home-project-overlay > div { display:flex; flex-wrap:wrap; gap:7px; }
.home-project-overlay > div span { padding:4px 8px; border-radius:999px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); font-size:.61rem; color:#c9d8e2; }
.home-project-overlay h3 { font-size:1.22rem; line-height:1.55; margin:10px 0 8px; }
.home-project-overlay b { color:#68dff6; font-size:.7rem; font-weight:500; }
.home-knowledge-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-knowledge-grid article { position:relative; min-height:260px; padding:24px; border:1px solid var(--premium-line); border-radius:18px; background:#fff; display:flex; flex-direction:column; }
.home-knowledge-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:#eef7fc; color:var(--premium-blue); margin-bottom:25px; }
.home-knowledge-icon svg { width:23px; height:23px; }
.home-knowledge-grid article > span { color:var(--premium-blue); font-size:.62rem; }
.home-knowledge-grid h3 { font-size:1.12rem; line-height:1.65; margin:7px 0 11px; }
.home-knowledge-grid small { color:var(--premium-muted); font-size:.65rem; }
.home-knowledge-grid article > a:last-child { margin-top:auto; padding-top:22px; color:var(--premium-blue); font-size:.72rem; font-weight:500; }

/* CTA */
.home-final-cta { padding-top:40px; }
.home-final-panel { position:relative; overflow:hidden; min-height:270px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:35px; align-items:center; padding:clamp(30px,5vw,54px); border-radius:24px; background:linear-gradient(135deg,#0b2436,#07131f); color:#fff; box-shadow:0 28px 75px rgba(9,26,42,.14); }
.home-final-panel h2 { margin:0; font-size:clamp(2rem,3.8vw,3.5rem); line-height:1.28; }
.home-final-panel p { max-width:650px; color:#9eb5c4; }
.home-final-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; max-width:420px; }
.home-final-energy { position:absolute; inset:auto -70px -95px auto; width:300px; height:300px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(56,198,232,.14); opacity:.35; }
.home-final-energy svg { width:64px; height:64px; color:#57ddfa; }
.home-final-energy i { position:absolute; inset:30px; border-radius:50%; border:1px solid rgba(56,198,232,.13); animation:orbitPulse 4s ease-in-out infinite; }
.home-final-energy i:nth-child(2) { inset:65px; animation-delay:-1.3s; }.home-final-energy i:nth-child(3) { inset:100px; animation-delay:-2.6s; }
.home-final-panel > div:not(.home-final-energy) { position:relative; z-index:2; }

@keyframes onlinePulse { 0%,100%{opacity:.55;transform:scale(.8)} 50%{opacity:1;transform:scale(1.15)} }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
@keyframes orbitPulse { 0%,100%{transform:scale(.96);opacity:.45} 50%{transform:scale(1.04);opacity:1} }
@keyframes capacitorPulse { 0%{transform:scale(.72);opacity:.8} 100%{transform:scale(1.6);opacity:0} }

@media (max-width: 1180px) {
    .main-nav-polished { display:none; }
    .header-inner-polished { grid-template-columns:auto 1fr auto; }
    .header-actions-polished { justify-self:end; }
    .home-hero-shell { grid-template-columns:minmax(0,1fr) minmax(390px,.82fr); gap:38px; }
    .home-product-grid { grid-template-columns:repeat(2,1fr); }
    .home-family-rail { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 900px) {
    .home-polish-header .header-account,.home-polish-header .header-cta,.home-polish-header .compare-header-link { display:none; }
    .home-hero-v2 { padding-top:54px; }
    .home-hero-shell,.home-analysis-shell,.home-solution-layout,.home-industry-shell,.home-final-panel { grid-template-columns:1fr; }
    .home-hero-copy { text-align:center; }
    .home-hero-copy h1,.home-hero-lead { margin-inline:auto; }
    .home-hero-actions,.home-proof-inline { justify-content:center; }
    .home-energy-stage { min-height:500px; margin-top:8px; }
    .home-device-console { width:min(520px,92%); }
    .home-hero-capability-rail { grid-template-columns:repeat(3,1fr); }
    .home-trust-grid-v2 { grid-template-columns:repeat(2,1fr); }
    .home-analysis-copy { text-align:center; }
    .home-analysis-copy > p { margin-inline:auto; }
    .home-analysis-signals { max-width:650px; margin-inline:auto; }
    .home-solution-visual { min-height:360px; }
    .home-industry-copy { text-align:center; }
    .home-industry-copy p { margin-inline:auto; }
    .home-industry-network { min-height:360px; }
    .home-project-grid,.home-knowledge-grid { grid-template-columns:repeat(2,1fr); }
    .home-final-actions { justify-content:flex-start; max-width:none; }
}
@media (max-width: 640px) {
    .header-inner-polished { min-height:66px; gap:10px; }
    .brand-polished .brand-logo-image { height:34px; max-width:105px; }
    .brand-polished .brand-copy strong { font-size:.9rem; }
    .brand-polished .brand-copy small { display:none; }
    .header-actions-polished .header-icon-link { width:34px; height:34px; }
    .home-hero-v2 { padding-top:38px; }
    .home-hero-shell { min-height:auto; padding-bottom:42px; }
    .home-hero-copy h1 { font-size:clamp(2.45rem,12.2vw,3.65rem); line-height:1.16; max-width:11.5ch; }
    .home-hero-lead { font-size:.98rem; line-height:1.95; }
    .home-hero-actions { display:grid; grid-template-columns:1fr; width:min(100%,390px); margin-inline:auto; }
    .home-proof-inline { gap:9px; }
    .home-proof-inline i { display:none; }
    .home-proof-inline > div { min-width:calc(50% - 8px); justify-content:center; }
    .home-energy-stage { min-height:420px; }
    .home-device-console { width:100%; border-radius:21px; }
    .home-console-body { min-height:300px; padding:20px; }
    .home-device-image { height:285px; }
    .home-capacitor-core { width:220px; height:220px; }
    .home-electric-node { min-width:48px; min-height:48px; padding:7px; border-radius:13px; }
    .home-electric-node svg { width:20px; height:20px; }.home-electric-node b { display:none; }
    .home-electric-node.node-cap { right:-1%; }.home-electric-node.node-pf { left:-2%; }.home-electric-node.node-wave { right:0; }.home-electric-node.node-grid { left:2%; }
    .home-hero-capability-rail { display:flex; overflow-x:auto; padding:0 4px; scrollbar-width:none; }
    .home-hero-capability-rail::-webkit-scrollbar { display:none; }
    .home-hero-capability-rail span { flex:0 0 auto; min-width:150px; min-height:62px; }
    .home-trust-grid-v2 { grid-template-columns:1fr; }
    .home-trust-grid-v2 article { min-height:86px; border-inline-start:0; border-top:1px solid var(--premium-line); }
    .home-trust-grid-v2 article:first-child { border-top:0; }
    .home-section-head { align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:28px; }
    .home-section-head h2,.home-analysis-copy h2,.home-industry-copy h2 { font-size:clamp(1.8rem,9vw,2.55rem); }
    .home-analysis-signals { grid-template-columns:repeat(2,1fr); }
    .home-analysis-form-grid { grid-template-columns:1fr; }
    .home-solution-cards { grid-template-columns:1fr; }
    .home-solution-visual { min-height:300px; }
    .solution-energy-orbit { width:190px; height:190px; }
    .home-family-rail { display:flex; overflow-x:auto; padding-bottom:4px; }
    .home-family-rail a { flex:0 0 250px; }
    .home-product-grid,.home-project-grid,.home-knowledge-grid { grid-template-columns:1fr; }
    .home-product-art { min-height:230px; }
    .home-products-empty,.home-projects-empty { align-items:flex-start; flex-wrap:wrap; }
    .home-products-empty > a,.home-projects-empty > a { width:100%; }
    .home-industry-network { min-height:330px; padding:110px 20px 30px; align-content:flex-end; }
    .industry-core { top:31%; }
    .home-final-panel { padding:28px 22px; border-radius:20px; }
    .home-final-actions { display:grid; grid-template-columns:1fr; }
}
@media (max-width: 420px) {
    .brand-polished .brand-copy { display:none; }
    .home-hero-copy h1 { font-size:2.42rem; }
    .home-proof-inline > div { min-width:100%; }
    .home-console-metrics div { padding-inline:10px; }
    .home-console-metrics strong { font-size:.68rem; }
}
@media (prefers-reduced-motion: reduce) {
    .home-console-top b i,.capacitor-orbit,.capacitor-pulse,.home-electric-node,.energy-line:after,.home-sine-line path,.solution-energy-orbit:after,.solution-icon,.home-final-energy i { animation:none!important; }
    .home-electric-field { transform:none!important; transition:none!important; }
}

/* ======================================================================
   Stage 9.2 — Catalog / Product / Comparison visual pass
   Goal: engineering-grade hierarchy, balanced IRANSans typography,
   electrical motion, high-density technical data without visual clutter.
   ====================================================================== */

/* Shared stage 9.2 tokens */
:root {
    --catalog-dark: #071522;
    --catalog-dark-2: #0a2234;
    --catalog-line: rgba(255,255,255,.10);
    --catalog-cyan: #39d1ee;
    --catalog-blue: #0a76df;
    --catalog-yellow: #ffbf2e;
    --catalog-ink: #0c2030;
    --catalog-muted: #667887;
    --catalog-panel: #f5f8fa;
    --catalog-border: #dfe7ec;
    --catalog-shadow: 0 22px 60px rgba(7,21,34,.09);
    --catalog-shadow-dark: 0 38px 100px rgba(0,0,0,.24);
}

.catalog-hero-stage92,
.product-hero-stage92,
.compare-hero-stage92 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 13% 18%, rgba(20,119,184,.24), transparent 34%),
        radial-gradient(circle at 84% 65%, rgba(20,191,232,.11), transparent 34%),
        linear-gradient(145deg, #081b2a 0%, #06131f 58%, #071826 100%);
}
.catalog-hero-stage92::before,
.product-hero-stage92::before,
.compare-hero-stage92::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, #000, transparent 92%);
}
.catalog-hero-stage92::after,
.product-hero-stage92::after,
.compare-hero-stage92::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(57,209,238,.11);
    border-radius: 50%;
    left: -250px;
    top: -210px;
    box-shadow: 0 0 0 70px rgba(57,209,238,.018), 0 0 0 145px rgba(57,209,238,.012);
}
.catalog-electric-grid,
.product-hero-grid-stage92,
.compare-hero-grid-stage92 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
.catalog-electric-grid::after,
.product-hero-grid-stage92::after,
.compare-hero-grid-stage92::after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    top: 37%;
    left: -42%;
    background: linear-gradient(90deg, transparent, rgba(57,209,238,.8), transparent);
    box-shadow: 0 0 18px rgba(57,209,238,.55);
    animation: stage92CurrentFlow 6.5s linear infinite;
}
.catalog-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #82a5b8;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .12em;
    direction: ltr;
}
.catalog-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--catalog-cyan);
    box-shadow: 0 0 0 5px rgba(57,209,238,.10), 0 0 16px rgba(57,209,238,.5);
    animation: stage92LivePulse 2s ease-in-out infinite;
}

/* Catalog hero */
.catalog-hero-stage92 { padding: clamp(76px, 8vw, 112px) 0 clamp(66px, 7vw, 90px); }
.catalog-hero-stage92-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .82fr);
    gap: clamp(46px, 7vw, 90px);
    align-items: center;
}
.catalog-hero-stage92-copy { max-width: 760px; }
.catalog-hero-stage92-copy h1 {
    max-width: 11.5ch;
    margin: 0;
    color: #f7fbfe;
    font-size: clamp(3rem, 5.5vw, 5.6rem);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -.04em;
}
.catalog-hero-stage92-copy h1 em { color: var(--catalog-yellow); font-style: normal; }
.catalog-hero-stage92-copy .lead {
    max-width: 680px;
    margin: 23px 0 0;
    color: #a8bfcd;
    font-size: clamp(.98rem, 1.18vw, 1.12rem);
    font-weight: 300;
    line-height: 2;
}
.catalog-hero-stage92 .catalog-hero-actions { margin-top: 31px; }
.catalog-hero-stage92 .button { min-height: 50px; }
.catalog-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
    margin-top: 28px;
    color: #7895a7;
    font-size: .69rem;
}
.catalog-trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.catalog-trust-row .ui-icon { width: 17px; height: 17px; color: var(--catalog-cyan); }

.catalog-signal-board {
    position: relative;
    overflow: hidden;
    min-height: 510px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 26px;
    background: linear-gradient(150deg, rgba(17,48,69,.82), rgba(5,18,28,.90));
    box-shadow: var(--catalog-shadow-dark);
    backdrop-filter: blur(12px);
}
.catalog-signal-board::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 0 43%, rgba(255,255,255,.035) 50%, transparent 57%);
    transform: translateX(-120%);
    animation: stage92PanelSweep 8s ease-in-out infinite;
}
.catalog-signal-head {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #7190a3;
    font-size: .6rem;
    letter-spacing: .12em;
    direction: ltr;
}
.catalog-signal-head b { display: inline-flex; align-items: center; gap: 6px; color: #66def5; font-size: .58rem; }
.catalog-signal-head b::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #40d8a0; box-shadow: 0 0 12px #40d8a0; }
.catalog-signal-core {
    position: relative;
    width: min(335px, 82%);
    aspect-ratio: 1;
    margin: 28px auto 18px;
    display: grid;
    place-items: center;
}
.catalog-orbit { position: absolute; border: 1px solid rgba(57,209,238,.15); border-radius: 50%; animation: stage92Orbit 18s linear infinite; }
.catalog-orbit::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; top: 9%; left: 24%; background: var(--catalog-cyan); box-shadow: 0 0 15px rgba(57,209,238,.75); }
.catalog-orbit-a { inset: 6%; }
.catalog-orbit-b { inset: 21%; animation-direction: reverse; animation-duration: 14s; border-color: rgba(255,191,46,.14); }
.catalog-orbit-b::after { background: var(--catalog-yellow); box-shadow: 0 0 15px rgba(255,191,46,.55); }
.catalog-orbit-c { inset: 36%; animation-duration: 10s; }
.catalog-capacitor-symbol {
    position: relative;
    z-index: 2;
    width: 112px;
    height: 132px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    color: #eafaff;
    background: linear-gradient(145deg, #17425d, #0a2334);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 65px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.08);
}
.catalog-capacitor-symbol svg { width: 52px; height: 52px; }
.catalog-capacitor-symbol i { position: absolute; inset: 14px; border: 1px solid rgba(57,209,238,.13); border-radius: 14px; }
.catalog-node {
    position: absolute;
    z-index: 3;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #b9d7e6;
    background: rgba(5,20,31,.88);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    animation: stage92NodeFloat 5s ease-in-out infinite;
}
.catalog-node svg { width: 22px; height: 22px; }
.catalog-node.node-voltage { top: 5%; right: 12%; color: #ffca49; }
.catalog-node.node-current { bottom: 10%; right: 8%; animation-delay: -1.2s; }
.catalog-node.node-harmonic { top: 16%; left: 3%; animation-delay: -2.2s; color: #62ddf5; }
.catalog-node.node-reactive { bottom: 8%; left: 13%; animation-delay: -3.1s; }
.catalog-signal-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    background: rgba(255,255,255,.08);
}
.catalog-signal-metrics div { padding: 14px 16px; background: rgba(4,18,28,.72); display: flex; flex-direction: column; }
.catalog-signal-metrics small { color: #66889b; font-size: .58rem; }
.catalog-signal-metrics strong { color: #fff; font-size: 1.2rem; line-height: 1.4; direction: ltr; }
.catalog-signal-metrics span { color: #8099a9; font-size: .58rem; }

/* Catalog body / filters */
.catalog-section-stage92 { padding-top: 64px; background: #fbfcfd; }
.catalog-layout-stage92 { display: grid; grid-template-columns: 286px minmax(0,1fr); gap: 30px; align-items: start; }
.catalog-filter-stage92 {
    position: sticky;
    top: 92px;
    overflow: hidden;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    border: 1px solid var(--catalog-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 38px rgba(7,21,34,.045);
}
.catalog-filter-stage92 .technical-filter-form { padding: 20px; }
.catalog-filter-stage92 .filter-panel-head { padding-bottom: 17px; border-bottom: 1px solid #edf1f3; margin-bottom: 18px; }
.catalog-filter-stage92 .filter-panel-head small { color: var(--catalog-blue); font-size: .58rem; letter-spacing: .08em; direction: ltr; }
.catalog-filter-stage92 .filter-panel-head h2 { font-size: 1.17rem; margin: 3px 0 0; }
.catalog-filter-stage92 .filter-panel-head > a { font-size: .65rem; }
.catalog-filter-stage92 .filter-field > span,
.catalog-filter-stage92 .technical-filter-item > strong { font-size: .72rem; font-weight: 500; color: #334a5b; }
.catalog-filter-stage92 input,
.catalog-filter-stage92 select { min-height: 44px; border-radius: 10px; font-size: .75rem; }
.catalog-filter-stage92 .technical-filter-item { padding: 16px 0; border-top: 1px solid #eff3f5; }
.catalog-filter-stage92 .filter-submit { margin-top: 9px; }
.catalog-result-head-stage92 {
    min-height: 76px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
    padding: 13px 16px 13px 20px;
    border: 1px solid var(--catalog-border);
    border-radius: 16px;
    background: #fff;
}
.catalog-result-head-stage92 .result-count { display: flex; flex-direction: column; }
.catalog-result-head-stage92 .result-count small { color: var(--catalog-blue); font-size: .56rem; letter-spacing: .08em; }
.catalog-result-head-stage92 .result-count strong { font-size: .95rem; font-weight: 700; }
.catalog-result-head-stage92 .result-count span { color: var(--catalog-muted); font-size: .65rem; }
.compare-link-stage92 {
    min-height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--catalog-border);
    border-radius: 10px;
    background: #fff;
    font-size: .7rem;
    font-weight: 500;
}
.compare-link-stage92 .ui-icon { width: 18px; height: 18px; color: var(--catalog-blue); }
.compare-link-stage92 strong { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #eaf4fd; color: var(--catalog-blue); font-size: .65rem; }

/* Product cards */
.catalog-grid-stage92 { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.product-card-stage92 {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--catalog-border);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(7,21,34,.045);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.product-card-stage92:hover { transform: translateY(-4px); border-color: rgba(10,118,223,.26); box-shadow: 0 24px 55px rgba(7,21,34,.09); }
.product-media-stage92 {
    position: relative;
    display: block;
    min-height: 310px;
    overflow: hidden;
    background:
        radial-gradient(circle at 65% 40%, rgba(57,209,238,.12), transparent 34%),
        linear-gradient(145deg, #edf5f9, #f9fbfc);
}
.product-media-stage92::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0 40%, rgba(255,255,255,.55) 49%, transparent 58%);
    transform: translateX(-120%);
    transition: transform .7s ease;
}
.product-card-stage92:hover .product-media-stage92::after { transform: translateX(120%); }
.product-media-stage92 > img { width: 100%; height: 310px; object-fit: contain; padding: 25px; transition: transform .3s ease; }
.product-card-stage92:hover .product-media-stage92 > img { transform: scale(1.025); }
.product-card-topline-stage92 {
    position: absolute;
    z-index: 4;
    inset: 14px 14px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.product-card-topline-stage92 > span {
    min-height: 31px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(12,32,48,.07);
    border-radius: 9px;
    background: rgba(255,255,255,.88);
    color: #33495a;
    backdrop-filter: blur(10px);
    font-size: .62rem;
    font-weight: 500;
}
.product-card-topline-stage92 .ui-icon { width: 16px; height: 16px; color: var(--catalog-blue); }
.stock-badge { min-height: 31px; padding: 0 9px; display: inline-flex; align-items: center; gap: 6px; border-radius: 9px; background: rgba(255,255,255,.88); color: #425866; font-size: .59rem; font-weight: 500; backdrop-filter: blur(10px); }
.stock-badge i { width: 6px; height: 6px; border-radius: 50%; background: #9cadb7; }
.stock-badge.stock-in_stock i { background: #20a46d; box-shadow: 0 0 0 4px rgba(32,164,109,.09); }
.stock-badge.stock-low_stock i { background: #d39c12; }
.stock-badge.stock-out_of_stock i { background: #b94a4a; }
.product-art-stage92 { position: relative; min-height: 310px; width: 100%; display: grid; place-items: center; align-content: center; background: transparent; }
.product-art-stage92::before { content: none; }
.product-art-stage92 > span { position: relative; z-index: 3; color: #658090; font-size: .6rem; letter-spacing: .12em; }
.product-art-stage92 > strong { position: relative; z-index: 3; margin-top: 6px; color: #0b2a40; font-size: 2.25rem; letter-spacing: .03em; direction: ltr; }
.product-art-stage92 > i {
    position: absolute;
    width: 122px;
    height: 170px;
    border-radius: 20px;
    background: linear-gradient(145deg,#17425d,#0a2233);
    box-shadow: 0 28px 55px rgba(7,34,51,.18);
    transform: rotate(-3deg);
}
.product-art-stage92 > i::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; }
.product-art-stage92 > em { position: absolute; width: 210px; height: 210px; border: 1px solid rgba(10,118,223,.11); border-radius: 50%; animation: stage92ProductPulse 4.3s ease-in-out infinite; }
.product-model-watermark { position: absolute; z-index: 2; left: 13px; bottom: 7px; color: rgba(11,42,64,.055); font-size: 3.7rem; font-weight: 700; line-height: 1; direction: ltr; }
.product-media-link {
    position: absolute;
    z-index: 5;
    bottom: 15px;
    right: 15px;
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 9px;
    background: rgba(7,21,34,.86);
    color: #fff;
    font-size: .62rem;
    opacity: 0;
    transform: translateY(7px);
    transition: .22s ease;
}
.product-media-link .ui-icon { width: 15px; height: 15px; }
.product-card-stage92:hover .product-media-link { opacity: 1; transform: none; }
.product-card-body-stage92 { padding: 21px; }
.product-title-stage92 { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: start; }
.product-title-stage92 small { display: block; color: var(--catalog-blue); font-size: .6rem; font-weight: 500; }
.product-title-stage92 h2 { margin: 3px 0 0; font-size: 1.13rem; line-height: 1.55; font-weight: 700; }
.product-title-stage92 code { padding: 5px 7px; border-radius: 7px; background: #f1f5f7; color: #456071; font-size: .66rem; font-family: inherit; direction: ltr; }
.product-card-body-stage92 > p { min-height: 52px; margin: 11px 0 16px; color: var(--catalog-muted); font-size: .77rem; font-weight: 300; line-height: 1.9; }
.product-spec-rail-stage92 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    overflow: hidden;
    margin: 0 0 16px;
    border: 1px solid #e7edf1;
    border-radius: 12px;
    background: #e7edf1;
}
.product-spec-rail-stage92 > div { min-height: 64px; padding: 10px; display: flex; flex-direction: column; justify-content: center; background: #f9fbfc; }
.product-spec-rail-stage92 small { color: #758997; font-size: .55rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-spec-rail-stage92 strong { margin-top: 3px; color: #162f41; font-size: .72rem; direction: ltr; text-align: right; overflow-wrap: anywhere; }
.product-spec-rail-stage92 .product-spec-empty { grid-column: 1/-1; color: #718693; font-size: .65rem; }
.product-price-row-stage92 { display: flex; align-items: center; justify-content: space-between; gap: 13px; padding: 13px 0; border-top: 1px solid #edf1f3; border-bottom: 1px solid #edf1f3; }
.product-price-row-stage92 > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; }
.product-price-row-stage92 small { width: 100%; color: #7b8d99; font-size: .54rem; }
.product-price-row-stage92 strong { font-size: .85rem; color: #132c3d; }
.product-price-row-stage92 span { color: #7b8d99; font-size: .62rem; }
.product-price-row-stage92 > .ui-icon { width: 21px; height: 21px; color: var(--catalog-yellow); }
.product-card-actions-stage92 { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 15px; }
.product-card-actions-stage92 .button { min-height: 42px; }
.compare-toggle-stage92 {
    min-width: 84px;
    height: 42px;
    padding: 0 11px;
    border: 1px solid var(--catalog-border);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #fff;
    color: #405868;
    font: inherit;
    font-size: .64rem;
    cursor: pointer;
}
.compare-toggle-stage92 .ui-icon { width: 17px; height: 17px; color: var(--catalog-blue); }
.compare-toggle-stage92.is-selected { background: #eaf5fd; border-color: rgba(10,118,223,.22); color: var(--catalog-blue); }
.catalog-empty-stage92 { padding-block: 60px; }

/* Compare dock */
.compare-dock-stage92 { bottom: 22px; width: min(690px, calc(100% - 28px)); padding: 10px; border-radius: 17px; background: rgba(5,19,30,.94); }
.compare-dock-main { display: flex; align-items: center; gap: 11px; }
.compare-dock-stage92 .compare-dock-icon { position: relative; width: 42px; height: 42px; }
.compare-dock-stage92 .compare-dock-icon .ui-icon { width: 21px; height: 21px; }
.compare-dock-stage92 .compare-dock-icon i { position: absolute; inset: -1px; border: 1px solid rgba(57,209,238,.28); border-radius: 13px; animation: stage92DockPulse 2.8s ease-in-out infinite; }
.compare-dock-stage92 p strong { font-size: .72rem; }

/* Product detail hero */
.product-hero-stage92 { padding: clamp(48px, 6vw, 74px) 0 clamp(60px, 7vw, 88px); }
.product-hero-stage92-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: clamp(45px, 7vw, 84px);
    align-items: center;
}
.product-gallery-stage92 { min-width: 0; }
.product-gallery-stage92-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: #7190a3; font-size: .58rem; letter-spacing: .12em; direction: ltr; }
.product-gallery-stage92-head > span { display: inline-flex; align-items: center; gap: 7px; }
.product-gallery-stage92-head > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--catalog-cyan); box-shadow: 0 0 12px rgba(57,209,238,.6); }
.product-gallery-stage92-head button { border: 0; display: inline-flex; align-items: center; gap: 6px; background: transparent; color: #8ca5b4; font: inherit; font-size: .62rem; cursor: pointer; direction: rtl; }
.product-gallery-stage92-head button .ui-icon { width: 16px; height: 16px; }
.product-gallery-main-stage92 {
    position: relative;
    overflow: hidden;
    min-height: 510px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 26px;
    background:
        radial-gradient(circle at 50% 45%, rgba(57,209,238,.10), transparent 35%),
        linear-gradient(145deg, rgba(19,54,76,.72), rgba(5,18,28,.88));
    box-shadow: 0 35px 95px rgba(0,0,0,.27);
}
.product-gallery-main-stage92 > img { position: relative; z-index: 4; width: 100%; height: 510px; object-fit: contain; padding: 34px; transition: opacity .16s ease, transform .3s ease; }
.product-gallery-main-stage92:hover > img { transform: scale(1.018); }
.product-gallery-circuit { position: absolute; inset: 0; pointer-events: none; }
.product-gallery-circuit i { position: absolute; background: rgba(57,209,238,.12); }
.product-gallery-circuit i:nth-child(1) { width: 1px; height: 42%; top: 0; right: 21%; }
.product-gallery-circuit i:nth-child(2) { height: 1px; width: 35%; top: 31%; right: 0; }
.product-gallery-circuit i:nth-child(3) { width: 1px; height: 34%; bottom: 0; left: 19%; }
.product-gallery-circuit i:nth-child(4) { height: 1px; width: 31%; bottom: 22%; left: 0; }
.product-gallery-circuit i::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--catalog-cyan); box-shadow: 0 0 13px rgba(57,209,238,.65); animation: stage92CircuitNode 3s ease-in-out infinite; }
.product-gallery-circuit i:nth-child(1)::after { bottom: 0; left: -3px; }.product-gallery-circuit i:nth-child(2)::after { left: 0; top: -3px; }.product-gallery-circuit i:nth-child(3)::after { top: 0; left: -3px; }.product-gallery-circuit i:nth-child(4)::after { right: 0; top: -3px; }
.product-gallery-model { position: absolute; z-index: 2; left: 15px; bottom: 4px; color: rgba(255,255,255,.038); font-size: clamp(4.5rem, 10vw, 8rem); font-weight: 700; line-height: 1; direction: ltr; }
.product-gallery-energy { position: absolute; z-index: 1; width: 310px; height: 310px; border: 1px solid rgba(57,209,238,.09); border-radius: 50%; }
.product-gallery-energy b { position: absolute; inset: 14%; border: 1px solid rgba(57,209,238,.08); border-radius: 50%; animation: stage92ProductOrbit 8s linear infinite; }.product-gallery-energy b:nth-child(2) { inset: 28%; animation-direction: reverse; animation-duration: 6s; border-color: rgba(255,191,46,.10); }.product-gallery-energy b:nth-child(3) { inset: 42%; animation-duration: 4.5s; }
.product-placeholder-stage92 { position: relative; z-index: 4; min-height: 400px; width: 100%; display: grid; place-items: center; align-content: center; color: #fff; }
.product-placeholder-stage92 > span { color: #708fa2; font-size: .62rem; letter-spacing: .13em; }
.product-placeholder-stage92 > strong { margin-top: 7px; font-size: 3.2rem; line-height: 1; direction: ltr; }
.product-placeholder-stage92 > small { margin-top: 10px; color: #68899c; font-size: .55rem; letter-spacing: .1em; }
.product-placeholder-stage92 > svg { width: 58px; height: 58px; margin-top: 40px; color: #57daf4; }
.product-placeholder-stage92 > i,.product-placeholder-stage92 > em { position: absolute; width: 230px; height: 230px; border-radius: 50%; border: 1px solid rgba(57,209,238,.1); animation: stage92ProductPulse 4s ease-in-out infinite; }.product-placeholder-stage92 > em { width: 310px; height: 310px; animation-delay: -2s; }
.product-gallery-thumbs-stage92 { display: flex; gap: 8px; overflow-x: auto; margin-top: 10px; padding-bottom: 2px; scrollbar-width: thin; }
.product-gallery-thumbs-stage92 button,
.video-thumb-stage92 { position: relative; flex: 0 0 76px; height: 64px; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.10); border-radius: 11px; background: rgba(255,255,255,.04); cursor: pointer; }
.product-gallery-thumbs-stage92 button img { width: 100%; height: 100%; object-fit: cover; opacity: .65; transition: .18s ease; }
.product-gallery-thumbs-stage92 button > span { position: absolute; right: 4px; bottom: 3px; padding: 1px 4px; border-radius: 4px; background: rgba(5,19,30,.8); color: #fff; font-size: .48rem; }
.product-gallery-thumbs-stage92 button:hover img,
.product-gallery-thumbs-stage92 button.is-active img { opacity: 1; }
.product-gallery-thumbs-stage92 button.is-active { border-color: var(--catalog-cyan); box-shadow: 0 0 0 2px rgba(57,209,238,.08); }
.video-thumb-stage92 { display: grid; place-items: center; align-content: center; color: #b9d5e4; font-size: .52rem; }
.video-thumb-stage92 .ui-icon { width: 21px; height: 21px; color: var(--catalog-cyan); }

.product-summary-stage92 { min-width: 0; }
.product-breadcrumb-stage92 { display: flex; align-items: center; gap: 7px; margin-bottom: 24px; color: #7895a6; font-size: .66rem; }
.product-breadcrumb-stage92 a:hover { color: #fff; }
.product-identity-stage92 { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.product-family-badge { min-height: 34px; padding: 0 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(57,209,238,.17); border-radius: 9px; background: rgba(57,209,238,.06); color: #a5cbdc; font-size: .65rem; }
.product-family-badge .ui-icon { width: 17px; height: 17px; color: var(--catalog-cyan); }
.product-identity-stage92 code { color: #66889c; font-size: .72rem; font-family: inherit; direction: ltr; }
.product-summary-stage92 h1 { max-width: 11ch; margin: 15px 0 0; color: #fff; font-size: clamp(2.8rem, 5vw, 5.1rem); font-weight: 700; line-height: 1.2; letter-spacing: -.04em; }
.product-summary-stage92 .lead { max-width: 640px; margin: 17px 0 0; color: #a8bfcc; font-size: clamp(.96rem,1.15vw,1.08rem); font-weight: 300; line-height: 2; }
.product-kpi-rail-stage92 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; margin-top: 26px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.07); }
.product-kpi-rail-stage92 > div { min-height: 73px; padding: 12px; display: flex; flex-direction: column; justify-content: center; background: rgba(5,20,31,.70); }
.product-kpi-rail-stage92 small { color: #6d8c9d; font-size: .56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-kpi-rail-stage92 strong { margin-top: 4px; color: #f4fbff; font-size: .75rem; direction: ltr; overflow-wrap: anywhere; }
.product-kpi-rail-stage92 .product-kpi-empty { grid-column: 1/-1; color: #7894a5; }
.product-commercial-stage92 { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.07); }
.product-commercial-stage92 > div { min-height: 78px; padding: 13px 15px; background: rgba(255,255,255,.035); display: flex; flex-wrap: wrap; align-content: center; align-items: baseline; gap: 5px; }
.product-commercial-stage92 small { width: 100%; color: #718fa0; font-size: .56rem; }
.product-commercial-stage92 strong { color: #fff; font-size: .9rem; }
.product-commercial-stage92 span { color: #7c98a8; font-size: .62rem; }
.commercial-status { display: inline-flex; align-items: center; gap: 7px; }
.commercial-status i { width: 7px; height: 7px; border-radius: 50%; background: #9ab0bd; }.commercial-status.status-in_stock i { background: #35c98a; box-shadow: 0 0 12px rgba(53,201,138,.5); }.commercial-status.status-low_stock i { background: #e4b12e; }.commercial-status.status-out_of_stock i { background: #d85b5b; }
.product-cta-stage92 { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.product-cta-stage92 .button { min-height: 50px; }
.product-compare-inline-stage92 { margin-top: 10px; }
.product-compare-inline-stage92 button { min-height: 42px; width: 100%; padding: 0 13px; display: flex; align-items: center; justify-content: flex-start; gap: 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.035); color: #9cb4c2; font: inherit; font-size: .66rem; cursor: pointer; }
.product-compare-inline-stage92 button .ui-icon { width: 17px; height: 17px; color: var(--catalog-cyan); }.product-compare-inline-stage92 button span { margin-right: auto; padding: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.06); color: #6f8b9d; direction: ltr; }.product-compare-inline-stage92 button.is-selected { color: #d7f8ff; border-color: rgba(57,209,238,.25); background: rgba(57,209,238,.06); }

/* Product jump bar */
.product-jumpbar-stage92 { position: sticky; z-index: 45; top: 68px; border-bottom: 1px solid #e4eaee; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.product-jumpbar-stage92 .container { min-height: 56px; display: flex; align-items: center; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.product-jumpbar-stage92 .container::-webkit-scrollbar { display: none; }
.product-jumpbar-stage92 a { flex: 0 0 auto; min-height: 38px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; border-radius: 9px; color: #607584; font-size: .66rem; font-weight: 500; transition: .16s ease; }
.product-jumpbar-stage92 a .ui-icon { width: 16px; height: 16px; }
.product-jumpbar-stage92 a:hover,.product-jumpbar-stage92 a.is-active { background: #edf6fc; color: var(--catalog-blue); }

/* Technical content */
.product-technical-stage92 { padding-top: 72px; background: #fbfcfd; }
.product-content-grid-stage92 { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 32px; align-items: start; }
.product-main-stage92 { min-width: 0; }
.product-section-heading-stage92 { max-width: none; display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: start; margin-bottom: 25px; }
.product-section-heading-stage92 .electric-icon-box { grid-row: 1 / span 3; width: 46px; height: 46px; }
.product-section-heading-stage92 .eyebrow { margin-bottom: 4px; }
.product-section-heading-stage92 h2 { margin: 0; font-size: clamp(1.75rem, 2.6vw, 2.5rem); }
.product-section-heading-stage92 p { margin: 4px 0 0; color: var(--catalog-muted); font-size: .8rem; }
.spec-card-stage92 { overflow: hidden; margin-bottom: 15px; border: 1px solid var(--catalog-border); border-radius: 18px; background: #fff; box-shadow: none; }
.spec-card-head-stage92 { min-height: 72px; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; background: #f5f8fa; border-bottom: 1px solid var(--catalog-border); }
.spec-card-head-stage92 small { color: var(--catalog-blue); font-size: .52rem; letter-spacing: .08em; direction: ltr; }
.spec-card-head-stage92 h3 { margin: 2px 0 0; font-size: .98rem; }
.spec-card-head-stage92 code { padding: 5px 8px; border-radius: 7px; background: #fff; border: 1px solid #e3eaee; color: #4c6677; font-family: inherit; font-size: .64rem; direction: ltr; }
.spec-list-stage92 > div { min-height: 54px; padding: 11px 18px; display: grid; grid-template-columns: minmax(0,1fr) minmax(130px,.7fr); align-items: center; gap: 20px; border-bottom: 1px solid #edf1f3; transition: background .14s ease; }
.spec-list-stage92 > div:hover { background: #f9fbfc; }
.spec-list-stage92 dt { display: flex; align-items: center; gap: 8px; color: #536977; font-size: .73rem; }
.spec-list-stage92 dt > span { width: 5px; height: 5px; border-radius: 50%; background: #c0ccd4; }
.spec-list-stage92 dt small { margin-right: auto; color: #93a2ab; font-size: .55rem; }
.spec-list-stage92 dd { margin: 0; color: #142f41; font-size: .76rem; font-weight: 700; text-align: left; direction: ltr; }
.product-data-empty-stage92 { display: flex; align-items: center; gap: 14px; }
.product-data-empty-stage92 .ui-icon { width: 32px; height: 32px; color: var(--catalog-blue); }.product-data-empty-stage92 div { display: flex; flex-direction: column; }.product-data-empty-stage92 span { font-size: .7rem; }
.product-body-stage92 { margin-top: 48px; padding: clamp(25px,4vw,40px); border: 1px solid var(--catalog-border); border-radius: 20px; background: #fff; }
.product-body-stage92 h2 { margin: 4px 0 13px; font-size: clamp(1.65rem,2.8vw,2.35rem); }
.product-body-stage92 > div { color: #526978; font-size: .86rem; line-height: 2.05; }
.product-sidebar-stage92 { position: sticky; top: 142px; display: grid; gap: 12px; }
.side-card-stage92 { position: relative; overflow: hidden; padding: 19px; border: 1px solid var(--catalog-border); border-radius: 17px; background: #fff; box-shadow: none; }
.side-card-stage92::after { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%; border: 1px solid rgba(10,118,223,.06); left: -65px; bottom: -75px; }
.side-card-icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 11px; background: #eef7fc; color: var(--catalog-blue); }.side-card-icon .ui-icon { width: 20px; height: 20px; }
.side-card-stage92 > small { color: var(--catalog-blue); font-size: .51rem; letter-spacing: .08em; direction: ltr; }
.side-card-stage92 h3 { margin: 3px 0 12px; font-size: .92rem; }
.tag-list-stage92 { gap: 6px; }.tag-list-stage92 span { padding: 5px 8px; font-size: .61rem; border-radius: 7px; background: #f7fafb; }
.product-doc-list-stage92 { display: grid; }.product-doc-list-stage92 a { min-height: 53px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #edf1f3; }.product-doc-list-stage92 a:first-child { border-top: 0; }.product-doc-list-stage92 a span { display: flex; flex-direction: column; }.product-doc-list-stage92 a b { font-size: .68rem; }.product-doc-list-stage92 a small { color: #8798a3; font-size: .54rem; }.product-doc-list-stage92 a i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #f0f6f9; color: var(--catalog-blue); font-style: normal; }
.product-engineering-note { background: #0a2234; border-color: #0a2234; color: #fff; }.product-engineering-note .side-card-icon { background: rgba(57,209,238,.08); color: var(--catalog-cyan); }.product-engineering-note > small { color: var(--catalog-cyan); }.product-engineering-note p { color: #8fa9b8; font-size: .7rem; line-height: 1.9; }.product-engineering-note > a { display: inline-flex; margin-top: 4px; color: #fff; font-size: .66rem; font-weight: 500; }

/* Product comparison promo / quote */
.product-compare-promo-stage92 { padding-block: 58px; }
.product-compare-promo-shell { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 32px; align-items: center; }
.product-compare-visual { position: relative; width: 130px; height: 130px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(10,118,223,.12); }
.product-compare-visual span { position: relative; z-index: 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; color: var(--catalog-blue); background: #eaf5fd; }.product-compare-visual svg { width: 26px; height: 26px; }.product-compare-visual i { position: absolute; inset: 13%; border: 1px solid rgba(10,118,223,.09); border-radius: 50%; animation: stage92ProductOrbit 7s linear infinite; }.product-compare-visual i:nth-child(2) { inset: 28%; animation-direction: reverse; }.product-compare-visual i:nth-child(3) { inset: 43%; }
.product-compare-promo-shell h2 { margin: 2px 0 7px; font-size: clamp(1.7rem,2.7vw,2.35rem); }.product-compare-promo-shell p { max-width: 680px; margin: 0; color: var(--catalog-muted); font-size: .78rem; }
.product-quote-stage92 { padding-top: 40px; }
.product-quote-panel-stage92 { position: relative; overflow: hidden; min-height: 250px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 38px; padding: clamp(30px,5vw,52px); border-radius: 24px; background: linear-gradient(135deg,#0b293d,#061721); color: #fff; box-shadow: 0 30px 80px rgba(7,21,34,.16); }
.product-quote-panel-stage92 > div:not(.product-quote-energy) { position: relative; z-index: 3; }.product-quote-panel-stage92 h2 { max-width: 730px; margin: 3px 0 9px; font-size: clamp(1.8rem,3vw,2.8rem); line-height: 1.5; }.product-quote-panel-stage92 p { max-width: 720px; margin: 0; color: #9eb5c3; font-size: .8rem; }.product-quote-actions-stage92 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.product-quote-energy { position: absolute; width: 330px; height: 330px; left: -120px; bottom: -155px; display: grid; place-items: center; border: 1px solid rgba(57,209,238,.1); border-radius: 50%; color: rgba(57,209,238,.42); }.product-quote-energy svg { width: 58px; height: 58px; }.product-quote-energy i { position: absolute; inset: 18%; border: 1px solid rgba(57,209,238,.09); border-radius: 50%; animation: stage92ProductPulse 4s ease-in-out infinite; }.product-quote-energy i:nth-child(3) { inset: 35%; animation-delay: -2s; }

/* Product image viewer */
.product-viewer-stage92[hidden] { display: none; }
.product-viewer-stage92 { position: fixed; z-index: 360; inset: 0; display: grid; place-items: center; padding: 30px; }
.product-viewer-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(2,10,16,.86); backdrop-filter: blur(12px); cursor: zoom-out; }
.product-viewer-panel { position: relative; z-index: 2; width: min(1050px, 100%); max-height: calc(100vh - 60px); padding: 16px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #071723; box-shadow: 0 45px 120px rgba(0,0,0,.48); }
.product-viewer-panel img { max-width: 100%; max-height: calc(100vh - 130px); object-fit: contain; border-radius: 13px; }.product-viewer-panel > span { width: 100%; padding-top: 10px; color: #8ca6b6; font-size: .65rem; }.product-viewer-close { position: absolute; z-index: 4; top: 14px; left: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(4,17,27,.82); color: #fff; font: inherit; font-size: 1.25rem; cursor: pointer; }

/* Comparison page */
.compare-hero-stage92 { padding: clamp(70px,8vw,105px) 0 clamp(60px,7vw,84px); }
.compare-hero-stage92-shell { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 65px; align-items: center; }
.compare-hero-stage92 h1 { max-width: 10ch; margin: 0; color: #fff; font-size: clamp(3rem,5.4vw,5.4rem); line-height: 1.18; letter-spacing: -.04em; }.compare-hero-stage92 h1 em { color: var(--catalog-yellow); font-style: normal; }.compare-hero-stage92 .lead { max-width: 680px; color: #a8bfcd; font-size: 1rem; font-weight: 300; line-height: 2; }.compare-hero-actions-stage92 { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.compare-meter-stage92 { position: relative; width: 230px; height: 230px; display: grid; place-items: center; margin-inline: auto; border: 1px solid rgba(57,209,238,.12); border-radius: 50%; }.compare-meter-stage92 > i { position: absolute; inset: 13%; border: 1px solid rgba(57,209,238,.10); border-radius: 50%; animation: stage92Orbit 12s linear infinite; }.compare-meter-stage92 > i:nth-child(2) { inset: 26%; animation-direction: reverse; animation-duration: 9s; }.compare-meter-stage92 > i:nth-child(3) { inset: 39%; animation-duration: 7s; }.compare-meter-stage92 > svg { position: absolute; width: 40px; height: 40px; color: rgba(57,209,238,.18); bottom: 16px; right: 26px; }.compare-meter-core { position: relative; z-index: 3; display: grid; grid-template-columns: auto auto; align-items: baseline; text-align: center; }.compare-meter-core strong { color: #fff; font-size: 4rem; line-height: 1; }.compare-meter-core > span { color: #69899b; font-size: .85rem; }.compare-meter-core small { grid-column: 1/-1; margin-top: 7px; color: var(--catalog-cyan); font-size: .55rem; letter-spacing: .12em; }
.compare-section-stage92 { background: #fbfcfd; }
.compare-toolbar-stage92 { min-height: 78px; margin-bottom: 18px; padding: 14px 16px 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--catalog-border); border-radius: 16px; background: #fff; }.compare-toolbar-stage92 > div:first-child { display: flex; flex-direction: column; }.compare-toolbar-stage92 .eyebrow { margin: 0; font-size: .52rem; }.compare-toolbar-stage92 strong { font-size: .9rem; }.compare-toolbar-stage92 small { color: var(--catalog-muted); font-size: .6rem; }.compare-toolbar-stage92 > div:last-child { display: flex; align-items: center; gap: 8px; }.compare-toolbar-stage92 form { margin: 0; }.compare-clear-stage92 { border: 0; background: transparent; color: #7d909d; font: inherit; font-size: .64rem; cursor: pointer; }
.compare-product-strip-stage92 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.compare-product-card-stage92,.compare-add-card-stage92 { position: relative; min-width: 0; overflow: hidden; min-height: 255px; border: 1px solid var(--catalog-border); border-radius: 17px; background: #fff; }
.compare-product-image-stage92 { position: relative; height: 130px; display: grid; place-items: center; background: linear-gradient(145deg,#eff5f8,#fbfcfd); }.compare-product-image-stage92 img { width: 100%; height: 100%; padding: 10px; object-fit: contain; }.compare-product-image-stage92 > code { position: absolute; bottom: 7px; left: 8px; padding: 3px 6px; border-radius: 5px; background: rgba(255,255,255,.85); color: #496373; font-family: inherit; font-size: .55rem; direction: ltr; }.compare-mini-art-stage92 { display: grid; place-items: center; align-content: center; color: var(--catalog-blue); }.compare-mini-art-stage92 svg { width: 34px; height: 34px; }.compare-mini-art-stage92 strong { margin-top: 6px; font-size: 1.15rem; direction: ltr; }
.compare-product-copy-stage92 { padding: 13px 14px 8px; }.compare-product-copy-stage92 small { color: var(--catalog-blue); font-size: .54rem; }.compare-product-copy-stage92 h2 { margin: 2px 0 7px; font-size: .78rem; line-height: 1.55; }.compare-stock-stage92 { display: inline-flex; align-items: center; gap: 5px; color: #617684; font-size: .56rem; }.compare-stock-stage92 i { width: 6px; height: 6px; border-radius: 50%; background: #9caeb8; }.compare-stock-stage92.status-in_stock i { background: #20a46d; }.compare-stock-stage92.status-low_stock i { background: #d39c12; }.compare-stock-stage92.status-out_of_stock i { background: #b94a4a; }
.compare-product-actions-stage92 { position: absolute; inset: auto 13px 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #edf1f3; padding-top: 9px; }.compare-product-actions-stage92 > a { color: var(--catalog-blue); font-size: .58rem; font-weight: 500; }.compare-product-actions-stage92 button { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid #e1e8ec; border-radius: 8px; background: #fff; color: #738793; font: inherit; cursor: pointer; }
.compare-add-card-stage92 { display: grid; place-items: center; align-content: center; border-style: dashed; color: #7b8f9c; }.compare-add-card-stage92 > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #edf6fc; color: var(--catalog-blue); font-size: 1.4rem; }.compare-add-card-stage92 strong { margin-top: 10px; font-size: .73rem; }.compare-add-card-stage92 small { margin-top: 3px; font-size: .56rem; }
.compare-table-guide-stage92 { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 28px 0 9px; }.compare-table-guide-stage92 > span { display: inline-flex; align-items: center; gap: 7px; color: #274356; font-size: .72rem; font-weight: 700; }.compare-table-guide-stage92 .ui-icon { width: 17px; height: 17px; color: var(--catalog-blue); }.compare-table-guide-stage92 small { color: #8495a0; font-size: .59rem; }
.compare-table-wrap-stage92 { max-height: 72vh; overflow: auto; border: 1px solid var(--catalog-border); border-radius: 16px; background: #fff; box-shadow: 0 16px 45px rgba(7,21,34,.05); }
.compare-table-stage92 { min-width: 850px; width: 100%; border-collapse: separate; border-spacing: 0; }
.compare-table-stage92 th,.compare-table-stage92 td { border-left: 1px solid #e6ecef; border-bottom: 1px solid #e9eef1; }
.compare-table-stage92 thead th { position: sticky; z-index: 5; top: 0; min-width: 185px; height: 106px; padding: 16px; background: #082033; color: #fff; vertical-align: bottom; }.compare-table-stage92 thead th:first-child { right: 0; z-index: 7; min-width: 190px; background: #061927; }.compare-table-stage92 thead th > a:first-child { display: block; color: #fff; font-size: .73rem; line-height: 1.55; }.compare-table-stage92 thead code { display: block; margin: 3px 0; color: #7793a4; font-family: inherit; font-size: .58rem; direction: ltr; }.compare-table-stage92 .compare-table-cta { color: var(--catalog-yellow)!important; font-size: .56rem; }
.compare-table-stage92 tbody th { position: sticky; z-index: 3; right: 0; min-width: 190px; padding: 13px 14px; display: flex; align-items: center; gap: 10px; background: #f6f9fa; text-align: right; }.compare-table-stage92 tbody th > div { display: flex; flex-direction: column; }.compare-table-stage92 tbody th > div { font-size: .68rem; font-weight: 500; }.compare-table-stage92 tbody th small { color: #8d9ba4; font-size: .5rem; font-weight: 400; }.compare-row-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #b8c5cc; }.compare-row-icon { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border-radius: 8px; background: #eaf5fc; color: var(--catalog-blue); }.compare-row-icon .ui-icon { width: 16px; height: 16px; }
.compare-table-stage92 td { min-width: 185px; padding: 15px; background: #fff; color: #233c4d; text-align: center; font-size: .7rem; font-weight: 500; direction: ltr; transition: background .15s ease; }.compare-table-stage92 tr.is-different td { background: #f7fbfe; }.compare-table-stage92 tr.is-different th { box-shadow: inset -3px 0 var(--catalog-blue); }.compare-table-stage92 tr.is-different .compare-row-dot { background: var(--catalog-blue); box-shadow: 0 0 0 4px rgba(10,118,223,.08); }.compare-table-stage92 tr.is-same-hidden { display: none; }
.compare-difference-legend-stage92 { display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin-top: 9px; color: #758893; font-size: .57rem; }.compare-difference-legend-stage92 > i { width: 7px; height: 7px; border-radius: 50%; background: var(--catalog-blue); }.compare-difference-legend-stage92 > b { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #eaf5fc; color: var(--catalog-blue); font-size: .56rem; }
.compare-empty-stage92 { min-height: 400px; }
.compare-bottom-cta.product-quote-panel-stage92 { margin-top: 42px; }

/* Animations */
@keyframes stage92CurrentFlow { 0% { transform: translateX(0); opacity:0; } 15%{opacity:1} 85%{opacity:1} 100% { transform: translateX(340%); opacity:0; } }
@keyframes stage92LivePulse { 0%,100% { transform:scale(.85); opacity:.6; } 50% { transform:scale(1.15); opacity:1; } }
@keyframes stage92PanelSweep { 0%,30% { transform:translateX(-130%); } 58%,100% { transform:translateX(130%); } }
@keyframes stage92Orbit { to { transform:rotate(360deg); } }
@keyframes stage92NodeFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes stage92ProductPulse { 0%,100% { transform:scale(.93); opacity:.55; } 50% { transform:scale(1.05); opacity:1; } }
@keyframes stage92DockPulse { 0%,100% { transform:scale(.96); opacity:.45; } 50% { transform:scale(1.06); opacity:1; } }
@keyframes stage92CircuitNode { 0%,100% { opacity:.35; transform:scale(.7); } 50% { opacity:1; transform:scale(1.2); } }
@keyframes stage92ProductOrbit { to { transform:rotate(360deg); } }

/* Stage 9.2 responsive pass */
@media (max-width: 1180px) {
    .catalog-hero-stage92-shell { grid-template-columns: minmax(0,1fr) minmax(340px,.75fr); gap: 44px; }
    .catalog-signal-board { min-height: 470px; }
    .catalog-layout-stage92 { grid-template-columns: 250px minmax(0,1fr); gap: 22px; }
    .catalog-grid-stage92 { gap: 14px; }
    .product-spec-rail-stage92 { grid-template-columns: repeat(2,1fr); }
    .product-spec-rail-stage92 > div:nth-child(3) { grid-column: 1/-1; }
    .product-hero-stage92-shell { gap: 42px; }
    .product-content-grid-stage92 { grid-template-columns: minmax(0,1fr) 280px; gap: 25px; }
    .compare-product-strip-stage92 { grid-template-columns: repeat(4, 220px); overflow-x: auto; padding-bottom: 4px; }
}
@media (max-width: 980px) {
    .catalog-hero-stage92-shell,.product-hero-stage92-shell,.compare-hero-stage92-shell { grid-template-columns: 1fr; }
    .catalog-hero-stage92-copy { text-align: center; margin-inline: auto; }.catalog-hero-stage92-copy h1,.catalog-hero-stage92-copy .lead { margin-inline: auto; }.catalog-hero-stage92 .catalog-hero-actions,.catalog-trust-row { justify-content: center; }
    .catalog-signal-board { width: min(620px,100%); min-height: 470px; margin-inline: auto; }
    .catalog-layout-stage92 { display: block; }
    .catalog-filter-stage92 { position: fixed!important; z-index: 150; inset: 0 auto 0 0; top: 0; width: min(390px, 91vw); max-height: none; height: 100dvh; border-radius: 0; transform: translateX(-105%); transition: transform .28s ease; box-shadow: 20px 0 60px rgba(7,19,31,.18); }
    .catalog-filter-stage92.is-open { transform: translateX(0); }
    .catalog-grid-stage92 { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .product-hero-stage92-shell { max-width: 760px; }
    .product-gallery-main-stage92 { min-height: 500px; }.product-gallery-main-stage92 > img { height: 500px; }
    .product-summary-stage92 { text-align: center; }.product-identity-stage92 { justify-content:center; }.product-breadcrumb-stage92,.product-cta-stage92 { justify-content:center; }.product-summary-stage92 h1,.product-summary-stage92 .lead { margin-inline:auto; }.product-commercial-stage92,.product-kpi-rail-stage92 { max-width:680px;margin-inline:auto;margin-top:15px; }.product-compare-inline-stage92 { max-width:680px;margin-inline:auto;margin-top:10px; }
    .product-content-grid-stage92 { grid-template-columns: 1fr; }.product-sidebar-stage92 { position:static; grid-template-columns:repeat(2,1fr); }.product-engineering-note { grid-column:1/-1; }
    .product-compare-promo-shell { grid-template-columns:110px minmax(0,1fr); }.product-compare-promo-shell > .button { grid-column:2; justify-self:start; }.product-compare-visual { width:105px;height:105px; }
    .compare-meter-stage92 { width:200px;height:200px; }.compare-hero-stage92-shell { text-align:center; }.compare-hero-stage92 h1,.compare-hero-stage92 .lead { margin-inline:auto; }.compare-hero-actions-stage92 { justify-content:center; }
    .compare-product-strip-stage92 { grid-template-columns: repeat(4, 210px); }
}
@media (max-width: 700px) {
    .catalog-hero-stage92 { padding-top:60px; }.catalog-hero-stage92-copy h1 { font-size:clamp(2.55rem,11vw,3.8rem); }.catalog-hero-stage92-copy .lead { font-size:.93rem; }.catalog-signal-board { min-height:420px;padding:16px; }.catalog-signal-core { width:min(280px,80%); }.catalog-signal-metrics div { padding:11px; }
    .catalog-result-head-stage92 { min-height:auto;align-items:flex-start; }.catalog-result-head-stage92 .result-count span { display:none; }.catalog-head-actions { flex-wrap:nowrap; }.compare-link-stage92 > span { display:none; }
    .catalog-grid-stage92 { grid-template-columns:1fr; }.product-media-stage92,.product-media-stage92 > img,.product-art-stage92 { min-height:290px;height:290px; }.product-model-watermark { font-size:3.1rem; }.product-card-stage92:hover { transform:none; }.product-media-link { opacity:1;transform:none; }
    .product-spec-rail-stage92 { grid-template-columns:repeat(3,1fr); }.product-spec-rail-stage92 > div:nth-child(3) { grid-column:auto; }
    .compare-dock-stage92 { bottom:72px; }.compare-dock-stage92 p small,.compare-dock-clear { display:none; }
    .product-hero-stage92 { padding-top:36px; }.product-gallery-main-stage92 { min-height:410px;border-radius:20px; }.product-gallery-main-stage92 > img { height:410px;padding:22px; }.product-placeholder-stage92 { min-height:330px; }.product-gallery-stage92-head button span { display:none; }.product-gallery-thumbs-stage92 button,.video-thumb-stage92 { flex-basis:65px;height:56px; }
    .product-summary-stage92 h1 { font-size:clamp(2.5rem,11vw,3.8rem); }.product-summary-stage92 .lead { font-size:.92rem; }.product-kpi-rail-stage92 { grid-template-columns:repeat(2,1fr); }.product-commercial-stage92 { grid-template-columns:1fr; }.product-cta-stage92 { display:grid;grid-template-columns:1fr; }.product-cta-stage92 .button { width:100%; }
    .product-jumpbar-stage92 { top:66px; }.product-jumpbar-stage92 a { padding-inline:9px; }.product-jumpbar-stage92 a .ui-icon { width:15px;height:15px; }
    .product-technical-stage92 { padding-top:52px; }.product-section-heading-stage92 { grid-template-columns:40px 1fr; }.product-section-heading-stage92 .electric-icon-box { width:40px;height:40px; }.spec-list-stage92 > div { grid-template-columns:1fr auto;gap:10px;padding:11px 13px; }.spec-list-stage92 dt { font-size:.68rem; }.spec-list-stage92 dd { font-size:.7rem; }.spec-list-stage92 dt small { display:none; }
    .product-sidebar-stage92 { grid-template-columns:1fr; }.product-engineering-note { grid-column:auto; }.product-compare-promo-shell { grid-template-columns:1fr;text-align:center; }.product-compare-visual { margin-inline:auto; }.product-compare-promo-shell > .button { grid-column:auto;justify-self:center; }.product-quote-panel-stage92 { grid-template-columns:1fr;text-align:center; }.product-quote-panel-stage92 h2,.product-quote-panel-stage92 p { margin-inline:auto; }.product-quote-actions-stage92 { justify-content:center;display:grid;grid-template-columns:1fr;width:100%; }.product-quote-actions-stage92 .button { width:100%; }
    .compare-hero-stage92 { padding-top:58px; }.compare-hero-stage92 h1 { font-size:clamp(2.6rem,11vw,3.8rem); }.compare-meter-stage92 { width:170px;height:170px; }.compare-meter-core strong { font-size:3rem; }.compare-toolbar-stage92 { align-items:flex-start;flex-direction:column; }.compare-toolbar-stage92 > div:last-child { width:100%;justify-content:space-between; }.compare-product-strip-stage92 { grid-template-columns: repeat(4, 190px); }.compare-table-guide-stage92 { align-items:flex-start;flex-direction:column;gap:4px; }.compare-table-wrap-stage92 { margin-inline:-16px;border-radius:0;border-left:0;border-right:0; }.compare-difference-legend-stage92 { justify-content:flex-start; }
    .product-viewer-stage92 { padding:15px; }.product-viewer-panel { padding:10px;border-radius:15px; }
}
@media (max-width: 480px) {
    .catalog-trust-row { display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:right; }.catalog-trust-row span:last-child { grid-column:1/-1;justify-content:center; }
    .catalog-signal-board { min-height:390px; }.catalog-signal-core { margin-top:16px; }.catalog-signal-metrics strong { font-size:1rem; }
    .product-card-body-stage92 { padding:17px; }.product-title-stage92 { gap:9px; }.product-title-stage92 h2 { font-size:1.04rem; }.product-spec-rail-stage92 { grid-template-columns:1fr; }.product-spec-rail-stage92 > div:nth-child(3) { grid-column:auto; }.product-spec-rail-stage92 > div { min-height:54px; }.product-card-actions-stage92 { grid-template-columns:1fr; }.compare-toggle-stage92 { width:100%; }
    .compare-dock-stage92 { align-items:stretch; }.compare-dock-main p { display:none; }.compare-dock-actions { flex:1; }.compare-dock-actions .button { width:100%; }
    .product-gallery-main-stage92 { min-height:340px; }.product-gallery-main-stage92 > img { height:340px;padding:15px; }.product-gallery-model { font-size:3.6rem; }.product-gallery-energy { width:230px;height:230px; }.product-placeholder-stage92 { min-height:285px; }.product-placeholder-stage92 > strong { font-size:2.5rem; }.product-placeholder-stage92 > i { width:190px;height:190px; }.product-placeholder-stage92 > em { width:250px;height:250px; }
    .product-identity-stage92 { flex-wrap:wrap; }.product-summary-stage92 h1 { font-size:2.5rem; }.product-kpi-rail-stage92 { grid-template-columns:1fr 1fr; }.product-kpi-rail-stage92 > div { min-height:64px; }.product-jumpbar-stage92 a { font-size:.6rem; }.product-jumpbar-stage92 a .ui-icon { display:none; }
    .spec-card-head-stage92 { min-height:65px;padding:12px 13px; }.spec-list-stage92 > div { grid-template-columns:minmax(0,1fr) minmax(88px,.7fr); }.product-body-stage92 { padding:21px; }
    .compare-product-strip-stage92 { grid-template-columns:repeat(4, 175px); }.compare-product-card-stage92,.compare-add-card-stage92 { min-height:245px; }.compare-product-image-stage92 { height:120px; }
}
@media (prefers-reduced-motion: reduce) {
    .catalog-electric-grid::after,.product-hero-grid-stage92::after,.compare-hero-grid-stage92::after,.catalog-live-dot,.catalog-signal-board::after,.catalog-orbit,.catalog-node,.product-art-stage92 > em,.compare-dock-stage92 .compare-dock-icon i,.product-gallery-circuit i::after,.product-gallery-energy b,.product-placeholder-stage92 > i,.product-placeholder-stage92 > em,.product-compare-visual i,.product-quote-energy i,.compare-meter-stage92 > i { animation:none!important; }
    .product-card-stage92,.product-media-stage92 > img,.product-media-stage92::after { transition:none!important; }
}
[data-product-section] { scroll-margin-top: 148px; }

/* Stage 9.3 — Solutions / Industries / Projects engineering storytelling pass */
:root {
    --stage93-navy: #071522;
    --stage93-navy-2: #0a2234;
    --stage93-blue: #0a76df;
    --stage93-cyan: #38c6e8;
    --stage93-yellow: #ffbf2e;
    --stage93-line: #dfe8ed;
    --stage93-soft: #f4f8fa;
    --stage93-muted: #667f8f;
}
.stage93-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .26;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.75) 60%, transparent 100%);
}
.stage93-index-hero,
.stage93-detail-hero,
.stage93-project-index-hero,
.stage93-case-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 30%, rgba(10,118,223,.16), transparent 34%),
        radial-gradient(circle at 88% 42%, rgba(56,198,232,.10), transparent 28%),
        linear-gradient(135deg, #071522 0%, #0a1d2c 58%, #07131f 100%);
}
.stage93-index-hero { padding: clamp(82px,9vw,124px) 0 clamp(72px,8vw,106px); }
.stage93-detail-hero { padding: clamp(76px,8vw,112px) 0 clamp(72px,8vw,105px); }
.stage93-project-index-hero { padding: clamp(82px,9vw,124px) 0 clamp(72px,8vw,108px); }
.stage93-case-hero { padding: clamp(72px,8vw,108px) 0 clamp(60px,7vw,88px); }
.stage93-index-hero-shell,
.stage93-detail-hero-shell,
.stage93-project-index-shell,
.stage93-case-hero-shell {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr);
    gap: clamp(48px,7vw,92px);
    align-items: center;
}
.stage93-index-copy h1,
.stage93-detail-copy h1,
.stage93-case-copy h1 {
    margin: 0;
    max-width: 820px;
    font-size: clamp(2.85rem,5.45vw,5.25rem);
    line-height: 1.17;
    letter-spacing: -.045em;
    color: #fff;
}
.stage93-index-copy .lead,
.stage93-detail-copy .lead,
.stage93-case-copy .hero-text {
    max-width: 760px;
    margin-top: 18px;
    color: #a9bdc9;
    font-size: clamp(.98rem,1.35vw,1.1rem);
    line-height: 2;
    font-weight: 300;
}
.stage93-index-copy .lead p,
.stage93-detail-copy .lead p,
.stage93-case-copy .hero-text p { margin: 0; }
.stage93-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.stage93-hero-microfacts,
.stage93-proof-row {
    margin-top: 27px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.stage93-hero-microfacts span,
.stage93-proof-row span {
    min-height: 38px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    color: #a9becb;
    background: rgba(255,255,255,.035);
    font-size: .67rem;
    backdrop-filter: blur(8px);
}
.stage93-hero-microfacts .ui-icon,
.stage93-proof-row .ui-icon { width: 17px; height: 17px; color: var(--stage93-cyan); }
.stage93-section-head {
    margin-bottom: 34px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 34px;
}
.stage93-section-head.compact { align-items: center; }
.stage93-section-head h2 {
    margin: 3px 0 8px;
    max-width: 820px;
    font-size: clamp(2rem,3.45vw,3.35rem);
    line-height: 1.28;
    letter-spacing: -.035em;
}
.stage93-section-head p { max-width: 760px; margin: 0; color: var(--text-secondary); line-height: 1.95; }
.stage93-count-badge {
    min-width: 120px;
    padding: 14px 16px;
    border: 1px solid var(--stage93-line);
    border-radius: 15px;
    background: #fff;
    text-align: center;
    box-shadow: 0 12px 35px rgba(7,27,42,.035);
}
.stage93-count-badge strong { display: block; color: var(--stage93-blue); font-size: 1.55rem; line-height: 1; }
.stage93-count-badge span { display: block; margin-top: 5px; color: var(--stage93-muted); font-size: .6rem; }

/* Solutions index */
.stage93-solution-network {
    width: min(500px,100%);
    aspect-ratio: 1;
    justify-self: center;
    position: relative;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.10);
    background: radial-gradient(circle at 50% 50%, rgba(56,198,232,.09), transparent 58%);
}
.stage93-network-label {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    color: #6f8b9c;
    font-size: .58rem;
    letter-spacing: .16em;
    white-space: nowrap;
}
.stage93-network-ring { position: absolute; inset: 18%; border: 1px solid rgba(56,198,232,.14); border-radius: 50%; animation: stage93Spin 20s linear infinite; }
.stage93-network-ring.ring-b { inset: 32%; border-style: dashed; border-color: rgba(255,191,46,.19); animation-direction: reverse; animation-duration: 15s; }
.stage93-network-core {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    width: 132px;
    height: 154px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(145deg,#123952,#091d2c);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 28px 75px rgba(0,0,0,.25),0 0 45px rgba(56,198,232,.06);
}
.stage93-network-core .ui-icon { width: 39px; height: 39px; color: var(--stage93-yellow); }
.stage93-network-core strong { margin-top: 13px; font-size: .77rem; letter-spacing: .12em; }
.stage93-network-core small { color: #7592a4; font-size: .52rem; letter-spacing: .09em; }
.stage93-network-node {
    position: absolute;
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(8,31,47,.94);
    color: var(--stage93-cyan);
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
    animation: stage93Float 5.8s ease-in-out infinite;
}
.stage93-network-node .ui-icon { width: 23px; height: 23px; }
.stage93-network-node b { color: #7390a2; font-size: .48rem; letter-spacing: .08em; }
.stage93-network-node.node-gauge { top: 17%; right: 8%; }
.stage93-network-node.node-reactive { bottom: 16%; right: 12%; animation-delay: -1.4s; }
.stage93-network-node.node-harmonic { bottom: 15%; left: 10%; animation-delay: -2.7s; }
.stage93-network-node.node-grid { top: 19%; left: 7%; animation-delay: -4s; }
.stage93-network-wave { position: absolute; left: 11%; right: 11%; bottom: 4%; width: 78%; height: 78px; fill: none; stroke: rgba(56,198,232,.48); stroke-width: 2; stroke-dasharray: 7 8; animation: stage93WaveDash 8s linear infinite; }
.stage93-index-intro { padding-top: clamp(80px,8vw,120px); }
.stage93-solution-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.stage93-solution-card {
    position: relative;
    min-height: 310px;
    padding: 28px;
    display: grid;
    grid-template-columns: 68px minmax(0,1fr) 34px;
    gap: 20px;
    align-items: start;
    overflow: hidden;
    border: 1px solid var(--stage93-line);
    border-radius: 22px;
    background: #fff;
    color: var(--text-primary);
    transition: transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.stage93-solution-card:hover { transform: translateY(-4px); border-color: rgba(10,118,223,.24); box-shadow: 0 24px 60px rgba(7,27,42,.08); }
.stage93-solution-card.is-featured { color: #fff; border-color: #0b2335; background: linear-gradient(145deg,#0b2233,#071824); }
.stage93-card-signal { position: relative; min-height: 155px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.stage93-card-signal span { color: rgba(9,38,58,.28); font-size: 1.65rem; font-weight: 700; }
.stage93-solution-card.is-featured .stage93-card-signal span { color: rgba(255,255,255,.18); }
.stage93-card-signal .ui-icon { width: 31px; height: 31px; color: var(--stage93-blue); }
.stage93-solution-card.is-featured .stage93-card-signal .ui-icon { color: var(--stage93-cyan); }
.stage93-card-signal i { width: 1px; flex: 1; background: linear-gradient(var(--stage93-blue),transparent); }
.stage93-card-copy > small { color: var(--stage93-blue); font-size: .58rem; letter-spacing: .08em; }
.stage93-solution-card.is-featured .stage93-card-copy > small { color: var(--stage93-cyan); }
.stage93-card-copy h3 { margin: 6px 0 10px; font-size: 1.45rem; line-height: 1.5; }
.stage93-card-copy .card-summary { color: var(--text-secondary); font-size: .79rem; line-height: 1.9; }
.stage93-card-copy .card-summary p { margin: 0; }
.stage93-solution-card.is-featured .card-summary { color: #98afbd; }
.stage93-outcome-line { margin: 20px 0 0; padding-top: 14px; border-top: 1px solid var(--stage93-line); display: grid; gap: 4px; }
.stage93-outcome-line b { color: #758b99; font-size: .56rem; }
.stage93-outcome-line span { font-size: .73rem; line-height: 1.75; }
.stage93-solution-card.is-featured .stage93-outcome-line { border-color: rgba(255,255,255,.11); }
.stage93-solution-card.is-featured .stage93-outcome-line span { color: #d6e2e8; }
.stage93-card-arrow { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--stage93-line); border-radius: 10px; color: var(--stage93-blue); }
.stage93-card-arrow .ui-icon { width: 16px; height: 16px; }
.stage93-solution-card.is-featured .stage93-card-arrow { color: var(--stage93-cyan); border-color: rgba(255,255,255,.12); }
.stage93-process-band { border-block: 1px solid #e9eff2; }
.stage93-process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.stage93-process-grid article {
    min-height: 190px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--stage93-line);
    border-radius: 18px;
    background: #fff;
}
.stage93-process-grid article > span { position: absolute; top: 12px; left: 15px; color: rgba(7,31,48,.10); font-size: 2.2rem; font-weight: 700; }
.stage93-process-grid .ui-icon { width: 30px; height: 30px; color: var(--stage93-blue); }
.stage93-process-grid strong { margin-top: auto; font-size: .95rem; }
.stage93-process-grid small { margin-top: 5px; color: var(--stage93-muted); font-size: .66rem; line-height: 1.7; }

/* Solution detail */
.stage93-solution-visual,
.stage93-industry-visual,
.stage93-case-visual { min-width: 0; position: relative; }
.stage93-hero-photo { width: 100%; height: min(560px,58vw); max-height: 560px; object-fit: cover; border-radius: 25px; box-shadow: 0 38px 90px rgba(0,0,0,.28); }
.stage93-photo-overlay { position: absolute; inset: auto 18px 18px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(5,19,30,.76); backdrop-filter: blur(14px); color: #fff; }
.stage93-photo-overlay span { display: block; color: var(--stage93-cyan); font-size: .55rem; letter-spacing: .12em; }
.stage93-photo-overlay strong { display: block; margin-top: 3px; font-size: .82rem; }
.stage93-schematic {
    position: relative;
    min-height: 510px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 26px;
    background: linear-gradient(145deg,rgba(20,57,81,.56),rgba(5,20,31,.84));
    overflow: hidden;
}
.stage93-schematic::before,
.stage93-industry-system::before,
.stage93-field-console::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .25;
    background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size: 36px 36px;
}
.schematic-label { position: absolute; top: 20px; left: 22px; color: #6d8999; font-size: .54rem; letter-spacing: .14em; }
.schematic-source,.schematic-meter,.schematic-core {
    position: absolute;
    z-index: 3;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(255,255,255,.13);
    background: #0b2a3e;
    color: var(--stage93-cyan);
}
.schematic-source { width: 72px; height: 72px; top: 48%; right: 7%; border-radius: 19px; }
.schematic-meter { width: 82px; height: 82px; top: 46%; right: 34%; border-radius: 50%; }
.schematic-core { width: 132px; height: 170px; top: 37%; left: 10%; border-radius: 22px; color: var(--stage93-yellow); box-shadow: 0 30px 65px rgba(0,0,0,.24); }
.schematic-source .ui-icon,.schematic-meter .ui-icon { width: 29px; height: 29px; }
.schematic-core .ui-icon { width: 43px; height: 43px; }
.schematic-source small,.schematic-meter small,.schematic-core small { color: #7290a1; font-size: .48rem; letter-spacing: .08em; }
.schematic-core strong { font-size: 1.35rem; }
.schematic-line { position: absolute; z-index: 2; height: 2px; top: 55%; background: rgba(56,198,232,.24); overflow: hidden; }
.schematic-line i { position: absolute; width: 48px; height: 100%; background: linear-gradient(90deg,transparent,var(--stage93-cyan),transparent); animation: stage93Current 2.8s linear infinite; }
.schematic-line.line-a { right: 21%; width: 18%; }.schematic-line.line-b { right: 50%; width: 23%; }
.schematic-orbit { position: absolute; z-index: 1; left: 6%; top: 31%; width: 180px; height: 180px; border: 1px solid rgba(56,198,232,.15); border-radius: 50%; animation: stage93Spin 18s linear infinite; }
.schematic-orbit.orbit-two { left: 1%; top: 26%; width: 230px; height: 230px; border-style: dashed; border-color: rgba(255,191,46,.15); animation-direction: reverse; }
.schematic-node { position: absolute; z-index: 4; min-width: 66px; height: 38px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: rgba(8,29,44,.9); color: #8aa4b3; font-size: .55rem; }
.schematic-node .ui-icon { width: 17px; height: 17px; color: var(--stage93-cyan); }
.schematic-node.node-h { top: 17%; right: 17%; }.schematic-node.node-pf { bottom: 17%; right: 25%; }
.stage93-decision-strip { border-bottom: 1px solid #e8eef1; background: #fff; }
.stage93-decision-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.stage93-decision-grid article { min-height: 106px; padding: 20px; display: grid; grid-template-columns: 32px 28px 1fr; align-items: center; gap: 10px; border-left: 1px solid #e8eef1; }
.stage93-decision-grid article:first-child { border-right: 1px solid #e8eef1; }
.stage93-decision-grid article > span { color: rgba(8,33,50,.22); font-size: .72rem; font-weight: 700; }
.stage93-decision-grid .ui-icon { width: 24px; height: 24px; color: var(--stage93-blue); }
.stage93-decision-grid strong { display: block; font-size: .8rem; }
.stage93-decision-grid small { display: block; margin-top: 2px; color: var(--stage93-muted); font-size: .58rem; }
.stage93-problem-outcome-grid { display: grid; grid-template-columns: 1fr 90px 1fr; align-items: stretch; gap: 12px; }
.stage93-problem-panel,.stage93-outcome-panel { position: relative; min-height: 360px; padding: 38px; overflow: hidden; border: 1px solid var(--stage93-line); border-radius: 24px; background: #fff; }
.stage93-outcome-panel { color: #fff; border-color: #0a2436; background: linear-gradient(145deg,#0b2538,#071824); }
.stage93-problem-panel h2,.stage93-outcome-panel h2 { margin: 7px 0 12px; max-width: 520px; font-size: clamp(1.7rem,2.6vw,2.45rem); line-height: 1.45; }
.stage93-problem-panel p,.stage93-outcome-panel p { max-width: 560px; line-height: 1.95; color: var(--text-secondary); }
.stage93-outcome-panel p { color: #9cb3c1; }
.stage93-panel-icon { width: 54px; height: 54px; margin-bottom: 28px; display: grid; place-items: center; border-radius: 17px; background: #eaf4fb; color: var(--stage93-blue); }
.stage93-outcome-panel .stage93-panel-icon { background: rgba(56,198,232,.09); color: var(--stage93-cyan); }
.stage93-panel-icon .ui-icon { width: 28px; height: 28px; }
.stage93-energy-bridge { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.stage93-energy-bridge > span { width: 1px; flex: 1; max-height: 90px; background: var(--stage93-line); }
.stage93-energy-bridge .ui-icon { width: 42px; height: 42px; padding: 10px; border: 1px solid var(--stage93-line); border-radius: 50%; color: var(--stage93-yellow); background: #fff; }
.stage93-signal-line { position: absolute; left: 38px; bottom: 32px; display: flex; gap: 7px; align-items: end; height: 56px; }
.stage93-signal-line i { width: 5px; border-radius: 99px; background: linear-gradient(var(--stage93-cyan),var(--stage93-blue)); animation: stage93Bars 2.4s ease-in-out infinite; }
.stage93-signal-line i:nth-child(1){height:28%}.stage93-signal-line i:nth-child(2){height:72%;animation-delay:-.3s}.stage93-signal-line i:nth-child(3){height:100%;animation-delay:-.6s}.stage93-signal-line i:nth-child(4){height:58%;animation-delay:-.9s}.stage93-signal-line i:nth-child(5){height:36%;animation-delay:-1.2s}
.stage93-outcome-pulse { position: absolute; width: 210px; height: 210px; left: -80px; bottom: -100px; border: 1px solid rgba(56,198,232,.15); border-radius: 50%; box-shadow: 0 0 0 34px rgba(56,198,232,.025),0 0 0 68px rgba(56,198,232,.018); animation: stage93Pulse 4s ease-in-out infinite; }

/* Shared case/equipment cards */
.stage93-case-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.stage93-case-card { overflow: hidden; border: 1px solid var(--stage93-line); border-radius: 20px; background: #fff; color: var(--text-primary); transition: transform .24s ease,box-shadow .24s ease; }
.stage93-case-card:hover { transform: translateY(-4px); box-shadow: 0 22px 55px rgba(7,27,42,.08); }
.stage93-case-media { height: 230px; position: relative; overflow: hidden; background: #0b2435; }
.stage93-case-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.stage93-case-card:hover .stage93-case-media img { transform: scale(1.025); }
.stage93-case-placeholder { height: 100%; display: grid; place-items: center; align-content: center; gap: 8px; background: radial-gradient(circle at 50% 40%,#17415c,#091c2a 67%); color: var(--stage93-cyan); }
.stage93-case-placeholder .ui-icon { width: 38px; height: 38px; }
.stage93-case-placeholder span { color: #718e9f; font-size: .56rem; letter-spacing: .12em; }
.stage93-case-copy { padding: 22px; }
.stage93-case-copy > small { color: var(--stage93-blue); font-size: .58rem; }
.stage93-case-copy h3 { margin: 6px 0 14px; font-size: 1.12rem; line-height: 1.55; }
.stage93-mini-metrics { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.stage93-mini-metrics span { padding: 10px; border-radius: 11px; background: #f5f8fa; }
.stage93-mini-metrics b,.stage93-mini-metrics strong { display: block; }
.stage93-mini-metrics b { color: #758b99; font-size: .54rem; }
.stage93-mini-metrics strong { margin-top: 2px; color: #163247; font-size: .7rem; direction: ltr; text-align: right; }
.stage93-equipment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.stage93-equipment-card { min-height: 300px; padding: 26px; display: flex; flex-direction: column; position: relative; overflow: hidden; border: 1px solid var(--stage93-line); border-radius: 19px; background: #fff; }
.stage93-equipment-symbol { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.stage93-equipment-symbol .ui-icon { width: 31px; height: 31px; color: var(--stage93-blue); }
.stage93-equipment-symbol code { color: rgba(7,34,51,.16); font: 700 1.7rem/1 inherit; direction: ltr; }
.stage93-equipment-card > small { margin-top: 23px; color: var(--stage93-blue); font-size: .58rem; }
.stage93-equipment-card h3 { margin: 4px 0 8px; font-size: 1.25rem; }
.stage93-equipment-card p { color: var(--stage93-muted); font-size: .76rem; line-height: 1.85; }
.stage93-equipment-card > div:last-child { margin-top: auto; padding-top: 15px; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--stage93-line); }
.stage93-equipment-card > div:last-child a { color: var(--stage93-blue); font-size: .68rem; font-weight: 500; }
.stage93-final-cta { padding-top: 20px; }
.stage93-electric-cta { min-height: 260px; padding: 42px; display: grid; grid-template-columns: 84px minmax(0,1fr) auto; gap: 28px; align-items: center; position: relative; overflow: hidden; border-radius: 24px; color: #fff; background: linear-gradient(135deg,#0b2639,#071722); }
.stage93-electric-cta::after { content:""; position:absolute; width:420px; height:420px; left:-180px; top:-220px; border-radius:50%; background:radial-gradient(circle,rgba(56,198,232,.18),transparent 67%); }
.stage93-electric-cta > * { position: relative; z-index: 2; }
.stage93-electric-cta h2 { margin: 3px 0 7px; font-size: clamp(1.8rem,3vw,2.85rem); line-height: 1.4; }
.stage93-electric-cta p { margin: 0; color: #98afbd; }
.stage93-cta-icon { width: 76px; height: 76px; position: relative; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; color: var(--stage93-yellow); background: rgba(255,255,255,.035); }
.stage93-cta-icon .ui-icon { width: 36px; height: 36px; }
.stage93-cta-icon i { position:absolute; inset:-8px; border:1px solid rgba(56,198,232,.17); border-radius:27px; animation:stage93Pulse 3.5s ease-in-out infinite; }
.stage93-cta-actions { display: flex; flex-wrap: wrap; gap: 8px; }

/* Industries */
.stage93-load-topology { position: relative; min-height: 480px; border: 1px solid rgba(255,255,255,.10); border-radius: 26px; background: linear-gradient(145deg,rgba(20,59,84,.55),rgba(5,20,31,.86)); overflow: hidden; }
.stage93-load-topology::before { content:""; position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:36px 36px; }
.topology-label { position:absolute; top:20px; left:22px; color:#6f8999; font-size:.54rem; letter-spacing:.14em; }
.topology-node { position:absolute; z-index:3; width:76px; height:76px; display:grid; place-items:center; align-content:center; gap:4px; border:1px solid rgba(255,255,255,.12); border-radius:20px; color:var(--stage93-cyan); background:#0b2a3e; }
.topology-node .ui-icon { width:30px; height:30px; }.topology-node small{color:#7692a2;font-size:.48rem;letter-spacing:.07em}.topology-node.source{right:8%;top:44%}.topology-node.transformer{right:40%;top:44%}.topology-node.load{left:8%;top:44%}.topology-node.capacitor{left:42%;bottom:10%;color:var(--stage93-yellow)}
.topology-wire{position:absolute;z-index:2;top:52%;height:2px;background:rgba(56,198,232,.25);overflow:hidden}.topology-wire i{position:absolute;width:45px;height:100%;background:linear-gradient(90deg,transparent,var(--stage93-cyan),transparent);animation:stage93Current 2.6s linear infinite}.topology-wire.wire-1{right:23%;width:18%}.topology-wire.wire-2{left:23%;width:27%}.topology-wave{position:absolute;left:12%;bottom:22%;width:76%;height:65px;fill:none;stroke:rgba(255,191,46,.38);stroke-width:2;stroke-dasharray:5 7;animation:stage93WaveDash 8s linear infinite}
.stage93-industry-list-section { padding-top: clamp(80px,8vw,118px); }
.stage93-industry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.stage93-industry-card { min-height:330px; padding:26px; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid var(--stage93-line); border-radius:20px; background:#fff; color:var(--text-primary); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.stage93-industry-card:hover { transform:translateY(-4px); border-color:rgba(10,118,223,.22); box-shadow:0 23px 58px rgba(7,27,42,.07); }
.stage93-industry-icon { width:58px; height:58px; position:relative; display:grid; place-items:center; border-radius:18px; background:#eaf4fb; color:var(--stage93-blue); }
.stage93-industry-icon .ui-icon{width:29px;height:29px}.stage93-industry-icon i{position:absolute;inset:-5px;border:1px solid rgba(10,118,223,.12);border-radius:22px;animation:stage93Pulse 4s ease-in-out infinite}
.stage93-industry-card > small { margin-top:27px;color:var(--stage93-blue);font-size:.57rem;letter-spacing:.08em }.stage93-industry-card h3{margin:5px 0 10px;font-size:1.35rem}.stage93-industry-card .card-summary{color:var(--stage93-muted);font-size:.76rem;line-height:1.85}.stage93-industry-card .card-summary p{margin:0}.stage93-load-preview{margin:18px 0 0;padding:12px 0;border-top:1px solid var(--stage93-line);display:flex;gap:8px;color:#536c7c;font-size:.67rem;line-height:1.7}.stage93-load-preview .ui-icon{width:18px;height:18px;flex:none;color:var(--stage93-blue)}.stage93-industry-card > b{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:7px;color:var(--stage93-blue);font-size:.68rem}.stage93-industry-card > b .ui-icon{width:15px;height:15px}
.industry-principles-grid article { background:#fff; }
.stage93-typical-loads { max-width:650px; margin-top:25px; padding:15px 16px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(255,255,255,.035); }
.stage93-typical-loads span { display:flex;align-items:center;gap:7px;color:#708d9e;font-size:.57rem }.stage93-typical-loads .ui-icon{width:17px;height:17px;color:var(--stage93-cyan)}.stage93-typical-loads strong{display:block;margin-top:6px;color:#dae7ed;font-size:.78rem;line-height:1.8}
.stage93-industry-system { position:relative; min-height:500px; border:1px solid rgba(255,255,255,.10); border-radius:25px; background:linear-gradient(145deg,rgba(18,54,78,.6),rgba(5,19,30,.88)); overflow:hidden; }
.industry-system-label{position:absolute;top:20px;left:22px;color:#6e8999;font-size:.53rem;letter-spacing:.13em}.industry-system-source,.industry-system-transformer,.industry-system-load,.industry-system-cap{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:#0b2a3e;color:var(--stage93-cyan)}.industry-system-source{width:68px;height:68px;right:8%;top:43%;border-radius:18px}.industry-system-transformer{width:76px;height:76px;right:39%;top:42%;border-radius:20px}.industry-system-load{width:126px;height:126px;left:6%;top:36%;border-radius:28px;align-content:center;gap:7px}.industry-system-cap{width:70px;height:92px;left:34%;bottom:9%;border-radius:18px;color:var(--stage93-yellow)}.industry-system-source .ui-icon,.industry-system-transformer .ui-icon{width:29px;height:29px}.industry-system-load .ui-icon{width:38px;height:38px}.industry-system-load strong{max-width:100px;text-align:center;color:#d8e5ec;font-size:.67rem;line-height:1.5}.industry-system-cap .ui-icon{width:31px;height:31px}.industry-system-cap small{font-size:.55rem}.industry-system-path{position:absolute;z-index:2;top:51%;height:2px;background:rgba(56,198,232,.24);overflow:hidden}.industry-system-path i{position:absolute;width:44px;height:100%;background:linear-gradient(90deg,transparent,var(--stage93-cyan),transparent);animation:stage93Current 2.7s linear infinite}.industry-system-path.path-a{right:21%;width:19%}.industry-system-path.path-b{left:27%;width:34%}.industry-system-signal{position:absolute;z-index:4;min-width:62px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(8,29,44,.91);color:#7f9aaa;font-size:.53rem}.industry-system-signal .ui-icon{width:16px;height:16px;color:var(--stage93-cyan)}.industry-system-signal.signal-pf{top:18%;right:20%}.industry-system-signal.signal-thd{bottom:16%;right:19%}
.stage93-industry-dimension-strip{border-bottom:1px solid #e9eff2;background:#fff}.stage93-dimension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.stage93-dimension-grid article{min-height:115px;padding:20px;display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:center;border-left:1px solid #e9eff2}.stage93-dimension-grid article:first-child{border-right:1px solid #e9eff2}.stage93-dimension-grid .ui-icon{width:28px;height:28px;color:var(--stage93-blue)}.stage93-dimension-grid small{display:block;color:#8aa0ad;font-size:.52rem;letter-spacing:.06em}.stage93-dimension-grid strong{display:block;margin-top:3px;font-size:.81rem}.stage93-dimension-grid span{display:block;margin-top:2px;color:var(--stage93-muted);font-size:.59rem}
.stage93-industry-context-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:clamp(50px,7vw,95px);align-items:center}.stage93-industry-context-shell h2{margin:4px 0 12px;font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.35}.stage93-industry-context-shell p{max-width:650px;color:var(--stage93-muted);line-height:1.95}.stage93-context-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.stage93-context-tags span{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--stage93-line);border-radius:10px;background:#fff;color:#496575;font-size:.66rem}.stage93-context-tags .ui-icon{width:17px;height:17px;color:var(--stage93-blue)}
.stage93-industry-diagnostic{position:relative;min-height:410px;border:1px solid var(--stage93-line);border-radius:24px;background:linear-gradient(145deg,#f6fafc,#fff);overflow:hidden}.stage93-industry-diagnostic::before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#eaf0f3 1px,transparent 1px),linear-gradient(90deg,#eaf0f3 1px,transparent 1px);background-size:38px 38px}.diagnostic-ring{position:absolute;inset:50% auto auto 50%;width:260px;height:260px;transform:translate(-50%,-50%);border:1px solid rgba(10,118,223,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(10,118,223,.025),0 0 0 75px rgba(10,118,223,.018);animation:stage93Spin 22s linear infinite}.diagnostic-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:124px;height:124px;display:grid;place-items:center;align-content:center;border-radius:34px;background:#0a2639;color:var(--stage93-cyan);box-shadow:0 24px 55px rgba(7,27,42,.14)}.diagnostic-core .ui-icon{width:35px;height:35px}.diagnostic-core strong{margin-top:7px;color:#fff;font-size:.72rem;letter-spacing:.08em}.diagnostic-core small{color:#668697;font-size:.47rem;letter-spacing:.07em}.diagnostic-node{position:absolute;width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--stage93-line);border-radius:16px;background:#fff;color:var(--stage93-blue);box-shadow:0 12px 30px rgba(7,27,42,.06);animation:stage93Float 6s ease-in-out infinite}.diagnostic-node .ui-icon{width:25px;height:25px}.diagnostic-node.n1{top:16%;right:16%}.diagnostic-node.n2{bottom:16%;right:19%;animation-delay:-2s}.diagnostic-node.n3{top:23%;left:15%;animation-delay:-4s}

/* Project index */
.stage93-field-console { position:relative; min-height:480px; padding:30px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:26px; background:linear-gradient(145deg,rgba(20,57,81,.58),rgba(5,20,31,.88)); }
.field-console-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#7190a1;font-size:.56rem;letter-spacing:.12em}.field-console-head i{width:7px;height:7px;border-radius:50%;background:var(--stage93-cyan);box-shadow:0 0 15px rgba(56,198,232,.7);animation:stage93Pulse 2.5s ease-in-out infinite}.field-console-core{position:absolute;z-index:2;inset:44% auto auto 50%;transform:translate(-50%,-50%);width:170px;height:170px;display:grid;place-items:center;align-content:center;border:1px solid rgba(56,198,232,.17);border-radius:50%;box-shadow:0 0 0 32px rgba(56,198,232,.025),0 0 0 64px rgba(56,198,232,.018);color:var(--stage93-cyan)}.field-console-core .ui-icon{width:34px;height:34px}.field-console-core strong{margin-top:7px;color:#fff;font-size:2.25rem;line-height:1}.field-console-core small{margin-top:4px;color:#6e8c9d;font-size:.51rem;letter-spacing:.09em}.field-console-stats{position:absolute;z-index:3;left:24px;right:24px;bottom:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.10)}.field-console-stats span{padding:13px;background:rgba(7,25,39,.88)}.field-console-stats b,.field-console-stats small{display:block}.field-console-stats b{color:#fff;font-size:.9rem}.field-console-stats small{margin-top:2px;color:#7895a5;font-size:.51rem}.field-console-wave{position:absolute;z-index:1;left:7%;top:13%;width:86%;height:84px;fill:none;stroke:rgba(255,191,46,.33);stroke-width:2;stroke-dasharray:6 8;animation:stage93WaveDash 9s linear infinite}.stage93-project-note{max-width:680px;margin:18px 0 0;color:#7793a3;font-size:.67rem;line-height:1.8}
.stage93-project-filter{margin:0 0 26px;padding:12px 14px;display:grid;gap:10px;border:1px solid var(--stage93-line);border-radius:16px;background:#fff}.stage93-filter-group{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.stage93-filter-group small{min-width:48px;color:#8195a1;font-size:.58rem}.stage93-filter-group button{min-height:34px;padding:0 10px;border:1px solid var(--stage93-line);border-radius:9px;background:#fff;color:#536b7a;font:inherit;font-size:.62rem;white-space:nowrap;cursor:pointer}.stage93-filter-group button:hover,.stage93-filter-group button.is-active{border-color:rgba(10,118,223,.24);background:#eaf4fb;color:var(--stage93-blue)}
.stage93-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stage93-project-card{overflow:hidden;border:1px solid var(--stage93-line);border-radius:22px;background:#fff;transition:transform .24s ease,box-shadow .24s ease}.stage93-project-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(7,27,42,.08)}.stage93-project-card.is-featured{border-color:rgba(10,118,223,.20)}.stage93-project-card[hidden]{display:none!important}.stage93-project-media{position:relative;height:350px;display:block;overflow:hidden;background:#0b2435}.stage93-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.stage93-project-card:hover .stage93-project-media img{transform:scale(1.025)}.stage93-project-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:8px;position:relative;color:var(--stage93-cyan);background:radial-gradient(circle at 50% 42%,#17445f,#091c2a 68%)}.stage93-project-placeholder .ui-icon{width:42px;height:42px}.stage93-project-placeholder span{color:#7894a5;font-size:.57rem;letter-spacing:.10em}.stage93-project-placeholder i{position:absolute;width:180px;height:180px;border:1px solid rgba(56,198,232,.15);border-radius:50%;box-shadow:0 0 0 30px rgba(56,198,232,.02);animation:stage93Pulse 4s ease-in-out infinite}.stage93-project-badges{position:absolute;z-index:3;top:14px;right:14px;display:flex;flex-wrap:wrap;gap:6px}.stage93-project-badges span{padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,20,31,.68);backdrop-filter:blur(8px);color:#d4e1e7;font-size:.55rem}.stage93-project-badges span.featured{color:#fff0b3;border-color:rgba(255,191,46,.28)}.stage93-project-arrow{position:absolute;z-index:3;left:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,20,31,.70);color:#fff}.stage93-project-arrow .ui-icon{width:18px;height:18px}.stage93-project-body{padding:24px}.stage93-project-meta{display:flex;flex-wrap:wrap;gap:7px}.stage93-project-meta span{padding:4px 7px;border-radius:999px;background:#f1f5f7;color:#697f8c;font-size:.55rem}.stage93-project-body h2{margin:9px 0 17px;font-size:1.35rem;line-height:1.55}.stage93-project-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stage93-project-metrics > div{padding:11px;border:1px solid #e8eef1;border-radius:11px;background:#f9fbfc}.stage93-project-metrics small{display:block;color:#7a8f9b;font-size:.53rem}.stage93-project-metrics span{margin-top:5px;display:flex;align-items:center;gap:6px;direction:ltr}.stage93-project-metrics b{color:#8597a2;font-size:.65rem;font-weight:400}.stage93-project-metrics i{color:var(--stage93-blue);font-style:normal}.stage93-project-metrics strong{color:#153247;font-size:.75rem}.stage93-project-metrics em{font-style:normal;font-size:.57rem}.stage93-no-metric{grid-column:1/-1;margin:0;color:#8396a2;font-size:.65rem}.stage93-case-link{margin-top:18px;padding-top:14px;border-top:1px solid var(--stage93-line);display:flex;align-items:center;justify-content:space-between;color:var(--stage93-blue);font-size:.68rem;font-weight:500}.stage93-case-link .ui-icon{width:16px;height:16px}.stage93-filter-empty{margin-top:18px;padding:35px;border:1px dashed #dbe5ea;border-radius:16px;text-align:center;color:#78909e;font-size:.72rem}
.stage93-map-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px}.stage93-project-map{min-height:480px;position:relative;overflow:hidden;border:1px solid var(--stage93-line);border-radius:23px;background:linear-gradient(145deg,#eff6f9,#fff)}.stage93-project-map .map-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#e4ecef 1px,transparent 1px),linear-gradient(90deg,#e4ecef 1px,transparent 1px);background-size:38px 38px}.stage93-project-map .iran-map-shape{position:absolute;inset:7%;width:86%;height:86%;fill:rgba(10,118,223,.045);stroke:rgba(10,118,223,.25);stroke-width:2}.stage93-map-marker{position:absolute;z-index:4;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;color:#15394f}.stage93-map-marker span{width:12px;height:12px;border-radius:50%;background:var(--stage93-blue);box-shadow:0 0 0 6px rgba(10,118,223,.09),0 0 20px rgba(10,118,223,.2);animation:stage93Pulse 3s ease-in-out infinite}.stage93-map-marker b{padding:4px 7px;border:1px solid #dbe6eb;border-radius:8px;background:rgba(255,255,255,.92);font-size:.54rem;font-weight:500;white-space:nowrap}.stage93-map-legend{padding:28px;border:1px solid var(--stage93-line);border-radius:23px;background:#fff}.stage93-map-legend h3{margin:6px 0 22px;font-size:1.35rem;line-height:1.55}.stage93-map-legend ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.stage93-map-legend li{min-height:54px;padding:10px;display:flex;align-items:center;gap:10px;border-radius:11px;background:#f5f8fa;color:#536d7d;font-size:.68rem}.stage93-map-legend .ui-icon{width:22px;height:22px;color:var(--stage93-blue)}

/* Project detail */
.stage93-case-meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.stage93-case-meta span{min-height:36px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#a7bbc7;background:rgba(255,255,255,.03);font-size:.61rem}.stage93-case-meta .ui-icon{width:16px;height:16px;color:var(--stage93-cyan)}.stage93-case-visual>img{width:100%;height:min(570px,58vw);max-height:570px;object-fit:cover;border-radius:25px;box-shadow:0 38px 90px rgba(0,0,0,.28)}.stage93-case-placeholder-hero{min-height:520px;display:grid;place-items:center;align-content:center;gap:7px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:radial-gradient(circle at 50% 42%,#17445f,#091c2a 68%);color:var(--stage93-cyan)}.stage93-case-placeholder-hero .ui-icon{width:53px;height:53px}.stage93-case-placeholder-hero strong{color:#fff;font-size:1.8rem}.stage93-case-placeholder-hero small{color:#7895a5;font-size:.56rem;letter-spacing:.12em}.stage93-case-placeholder-hero i{position:absolute;width:250px;height:250px;border:1px solid rgba(56,198,232,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(56,198,232,.02),0 0 0 90px rgba(56,198,232,.015);animation:stage93Spin 20s linear infinite}.stage93-case-metric-console{position:absolute;right:16px;left:16px;bottom:16px;padding:12px;display:grid;grid-template-columns:auto repeat(2,1fr);gap:8px;align-items:stretch;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,19,30,.78);backdrop-filter:blur(14px);color:#fff}.stage93-case-metric-console>span{display:flex;align-items:center;padding:0 8px;color:#6f8c9d;font-size:.51rem;letter-spacing:.08em}.stage93-case-metric-console>div{padding:8px 9px;border-left:1px solid rgba(255,255,255,.10)}.stage93-case-metric-console small{display:block;color:#7b98a8;font-size:.49rem}.stage93-case-metric-console p{margin:3px 0 0;display:flex;align-items:center;gap:5px;direction:ltr}.stage93-case-metric-console b{color:#8ca3b0;font-size:.6rem;font-weight:400}.stage93-case-metric-console i{color:var(--stage93-cyan);font-style:normal}.stage93-case-metric-console strong{font-size:.69rem}
.stage93-result-section{padding:clamp(58px,7vw,88px) 0;border-bottom:1px solid #e8eef1;background:#fff}.stage93-result-head{margin-bottom:26px}.stage93-result-head h2{margin:4px 0 6px;font-size:clamp(1.9rem,3vw,2.8rem)}.stage93-result-head p{max-width:720px;margin:0;color:var(--stage93-muted);font-size:.72rem;line-height:1.8}.stage93-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage93-result-grid article{min-height:180px;padding:21px;position:relative;overflow:hidden;border:1px solid var(--stage93-line);border-radius:17px;background:#f9fbfc}.stage93-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf4fb;color:var(--stage93-blue)}.stage93-result-icon .ui-icon{width:22px;height:22px}.stage93-result-grid article>small{display:block;margin-top:17px;color:#657e8d;font-size:.61rem}.stage93-result-values{margin-top:8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;direction:ltr}.stage93-result-values span{display:grid}.stage93-result-values b{color:#8799a4;font-size:.51rem;font-weight:400}.stage93-result-values strong{margin-top:2px;color:#153247;font-size:.86rem}.stage93-result-values em{font-style:normal;font-size:.58rem}.stage93-result-values>i{color:var(--stage93-blue);font-style:normal}
.stage93-case-story{padding-top:clamp(70px,8vw,110px)}.stage93-case-story-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 280px;gap:34px;align-items:start}.stage93-case-rail{position:sticky;top:105px;padding:17px;border:1px solid var(--stage93-line);border-radius:16px;background:#fff;display:grid;gap:3px}.stage93-case-rail>span{margin-bottom:9px;color:#78909e;font-size:.54rem;letter-spacing:.11em}.stage93-case-rail a{padding:8px 9px;display:flex;align-items:center;gap:8px;border-right:2px solid #e5edf1;color:#607987;font-size:.65rem}.stage93-case-rail a b{width:22px;color:#9aabb4;font-size:.52rem}.stage93-case-rail a:hover,.stage93-case-rail a.is-active{color:var(--stage93-blue);border-color:var(--stage93-blue);background:#f3f8fb}.stage93-case-body{min-width:0;position:relative}.stage93-case-body::before{content:"";position:absolute;right:26px;top:32px;bottom:32px;width:1px;background:linear-gradient(var(--stage93-blue),#dfe8ed 60%,transparent)}.stage93-story-block{display:grid;grid-template-columns:54px 1fr;gap:20px;position:relative;padding:0 0 70px}.stage93-story-marker{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--stage93-line);border-radius:17px;background:#fff;color:var(--stage93-blue);box-shadow:0 10px 25px rgba(7,27,42,.04)}.stage93-story-marker .ui-icon{width:24px;height:24px}.stage93-story-marker span{position:absolute;left:-7px;top:-7px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#0b273a;color:#fff;font-size:.48rem}.stage93-story-block h2{margin:5px 0 14px;font-size:clamp(1.75rem,2.7vw,2.45rem)}.stage93-story-block .rich-prose{color:#304b5b;line-height:2;font-size:.96rem}.stage93-story-block .rich-prose p:first-child{margin-top:0}.stage93-case-gallery-section{padding:8px 0 65px}.stage93-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage93-case-gallery figure{margin:0}.stage93-case-gallery button{width:100%;height:300px;padding:0;position:relative;overflow:hidden;border:0;border-radius:16px;background:#0b2536;cursor:zoom-in}.stage93-case-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.stage93-case-gallery button:hover img{transform:scale(1.025)}.stage93-case-gallery button>span{position:absolute;left:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(5,19,30,.72);color:#fff}.stage93-case-gallery button>span .ui-icon{width:17px;height:17px}.stage93-case-gallery figcaption{padding:7px 4px 0;color:#778d9a;font-size:.6rem}.stage93-customer-quote{margin:10px 0 0;padding:28px;position:relative;border:1px solid #dce9ef;border-radius:18px;background:#f5fafc}.stage93-customer-quote>.ui-icon{width:29px;height:29px;color:var(--stage93-blue)}.stage93-customer-quote p{margin:14px 0 0;font-size:1.05rem;line-height:1.9}.stage93-customer-quote footer{margin-top:14px;color:#667e8c;font-size:.68rem}.stage93-project-aside{position:sticky;top:105px;display:grid;gap:12px}.stage93-side-card{padding:20px;border:1px solid var(--stage93-line);border-radius:16px;background:#fff;overflow:hidden}.stage93-side-card h3{margin:4px 0 11px;font-size:1.05rem}.stage93-side-card p{color:var(--stage93-muted);font-size:.7rem;line-height:1.8}.stage93-project-product{min-height:55px;padding:9px;display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;border-radius:10px;background:#f5f8fa;color:#234257;margin-top:6px}.stage93-project-product .ui-icon{width:23px;height:23px;color:var(--stage93-blue)}.stage93-project-product span{font-size:.68rem}.stage93-project-product code{display:block;margin-top:2px;color:#899aa4;font:inherit;font-size:.54rem;direction:ltr}.stage93-side-card.dark{position:relative;color:#fff;border-color:#0a2639;background:linear-gradient(145deg,#0b2a3e,#071824)}.stage93-side-card.dark p{color:#93aab8}.stage93-side-bolt{position:absolute;left:-10px;top:-9px;width:72px;height:72px;color:rgba(255,191,46,.12)}.stage93-similar-projects{border-top:1px solid #e9eff2}

@keyframes stage93Spin { to { transform: rotate(360deg); } }
@keyframes stage93Float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
@keyframes stage93WaveDash { to { stroke-dashoffset:-120; } }
@keyframes stage93Current { from{transform:translateX(-55px)}to{transform:translateX(340px)} }
@keyframes stage93Bars { 0%,100%{transform:scaleY(.65);opacity:.65}50%{transform:scaleY(1);opacity:1} }
@keyframes stage93Pulse { 0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.035);opacity:1} }

@media (max-width: 1180px) {
    .stage93-index-hero-shell,.stage93-detail-hero-shell,.stage93-project-index-shell,.stage93-case-hero-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:42px}
    .stage93-case-story-shell{grid-template-columns:160px minmax(0,1fr);}.stage93-project-aside{grid-column:1/-1;position:static;grid-template-columns:repeat(3,1fr)}
    .stage93-case-card-grid,.stage93-equipment-grid{grid-template-columns:repeat(2,1fr)}
    .stage93-industry-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 980px) {
    .stage93-index-hero-shell,.stage93-detail-hero-shell,.stage93-project-index-shell,.stage93-case-hero-shell,.stage93-industry-context-shell,.stage93-map-layout{grid-template-columns:1fr}
    .stage93-solution-network,.stage93-load-topology,.stage93-schematic,.stage93-industry-system,.stage93-field-console{max-width:620px;width:100%;justify-self:center}
    .stage93-decision-grid,.stage93-dimension-grid,.stage93-process-grid{grid-template-columns:repeat(2,1fr)}
    .stage93-decision-grid article:nth-child(3),.stage93-dimension-grid article:nth-child(3){border-right:1px solid #e8eef1}
    .stage93-problem-outcome-grid{grid-template-columns:1fr}.stage93-energy-bridge{height:70px;flex-direction:row}.stage93-energy-bridge>span{height:1px;width:auto;flex:1;max-height:none}.stage93-project-grid{grid-template-columns:1fr}.stage93-project-media{height:400px}.stage93-project-map{min-height:430px}
    .stage93-case-story-shell{grid-template-columns:1fr}.stage93-case-rail{position:static;display:flex;overflow-x:auto;white-space:nowrap}.stage93-case-rail>span{display:none}.stage93-case-rail a{border-right:0;border-bottom:2px solid #e5edf1}.stage93-project-aside{grid-template-columns:repeat(3,1fr)}
    .stage93-result-grid{grid-template-columns:repeat(2,1fr)}
    .stage93-case-visual>img,.stage93-hero-photo{height:460px}
}
@media (max-width: 700px) {
    .stage93-index-hero,.stage93-detail-hero,.stage93-project-index-hero,.stage93-case-hero{padding-top:62px;padding-bottom:55px}
    .stage93-index-copy h1,.stage93-detail-copy h1,.stage93-case-copy h1{font-size:clamp(2.25rem,11vw,3.25rem)}
    .stage93-section-head{align-items:flex-start;flex-direction:column;gap:17px}.stage93-count-badge{align-self:flex-start;min-width:105px}
    .stage93-solution-card-grid,.stage93-industry-grid,.stage93-case-card-grid,.stage93-equipment-grid{grid-template-columns:1fr}
    .stage93-solution-card{grid-template-columns:52px 1fr;min-height:280px;padding:22px}.stage93-card-arrow{display:none}
    .stage93-process-grid,.stage93-decision-grid,.stage93-dimension-grid,.stage93-result-grid{grid-template-columns:1fr}.stage93-decision-grid article,.stage93-dimension-grid article{border-left:1px solid #e8eef1;border-right:1px solid #e8eef1;border-bottom:1px solid #e8eef1}.stage93-process-grid article{min-height:155px}
    .stage93-problem-panel,.stage93-outcome-panel{min-height:330px;padding:28px}.stage93-electric-cta{grid-template-columns:1fr;padding:30px}.stage93-cta-icon{width:62px;height:62px}.stage93-cta-actions{display:grid}.stage93-case-card-grid{gap:12px}.stage93-case-media{height:250px}
    .stage93-project-media{height:300px}.stage93-project-body{padding:20px}.stage93-project-metrics{grid-template-columns:1fr}.stage93-map-layout{gap:12px}.stage93-project-map{min-height:360px}.stage93-map-marker b{display:none}.stage93-filter-group small{position:sticky;right:0;z-index:2;padding-left:8px;background:#fff}
    .stage93-case-metric-console{grid-template-columns:1fr 1fr}.stage93-case-metric-console>span{grid-column:1/-1}.stage93-case-metric-console>div{border-left:0;border-top:1px solid rgba(255,255,255,.10)}.stage93-case-visual>img,.stage93-hero-photo{height:360px}.stage93-case-placeholder-hero{min-height:360px}.stage93-case-gallery{grid-template-columns:1fr}.stage93-case-gallery button{height:250px}.stage93-project-aside{grid-template-columns:1fr}.stage93-story-block{grid-template-columns:46px 1fr;gap:14px}.stage93-story-marker{width:46px;height:46px}.stage93-case-body::before{right:22px}.stage93-mini-metrics{grid-template-columns:1fr 1fr}
    .stage93-schematic,.stage93-industry-system,.stage93-load-topology,.stage93-field-console{min-height:390px}.schematic-source{right:5%}.schematic-meter{right:37%}.schematic-core{left:5%;width:112px}.schematic-line.line-b{right:50%;width:23%}.stage93-network-node{width:53px;height:53px;border-radius:15px}.stage93-network-node .ui-icon{width:20px;height:20px}.stage93-network-core{width:116px;height:135px}.stage93-load-topology{min-height:400px}.topology-node{width:62px;height:62px;border-radius:16px}.topology-node .ui-icon{width:24px;height:24px}.industry-system-load{width:100px;height:100px}.industry-system-transformer{right:38%}
}
@media (max-width: 480px) {
    .stage93-hero-actions{display:grid}.stage93-hero-microfacts,.stage93-proof-row{gap:6px}.stage93-hero-microfacts span,.stage93-proof-row span{font-size:.6rem}
    .stage93-solution-network{max-width:340px}.stage93-network-node.node-gauge{right:3%}.stage93-network-node.node-grid{left:2%}.stage93-network-node.node-reactive{right:5%}.stage93-network-node.node-harmonic{left:4%}
    .stage93-solution-card{grid-template-columns:42px 1fr;gap:12px;padding:18px}.stage93-card-copy h3{font-size:1.2rem}.stage93-card-signal .ui-icon{width:25px;height:25px}
    .stage93-project-media{height:255px}.stage93-project-filter{padding:10px}.stage93-project-map{min-height:310px}.stage93-map-legend{padding:22px}
    .stage93-case-meta{gap:5px}.stage93-case-meta span{font-size:.56rem}.stage93-case-metric-console{right:9px;left:9px;bottom:9px}.stage93-case-metric-console>div:nth-of-type(n+2){display:none}.stage93-case-gallery button{height:220px}
    .stage93-result-grid article{min-height:160px}.stage93-result-values strong{font-size:.78rem}.stage93-story-block .rich-prose{font-size:.91rem}.stage93-side-card{padding:18px}
    .stage93-industry-diagnostic{min-height:330px}.diagnostic-ring{width:210px;height:210px}.diagnostic-core{width:108px;height:108px}.diagnostic-node{width:48px;height:48px}.diagnostic-node .ui-icon{width:21px;height:21px}
}
@media (prefers-reduced-motion: reduce) {
    .stage93-network-ring,.stage93-network-node,.stage93-network-wave,.schematic-orbit,.schematic-line i,.stage93-signal-line i,.stage93-outcome-pulse,.stage93-cta-icon i,.stage93-industry-icon i,.topology-wire i,.topology-wave,.industry-system-path i,.diagnostic-ring,.diagnostic-node,.field-console-head i,.field-console-wave,.stage93-project-placeholder i,.stage93-map-marker span,.stage93-case-placeholder-hero i { animation: none !important; }
    .stage93-solution-card,.stage93-industry-card,.stage93-case-card,.stage93-project-card { transition: none !important; }
}

/* ==========================================================================
   Stage 9.4 — Portal / OTP / B2B Forms / Representatives / Mobile UX
   ========================================================================== */
.stage94-electric-grid,.stage94-portal-grid,.stage94-auth-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.stage94-portal-hero,.stage94-auth-shell,.stage94-b2b-hero,.stage94-partner-hero,.stage94-success-hero,.stage94-subhero,.stage94-device-detail-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(0,111,221,.22),transparent 34%),radial-gradient(circle at 16% 84%,rgba(22,191,232,.1),transparent 28%),#07131f;color:#fff}
.stage94-portal-hero-inner,.stage94-auth-layout,.stage94-partner-hero-grid,.stage94-device-detail-hero-grid{position:relative;z-index:1}
.stage94-portal-hero{padding:84px 0 70px}.stage94-portal-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:64px;align-items:center}
.stage94-portal-welcome h1,.stage94-auth-story h1,.stage94-partner-hero h1{margin:12px 0 14px;font-size:clamp(2.8rem,5.7vw,5.2rem);line-height:1.06;letter-spacing:-.052em}.stage94-portal-welcome p,.stage94-auth-story>p,.stage94-partner-hero .lead{max-width:690px;color:#acc0cd;font-size:clamp(1rem,1.3vw,1.16rem);line-height:2}.stage94-portal-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.stage94-portal-hero-actions .ui-icon{width:18px;height:18px}
.stage94-portal-signal{border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:26px;background:rgba(4,17,28,.55);backdrop-filter:blur(16px);box-shadow:0 38px 90px rgba(0,0,0,.25)}.stage94-portal-orbit{width:150px;height:150px;margin:0 auto 22px;position:relative;display:grid;place-items:center}.stage94-portal-orbit i{position:absolute;inset:0;border:1px solid rgba(22,191,232,.18);border-radius:50%;animation:stage94Spin 10s linear infinite}.stage94-portal-orbit i:nth-child(2){inset:20px;border-color:rgba(255,191,46,.18);animation-direction:reverse;animation-duration:7s}.stage94-portal-orbit span{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#117fd9,#0c2740);box-shadow:0 0 0 12px rgba(22,191,232,.04),0 18px 55px rgba(0,111,221,.25)}.stage94-portal-orbit .ui-icon{width:34px;height:34px}.stage94-signal-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.stage94-signal-row span{font-size:.67rem;letter-spacing:.13em;color:#7391a4}.stage94-signal-row b{font-size:1.35rem;color:#fff}
.stage94-portal-shell{padding-top:28px}.stage94-portal-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.stage94-portal-bar strong{display:block;font-size:1.05rem}.stage94-portal-nav{position:sticky;top:76px;z-index:20;margin-bottom:20px;padding:7px;gap:6px;border-radius:18px;box-shadow:0 10px 32px rgba(8,27,43,.06)}.stage94-portal-nav a{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px}.stage94-portal-nav .ui-icon{width:17px;height:17px}.stage94-portal-nav a.is-active{background:linear-gradient(135deg,#0b1d2c,#153950);box-shadow:0 8px 25px rgba(8,27,43,.14)}
.stage94-kpi-grid{gap:14px}.stage94-kpi-grid article{display:flex;align-items:center;gap:16px;min-height:122px;padding:18px 20px;overflow:hidden;position:relative}.stage94-kpi-grid article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;left:-25px;bottom:-34px;background:rgba(0,111,221,.055)}.stage94-kpi-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#eef6ff;color:#0873d4}.stage94-kpi-icon .ui-icon{width:23px;height:23px}.stage94-kpi-grid article div{min-width:0}.stage94-kpi-grid article small{font-size:.67rem;color:#758795}.stage94-kpi-grid article strong{font-size:2rem;margin:2px 0}.stage94-kpi-grid article p{margin:0;font-size:.68rem;color:#98a5ae}
.stage94-dashboard-grid{gap:16px}.stage94-panel{border-radius:22px;padding:22px}.stage94-panel .panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px}.stage94-panel .panel-head>svg{width:23px;height:23px;color:#1677d2}.stage94-panel .panel-head small{letter-spacing:.12em}.stage94-order-row{padding:16px 0}.stage94-order-rail{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px;min-width:0;flex:1}.stage94-order-rail span{position:relative;padding:9px 11px 9px 8px;border-radius:11px;background:#f7f9fb}.stage94-order-rail i{position:absolute;right:0;top:0;bottom:0;width:3px;background:#1e7bf6;border-radius:3px}.stage94-order-rail small,.stage94-order-rail b{display:block}.stage94-order-rail small{font-size:.57rem;color:#81909a}.stage94-order-rail b{font-size:.66rem;margin-top:3px}.stage94-device-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eff7ff;color:#1375cb}.stage94-device-mark .ui-icon{width:21px;height:21px}.stage94-device-row>b{padding:5px 8px;border-radius:999px;background:#eff9f4;color:#278457}.stage94-simple-row>strong{font-size:.75rem}.stage94-timeline-row>span{position:relative}.stage94-timeline-row>span:after{content:"";position:absolute;top:13px;bottom:-24px;right:4px;width:1px;background:#dce8f0}.stage94-timeline-row:last-child>span:after{display:none}
.stage94-empty{min-height:180px;border:1px dashed #cbd8e1;border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:24px;color:#718593;background:linear-gradient(180deg,#fbfdff,#f7fafc)}.stage94-empty .ui-icon{width:38px;height:38px;margin-bottom:12px;color:#8fb0c8}.stage94-empty strong{display:block;color:#1b3344;margin-bottom:4px}.stage94-empty span{max-width:440px;font-size:.72rem;line-height:1.8}.stage94-empty.compact{min-height:110px;padding:18px}.stage94-empty.compact .ui-icon{width:28px;height:28px;margin-bottom:7px}
.stage94-subhero{padding:62px 0}.stage94-subhero-inner{display:flex;justify-content:space-between;align-items:center;gap:36px;position:relative}.stage94-subhero h1{margin:10px 0 8px;font-size:clamp(2.5rem,4.5vw,4.2rem);letter-spacing:-.045em}.stage94-subhero p{max-width:720px;color:#a9becb;font-size:1rem}.stage94-subhero-icon{width:116px;height:116px;flex:0 0 116px;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);position:relative}.stage94-subhero-icon .ui-icon{width:55px;height:55px;color:#d9f4ff}.stage94-cap-icon i{position:absolute;inset:15px;border:1px solid rgba(22,191,232,.2);border-radius:50%;animation:stage94Pulse 2.8s ease-in-out infinite}
.stage94-list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:6px 0 18px}.stage94-list-heading h2{margin:5px 0 0}.stage94-list-heading>span{font-size:.7rem;color:#728896}.stage94-order-card{grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr) auto;padding:18px 20px;border-radius:20px}.stage94-order-card-id{display:flex;align-items:center;gap:12px}.stage94-order-icon,.stage94-line-item-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:#0878d7;flex:0 0 40px}.stage94-order-icon .ui-icon,.stage94-line-item-icon .ui-icon{width:19px;height:19px}.stage94-order-state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stage94-order-state-grid span{position:relative;padding:9px 10px;border-radius:11px;background:#f7f9fb}.stage94-order-state-grid i{position:absolute;top:0;right:0;bottom:0;width:2px;background:#2c80d7}.stage94-order-state-grid small,.stage94-order-state-grid b{display:block}.stage94-order-state-grid small{font-size:.55rem;color:#87949d}.stage94-order-state-grid b{font-size:.64rem;margin-top:2px}.stage94-card-arrow{font-size:1.2rem;color:#7990a0}
.stage94-progress-grid article{position:relative;overflow:hidden;display:grid;gap:7px;align-content:start;min-height:145px}.stage94-progress-grid article>span{position:absolute;top:13px;left:14px;font-size:.62rem;color:#9fb0bb}.stage94-progress-grid .ui-icon{width:23px;height:23px;color:#1479d0}.stage94-progress-grid small{color:#758795}.stage94-progress-grid strong{font-size:.82rem}.stage94-total{font-size:.8rem;color:#0d6bb9}.stage94-line-item{justify-content:flex-start}.stage94-line-item>strong{margin-inline-start:auto}.stage94-line-item>span:nth-child(2){min-width:0}
.stage94-device-grid{gap:16px}.stage94-device-card{padding:14px;border-radius:24px;transition:transform .25s ease,box-shadow .25s ease}.stage94-device-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(8,27,43,.12)}.stage94-device-visual{height:180px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#245c80,#0a1a28 68%)}.stage94-device-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.stage94-device-orbit{width:92px;height:92px;position:relative;display:grid;place-items:center;z-index:1}.stage94-device-orbit i{position:absolute;inset:0;border:1px solid rgba(22,191,232,.25);border-radius:50%;animation:stage94Spin 8s linear infinite}.stage94-device-orbit i:nth-child(2){inset:16px;border-color:rgba(255,191,46,.22);animation-direction:reverse;animation-duration:5s}.stage94-device-orbit .ui-icon{width:38px;height:38px}.stage94-device-visual>span{position:absolute;right:15px;bottom:23px;font-size:1.15rem;z-index:2}.stage94-device-visual>small{position:absolute;right:15px;bottom:9px;font-size:.52rem;z-index:2}.stage94-device-copy{padding:6px 4px 5px}.stage94-device-copy .status-pill{display:inline-flex;margin-top:4px}.stage94-device-copy h2{font-size:1.12rem}.stage94-device-copy p{direction:ltr;text-align:right}.stage94-warranty-line{padding-top:12px;margin-top:12px;border-top:1px solid #edf1f4}.stage94-view-link{display:block;margin-top:14px;font-size:.69rem;font-weight:800;color:#176db3}
.stage94-device-detail-hero{padding:74px 0}.stage94-device-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:50px;align-items:center}.stage94-device-detail-hero h1{font-size:clamp(2.7rem,5vw,4.6rem);margin:10px 0}.stage94-device-detail-hero p{color:#a9becb}.stage94-device-core{width:210px;height:210px;position:relative;display:grid;place-items:center;justify-self:end}.stage94-device-core i{position:absolute;inset:0;border:1px solid rgba(22,191,232,.18);border-radius:50%;animation:stage94Spin 12s linear infinite}.stage94-device-core i:nth-child(2){inset:30px;border-color:rgba(255,191,46,.2);animation-direction:reverse;animation-duration:7s}.stage94-device-core span{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#0e2b40}.stage94-device-core .ui-icon{width:42px;height:42px}.stage94-device-core b{position:absolute;bottom:16px;font-size:.8rem;letter-spacing:.15em}.stage94-device-detail-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px}.stage94-identity-card{border-radius:22px;padding:22px}.stage94-identity-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #edf1f4}.stage94-identity-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eef7ff;color:#1278d0}.stage94-identity-icon .ui-icon{width:23px;height:23px}.stage94-identity-head small,.stage94-identity-head strong{display:block}.stage94-identity-head small{font-size:.58rem;color:#82929c}.stage94-identity-card dl{margin:0}.stage94-identity-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf1f4}.stage94-identity-card dt{color:#718390;font-size:.68rem}.stage94-identity-card dd{margin:0;font-weight:800;font-size:.72rem}.stage94-qr-link{margin-top:16px;padding:13px 14px;border-radius:13px;background:#0b1d2c;color:#fff;display:flex;align-items:center;gap:10px}.stage94-qr-link .ui-icon{width:19px;height:19px}.stage94-qr-link b{margin-inline-start:auto}.stage94-warranty-card{overflow:hidden;position:relative}.stage94-warranty-hero{position:relative;min-height:122px;display:grid;align-content:center;padding:10px 0}.stage94-warranty-hero strong{font-size:2rem}.stage94-warranty-hero span{color:#6f8290}.stage94-warranty-hero i{position:absolute;width:110px;height:110px;border:1px solid rgba(0,111,221,.12);border-radius:50%;left:-24px;bottom:-45px}
.stage94-installation-list{gap:13px}.stage94-installation-card{padding:18px 20px;border-radius:20px;box-shadow:0 9px 28px rgba(8,27,43,.035)}.stage94-install-state span{width:11px;height:11px}.stage94-installation-card p{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid #edf1f4}.stage94-installation-card p .ui-icon{width:17px;height:17px;color:#4287bd}
.stage94-auth-shell{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:72px 0}.stage94-auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:80px;align-items:center}.stage94-auth-story{position:relative}.stage94-auth-story>p{max-width:630px}.stage94-auth-flow{display:flex;align-items:center;gap:10px;margin-top:32px}.stage94-auth-flow>span{min-width:118px;display:grid;justify-items:center;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}.stage94-auth-flow b{font-size:.58rem;color:#6f90a4}.stage94-auth-flow .ui-icon{width:25px;height:25px;color:#dff6ff}.stage94-auth-flow small{font-size:.62rem;color:#a7bdc9}.stage94-auth-flow>i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#2b6e96,transparent)}.stage94-auth-note{display:flex;align-items:center;gap:12px;margin-top:25px;color:#a9bfcc}.stage94-auth-note .ui-icon{width:24px;height:24px;color:#86d5f2}.stage94-auth-note strong,.stage94-auth-note small{display:block}.stage94-auth-note strong{font-size:.72rem;color:#fff}.stage94-auth-note small{font-size:.61rem;margin-top:2px}.stage94-auth-card{background:#fff;color:#102838;padding:28px;border-radius:26px!important;box-shadow:0 38px 90px rgba(0,0,0,.28)!important}.stage94-auth-card-head{display:flex;align-items:center;gap:13px}.stage94-auth-card-head small{font-size:.58rem;color:#8495a0;letter-spacing:.12em}.stage94-auth-card-head h2{margin:3px 0 0;font-size:1.7rem}.stage94-auth-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#edf6ff;color:#1075cf}.stage94-auth-card-icon .ui-icon{width:24px;height:24px}.stage94-auth-copy{font-size:.74rem;line-height:1.9;color:#72838e;margin:18px 0}.stage94-field label{display:block;font-size:.68rem;font-weight:800;color:#344d5d;margin-bottom:7px}.stage94-input-wrap{position:relative}.stage94-input-wrap .ui-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#7991a1;pointer-events:none}.stage94-input-wrap input{padding-right:44px!important}.stage94-auth-form input{width:100%;min-height:54px;border:1px solid #dbe5ec;border-radius:14px;background:#fbfdff;font:inherit;padding:0 15px;transition:.2s ease}.stage94-auth-form input:focus{outline:0;border-color:#1680db;box-shadow:0 0 0 4px rgba(0,111,221,.08);background:#fff}.stage94-submit-button{min-height:52px;margin-top:10px}.stage94-auth-foot{margin-top:15px;padding-top:14px;border-top:1px solid #edf1f4;font-size:.61rem;color:#8a98a2}.stage94-change-mobile{display:block;text-align:center;margin-top:16px;font-size:.69rem;font-weight:800;color:#176db3}.stage94-otp-field>.otp-code-input{font-size:1.65rem!important;text-align:center;letter-spacing:.35em;padding-right:.35em!important}.stage94-otp-dots{display:flex;justify-content:center;gap:7px;margin-top:9px}.stage94-otp-dots i{width:7px;height:7px;border-radius:50%;background:#d3dee5;transition:.2s ease}.stage94-otp-dots i.is-filled{background:#0877d4;box-shadow:0 0 0 4px rgba(0,111,221,.08)}.stage94-otp-signal{width:210px;height:210px;position:relative;display:grid;place-items:center;margin-top:36px}.stage94-otp-signal i{position:absolute;inset:0;border:1px solid rgba(22,191,232,.18);border-radius:50%;animation:stage94Pulse 2.8s ease-in-out infinite}.stage94-otp-signal i:nth-child(2){inset:34px;border-color:rgba(255,191,46,.16);animation-delay:.5s}.stage94-otp-signal span{width:82px;height:82px;border-radius:24px;background:#0d2b41;display:grid;place-items:center}.stage94-otp-signal .ui-icon{width:38px;height:38px}.stage94-otp-signal b{position:absolute;bottom:8px;font-size:.67rem;letter-spacing:.18em;color:#8ba9b9}
.stage94-b2b-hero{padding:92px 0 72px}.stage94-b2b-hero-grid{position:relative}.stage94-b2b-path{display:flex;align-items:center;gap:8px;margin-top:30px}.stage94-b2b-path>span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.stage94-b2b-path .ui-icon{grid-row:1/3;width:22px;height:22px}.stage94-b2b-path b{font-size:.55rem;color:#7295a9}.stage94-b2b-path small{font-size:.63rem}.stage94-b2b-path>i{flex:1;height:1px;background:#244c65}.stage94-b2b-hero-panel{position:relative;overflow:hidden}.stage94-b2b-product-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:#102f46;color:#dff6ff;margin-bottom:18px;position:relative}.stage94-b2b-product-icon .ui-icon{width:34px;height:34px}.stage94-b2b-product-icon i{position:absolute;inset:-12px;border:1px solid rgba(22,191,232,.15);border-radius:28px;animation:stage94Pulse 3s ease-in-out infinite}.stage94-b2b-form-section{background:#f6f9fb}.stage94-b2b-layout{gap:30px}.stage94-form-step{position:relative;border:1px solid #dfe8ee;border-radius:22px;background:#fff;padding:24px;box-shadow:0 8px 25px rgba(8,27,43,.025);scroll-margin-top:120px;transition:border-color .2s ease,box-shadow .2s ease}.stage94-form-step.is-active{border-color:#acd2ee;box-shadow:0 14px 38px rgba(0,111,221,.075)}.stage94-form-step .form-step-head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf1f4}.stage94-form-step .form-step-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0c2639;color:#fff;font-size:.67rem;font-weight:900}.stage94-form-step .form-step-head>svg{width:26px;height:26px;color:#1478cf}.stage94-form-step .form-step-head h2{margin:2px 0 3px;font-size:1.35rem}.stage94-form-step .form-step-head p{margin:0;color:#7a8b96;font-size:.67rem}.stage94-form-step .form-step-head small{font-size:.55rem;letter-spacing:.12em;color:#8da0ad}.stage94-form-step label>span:first-child{display:block;font-size:.66rem;font-weight:800;color:#405666;margin-bottom:7px}.stage94-form-step input:not([type=checkbox]),.stage94-form-step select,.stage94-form-step textarea{width:100%;border:1px solid #dce6ec;background:#fbfdff;border-radius:13px;min-height:49px;padding:10px 12px;font:inherit;color:#173142;transition:.2s ease}.stage94-form-step textarea{min-height:125px;resize:vertical}.stage94-form-step input:focus,.stage94-form-step select:focus,.stage94-form-step textarea:focus{outline:0;border-color:#1780d9;background:#fff;box-shadow:0 0 0 4px rgba(0,111,221,.07)}.stage94-consent{display:flex!important;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e1e9ee;border-radius:13px;background:#f9fbfc}.stage94-consent input{margin-top:3px;accent-color:#0877d4}.stage94-form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4px}.stage94-form-submit p{display:flex;align-items:center;gap:7px;margin:0;color:#73848f;font-size:.64rem}.stage94-form-submit p .ui-icon{width:17px;height:17px;color:#3c8b63}.stage94-form-aside{position:sticky;top:100px;display:grid;gap:14px}.stage94-progress-card{padding:18px;border:1px solid #dfe7ec;border-radius:18px;background:#fff}.stage94-form-progress{display:grid;gap:0;margin-top:12px}.stage94-form-progress button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px 0;color:#71848f;font:inherit;text-align:right;cursor:pointer}.stage94-form-progress button b{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eef3f6;color:#748792;font-size:.59rem}.stage94-form-progress button span{font-size:.69rem;font-weight:800}.stage94-form-progress button.is-active{color:#0c6fbd}.stage94-form-progress button.is-active b{background:#0d6fb9;color:#fff}.stage94-form-progress i{height:13px;width:1px;background:#d9e4eb;margin-right:15px}.stage94-next-card{border-radius:18px}.stage94-success-hero{padding:84px 0}.stage94-success-shell{position:relative}.stage94-success-orbit>span{background:#123a54;color:#dff6ff}.stage94-success-orbit .ui-icon{width:30px;height:30px}.stage94-success-orbit i:nth-of-type(3){width:118%;height:118%;border-color:rgba(255,191,46,.12);animation:stage94Pulse 3s ease-in-out infinite}.stage94-success-detail{border-radius:24px}.stage94-success-detail .premium-quote-success-item{grid-template-columns:auto 1fr auto;gap:12px}.stage94-success-timeline{display:flex;align-items:center;gap:9px;margin:26px 0;padding:18px;border-radius:15px;background:#f6f9fb}.stage94-success-timeline span{display:grid;justify-items:center;gap:3px;min-width:88px}.stage94-success-timeline b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d6fb9;color:#fff;font-size:.58rem}.stage94-success-timeline small{font-size:.59rem;color:#667a87}.stage94-success-timeline i{flex:1;height:1px;background:#c9d8e1}
.stage94-rep-hero{padding:90px 0 74px}.stage94-rep-hero-grid{position:relative}.stage94-rep-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.stage94-rep-capabilities span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b7ccd8;font-size:.65rem}.stage94-rep-capabilities .ui-icon{width:16px;height:16px}.stage94-rep-radar{width:260px;height:260px;justify-self:center;position:relative;display:grid;place-items:center}.stage94-rep-radar i{position:absolute;border:1px solid rgba(22,191,232,.16);border-radius:50%;inset:0;animation:stage94Pulse 3.5s ease-in-out infinite}.stage94-rep-radar i:nth-child(2){inset:32px;animation-delay:.4s}.stage94-rep-radar i:nth-child(3){inset:64px;animation-delay:.8s}.stage94-rep-radar>span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#0e2e44}.stage94-rep-radar .ui-icon{width:36px;height:36px}.stage94-rep-radar strong{position:absolute;bottom:30px;font-size:2rem;color:#ffbf2e}.stage94-rep-radar small{position:absolute;bottom:12px;color:#87a2b2;font-size:.58rem}.stage94-rep-network{background:#f8fafc}.stage94-rep-heading p{margin:6px 0 0;color:#748693}.stage94-rep-filter label span{display:block;font-size:.57rem;color:#81929d;margin-bottom:4px}.stage94-rep-filter select{min-width:190px}.stage94-rep-layout{gap:24px}.stage94-rep-card{padding:18px 20px;border-radius:20px!important}.stage94-rep-card-head{display:flex;align-items:center;gap:11px}.stage94-rep-pin{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef7ff;color:#1175ca}.stage94-rep-pin .ui-icon{width:21px;height:21px}.stage94-rep-services span{display:flex;align-items:center;gap:5px}.stage94-rep-services .ui-icon{width:14px;height:14px}.stage94-rep-contact{justify-content:flex-start}.stage94-rep-map{overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 45%,#153850,#07141e 72%);border:1px solid #18374a}.stage94-rep-map .iran-map-shape path{fill:#0e2c40;stroke:#2a5b76;stroke-width:2}.stage94-map-caption{position:absolute;top:18px;right:18px;z-index:3;display:grid}.stage94-map-caption span{font-size:.54rem;letter-spacing:.14em;color:#7798aa}.stage94-map-caption b{font-size:.74rem;color:#fff}.stage94-rep-map .project-map-marker b{color:#fff;background:#0e293b}.stage94-partner-hero{padding:90px 0 72px}.stage94-partner-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:center}.stage94-partner-path{display:flex;align-items:center;gap:7px;margin-top:28px}.stage94-partner-path span{display:grid;justify-items:center;gap:3px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.03);font-size:.61rem}.stage94-partner-path b{font-size:.52rem;color:#7394a7}.stage94-partner-path i{flex:1;height:1px;background:#244d65}.stage94-partner-visual{width:260px;height:260px;position:relative;display:grid;place-items:center;justify-self:end}.stage94-partner-visual i{position:absolute;inset:0;border:1px solid rgba(22,191,232,.16);border-radius:50%;animation:stage94Spin 14s linear infinite}.stage94-partner-visual i:nth-child(2){inset:38px;border-color:rgba(255,191,46,.15);animation-direction:reverse;animation-duration:8s}.stage94-partner-visual span{width:80px;height:80px;display:grid;place-items:center;border-radius:25px;background:#103149}.stage94-partner-visual .ui-icon{width:38px;height:38px}.stage94-partner-visual b,.stage94-partner-visual small{position:absolute}.stage94-partner-visual b{bottom:35px;font-size:.8rem;letter-spacing:.16em}.stage94-partner-visual small{bottom:15px;font-size:.52rem;color:#7595a7}.stage94-partner-form-section{background:#f7fafc}.stage94-partner-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.stage94-partner-form{display:grid;gap:16px;padding:0;background:transparent;box-shadow:none!important}.stage94-partner-form .stage94-form-step{padding:24px}.stage94-check-field{display:flex!important;align-items:center;justify-content:space-between;border:1px solid #dce6ec;border-radius:13px;padding:12px 14px}.stage94-check-field>span{margin:0!important}.stage94-check-field input{width:20px;height:20px;accent-color:#0877d4}.stage94-review-card{position:static;border-radius:18px}.stage94-partner-success{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:center;min-height:360px}.stage94-partner-success h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:12px 0}.stage94-partner-success p{color:#a9becb;max-width:700px}
@keyframes stage94Spin{to{transform:rotate(360deg)}}@keyframes stage94Pulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@media (max-width:1100px){.stage94-portal-hero-inner,.stage94-auth-layout,.stage94-partner-hero-grid,.stage94-device-detail-hero-grid{grid-template-columns:1fr 360px;gap:38px}.stage94-order-rail,.stage94-order-state-grid{grid-template-columns:repeat(2,1fr)}.stage94-device-grid{grid-template-columns:repeat(2,1fr)}.stage94-partner-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media (max-width:900px){.stage94-portal-hero-inner,.stage94-auth-layout,.stage94-partner-hero-grid,.stage94-device-detail-hero-grid,.stage94-partner-layout{grid-template-columns:1fr}.stage94-portal-signal{max-width:520px}.stage94-auth-story{order:2}.stage94-auth-card{order:1;max-width:580px;width:100%;margin-inline:auto}.stage94-auth-flow{max-width:620px}.stage94-otp-signal{margin-inline:auto}.stage94-partner-visual,.stage94-device-core{justify-self:center}.stage94-form-aside{position:static;grid-template-columns:repeat(2,1fr)}.stage94-progress-card{grid-column:1/-1}.stage94-rep-layout{grid-template-columns:1fr}.stage94-rep-map{position:relative;top:auto;min-height:430px}.stage94-order-card{grid-template-columns:1fr auto}.stage94-order-state-grid{grid-column:1/-1}.stage94-device-detail-layout{grid-template-columns:1fr}.stage94-subhero-icon{width:94px;height:94px;flex-basis:94px}.stage94-subhero-icon .ui-icon{width:42px;height:42px}}
@media (max-width:700px){.stage94-portal-hero,.stage94-auth-shell,.stage94-b2b-hero,.stage94-rep-hero,.stage94-partner-hero{padding:58px 0 48px}.stage94-portal-welcome h1,.stage94-auth-story h1,.stage94-partner-hero h1{font-size:2.65rem}.stage94-portal-nav{top:64px;margin-inline:-4px;overflow-x:auto;scrollbar-width:none}.stage94-portal-nav::-webkit-scrollbar{display:none}.stage94-portal-nav a{padding:9px 11px}.stage94-portal-nav a span{white-space:nowrap;font-size:.65rem}.stage94-kpi-grid{grid-template-columns:1fr 1fr}.stage94-kpi-grid article{min-height:105px;padding:15px;gap:10px}.stage94-kpi-icon{width:40px;height:40px;flex-basis:40px}.stage94-kpi-icon .ui-icon{width:20px;height:20px}.stage94-kpi-grid article strong{font-size:1.55rem}.stage94-kpi-grid article p{display:none}.stage94-order-rail{width:100%;grid-template-columns:1fr 1fr}.stage94-order-row{align-items:stretch}.stage94-subhero{padding:44px 0}.stage94-subhero-inner{align-items:flex-start}.stage94-subhero-icon{width:68px;height:68px;flex-basis:68px;border-radius:20px}.stage94-subhero-icon .ui-icon{width:31px;height:31px}.stage94-subhero h1{font-size:2.35rem}.stage94-order-card{padding:15px}.stage94-order-state-grid{grid-template-columns:1fr 1fr}.stage94-progress-grid{grid-template-columns:1fr 1fr}.stage94-device-grid{grid-template-columns:1fr}.stage94-installation-card{grid-template-columns:1fr 1fr}.stage94-auth-flow{gap:5px}.stage94-auth-flow>span{min-width:0;flex:1;padding:10px 5px}.stage94-auth-flow small{font-size:.55rem}.stage94-auth-card{padding:22px}.stage94-b2b-path{display:grid;grid-template-columns:1fr}.stage94-b2b-path>i{display:none}.stage94-form-aside{grid-template-columns:1fr}.stage94-progress-card{grid-column:auto}.stage94-form-submit{align-items:stretch;flex-direction:column}.stage94-form-submit .button{width:100%}.stage94-success-timeline{padding:13px;gap:5px}.stage94-success-timeline span{min-width:62px}.stage94-rep-radar{width:200px;height:200px}.stage94-rep-heading{align-items:stretch}.stage94-rep-filter{width:100%}.stage94-rep-filter label,.stage94-rep-filter select,.stage94-rep-filter button{width:100%}.stage94-partner-path{display:grid;grid-template-columns:1fr 1fr}.stage94-partner-path i{display:none}.stage94-partner-visual{width:210px;height:210px}.stage94-partner-success{grid-template-columns:1fr;text-align:center;justify-items:center}.stage94-partner-success .button-row{justify-content:center}}
@media (max-width:480px){.stage94-portal-welcome h1,.stage94-auth-story h1,.stage94-partner-hero h1{font-size:2.25rem}.stage94-portal-hero-actions .button{width:100%}.stage94-portal-signal{padding:20px}.stage94-portal-orbit{width:125px;height:125px}.stage94-portal-bar{align-items:flex-start;flex-direction:column}.stage94-kpi-grid{grid-template-columns:1fr}.stage94-kpi-grid article{min-height:88px}.stage94-order-rail,.stage94-order-state-grid,.stage94-progress-grid,.stage94-installation-card{grid-template-columns:1fr}.stage94-subhero-inner{display:grid;grid-template-columns:1fr auto}.stage94-subhero-inner p{grid-column:1/-1}.stage94-device-core{width:175px;height:175px}.stage94-device-detail-hero-grid{gap:28px}.stage94-auth-flow>span small{display:none}.stage94-auth-flow>i{min-width:16px}.stage94-auth-card-head h2{font-size:1.45rem}.stage94-otp-field>.otp-code-input{font-size:1.4rem!important;letter-spacing:.25em}.stage94-form-step{padding:18px}.stage94-form-step .form-step-head{grid-template-columns:auto 1fr}.stage94-form-step .form-step-head>svg{display:none}.stage94-success-detail .premium-quote-success-item{grid-template-columns:auto 1fr}.stage94-success-detail .premium-quote-success-item>div:last-child{grid-column:2}.stage94-success-timeline span small{display:none}.stage94-rep-map{min-height:340px}.stage94-rep-contact{display:grid}.stage94-partner-path span{padding:8px}.stage94-partner-visual{width:180px;height:180px}}
@media (prefers-reduced-motion:reduce){.stage94-portal-orbit i,.stage94-cap-icon i,.stage94-device-orbit i,.stage94-device-core i,.stage94-otp-signal i,.stage94-b2b-product-icon i,.stage94-success-orbit i,.stage94-rep-radar i,.stage94-partner-visual i{animation:none!important}.stage94-device-card,.stage94-form-step{transition:none!important}}

/* ======================================================================
   Stage 9.5.1 — Performance electric canvas hotfix
   A visible site-wide electrical atmosphere using compositor-friendly
   transforms only. No full-screen blur, blend mode, SVG dash animation,
   pointer tracking or section-wide backdrop-filter.
   ====================================================================== */
:root {
    --stage951-bg: #06131e;
    --stage951-bg-2: #0a2232;
    --stage951-cyan: #23c8ea;
    --stage951-blue: #0a78dc;
    --stage951-yellow: #ffbf2e;
    --stage951-home-title: clamp(2.18rem, 3.45vw, 3.45rem);
    --stage951-page-title: clamp(1.96rem, 2.85vw, 2.88rem);
    --stage951-compact-title: clamp(1.72rem, 2.45vw, 2.5rem);
    --stage951-panel-light: rgba(247,250,252,.965);
    --stage951-panel-soft: rgba(238,245,248,.965);
    --stage951-panel-dark: rgba(5,20,31,.94);
    --stage951-panel-gap: 18px;
}

html { background: var(--stage951-bg); }
body.stage951-electric-lite {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    background: linear-gradient(180deg, var(--stage951-bg-2), var(--stage951-bg));
}

/* One fixed compositor layer instead of many filtered full-screen layers. */
.global-electric-background-lite {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    contain: paint;
    background:
        radial-gradient(circle at 78% 12%, rgba(22,191,232,.13), transparent 29%),
        radial-gradient(circle at 14% 72%, rgba(10,120,220,.12), transparent 30%),
        linear-gradient(180deg, rgba(5,18,29,.08), rgba(3,13,22,.24));
}
.global-electric-grid-lite {
    position: absolute;
    inset: -14%;
    opacity: .44;
    background-image:
        linear-gradient(rgba(67,203,234,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(67,203,234,.075) 1px, transparent 1px);
    background-size: 64px 64px;
    transform: translate3d(0,0,0);
    animation: stage951GridDrift 42s linear infinite;
    will-change: transform;
}
.global-electric-aurora {
    position: absolute;
    width: min(68vw, 920px);
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: .32;
    transform: translate3d(0,0,0);
    will-change: transform;
}
.global-electric-aurora.aurora-a {
    top: -28%; right: -19%;
    background: radial-gradient(circle, rgba(33,198,232,.36) 0, rgba(8,120,218,.15) 34%, transparent 68%);
    animation: stage951AuroraA 24s ease-in-out infinite alternate;
}
.global-electric-aurora.aurora-b {
    left: -28%; bottom: -34%;
    background: radial-gradient(circle, rgba(8,120,218,.31) 0, rgba(255,191,46,.07) 36%, transparent 68%);
    animation: stage951AuroraB 29s ease-in-out infinite alternate;
}
.global-electric-trace {
    position: absolute;
    width: min(44vw, 680px);
    height: 1px;
    overflow: hidden;
    opacity: .62;
    background: linear-gradient(90deg, transparent, rgba(76,216,244,.12), rgba(76,216,244,.55), rgba(76,216,244,.10), transparent);
}
.global-electric-trace.trace-a { top: 28%; right: 3%; transform: rotate(-8deg); }
.global-electric-trace.trace-b { top: 72%; left: 2%; transform: rotate(9deg); opacity:.38; }
.global-electric-trace i {
    position: absolute;
    top: -1px;
    right: -72px;
    width: 70px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #85ecff, transparent);
    box-shadow: 0 0 8px rgba(80,222,247,.55);
    animation: stage951Current 10s linear infinite;
    will-change: transform;
}
.global-electric-trace.trace-b i { animation-delay: -4.2s; animation-duration: 13s; }

body.stage951-electric-lite > .site-header,
body.stage951-electric-lite > .global-search-dialog,
body.stage951-electric-lite > .message-stack,
body.stage951-electric-lite > main,
body.stage951-electric-lite > footer,
body.stage951-electric-lite > .analytics-consent,
body.stage951-electric-lite > .skip-link { position: relative; z-index: 2; }
body.stage951-electric-lite > main { background: transparent; }

/* Performance: never blur an entire viewport-sized surface. */
body.stage951-electric-lite .site-header {
    background: rgba(247,250,252,.975);
    border-bottom-color: rgba(180,206,219,.62);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.stage951-electric-lite .site-footer {
    background: rgba(4,16,26,.98);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.stage951-electric-lite main :is(
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section
) { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body.stage951-electric-lite main :is(
    .premium-card,.analysis-card,.home-product-card,.home-knowledge-grid article,
    .company-rich-card,.company-principles-grid article,.contact-form-shell,
    .product-card-stage92,.stage94-kpi-grid article,.stage94-order-card,
    .stage94-device-card,.stage94-form-step,.stage94-rep-card
) { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }

/* Expose the global canvas between sections instead of painting a full grey sheet. */
body.stage951-electric-lite main > section,
body.stage951-electric-lite main > .section {
    width: min(1540px, calc(100% - 28px));
    margin-inline: auto;
    margin-block: var(--stage951-panel-gap);
    border-radius: 28px;
    overflow: clip;
    box-shadow: 0 18px 55px rgba(0,0,0,.10);
}
body.stage951-electric-lite main > section:first-child,
body.stage951-electric-lite main > .section:first-child { margin-top: 14px; }
body.stage951-electric-lite main > section:not(.section-dark):not(.premium-dark-section):not(.home-industry-v2),
body.stage951-electric-lite main > .section:not(.section-dark):not(.premium-dark-section) {
    background: var(--stage951-panel-light) !important;
}
body.stage951-electric-lite main > .section-soft { background: var(--stage951-panel-soft) !important; }
body.stage951-electric-lite main > .section-dark,
body.stage951-electric-lite main > .premium-dark-section,
body.stage951-electric-lite main > .home-industry-v2,
body.stage951-electric-lite main .company-proof-section {
    background: var(--stage951-panel-dark) !important;
}
/* Workspace wrappers need the same visual rhythm on non-section pages. */
body.stage951-electric-lite main :is(
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section
) {
    background: var(--stage951-panel-light) !important;
}

/* Lighter cards; no backdrop paint cost. */
body.stage951-electric-lite main :is(
    .premium-card,.analysis-card,.home-product-card,.home-knowledge-grid article,
    .company-rich-card,.company-principles-grid article,.contact-form-shell,
    .product-card-stage92,.stage94-kpi-grid article,.stage94-order-card,
    .stage94-device-card,.stage94-form-step,.stage94-rep-card
) { background-color: rgba(255,255,255,.985) !important; }

/* Hero titles reduced one more step after real-browser QA. */
body.stage951-electric-lite :is(
    .home-hero-copy h1,.premium-hero h1,.catalog-hero-stage92-copy h1,.product-hero-stage92 h1,
    .compare-hero-stage92 h1,.stage93-index-copy h1,.stage93-detail-copy h1,.stage93-case-copy h1,
    .stage94-portal-welcome h1,.stage94-auth-story h1,.stage94-partner-hero h1,.stage94-device-detail-hero h1,
    .company-hero h1,.contact-hero h1,.search-hero h1,.analysis-page-hero h1,.analysis-result-hero h1,
    .marketing-hero h1,.premium-marketing-copy h1,.index-hero-shell h1,.b2b-form-hero h1,.selector-hero h1,
    .selector-result-hero h1,.project-hero-copy h1,.premium-article-hero-inner h1,.campaign-hero h1,.stage94-success-hero h1
) {
    font-size: var(--stage951-page-title) !important;
    line-height: 1.28 !important;
    letter-spacing: -.032em !important;
    max-width: 16ch;
}
body.stage951-electric-lite .home-hero-copy h1 {
    font-size: var(--stage951-home-title) !important;
    max-width: 14ch;
}
body.stage951-electric-lite :is(.stage94-subhero h1,.page-hero h1,.device-public-hero h1) {
    font-size: var(--stage951-compact-title) !important;
    line-height: 1.30 !important;
}

/* Defer heavy below-the-fold home sections until they approach viewport. */
body.stage951-electric-lite :is(
    .home-solutions-v2,.home-products-v2,.home-industry-v2,.home-projects-v2,.home-knowledge-v2,.home-final-cta
) {
    content-visibility: auto;
    contain-intrinsic-size: 760px;
}

@keyframes stage951GridDrift {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(64px,64px,0); }
}
@keyframes stage951AuroraA {
    from { transform: translate3d(0,0,0) scale(1); }
    to { transform: translate3d(-6vw,7vh,0) scale(1.06); }
}
@keyframes stage951AuroraB {
    from { transform: translate3d(0,0,0) scale(1); }
    to { transform: translate3d(7vw,-5vh,0) scale(1.05); }
}
@keyframes stage951Current {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(-760px,0,0); }
}

@media (max-width: 900px) {
    :root {
        --stage951-home-title: clamp(2.05rem, 6.4vw, 3rem);
        --stage951-page-title: clamp(1.88rem, 5.2vw, 2.55rem);
        --stage951-compact-title: clamp(1.70rem, 4.7vw, 2.22rem);
        --stage951-panel-gap: 12px;
    }
    body.stage951-electric-lite main > section,
    body.stage951-electric-lite main > .section {
        width: min(100% - 16px, 1540px);
        border-radius: 22px;
    }
    .global-electric-grid-lite { opacity:.31; background-size:56px 56px; animation-duration:55s; }
    .global-electric-aurora { opacity:.22; }
    .global-electric-trace.trace-b { display:none; }
}
@media (max-width: 640px) {
    :root {
        --stage951-home-title: clamp(1.95rem, 8.4vw, 2.55rem);
        --stage951-page-title: clamp(1.78rem, 7.2vw, 2.25rem);
        --stage951-compact-title: clamp(1.63rem, 6.5vw, 2rem);
    }
    .global-electric-aurora.aurora-b,.global-electric-trace { display:none; }
    .global-electric-grid-lite { opacity:.24; animation:none; }
    body.stage951-electric-lite main > section,
    body.stage951-electric-lite main > .section { width: calc(100% - 10px); border-radius:18px; }
}
@media (prefers-reduced-motion: reduce) {
    .global-electric-grid-lite,.global-electric-aurora,.global-electric-trace i { animation:none !important; }
}

/* Stage 9.5.1 — pause looping animations outside the viewport. */
body.stage951-electric-lite [data-reveal-root] * {
    animation-play-state: paused !important;
}
body.stage951-electric-lite [data-reveal-root].motion-in-view * {
    animation-play-state: running !important;
}
@media (prefers-reduced-motion: reduce) {
    body.stage951-electric-lite [data-reveal-root] * { animation-play-state: paused !important; }
}


/* Stage 9.6 — Unified dark surfaces / content-page polish */
body.stage96-unified-dark {
    --stage96-bg: #04111c;
    --stage96-bg-2: #071a29;
    --stage96-surface: rgba(8, 28, 42, .94);
    --stage96-surface-2: rgba(11, 35, 51, .94);
    --stage96-card: rgba(12, 39, 57, .96);
    --stage96-card-hover: rgba(15, 47, 67, .98);
    --stage96-line: rgba(129, 199, 225, .14);
    --stage96-line-strong: rgba(129, 216, 244, .25);
    --stage96-text: #eaf6fb;
    --stage96-muted: #9fb8c7;
    --stage96-muted-2: #7896a8;
    color: var(--stage96-text);
    background: linear-gradient(180deg, var(--stage96-bg-2), var(--stage96-bg));
}

/* Header now belongs to the same visual field as the live electric background. */
body.stage96-unified-dark .site-header,
body.stage96-unified-dark .premium-header,
body.stage96-unified-dark .premium-header.is-scrolled {
    background: rgba(5, 20, 31, .96) !important;
    border-bottom: 1px solid var(--stage96-line) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.16) !important;
    color: var(--stage96-text);
}
body.stage96-unified-dark .premium-main-nav {
    background: rgba(255,255,255,.035) !important;
    border-color: var(--stage96-line) !important;
}
body.stage96-unified-dark .premium-main-nav a,
body.stage96-unified-dark .brand-copy strong,
body.stage96-unified-dark .header-account,
body.stage96-unified-dark .premium-menu-button,
body.stage96-unified-dark .header-icon-link { color: var(--stage96-text) !important; }
body.stage96-unified-dark .brand-copy small { color: var(--stage96-muted) !important; }
body.stage96-unified-dark .premium-main-nav a:hover,
body.stage96-unified-dark .premium-main-nav a[aria-current="page"] {
    background: rgba(61, 183, 229, .10) !important;
    color: #dff8ff !important;
    box-shadow: inset 0 0 0 1px rgba(83,210,245,.13) !important;
}
body.stage96-unified-dark .header-icon-link,
body.stage96-unified-dark .header-account {
    background: rgba(255,255,255,.035) !important;
    border-color: var(--stage96-line) !important;
}
body.stage96-unified-dark .header-icon-link:hover,
body.stage96-unified-dark .header-account:hover { background: rgba(75,205,242,.10) !important; }
body.stage96-unified-dark .premium-menu-button span { background: var(--stage96-text) !important; }

/* Global panels: closer to the canvas, less grey/white separation. */
body.stage96-unified-dark main > section,
body.stage96-unified-dark main > .section,
body.stage96-unified-dark main :is(
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section
) {
    background: var(--stage96-surface) !important;
    border: 1px solid var(--stage96-line) !important;
    color: var(--stage96-text);
    box-shadow: 0 18px 58px rgba(0,0,0,.15) !important;
}
body.stage96-unified-dark main > .section-soft,
body.stage96-unified-dark main :is(.home-analysis-v2,.home-solutions-v2,.home-products-v2,.home-projects-v2,.home-knowledge-v2) {
    background: var(--stage96-surface-2) !important;
}
body.stage96-unified-dark main :is(.section-dark,.premium-dark-section,.home-industry-v2,.company-proof-section) {
    background: rgba(4,18,29,.96) !important;
}

/* Shared card family — dark glass without expensive backdrop filtering. */
body.stage96-unified-dark main :is(
    .premium-card,.analysis-card,.home-product-card,.home-knowledge-grid article,
    .company-rich-card,.company-principles-grid article,.contact-form-shell,
    .product-card-stage92,.stage94-kpi-grid article,.stage94-order-card,
    .stage94-device-card,.stage94-form-step,.stage94-rep-card,
    .search-page-grid>a,.search-discovery-grid>a,.article-review-card,
    .recommendation-card,.project-card,.solution-card,.industry-card,
    .stage93-project-card,.stage93-result-card,.stage93-related-card,
    .stage92-filter-panel,.stage92-product-panel,.stage92-compare-card,
    .stage94-auth-card,.stage94-progress-card,.stage94-identity-card,
    .stage94-warranty-card,.stage94-installation-card
) {
    background: var(--stage96-card) !important;
    color: var(--stage96-text) !important;
    border-color: var(--stage96-line) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.12) !important;
}
body.stage96-unified-dark main :is(
    .premium-card,.home-product-card,.product-card-stage92,.stage94-order-card,
    .stage94-device-card,.stage94-rep-card,.stage93-project-card,.search-page-grid>a
):hover { background: var(--stage96-card-hover) !important; border-color: var(--stage96-line-strong) !important; }

body.stage96-unified-dark main :is(h1,h2,h3,h4,h5,strong,b,dt) { color: var(--stage96-text); }
body.stage96-unified-dark main :is(p,li,dd,.muted,small) { color: var(--stage96-muted); }
body.stage96-unified-dark main :is(.premium-heading p,.premium-lead,.product-copy,.article-lead,.company-rich-card p,.contact-form-heading p) { color: var(--stage96-muted) !important; }
body.stage96-unified-dark main a:not(.button):not(.button-primary) { color: #90e8ff; }

/* Form controls and tabular surfaces follow the same dark spectrum. */
body.stage96-unified-dark main :is(input,textarea,select) {
    background: rgba(4,18,29,.78) !important;
    color: var(--stage96-text) !important;
    border-color: var(--stage96-line) !important;
}
body.stage96-unified-dark main :is(input,textarea,select)::placeholder { color: #688899 !important; }
body.stage96-unified-dark main :is(input,textarea,select):focus {
    border-color: rgba(65,190,235,.55) !important;
    box-shadow: 0 0 0 4px rgba(22,191,232,.09) !important;
}
body.stage96-unified-dark main table,
body.stage96-unified-dark main :is(.spec-card,.compare-table-stage92,.product-spec-stage92,.stage94-consent,.premium-consent-row) {
    background: rgba(7,25,38,.82) !important;
    border-color: var(--stage96-line) !important;
    color: var(--stage96-text) !important;
}
body.stage96-unified-dark main :is(th,td,.form-section-label,.spec-card-head,.stage94-form-step .form-step-head) { border-color: var(--stage96-line) !important; }

/* Content-focused pages keep readability while remaining visually connected to the electric canvas. */
body.stage96-unified-dark main :is(.premium-article-body,.article-body,.rich-text,.company-story-body,.knowledge-article-content) {
    color: #d8e9f2 !important;
}
body.stage96-unified-dark main :is(.premium-article-body,.article-body,.rich-text,.knowledge-article-content) p { color: #bed1dc !important; }

/* Footer and mobile quick nav now share the background palette. */
body.stage96-unified-dark .site-footer,
body.stage96-unified-dark .premium-footer {
    background: rgba(3,14,23,.99) !important;
    border-top: 1px solid var(--stage96-line) !important;
    color: var(--stage96-text) !important;
}
body.stage96-unified-dark .premium-footer :is(p,a,span,small) { color: var(--stage96-muted) !important; }
body.stage96-unified-dark .premium-footer h3,
body.stage96-unified-dark .premium-footer strong { color: var(--stage96-text) !important; }
body.stage96-unified-dark .premium-mobile-nav {
    background: rgba(5,20,31,.98) !important;
    border-color: var(--stage96-line) !important;
    color: var(--stage96-text) !important;
}

/* Stage 9.6 content pages: align search/about/contact/knowledge surfaces with the unified dark language. */
body.stage96-unified-dark main :is(
    .company-story-section,.company-proof-section,.contact-workspace,.contact-section,
    .knowledge-index-section,.knowledge-article-section,.search-results-section,
    .premium-article-section,.search-discovery-section
) { background: transparent !important; }
body.stage96-unified-dark .contact-response-note {
    background: rgba(22,191,232,.07) !important;
    border-color: rgba(22,191,232,.18) !important;
}

@media (max-width: 900px) {
    body.stage96-unified-dark .premium-main-nav {
        background: rgba(5,20,31,.995) !important;
        border-color: var(--stage96-line) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.stage96-unified-dark * { scroll-behavior: auto !important; }
}

/* ======================================================================
   Stage 9.6.1 — Theme consistency hotfix
   Eliminates legacy light-surface leakage from Stage 9.5.1 / earlier UI
   layers. All page families now resolve against one dark token system.
   ====================================================================== */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency {
    --stage951-panel-light: rgba(8, 28, 42, .96);
    --stage951-panel-soft: rgba(10, 33, 48, .96);
    --stage951-panel-dark: rgba(4, 18, 29, .97);
    --stage961-surface: #081c2a;
    --stage961-surface-2: #0b2435;
    --stage961-surface-3: #0e2c40;
    --stage961-card: #0d293b;
    --stage961-card-hover: #12354a;
    --stage961-line: rgba(123, 203, 232, .16);
    --stage961-line-strong: rgba(82, 210, 244, .31);
    --stage961-text: #edf8fc;
    --stage961-text-soft: #c0d5df;
    --stage961-muted: #91adbb;
    --stage961-muted-2: #6f8e9f;
    --stage961-input: #071a28;
    --stage961-accent: #37cbed;

    /* Shadow the old light design tokens inside the current theme only. */
    --surface: var(--stage961-surface-2);
    --surface-white: var(--stage961-surface);
    --surface-dark-soft: var(--stage961-surface-3);
    --text-primary: var(--stage961-text);
    --text-secondary: var(--stage961-muted);
    --border: var(--stage961-line);
    --premium-surface: var(--stage961-surface-2);
    --premium-surface-2: var(--stage961-surface-3);
    --premium-line: var(--stage961-line);
    --premium-muted: var(--stage961-muted);
}

/* Stage 9.5.1 used high-specificity light panels. Override them with equal/
   higher specificity instead of relying on source order alone. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main > section:not(.section-dark):not(.premium-dark-section):not(.home-industry-v2),
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main > .section:not(.section-dark):not(.premium-dark-section) {
    background: var(--stage961-surface) !important;
    border-color: var(--stage961-line) !important;
    color: var(--stage961-text) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main > .section-soft,
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .home-analysis-v2,.home-solutions-v2,.home-products-v2,.home-projects-v2,.home-knowledge-v2,
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section
) {
    background: var(--stage961-surface-2) !important;
    border-color: var(--stage961-line) !important;
    color: var(--stage961-text) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .section-dark,.premium-dark-section,.home-industry-v2,.company-proof-section
) {
    background: rgba(4,18,29,.98) !important;
    color: var(--stage961-text) !important;
}

/* Home page: remove the remaining white rails/cards visible in real browser QA. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-trust-v2 {
    background: var(--stage961-surface-3) !important;
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-trust-grid-v2 article {
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-trust-grid-v2 article > span,
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-analysis-signals > span,
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-family-rail a > span,
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-knowledge-icon {
    background: rgba(55,203,237,.08) !important;
    border-color: rgba(55,203,237,.15) !important;
    color: var(--stage961-accent) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency :is(
    .home-analysis-card,.home-solution-card,.home-family-rail a,.home-product-card,
    .home-knowledge-grid article,.home-products-empty,.home-projects-empty,.home-compact-empty
) {
    background: var(--stage961-card) !important;
    border-color: var(--stage961-line) !important;
    color: var(--stage961-text) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.14) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-solution-card.is-featured {
    background: linear-gradient(145deg,#0b2639,#071a28) !important;
    border-color: rgba(55,203,237,.20) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .home-product-art {
    background: radial-gradient(circle at 50% 35%,#123a50,#081c2a 72%) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency :is(
    .home-analysis-copy p,.home-section-head p,.home-solution-card p,.home-family-rail small,
    .home-product-copy p,.home-products-empty span,.home-projects-empty span,
    .home-knowledge-grid article small,.home-trust-grid-v2 small,.analysis-disclaimer
) { color: var(--stage961-muted) !important; }
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency :is(
    .home-analysis-copy h2,.home-section-head h2,.home-solution-card h3,.home-family-rail b,
    .home-product-copy h3,.home-products-empty strong,.home-projects-empty strong,
    .home-knowledge-grid h3,.home-trust-grid-v2 strong
) { color: var(--stage961-text) !important; }

/* Legacy light component families from Stage 5–9.4. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .premium-trust-band,.analysis-card-premium,.bento-solution-card,.family-rail a,
    .premium-knowledge-grid article,.portal-nav,.portal-kpi-grid article,.portal-panel,
    .portal-order-card,.device-asset-card,.installation-card,.representative-card,.success-card,
    .stage94-form-step,.stage94-progress-card,.stage94-check-field,.stage94-success-timeline,
    .active-filter-bar,.compare-product-strip-label,.article-toc-card,.premium-article-content blockquote,
    .warranty-hero,.owner-device-action,.pf-compare,.feature-card,.product-card,.analysis-card,
    .side-card,.spec-card,.contact-form-shell,.company-rich-card,.company-principles-grid article
) {
    background: var(--stage961-card) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .premium-product-media,.premium-product-art,.product-art,.premium-product-card .premium-product-media
) {
    background: radial-gradient(circle at 50% 38%,#153c50,#0a2232 70%,#071925 100%) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .status-cluster span,.order-state-grid span,.stage94-rep-pin,.rep-services span,.trust-icon,
    .premium-pagination strong,.case-story-rail a:hover,.case-story-rail a.is-active,
    .article-toc-card nav a:hover,.article-toc-card nav a.is-active
) {
    background: rgba(55,203,237,.08) !important;
    color: #a9eaff !important;
    border-color: rgba(55,203,237,.15) !important;
}

/* Inputs: old form layers contained literal white backgrounds with stronger
   selectors. Keep all editable surfaces in the same dark hierarchy. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .premium-form-grid input:not([type="checkbox"]),.premium-form-grid select,.premium-form-grid textarea,
    .stage94-form-step input:not([type="checkbox"]),.stage94-form-step select,.stage94-form-step textarea,
    .rep-filter select,.stage94-rep-filter select
) {
    background: var(--stage961-input) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(input,textarea,select)::placeholder {
    color: var(--stage961-muted-2) !important;
}

/* Tables and technical data surfaces. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .spec-card-head,.premium-compare-table tbody th,.compare-product-strip-label,
    .compare-table-stage92 thead th,.product-spec-stage92 thead th
) {
    background: var(--stage961-surface-3) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .spec-list > div,.premium-compare-table td,.premium-compare-table th,
    .compare-table-stage92 td,.compare-table-stage92 th,.product-spec-stage92 td,.product-spec-stage92 th
) {
    border-color: var(--stage961-line) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main .spec-list > div:hover {
    background: rgba(55,203,237,.05) !important;
}

/* Typography safety net: explicit component colors from the old light theme
   must not override the unified dark palette. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .home-trust-v2,.home-analysis-v2,.home-solutions-v2,.home-products-v2,.home-projects-v2,.home-knowledge-v2,
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section,.company-story-section,.contact-workspace,
    .knowledge-index-section,.knowledge-article-section,.search-results-section
) :is(h1,h2,h3,h4,h5,h6,strong,b,dt) {
    color: var(--stage961-text) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main :is(
    .home-trust-v2,.home-analysis-v2,.home-solutions-v2,.home-products-v2,.home-projects-v2,.home-knowledge-v2,
    .catalog-workspace-stage92,.product-body-stage92,.compare-workspace-stage92,
    .stage93-project-workspace,.stage93-case-workspace,.stage94-portal-workspace,
    .stage94-rep-network,.stage94-partner-form-section,.company-story-section,.contact-workspace,
    .knowledge-index-section,.knowledge-article-section,.search-results-section
) :is(p,li,dd,small,.muted) {
    color: var(--stage961-muted) !important;
}

/* Keep intentional white utilities white only when they are media/QR assets,
   not layout surfaces. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency .qr-public-mark img { background:#fff !important; }

/* Footer/header remain slightly darker than content surfaces. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency :is(.site-header,.premium-header,.premium-header.is-scrolled) {
    background: rgba(4,17,27,.985) !important;
}
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency :is(.site-footer,.premium-footer) {
    background: rgba(2,12,20,.995) !important;
}

@media (max-width: 640px) {
    body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main > section,
    body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency main > .section {
        border-color: rgba(123,203,232,.11) !important;
    }
}


/* Stage 9.6.2 — Page-family theme lock for Stage 9.3 storytelling surfaces.
   Stage 9.3 shipped its own literal light backgrounds with high specificity.
   Do not rely on inherited global tokens: lock each storytelling surface here. */
body.stage951-electric-lite.stage96-unified-dark.stage961-theme-consistency.stage962-page-family-lock {
    --stage93-line: rgba(123, 203, 232, .15);
    --stage93-soft: rgba(8, 28, 42, .96);
    --stage93-muted: #9fb8c7;
    --stage93-blue: #4abff0;
    --stage93-cyan: #5ed9f6;
}

/* Solutions / engineering flow */
body.stage962-page-family-lock main :is(
    .stage93-count-badge,
    .stage93-solution-card,
    .stage93-process-grid article,
    .stage93-decision-strip,
    .stage93-decision-grid article,
    .stage93-problem-panel,
    .stage93-panel-icon,
    .stage93-energy-bridge .ui-icon
) {
    background: var(--stage961-card) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.12) !important;
}
body.stage962-page-family-lock main .stage93-solution-card.is-featured,
body.stage962-page-family-lock main .stage93-outcome-panel {
    background: linear-gradient(145deg,#0b2a3e,#071824) !important;
    border-color: rgba(94,217,246,.20) !important;
}
body.stage962-page-family-lock main .stage93-process-band,
body.stage962-page-family-lock main .stage93-decision-strip {
    border-color: var(--stage961-line) !important;
}
body.stage962-page-family-lock main :is(
    .stage93-card-copy h3,.stage93-outcome-line span,.stage93-process-grid strong,
    .stage93-decision-grid strong,.stage93-problem-panel h2,.stage93-outcome-panel h2,
    .stage93-count-badge strong
) { color: var(--stage961-text) !important; }
body.stage962-page-family-lock main :is(
    .stage93-card-copy .card-summary,.stage93-card-copy .card-summary p,.stage93-outcome-line b,
    .stage93-process-grid small,.stage93-decision-grid small,.stage93-problem-panel p,
    .stage93-count-badge span
) { color: var(--stage961-muted) !important; }
body.stage962-page-family-lock main .stage93-card-signal span,
body.stage962-page-family-lock main .stage93-decision-grid article > span {
    color: rgba(174,215,232,.25) !important;
}
body.stage962-page-family-lock main .stage93-panel-icon,
body.stage962-page-family-lock main .stage93-energy-bridge .ui-icon {
    background: rgba(55,203,237,.08) !important;
    color: var(--stage961-accent) !important;
}

/* Shared case/equipment surfaces */
body.stage962-page-family-lock main :is(
    .stage93-case-card,.stage93-mini-metrics span,.stage93-equipment-card,
    .stage93-customer-quote,.stage93-side-card,.stage93-project-product
) {
    background: var(--stage961-card) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage962-page-family-lock main :is(
    .stage93-case-copy h3,.stage93-mini-metrics strong,.stage93-equipment-card h3,
    .stage93-customer-quote p,.stage93-side-card h3,.stage93-project-product span
) { color: var(--stage961-text) !important; }
body.stage962-page-family-lock main :is(
    .stage93-mini-metrics b,.stage93-equipment-card p,.stage93-customer-quote footer,
    .stage93-side-card p,.stage93-project-product code
) { color: var(--stage961-muted) !important; }
body.stage962-page-family-lock main .stage93-side-card.dark {
    background: linear-gradient(145deg,#0b2a3e,#071824) !important;
}

/* Industries */
body.stage962-page-family-lock main :is(
    .stage93-industry-card,.stage93-industry-icon,.industry-principles-grid article,
    .stage93-industry-dimension-strip,.stage93-dimension-grid article,.stage93-context-tags span,
    .stage93-industry-diagnostic,.diagnostic-node
) {
    background: var(--stage961-card) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage962-page-family-lock main .stage93-industry-diagnostic {
    background-image:
        linear-gradient(rgba(94,217,246,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(94,217,246,.045) 1px,transparent 1px),
        radial-gradient(circle at 50% 45%,rgba(25,80,108,.34),rgba(6,22,34,.96) 68%) !important;
    background-size: 38px 38px,38px 38px,auto !important;
}
body.stage962-page-family-lock main .stage93-industry-diagnostic::before { opacity: 0 !important; }
body.stage962-page-family-lock main :is(
    .stage93-industry-card h3,.stage93-dimension-grid strong,.stage93-context-tags span,
    .industry-principles-grid article h3
) { color: var(--stage961-text) !important; }
body.stage962-page-family-lock main :is(
    .stage93-industry-card .card-summary,.stage93-load-preview,.stage93-dimension-grid small,
    .stage93-dimension-grid span,.stage93-industry-context-shell p
) { color: var(--stage961-muted) !important; }
body.stage962-page-family-lock main .stage93-industry-icon,
body.stage962-page-family-lock main .diagnostic-node {
    background: rgba(55,203,237,.08) !important;
    color: var(--stage961-accent) !important;
}

/* Projects / Case Study */
body.stage962-page-family-lock main :is(
    .stage93-project-filter,.stage93-filter-group button,.stage93-project-card,
    .stage93-case-rail,.stage93-story-marker,.stage93-result-grid article,
    .stage93-project-aside .stage93-side-card,.stage93-map-legend
) {
    background: var(--stage961-card) !important;
    color: var(--stage961-text) !important;
    border-color: var(--stage961-line) !important;
}
body.stage962-page-family-lock main .stage93-filter-group button:hover,
body.stage962-page-family-lock main .stage93-filter-group button.is-active,
body.stage962-page-family-lock main .stage93-case-rail a:hover,
body.stage962-page-family-lock main .stage93-case-rail a.is-active {
    background: rgba(55,203,237,.09) !important;
    color: #a9eaff !important;
    border-color: rgba(94,217,246,.32) !important;
}
body.stage962-page-family-lock main :is(
    .stage93-project-body h3,.stage93-result-values strong,.stage93-story-block h2,
    .stage93-project-aside h3
) { color: var(--stage961-text) !important; }
body.stage962-page-family-lock main :is(
    .stage93-project-meta,.stage93-project-note,.stage93-result-grid article>small,
    .stage93-case-rail>span,.stage93-case-rail a,.stage93-story-block .rich-prose,
    .stage93-case-gallery figcaption
) { color: var(--stage961-muted) !important; }
body.stage962-page-family-lock main .stage93-case-body::before {
    background: linear-gradient(var(--stage961-accent),rgba(123,203,232,.18) 60%,transparent) !important;
}
body.stage962-page-family-lock main .stage93-story-marker {
    box-shadow: 0 10px 28px rgba(0,0,0,.14) !important;
}

/* Guard against the last light strips on responsive Stage 9.3 layouts. */
@media (max-width: 700px) {
    body.stage962-page-family-lock main .stage93-filter-group small {
        background: var(--stage961-surface-2) !important;
        color: var(--stage961-muted) !important;
    }
    body.stage962-page-family-lock main :is(.stage93-decision-grid article,.stage93-dimension-grid article) {
        border-color: var(--stage961-line) !important;
    }
}


/* ======================================================================
   Stage 9.6.3 — Full legacy-light surface sweep
   Final cross-family lock for catalog filters, map/empty states,
   representative surfaces and any legacy component that still declares
   literal white/light backgrounds in Stage 1–9.4 CSS.
   ====================================================================== */
body.stage963-full-theme-lock {
    --stage963-surface: #081c2a;
    --stage963-surface-2: #0b2435;
    --stage963-card: #0d293b;
    --stage963-card-2: #103247;
    --stage963-input: #071a28;
    --stage963-line: rgba(123,203,232,.16);
    --stage963-line-strong: rgba(94,217,246,.31);
    --stage963-text: #eef9fd;
    --stage963-muted: #9ab6c5;
    --stage963-muted-2: #6f8f9f;
    --stage963-accent: #49cfee;
}

/* Catalog / filters / result rails */
body.stage963-full-theme-lock main :is(
    .catalog-toolbar,.catalog-filter-panel,.catalog-filter-stage92,.technical-filter-form,
    .catalog-result-head-stage92,.active-filter-bar,.compare-table-wrap,.compare-toolbar-stage92,
    .compare-product-card-stage92,.compare-add-card-stage92,.compare-table-wrap-stage92,
    .catalog-filter-drawer,.filter-mobile-head,.catalog-empty-stage92,.premium-empty-state,.empty-state
) {
    background: var(--stage963-card) !important;
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}
body.stage963-full-theme-lock main :is(
    .catalog-filter-stage92 .technical-filter-form,
    .catalog-filter-stage92 .filter-panel-head,
    .catalog-filter-stage92 .technical-filter-item,
    .catalog-result-head-stage92,
    .active-filter-bar
) { border-color: var(--stage963-line) !important; }
body.stage963-full-theme-lock main :is(
    .catalog-toolbar input,.catalog-toolbar select,
    .technical-filter-form input,.technical-filter-form select,
    .catalog-filter-stage92 input,.catalog-filter-stage92 select,
    .rep-filter select,.stage94-rep-filter select
) {
    background: var(--stage963-input) !important;
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main :is(
    .catalog-toolbar input,.technical-filter-form input,.catalog-filter-stage92 input
)::placeholder { color: var(--stage963-muted-2) !important; }
body.stage963-full-theme-lock main :is(
    .catalog-filter-stage92 .filter-field>span,
    .catalog-filter-stage92 .technical-filter-item>strong,
    .catalog-result-head-stage92 .result-count span,
    .active-filter-bar>span
) { color: var(--stage963-muted) !important; }
body.stage963-full-theme-lock main :is(
    .active-filter-bar b,.compare-link-stage92,.compare-link-premium,.button-quiet,
    .filter-close,.catalog-filter-trigger
) {
    background: rgba(73,207,238,.07) !important;
    color: #c9f2fb !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main .filter-input-icon { background: transparent !important; }
body.stage963-full-theme-lock main .filter-input-icon b { color: var(--stage963-accent) !important; }

/* Project map / field evidence — remove the last white map canvas. */
body.stage963-full-theme-lock main :is(
    .stage93-project-map,.iran-project-map,.stage93-map-legend,
    .stage93-map-legend li,.stage93-map-marker b,.map-empty
) {
    background: var(--stage963-card) !important;
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main .stage93-project-map {
    background-image:
        linear-gradient(rgba(73,207,238,.045) 1px, transparent 1px),
        linear-gradient(90deg,rgba(73,207,238,.045) 1px, transparent 1px),
        radial-gradient(circle at 50% 44%, rgba(28,82,111,.34), rgba(7,25,38,.98) 72%) !important;
    background-size: 38px 38px,38px 38px,auto !important;
}
body.stage963-full-theme-lock main .stage93-project-map .map-grid { opacity: 0 !important; }
body.stage963-full-theme-lock main .stage93-project-map .iran-map-shape {
    fill: rgba(73,207,238,.055) !important;
    stroke: rgba(94,217,246,.34) !important;
}
body.stage963-full-theme-lock main .stage93-map-legend li {
    background: rgba(73,207,238,.055) !important;
    color: var(--stage963-muted) !important;
}
body.stage963-full-theme-lock main .stage93-map-marker b {
    background: #0a2536 !important;
    color: #dff7fc !important;
}
body.stage963-full-theme-lock main .stage93-filter-group small {
    background: var(--stage963-surface-2) !important;
    color: var(--stage963-muted) !important;
}

/* Representatives — empty state/filter controls were still literal light. */
body.stage963-full-theme-lock main :is(
    .stage94-empty,.representative-card,.stage94-rep-card,.stage94-rep-network,
    .rep-filter,.stage94-rep-filter
) {
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main :is(.stage94-empty,.representative-card,.stage94-rep-card) {
    background: var(--stage963-card) !important;
}
body.stage963-full-theme-lock main .stage94-empty {
    background-image: radial-gradient(circle at 50% 0%,rgba(73,207,238,.08),transparent 58%) !important;
}
body.stage963-full-theme-lock main .stage94-empty strong { color: var(--stage963-text) !important; }
body.stage963-full-theme-lock main .stage94-empty span { color: var(--stage963-muted) !important; }
body.stage963-full-theme-lock main .stage94-rep-pin {
    background: rgba(73,207,238,.08) !important;
    color: var(--stage963-accent) !important;
}
body.stage963-full-theme-lock main .stage94-rep-heading p,
body.stage963-full-theme-lock main .stage94-rep-filter label span { color: var(--stage963-muted) !important; }

/* Cross-site legacy-light component sweep. This deliberately targets only
   layout/components; QR/media assets remain untouched. */
body.stage963-full-theme-lock main :is(
    .trust-strip,.analysis-card,.feature-card,.product-card,.message,
    .cms-stat,.faq-item,.marketing-card,.problem-outcome-grid article,
    .analysis-pro-form,.result-summary-grid article,.recommendation-card,.lead-capture-card,
    .form-card,.project-card,.project-result-strip,.knowledge-card,
    .selector-summary>div,.portal-stats>div,.success-panel,.auth-card,.portal-panel,
    .premium-trust-band,.analysis-card-premium,.bento-solution-card,.family-rail a,
    .premium-knowledge-grid article,.rep-hero-stat,.success-card,
    .compare-product-mini,.logic-card,.related-product-card,.industry-context-cards article,
    .premium-marketing-card,.premium-result-strip,.premium-side-card,.premium-knowledge-card,
    .article-toc-card,.article-share-card,.premium-review-card,.article-cta-card,
    .premium-form-step,.premium-selector-form,.premium-selector-summary,.selector-recommendation,
    .global-search-field,.premium-search-form,.premium-search-input-wrap,.search-product-card,
    .company-principles-grid article,.contact-routing-panel a,.contact-form-shell,
    .electrical-feature-strip span,.stage94-auth-card,.stage94-form-step,.stage94-progress-card,
    .stage94-check-field,.stage94-success-timeline,.stage94-partner-path span,
    .product-jumpbar-stage92,.spec-card-stage92,.product-body-stage92,.side-card-stage92,
    .stage94-partner-form-section
) {
    background: var(--stage963-card) !important;
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
}

/* Form fields and secondary controls across all remaining page families. */
body.stage963-full-theme-lock main :is(
    .analysis-pro-form input,.analysis-pro-form select,.lead-form input,.lead-form textarea,.lead-form select,
    .field-group input:not([type="checkbox"]),.field-group select,.field-group textarea,
    .premium-field input,.premium-field textarea,.premium-field select,
    .stage94-form-step input:not([type="checkbox"]),.stage94-form-step select,.stage94-form-step textarea
) {
    background: var(--stage963-input) !important;
    color: var(--stage963-text) !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main :is(
    .button-secondary,.button-outline,.button-quiet,.analytics-consent .button-secondary
) {
    background: rgba(73,207,238,.06) !important;
    color: #d9f7fc !important;
    border-color: var(--stage963-line) !important;
}
body.stage963-full-theme-lock main :is(
    .button-secondary,.button-outline,.button-quiet,.analytics-consent .button-secondary
):hover {
    background: rgba(73,207,238,.12) !important;
    border-color: var(--stage963-line-strong) !important;
}

/* Text safety net for component families that previously hard-coded dark text. */
body.stage963-full-theme-lock main :is(
    .catalog-filter-stage92,.catalog-result-head-stage92,.stage93-map-section,.stage94-rep-network,
    .stage94-partner-form-section,.technical-filter-form,.premium-form-step,.contact-form-shell
) :is(h1,h2,h3,h4,h5,h6,strong,b,dt,label) { color: var(--stage963-text) !important; }
body.stage963-full-theme-lock main :is(
    .catalog-filter-stage92,.catalog-result-head-stage92,.stage93-map-section,.stage94-rep-network,
    .stage94-partner-form-section,.technical-filter-form,.premium-form-step,.contact-form-shell
) :is(p,small,span,dd,li) { color: var(--stage963-muted) !important; }
body.stage963-full-theme-lock main :is(.eyebrow,.eyebrow-blue,.filter-panel-head small) { color: var(--stage963-accent) !important; }

/* Intentional exceptions: machine-readable QR must retain a white quiet zone. */
body.stage963-full-theme-lock .qr-public-mark img { background: #fff !important; }

@media (max-width: 700px) {
    body.stage963-full-theme-lock main .catalog-filter-stage92 { background: #071a28 !important; }
    body.stage963-full-theme-lock main .stage93-project-map { min-height: 330px; }
}

/* ======================================================================
   Stage 9.7 — Final visual consistency QA / design freeze
   Cross-site typography, spacing, surface and responsive normalization.
   This layer intentionally freezes the public visual system before the
   production content migration stages. No paint-heavy global effects.
   ====================================================================== */
body.stage97-design-freeze {
    --stage97-bg: #04111b;
    --stage97-surface: #071b29;
    --stage97-surface-2: #0a2232;
    --stage97-card: #0c293b;
    --stage97-card-hover: #103249;
    --stage97-input: #061925;
    --stage97-line: rgba(113, 203, 231, .16);
    --stage97-line-strong: rgba(73, 207, 238, .34);
    --stage97-text: #eef9fd;
    --stage97-muted: #9db6c4;
    --stage97-muted-2: #7897a8;
    --stage97-accent: #48cee9;
    --stage97-accent-2: #ffbf2e;
    --stage97-radius-sm: 12px;
    --stage97-radius-md: 18px;
    --stage97-radius-lg: 26px;
    --stage97-section-gap: clamp(18px, 2vw, 30px);
    --stage97-section-pad: clamp(30px, 4.5vw, 66px);
    --stage97-content-max: 1280px;
    color: var(--stage97-text);
    background: var(--stage97-bg);
    color-scheme: dark;
}

body.stage97-design-freeze main {
    color: var(--stage97-text);
}

body.stage97-design-freeze :is(h1,h2,h3,h4,h5,h6) {
    color: var(--stage97-text);
    text-wrap: balance;
}
body.stage97-design-freeze main :is(p,li,dd,figcaption) {
    text-wrap: pretty;
}
body.stage97-design-freeze main :is(.muted,.helper-text,.field-help,.meta,.summary) {
    color: var(--stage97-muted) !important;
}

/* Consistent public container rhythm. */
body.stage97-design-freeze .premium-container,
body.stage97-design-freeze .container,
body.stage97-design-freeze .site-container {
    width: min(calc(100% - 40px), var(--stage97-content-max));
    margin-inline: auto;
}
body.stage97-design-freeze main > :is(section,.section-shell,.premium-section) {
    scroll-margin-top: 92px;
}

/* Freeze hero typography after the 9.5/9.5.1 reductions. */
body.stage97-design-freeze :is(
    .home-hero-v2 h1,.premium-hero h1,.catalog-hero-stage92 h1,.product-hero-stage92 h1,
    .stage93-solution-hero h1,.stage93-industry-hero h1,.stage93-project-hero h1,
    .stage94-portal-hero h1,.stage94-auth-shell h1,.stage94-rep-hero h1,
    .stage94-partner-hero h1,.power-analysis-hero h1,.selector-hero h1,.company-hero h1
) {
    font-size: clamp(2rem, 3.75vw, 3.55rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em;
    max-width: 18ch;
}
body.stage97-design-freeze .home-hero-v2 h1 {
    font-size: clamp(2.15rem, 4.15vw, 3.75rem) !important;
    max-width: 15ch;
}
body.stage97-design-freeze :is(
    .section-heading h2,.premium-section-heading h2,.stage93-section-heading h2,
    .stage94-section-heading h2,.catalog-section-heading h2
) {
    font-size: clamp(1.65rem, 2.6vw, 2.55rem) !important;
    line-height: 1.28 !important;
}

/* Header + footer density and color lock. */
body.stage97-design-freeze :is(.premium-header,.site-header) {
    background: rgba(4, 17, 27, .96) !important;
    border-color: var(--stage97-line) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.16) !important;
}
body.stage97-design-freeze .premium-main-nav {
    background: rgba(10, 34, 50, .72) !important;
    border-color: var(--stage97-line) !important;
}
body.stage97-design-freeze .premium-main-nav a {
    color: #c6dbe6 !important;
    min-height: 36px;
}
body.stage97-design-freeze .premium-main-nav a:hover,
body.stage97-design-freeze .premium-main-nav a[aria-current="page"] {
    color: #f5fcff !important;
    background: rgba(73,207,238,.09) !important;
    box-shadow: none !important;
}
body.stage97-design-freeze .header-icon-link {
    background: rgba(11, 36, 53, .86) !important;
    color: #dff7fc !important;
    border-color: var(--stage97-line) !important;
}
body.stage97-design-freeze :is(.premium-footer,.site-footer) {
    background: #03101a !important;
    border-top: 1px solid var(--stage97-line) !important;
    padding-top: clamp(38px, 4vw, 58px) !important;
}
body.stage97-design-freeze .premium-footer-top { padding-bottom: 34px !important; }
body.stage97-design-freeze .premium-footer-bottom { padding-block: 15px !important; }
body.stage97-design-freeze .premium-footer a { color: var(--stage97-muted) !important; }
body.stage97-design-freeze .premium-footer a:hover { color: var(--stage97-accent) !important; }

/* Final component surface matrix — eliminate legacy white cards. */
body.stage97-design-freeze main :is(
    .floating-proof-card,.premium-trust-band,.analysis-card-premium,.analysis-card-premium label,
    .bento-solution-card,.family-rail a,.premium-knowledge-grid article,
    .portal-nav,.portal-kpi-grid article,.portal-panel,.portal-order-card,.device-asset-card,
    .installation-card,.owner-device-action,.representative-card,.success-card,
    .catalog-toolbar,.catalog-filter-panel,.catalog-filter-stage92,.technical-filter-form,
    .catalog-result-head-stage92,.active-filter-bar,.compare-table-wrap,.compare-toolbar-stage92,
    .compare-product-card-stage92,.compare-add-card-stage92,.compare-table-wrap-stage92,
    .catalog-filter-drawer,.filter-mobile-head,.catalog-empty-stage92,.premium-empty-state,.empty-state,
    .compare-product-strip-label,.compare-product-mini,.logic-card,.logic-connector b,
    .related-product-card,.industry-context-cards article,.premium-marketing-card,
    .premium-result-strip,.premium-side-card,.article-toc-card,.article-share-card,
    .premium-review-card,.article-cta-card,.premium-form-step,.premium-selector-form,
    .premium-selector-summary,.selector-recommendation,.global-search-field,.premium-search-form,
    .premium-search-input-wrap,.search-product-card,.company-principles-grid article,
    .contact-routing-panel a,.contact-form-shell,.stage94-progress-card,.stage94-form-step,
    .stage94-check-field,.stage94-success-timeline,.product-jumpbar-stage92,.spec-card-stage92,
    .product-body-stage92,.side-card-stage92,.stage94-partner-form-section,
    .stage93-case-rail,.stage93-story-marker,.stage93-customer-quote,.stage93-side-card,
    .stage93-project-product,.stage93-similar-projects,.stage94-rep-network,.stage94-empty
) {
    background: var(--stage97-card) !important;
    color: var(--stage97-text) !important;
    border-color: var(--stage97-line) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.11) !important;
}
body.stage97-design-freeze main :is(
    .bento-solution-card,.family-rail a,.portal-order-card,.device-asset-card,
    .representative-card,.related-product-card,.premium-marketing-card,
    .premium-side-card,.search-product-card,.contact-routing-panel a
):hover {
    background: var(--stage97-card-hover) !important;
    border-color: var(--stage97-line-strong) !important;
}

/* Light sub-surfaces that survived old stage CSS. */
body.stage97-design-freeze main :is(
    .trust-icon,.status-cluster span,.order-state-grid span,.rep-services span,
    .active-filter-bar b,.compare-toggle-button span,.product-card-topline span,
    .product-card-topline code,.case-story-rail a:hover,.case-story-rail a.is-active,
    .stage94-consent,.stage94-success-timeline,.stage94-rep-pin
) {
    background: rgba(73,207,238,.075) !important;
    color: #d9f7fc !important;
    border-color: var(--stage97-line) !important;
    backdrop-filter: none !important;
}

/* Media wells: dark neutral instead of light grey. */
body.stage97-design-freeze main :is(.premium-product-media,.product-media-stage92,.gallery-main-stage92) {
    background: #061823 !important;
    border-color: var(--stage97-line) !important;
}

/* Tables — no remaining white sticky cells. */
body.stage97-design-freeze main :is(table,.premium-compare-table,.spec-table-stage92) {
    --table-bg: var(--stage97-card);
    color: var(--stage97-text);
    border-color: var(--stage97-line);
}
body.stage97-design-freeze main :is(table,.premium-compare-table,.spec-table-stage92) :is(th,td) {
    border-color: var(--stage97-line) !important;
}
body.stage97-design-freeze main :is(.premium-compare-table thead th,.premium-compare-table tbody th,.spec-table-stage92 th) {
    background: #0a2232 !important;
    color: #eaf9fd !important;
}
body.stage97-design-freeze main :is(.premium-compare-table td,.spec-table-stage92 td) {
    background: #0c293b !important;
    color: var(--stage97-muted) !important;
}

/* Form control freeze. */
body.stage97-design-freeze main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    background-color: var(--stage97-input) !important;
    color: var(--stage97-text) !important;
    border-color: var(--stage97-line) !important;
    box-shadow: none;
}
body.stage97-design-freeze main :is(input,select,textarea):focus {
    border-color: var(--stage97-accent) !important;
    box-shadow: 0 0 0 3px rgba(73,207,238,.10) !important;
    outline: 0;
}
body.stage97-design-freeze main ::placeholder { color: #6e8c9d !important; opacity: 1; }
body.stage97-design-freeze select { color-scheme: dark; }

/* Buttons: one primary, one dark secondary language. */
body.stage97-design-freeze :is(.button-secondary,.button-outline,.button-quiet,.button-glass) {
    background: rgba(73,207,238,.065) !important;
    color: #e3f9fd !important;
    border-color: var(--stage97-line) !important;
    backdrop-filter: none !important;
}
body.stage97-design-freeze :is(.button-secondary,.button-outline,.button-quiet,.button-glass):hover {
    background: rgba(73,207,238,.12) !important;
    border-color: var(--stage97-line-strong) !important;
}

/* Text contrast safety net, excluding branded/accent labels. */
body.stage97-design-freeze main :where(
    .catalog-filter-stage92,.stage93-project-map,.stage94-rep-network,.stage94-partner-form-section,
    .premium-form-step,.portal-panel,.contact-form-shell,.technical-filter-form,
    .premium-marketing-card,.stage93-case-rail,.stage93-side-card
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt) {
    color: var(--stage97-text) !important;
}
body.stage97-design-freeze main :where(
    .catalog-filter-stage92,.stage93-project-map,.stage94-rep-network,.stage94-partner-form-section,
    .premium-form-step,.portal-panel,.contact-form-shell,.technical-filter-form,
    .premium-marketing-card,.stage93-case-rail,.stage93-side-card
) :is(p,small,span,li,dd,figcaption) {
    color: var(--stage97-muted) !important;
}
body.stage97-design-freeze main :is(.eyebrow,.eyebrow-blue,[class*="kicker"],[class*="overline"]) {
    color: var(--stage97-accent) !important;
}

/* Card sizing rhythm. */
body.stage97-design-freeze main :is(
    .bento-solution-card,.premium-marketing-card,.related-product-card,.knowledge-card,
    .premium-knowledge-card,.representative-card,.stage94-rep-card
) {
    min-height: 100%;
}
body.stage97-design-freeze main :is(.grid,.cards-grid,.premium-grid) > * { min-width: 0; }

/* QR quiet zone is a deliberate machine-readable exception. */
body.stage97-design-freeze .qr-public-mark img { background: #fff !important; }

/* Mobile/tablet freeze. */
@media (max-width: 900px) {
    body.stage97-design-freeze .premium-container,
    body.stage97-design-freeze .container,
    body.stage97-design-freeze .site-container { width: min(calc(100% - 30px), var(--stage97-content-max)); }
    body.stage97-design-freeze :is(
        .home-hero-v2 h1,.premium-hero h1,.catalog-hero-stage92 h1,.product-hero-stage92 h1,
        .stage93-solution-hero h1,.stage93-industry-hero h1,.stage93-project-hero h1,
        .stage94-portal-hero h1,.stage94-auth-shell h1,.stage94-rep-hero h1
    ) { font-size: clamp(1.9rem, 6.5vw, 3rem) !important; max-width: 20ch; }
    body.stage97-design-freeze .premium-footer-top { gap: 30px !important; }
}
@media (max-width: 640px) {
    body.stage97-design-freeze .premium-container,
    body.stage97-design-freeze .container,
    body.stage97-design-freeze .site-container { width: min(calc(100% - 22px), var(--stage97-content-max)); }
    body.stage97-design-freeze main > :is(section,.section-shell,.premium-section) { scroll-margin-top: 76px; }
    body.stage97-design-freeze :is(
        .home-hero-v2 h1,.premium-hero h1,.catalog-hero-stage92 h1,.product-hero-stage92 h1,
        .stage93-solution-hero h1,.stage93-industry-hero h1,.stage93-project-hero h1,
        .stage94-portal-hero h1,.stage94-auth-shell h1,.stage94-rep-hero h1
    ) { font-size: clamp(1.75rem, 8.6vw, 2.5rem) !important; line-height: 1.22 !important; }
    body.stage97-design-freeze :is(.button,.button-primary,.button-secondary,.button-outline) { min-height: 44px; }
    body.stage97-design-freeze .premium-footer { padding-top: 34px !important; }
}

/* =========================================================
   Stage 11 — Catalog & Knowledge Scale
   ========================================================= */
.stage11-listing-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:16px 0 22px;padding:11px 14px;border:1px solid rgba(73,207,238,.16);border-radius:14px;background:rgba(8,27,40,.72);color:#91aebb;font-size:.88rem}
.stage11-listing-summary strong{color:#e6f8fc;font-weight:700}.stage11-listing-summary small{margin-inline-start:auto;color:#69d9ef}
.stage11-pagination{display:grid;grid-template-columns:minmax(86px,auto) 1fr minmax(86px,auto);align-items:center;gap:14px;margin-top:32px;padding:14px;border:1px solid rgba(73,207,238,.16);border-radius:18px;background:rgba(6,22,34,.86)}
.stage11-pagination-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px}
.stage11-page-number,.stage11-page-edge,.stage11-page-ellipsis{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.stage11-page-number,.stage11-page-edge{border:1px solid rgba(73,207,238,.18);background:rgba(73,207,238,.055);color:#dff7fc;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.stage11-page-number:hover,.stage11-page-edge:hover{transform:translateY(-1px);background:rgba(73,207,238,.12);border-color:rgba(73,207,238,.38)}
.stage11-page-number.is-current{background:rgba(73,207,238,.18);border-color:rgba(73,207,238,.52);color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(73,207,238,.08)}
.stage11-page-edge{gap:7px;padding-inline:14px;white-space:nowrap}.stage11-page-edge.is-disabled{opacity:.32;pointer-events:none}.stage11-page-ellipsis{color:#658493}
@media(max-width:640px){.stage11-pagination{grid-template-columns:1fr 1fr;gap:10px;padding:11px}.stage11-pagination-pages{grid-column:1/-1;grid-row:1;gap:5px}.stage11-page-number,.stage11-page-ellipsis{min-width:38px;min-height:38px}.stage11-page-edge{min-height:42px}.stage11-listing-summary small{width:100%;margin-inline-start:0}}

/* =========================================================
   Stage 11.1 — UI repair, live catalog filter, legacy content safety
   ========================================================= */
body.stage111-ui-data-repair {
    --stage111-card:#0b293b;
    --stage111-card-soft:#0d3045;
    --stage111-input:#071e2d;
    --stage111-line:rgba(73,207,238,.19);
    --stage111-text:#eefbfe;
    --stage111-muted:#9cb7c5;
    --stage111-accent:#49cfee;
}

/* Final white-surface sweep for public components that still used literal Stage 6–9 colors. */
body.stage111-ui-data-repair main :is(
    .product-spec-rail-stage92,.product-spec-rail-stage92>div,.product-price-row-stage92,
    .warranty-hero,.owner-device-action,.premium-consent,.premium-form-submit,
    .premium-quote-success-item,.stage94-success-timeline,.stage94-progress-card,
    .stage94-form-step,.stage94-consent,.stage94-check-field,.stage94-next-card,
    .knowledge-card-media>span,.article-toc-card nav a:hover,.article-toc-card nav a.is-active,
    .premium-article-content blockquote,.case-story-rail a:hover,.case-story-rail a.is-active
) {
    background:var(--stage111-card)!important;
    color:var(--stage111-text)!important;
    border-color:var(--stage111-line)!important;
}
body.stage111-ui-data-repair main .product-spec-rail-stage92 {
    overflow:hidden;
    border:1px solid var(--stage111-line)!important;
    border-radius:12px;
    background:#071e2d!important;
}
body.stage111-ui-data-repair main .product-spec-rail-stage92>div {
    border-inline-start:1px solid var(--stage111-line);
}
body.stage111-ui-data-repair main .product-spec-rail-stage92>div:first-child { border-inline-start:0; }
body.stage111-ui-data-repair main :is(.product-spec-rail-stage92 small,.product-price-row-stage92 small,.product-price-row-stage92 span) { color:var(--stage111-muted)!important; }
body.stage111-ui-data-repair main :is(.product-spec-rail-stage92 strong,.product-price-row-stage92 strong) { color:var(--stage111-text)!important; }
body.stage111-ui-data-repair main .product-price-row-stage92 { border-top-color:var(--stage111-line)!important;border-bottom-color:var(--stage111-line)!important; }
body.stage111-ui-data-repair main .knowledge-card-media>span { box-shadow:none!important; }

/* Migrated About content: flatten Elementor layout while retaining actual text/images. */
body.stage111-ui-data-repair .stage111-about-content {
    display:block!important;
    overflow:hidden;
    max-width:100%;
    line-height:2;
}
body.stage111-ui-data-repair .stage111-about-content :is(h2,h3,h4) {
    margin:clamp(24px,4vw,42px) 0 12px;
    color:var(--stage111-text)!important;
    line-height:1.4;
}
body.stage111-ui-data-repair .stage111-about-content p,
body.stage111-ui-data-repair .stage111-about-content li { color:#b7ccd7!important; }
body.stage111-ui-data-repair .stage111-about-content :is(ul,ol) { padding-inline-start:22px; }
body.stage111-ui-data-repair .stage111-about-content a { color:var(--stage111-accent)!important;overflow-wrap:anywhere; }
body.stage111-ui-data-repair .stage111-about-content img {
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(220px,100%)!important;
    max-height:260px!important;
    object-fit:cover;
    margin:12px 8px!important;
    border:1px solid var(--stage111-line);
    border-radius:18px;
    background:#071e2d;
    vertical-align:top;
}
body.stage111-ui-data-repair .stage111-about-content :is(svg,i,.elementor-icon,.e-font-icon-svg) {
    display:none!important;
    width:0!important;height:0!important;overflow:hidden!important;
}
body.stage111-ui-data-repair .stage111-about-content :is(div,section,article,aside) {
    max-width:100%!important;
    min-height:0!important;
    width:auto!important;
    height:auto!important;
    margin-inline:0!important;
    transform:none!important;
}
body.stage111-ui-data-repair .company-story-content { min-width:0; }

/* Live filter state. JS is enhancement only; normal GET submit remains usable. */
.stage111-live-filter-status{display:flex;align-items:center;gap:8px;margin:5px 0 2px;padding:9px 10px;border:1px solid var(--stage111-line);border-radius:11px;background:rgba(73,207,238,.05);color:#99b7c5;font-size:.64rem}
.stage111-live-filter-status i{width:7px;height:7px;border-radius:50%;background:#42d392;box-shadow:0 0 0 4px rgba(66,211,146,.08)}
.stage111-live-filter-status.is-loading i{background:#ffbf2e;animation:stage111Pulse 1s ease-in-out infinite}
@keyframes stage111Pulse{50%{opacity:.35;transform:scale(.75)}}
[data-live-catalog-results]{position:relative;min-height:180px;scroll-margin-top:90px;transition:opacity .18s ease}
[data-live-catalog-results].is-loading{opacity:.48;pointer-events:none}
[data-live-catalog-results].is-loading::after{content:'در حال به‌روزرسانی نتایج…';position:sticky;top:100px;z-index:8;display:block;width:max-content;max-width:90%;margin:-54px auto 16px;padding:9px 13px;border:1px solid var(--stage111-line);border-radius:999px;background:#061a28;color:#cfeaf2;font-size:.68rem;box-shadow:0 12px 30px rgba(0,0,0,.18)}

/* Knowledge images recovered from WP should never break card/cover geometry. */
body.stage111-ui-data-repair .knowledge-card-media img { background:#061823; }
body.stage111-ui-data-repair .premium-article-cover-wrap { overflow:hidden;border-radius:24px; }
body.stage111-ui-data-repair .article-cover { width:100%;height:auto;max-height:620px;object-fit:cover; }

@media(max-width:980px){
    body.stage111-ui-data-repair .stage111-about-content img{max-width:min(180px,46%);max-height:220px}
}
@media(max-width:640px){
    body.stage111-ui-data-repair .stage111-about-content img{display:block!important;max-width:100%!important;width:100%!important;max-height:320px!important;margin:12px 0!important}
    .stage111-live-filter-status{font-size:.61rem}
}

/* Stage 11.1 residual literal-light selectors — explicit final override. */
body.stage111-ui-data-repair main :is(
    .filter-input-icon,.compare-link-premium,.compare-toggle-button span,
    .compare-product-strip-label,.compare-product-mini,.logic-card,.logic-connector b,
    .industry-context-cards article,.premium-result-strip,.premium-side-card,
    .premium-marketing-card,.premium-knowledge-card,.article-toc-card,.article-share-card,
    .premium-review-card,.article-cta-card,.premium-form-step,.premium-selector-form,
    .selector-recommendation,.representative-card,.installation-card,.success-card,
    .catalog-filter-drawer,.filter-mobile-head,.filter-close,.rep-filter select,
    .stage94-b2b-form-section,.stage94-rep-network,.stage94-partner-form-section
){background:var(--stage111-card)!important;color:var(--stage111-text)!important;border-color:var(--stage111-line)!important;box-shadow:none!important}
body.stage111-ui-data-repair main :is(.spec-list>div:hover,.article-toc-card nav a:hover,.article-toc-card nav a.is-active){background:var(--stage111-card-soft)!important}
body.stage111-ui-data-repair main :is(.premium-form-grid input:not([type="checkbox"]),.premium-form-grid select,.premium-form-grid textarea,.stage94-form-step input:not([type=checkbox]),.stage94-form-step select,.stage94-form-step textarea){background:var(--stage111-input)!important;color:var(--stage111-text)!important;border-color:var(--stage111-line)!important}
body.stage111-ui-data-repair main :is(.premium-form-grid input,.premium-form-grid select,.premium-form-grid textarea,.stage94-form-step input,.stage94-form-step select,.stage94-form-step textarea):focus{background:#092437!important;color:var(--stage111-text)!important}

/* ========================================================================== 
   Stage 11.2 — catalog-backed engineering compatibility
   ========================================================================== */
body.stage112-engineering-engine .engineering-status-row{
    display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 6px;
}
body.stage112-engineering-engine .engineering-status,
body.stage112-engineering-engine .engineering-score{
    display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;
    border:1px solid rgba(88,214,240,.18);background:rgba(6,27,41,.78);font-size:.68rem;line-height:1.2;
}
body.stage112-engineering-engine .engineering-status-verified{
    color:#7ee8ba;border-color:rgba(79,214,151,.3);background:rgba(42,174,117,.09);
}
body.stage112-engineering-engine .engineering-status-review{
    color:#ffd36b;border-color:rgba(255,191,46,.3);background:rgba(255,191,46,.08);
}
body.stage112-engineering-engine .engineering-score{color:#9fc5d3}
body.stage112-engineering-engine .recommendation-card .engineering-status-row,
body.stage112-engineering-engine .selector-recommendation .engineering-status-row{margin-block:7px 8px}
body.stage112-engineering-engine .result-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){body.stage112-engineering-engine .result-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
    body.stage112-engineering-engine .result-summary-grid{grid-template-columns:1fr 1fr}
    body.stage112-engineering-engine .engineering-status,body.stage112-engineering-engine .engineering-score{font-size:.63rem}
}
body.stage112-engineering-engine .premium-selector-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){body.stage112-engineering-engine .premium-selector-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.stage112-engineering-engine .premium-selector-summary{grid-template-columns:1fr}}

/* ========================================================================== 
   Stage 11.3 — engineering rules workbench + integration context
   ========================================================================== */
body.stage113-rules-integration .stage113-workbench-hero{padding:clamp(38px,6vw,76px) 0;border-bottom:1px solid rgba(85,211,238,.12)}
body.stage113-rules-integration .stage113-workbench-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
body.stage113-rules-integration .stage113-workbench-head h1{margin:.4rem 0 .7rem;font-size:clamp(2rem,4vw,3.4rem)}
body.stage113-rules-integration .stage113-workbench-head p{max-width:760px;color:#92b3c0}
body.stage113-rules-integration .stage113-workbench-actions{display:flex;gap:10px;flex-wrap:wrap}
body.stage113-rules-integration .stage113-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
body.stage113-rules-integration .stage113-stat-grid article{padding:18px;border:1px solid rgba(85,211,238,.14);border-radius:18px;background:#082235}
body.stage113-rules-integration .stage113-stat-grid small{display:block;color:#7ea5b5;font-size:.72rem}
body.stage113-rules-integration .stage113-stat-grid strong{display:block;margin-top:7px;font-size:1.9rem;color:#eefcff}
body.stage113-rules-integration .stage113-rule-filter{display:grid;grid-template-columns:2fr repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid rgba(85,211,238,.13);border-radius:18px;background:#061c2a}
body.stage113-rules-integration .stage113-rule-filter label>span,body.stage113-rules-integration .stage113-rule-editor label>span{display:block;margin-bottom:6px;color:#92b5c3;font-size:.72rem}
body.stage113-rules-integration .stage113-rule-filter input,body.stage113-rules-integration .stage113-rule-filter select,body.stage113-rules-integration .stage113-rule-editor input:not([type=checkbox]),body.stage113-rules-integration .stage113-rule-editor select,body.stage113-rules-integration .stage113-rule-editor textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid rgba(85,211,238,.16);border-radius:11px;background:#041722;color:#ecfbff;outline:0}
body.stage113-rules-integration .stage113-rule-editor input[type=checkbox]{width:20px;height:20px;accent-color:#20b9ee}
body.stage113-rules-integration .stage113-rule-table-wrap{overflow:auto;border:1px solid rgba(85,211,238,.13);border-radius:18px;background:#061c2a}
body.stage113-rules-integration .stage113-rule-table{width:100%;min-width:1000px;border-collapse:collapse}
body.stage113-rules-integration .stage113-rule-table th{padding:13px 14px;text-align:right;color:#7fa7b7;font-size:.68rem;border-bottom:1px solid rgba(85,211,238,.15);background:#051924}
body.stage113-rules-integration .stage113-rule-table td{padding:14px;vertical-align:top;border-bottom:1px solid rgba(85,211,238,.08);color:#cce7ef}
body.stage113-rules-integration .stage113-rule-table td strong,body.stage113-rules-integration .stage113-rule-table td small,body.stage113-rules-integration .stage113-rule-table td span{display:block}
body.stage113-rules-integration .stage113-rule-table td small{margin-top:5px;color:#6f98a8}
body.stage113-rules-integration .stage113-rule-table td span{margin:3px 0;font-size:.72rem;color:#9bbbc7}
body.stage113-rules-integration .stage113-state{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
body.stage113-rules-integration .stage113-state.is-active{color:#7ee8ba!important;border-color:rgba(79,214,151,.28);background:rgba(42,174,117,.08)}
body.stage113-rules-integration .stage113-state.is-off{color:#ffbc8e!important;border-color:rgba(255,143,86,.25);background:rgba(255,143,86,.07)}
body.stage113-rules-integration .stage113-row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
body.stage113-rules-integration .stage113-row-actions a,body.stage113-rules-integration .stage113-row-actions button{border:0;background:none;color:#65d8f5;font:inherit;font-size:.72rem;cursor:pointer;padding:0}
body.stage113-rules-integration .stage113-row-actions form{margin:0}
body.stage113-rules-integration .stage113-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
body.stage113-rules-integration .stage113-rule-editor{padding:20px;border:1px solid rgba(85,211,238,.14);border-radius:22px;background:#061d2b}
body.stage113-rules-integration .stage113-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.stage113-rules-integration .stage113-form-grid .field-span-2{grid-column:1/-1}
body.stage113-rules-integration .stage113-rule-editor ul.errorlist{margin:6px 0 0;padding:0;list-style:none;color:#ffb28f;font-size:.7rem}
body.stage113-rules-integration .stage113-editor-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(85,211,238,.1)}
body.stage113-rules-integration .stage113-editor-submit small{color:#779eae}
body.stage113-rules-integration .stage113-editor-side{display:grid;gap:12px}
body.stage113-rules-integration .stage113-history-list{display:grid;gap:12px;max-width:1000px;margin:auto}
body.stage113-rules-integration .stage113-history-list article{padding:18px;border:1px solid rgba(85,211,238,.13);border-radius:18px;background:#072033}
body.stage113-rules-integration .stage113-history-list header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
body.stage113-rules-integration .stage113-history-list header strong{font-size:1.05rem;color:#edfaff}
body.stage113-rules-integration .stage113-history-list header span{margin-right:8px;color:#55d4f2;font-size:.7rem}
body.stage113-rules-integration .stage113-history-list header small{color:#7095a5}
body.stage113-rules-integration .stage113-history-list p{color:#a9c6d1}
body.stage113-rules-integration .stage113-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
body.stage113-rules-integration .stage113-history-grid span{padding:9px;border-radius:10px;background:#041722;color:#7ea4b3;font-size:.68rem}
body.stage113-rules-integration .stage113-history-grid b{display:block;margin-top:4px;color:#dff5fb}
body.stage113-rules-integration .stage113-engineering-context{grid-column:1/-1;margin-bottom:14px;padding:15px 16px;border:1px solid rgba(83,213,240,.2);border-radius:16px;background:rgba(30,154,194,.08)}
body.stage113-rules-integration .stage113-engineering-context strong{display:block;margin:4px 0 5px;color:#e9fbff;font-size:1rem}
body.stage113-rules-integration .stage113-engineering-context p{margin:0;color:#9cbcc9;font-size:.76rem}
body.stage113-rules-integration .stage113-engineering-context small{display:block;margin-top:7px;color:#66cee9;direction:ltr;text-align:right}
body.stage113-rules-integration .recommendation-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

@media(max-width:980px){
 body.stage113-rules-integration .stage113-workbench-head{align-items:flex-start;flex-direction:column}
 body.stage113-rules-integration .stage113-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.stage113-rules-integration .stage113-rule-filter{grid-template-columns:1fr 1fr}
 body.stage113-rules-integration .stage113-rule-filter label:first-child{grid-column:1/-1}
 body.stage113-rules-integration .stage113-editor-layout{grid-template-columns:1fr}
 body.stage113-rules-integration .stage113-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 body.stage113-rules-integration .stage113-stat-grid,body.stage113-rules-integration .stage113-rule-filter,body.stage113-rules-integration .stage113-form-grid,body.stage113-rules-integration .stage113-history-grid{grid-template-columns:1fr}
 body.stage113-rules-integration .stage113-rule-filter label:first-child,body.stage113-rules-integration .stage113-form-grid .field-span-2{grid-column:auto}
 body.stage113-rules-integration .stage113-editor-submit{align-items:stretch;flex-direction:column}
}
body.stage113-rules-integration .stage113-success-context{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0;padding:14px 15px;border:1px solid rgba(83,213,240,.16);border-radius:14px;background:rgba(36,158,197,.07)}
body.stage113-rules-integration .stage113-success-context span{color:#75a7ba;font-size:.7rem}body.stage113-rules-integration .stage113-success-context strong{color:#e7faff}body.stage113-rules-integration .stage113-success-context small{grid-column:1/-1;color:#8eb0bd}

/* ========================================================================== 
   Stage 11.4 — Visual Enrichment & Media-first Redesign
   Real migrated media; no synthetic marketing imagery.
   ========================================================================== */
body.stage114-visual-enrichment{
    --stage114-panel:#071d2b;
    --stage114-panel-2:#0a2637;
    --stage114-line:rgba(82,211,238,.16);
    --stage114-line-strong:rgba(82,211,238,.28);
    --stage114-text:#edfaff;
    --stage114-muted:#91b0bd;
    --stage114-accent:#56d5f2;
}
body.stage114-visual-enrichment main img{max-width:100%;height:auto}
body.stage114-visual-enrichment .stage114-photo-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(77,204,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,204,233,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
body.stage114-visual-enrichment .stage114-about-hero{position:relative;overflow:hidden;padding:clamp(58px,8vw,108px) 0 clamp(48px,7vw,88px)}
body.stage114-visual-enrichment .stage114-about-hero::after{content:"";position:absolute;width:44vw;height:44vw;left:-13vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(52,194,230,.15),transparent 67%);pointer-events:none}
body.stage114-visual-enrichment .stage114-about-hero-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:clamp(34px,6vw,86px);align-items:center}
body.stage114-visual-enrichment .stage114-about-copy h1{margin:.45rem 0 1rem;font-size:clamp(2.5rem,5.1vw,4.9rem);line-height:1.08;max-width:10ch}
body.stage114-visual-enrichment .stage114-about-copy .lead{max-width:670px;color:#afcbd5;font-size:clamp(1rem,1.5vw,1.18rem);line-height:2}
body.stage114-visual-enrichment .stage114-about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
body.stage114-visual-enrichment .stage114-about-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
body.stage114-visual-enrichment .stage114-about-proof span{min-width:130px;padding:11px 13px;border:1px solid var(--stage114-line);border-radius:14px;background:rgba(6,27,41,.8)}
body.stage114-visual-enrichment .stage114-about-proof strong{display:block;color:#f2fcff;font-size:1.25rem}
body.stage114-visual-enrichment .stage114-about-proof small{display:block;margin-top:2px;color:#759aaa;font-size:.67rem}
body.stage114-visual-enrichment .stage114-about-mosaic{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,42px);gap:10px;min-height:500px}
body.stage114-visual-enrichment .stage114-about-mosaic figure{position:relative;overflow:hidden;margin:0;border:1px solid var(--stage114-line);border-radius:20px;background:#071a26;box-shadow:0 22px 64px rgba(0,0,0,.24)}
body.stage114-visual-enrichment .stage114-about-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
body.stage114-visual-enrichment .stage114-about-mosaic figure:hover img{transform:scale(1.035)}
body.stage114-visual-enrichment .stage114-about-main-photo{grid-column:1/10;grid-row:1/11}
body.stage114-visual-enrichment .stage114-about-main-photo::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(2,14,22,.84));pointer-events:none}
body.stage114-visual-enrichment .stage114-about-main-photo figcaption{position:absolute;z-index:1;right:18px;bottom:16px;padding:7px 10px;border-radius:999px;background:rgba(3,18,28,.72);border:1px solid rgba(255,255,255,.12);color:#ddf8fd;font-size:.66rem;letter-spacing:.06em}
body.stage114-visual-enrichment .stage114-about-main-photo.is-placeholder{display:grid;place-content:center;text-align:center}
body.stage114-visual-enrichment .stage114-about-main-photo.is-placeholder svg{width:70px;height:70px;margin:auto;color:var(--stage114-accent)}
body.stage114-visual-enrichment .stage114-about-main-photo.is-placeholder strong{margin-top:15px;font-size:2rem;color:#edfaff}
body.stage114-visual-enrichment .stage114-about-main-photo.is-placeholder span{color:#789cac;font-size:.72rem;letter-spacing:.08em}
body.stage114-visual-enrichment .stage114-about-side-photo{grid-column:9/13;z-index:2}
body.stage114-visual-enrichment .stage114-about-side-photo.side-1{grid-row:1/4}
body.stage114-visual-enrichment .stage114-about-side-photo.side-2{grid-row:4/8}
body.stage114-visual-enrichment .stage114-about-side-photo.side-3{grid-row:8/11}

body.stage114-visual-enrichment .stage114-about-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
body.stage114-visual-enrichment .stage114-about-story-copy h2{max-width:18ch;margin:.5rem 0 1.4rem;font-size:clamp(2rem,3.6vw,3.35rem)}
body.stage114-visual-enrichment .stage114-rich-prose{color:#abc6d1;line-height:2.05;font-size:1rem}
body.stage114-visual-enrichment .stage114-rich-prose :is(h2,h3,h4){color:#effcff;line-height:1.45;margin:1.6em 0 .6em}
body.stage114-visual-enrichment .stage114-rich-prose img{display:none!important}
body.stage114-visual-enrichment .stage114-about-identity{display:grid;gap:12px;position:sticky;top:112px}
body.stage114-visual-enrichment .stage114-about-identity article{padding:20px;border:1px solid var(--stage114-line);border-radius:20px;background:linear-gradient(145deg,#0a2738,#061b29)}
body.stage114-visual-enrichment .stage114-about-identity article>span{color:var(--stage114-accent);font-size:.64rem;letter-spacing:.11em}
body.stage114-visual-enrichment .stage114-about-identity h3{margin:5px 0 8px;color:#effcff;font-size:1.2rem}
body.stage114-visual-enrichment .stage114-about-identity div{color:#8faeba;line-height:1.9;font-size:.86rem}
body.stage114-visual-enrichment .stage114-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
body.stage114-visual-enrichment .stage114-section-head h2{margin:.42rem 0 .35rem;max-width:22ch;font-size:clamp(1.8rem,3.2vw,3rem)}
body.stage114-visual-enrichment .stage114-section-head p{max-width:720px;margin:0;color:var(--stage114-muted);line-height:1.9}
body.stage114-visual-enrichment .stage114-count-chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 12px;border:1px solid var(--stage114-line);border-radius:999px;background:#082333;color:#8edcf0;font-size:.72rem}

body.stage114-visual-enrichment .stage114-certificate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.stage114-visual-enrichment .stage114-certificate-card{margin:0;padding:12px;border:1px solid var(--stage114-line);border-radius:18px;background:var(--stage114-panel);transition:transform .25s ease,border-color .25s ease}
body.stage114-visual-enrichment .stage114-certificate-card:hover{transform:translateY(-3px);border-color:var(--stage114-line-strong)}
body.stage114-visual-enrichment .stage114-certificate-card>div{display:grid;place-items:center;aspect-ratio:4/3;padding:12px;border-radius:13px;background:#eaf0f2}
body.stage114-visual-enrichment .stage114-certificate-card img{max-height:100%;width:auto;object-fit:contain}
body.stage114-visual-enrichment .stage114-certificate-card figcaption{padding:11px 4px 2px;color:#cfe7ee;font-size:.78rem}

body.stage114-visual-enrichment .stage114-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
body.stage114-visual-enrichment .stage114-team-card{overflow:hidden;border:1px solid var(--stage114-line);border-radius:20px;background:var(--stage114-panel)}
body.stage114-visual-enrichment .stage114-team-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:#061a26}
body.stage114-visual-enrichment .stage114-team-photo::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,rgba(4,19,29,.72))}
body.stage114-visual-enrichment .stage114-team-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .45s ease,filter .35s ease}
body.stage114-visual-enrichment .stage114-team-card:hover img{transform:scale(1.035);filter:saturate(1.06)}
body.stage114-visual-enrichment .stage114-team-card>div:last-child{padding:13px 14px 15px}
body.stage114-visual-enrichment .stage114-team-card h3{margin:0;color:#eefbff;font-size:.92rem;line-height:1.55}
body.stage114-visual-enrichment .stage114-team-card p{margin:4px 0 0;color:#789dab;font-size:.7rem}

body.stage114-visual-enrichment .stage114-client-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
body.stage114-visual-enrichment .stage114-client-logo{display:grid;place-items:center;min-height:118px;padding:14px;border:1px solid var(--stage114-line);border-radius:16px;background:#e7edef;transition:transform .24s ease,box-shadow .24s ease}
body.stage114-visual-enrichment .stage114-client-logo:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.14)}
body.stage114-visual-enrichment .stage114-client-logo img{max-width:90%;max-height:76px;object-fit:contain;filter:saturate(.78) contrast(.96)}
body.stage114-visual-enrichment .stage114-gallery-strip{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:10px}
body.stage114-visual-enrichment .stage114-gallery-strip figure{position:relative;overflow:hidden;margin:0;border:1px solid var(--stage114-line);border-radius:18px;background:#061b29;grid-column:span 4}
body.stage114-visual-enrichment .stage114-gallery-strip figure:nth-child(1),body.stage114-visual-enrichment .stage114-gallery-strip figure:nth-child(5){grid-column:span 6}
body.stage114-visual-enrichment .stage114-gallery-strip img{width:100%;height:100%;object-fit:cover}
body.stage114-visual-enrichment .stage114-gallery-strip figcaption{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(2,16,25,.74);color:#e6f8fc;font-size:.65rem}

/* Home: use real migrated imagery between the data/engineering sections. */
body.stage114-visual-enrichment .stage114-home-visual-story{padding:clamp(46px,6vw,78px) 0;border-block:1px solid rgba(82,211,238,.08);background:linear-gradient(180deg,rgba(5,21,32,.8),rgba(8,29,42,.92))}
body.stage114-visual-enrichment .stage114-home-visual-shell{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,70px);align-items:center}
body.stage114-visual-enrichment .stage114-home-visual-copy h2{margin:.5rem 0 .75rem;font-size:clamp(1.9rem,3.5vw,3.15rem);max-width:16ch}
body.stage114-visual-enrichment .stage114-home-visual-copy p{color:#91b1be;line-height:1.95;max-width:580px}
body.stage114-visual-enrichment .stage114-home-visual-copy>div{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
body.stage114-visual-enrichment .stage114-home-photo-rail{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,48px);gap:9px;min-height:390px}
body.stage114-visual-enrichment .stage114-home-photo-rail figure{position:relative;overflow:hidden;margin:0;border:1px solid var(--stage114-line);border-radius:18px;background:#061a26}
body.stage114-visual-enrichment .stage114-home-photo-rail .photo-1{grid-column:1/8;grid-row:1/9}
body.stage114-visual-enrichment .stage114-home-photo-rail .photo-2{grid-column:8/13;grid-row:1/5}
body.stage114-visual-enrichment .stage114-home-photo-rail .photo-3{grid-column:8/13;grid-row:5/9}
body.stage114-visual-enrichment .stage114-home-photo-rail .photo-4{display:none}
body.stage114-visual-enrichment .stage114-home-photo-rail img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body.stage114-visual-enrichment .stage114-home-photo-rail figure:hover img{transform:scale(1.03)}
body.stage114-visual-enrichment .stage114-home-photo-rail figcaption{position:absolute;right:12px;bottom:10px;max-width:80%;padding:6px 9px;border-radius:999px;background:rgba(3,16,25,.7);color:#e9fbff;font-size:.62rem}
body.stage114-visual-enrichment .home-solution-card.has-photo{grid-template-columns:112px auto 1fr!important}
body.stage114-visual-enrichment .stage114-solution-thumb{display:block;width:112px;height:100%;min-height:126px;overflow:hidden;border-radius:14px;border:1px solid rgba(82,211,238,.12);background:#061823}
body.stage114-visual-enrichment .stage114-solution-thumb img{width:100%;height:100%;object-fit:cover}
body.stage114-visual-enrichment .stage114-home-product-art{position:relative;overflow:hidden;background:#071a26!important}
body.stage114-visual-enrichment .stage114-home-product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px;background:radial-gradient(circle at 50% 45%,rgba(76,204,235,.12),transparent 58%)}
body.stage114-visual-enrichment .stage114-home-product-art::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(3,17,26,.88));pointer-events:none}
body.stage114-visual-enrichment .stage114-home-product-art>span,body.stage114-visual-enrichment .stage114-home-product-art>strong{position:relative;z-index:2}
body.stage114-visual-enrichment .stage114-home-article{overflow:hidden!important;padding:0!important}
body.stage114-visual-enrichment .stage114-home-article>:not(.stage114-home-article-media){margin-inline:18px}
body.stage114-visual-enrichment .stage114-home-article>a:last-child{display:inline-flex;margin-bottom:18px}
body.stage114-visual-enrichment .stage114-home-article-media{display:block;margin:0!important;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--stage114-line)}
body.stage114-visual-enrichment .stage114-home-article-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body.stage114-visual-enrichment .stage114-home-article:hover .stage114-home-article-media img{transform:scale(1.035)}
body.stage114-visual-enrichment .stage114-home-clients{padding:30px 0 46px;border-block:1px solid rgba(82,211,238,.08);background:#061925}
body.stage114-visual-enrichment .stage114-home-client-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}
body.stage114-visual-enrichment .stage114-home-client-head>span{color:var(--stage114-accent);font-size:.65rem;letter-spacing:.08em}
body.stage114-visual-enrichment .stage114-home-client-head>strong{color:#dff4f9;font-size:.86rem}
body.stage114-visual-enrichment .stage114-home-client-head>a{margin-inline-start:auto;color:#68d7ef;font-size:.72rem}
body.stage114-visual-enrichment .stage114-home-client-rail{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
body.stage114-visual-enrichment .stage114-home-client-rail span{display:grid;place-items:center;min-height:78px;padding:9px;border-radius:12px;background:#e9eef0;border:1px solid rgba(255,255,255,.12)}
body.stage114-visual-enrichment .stage114-home-client-rail img{max-height:52px;max-width:90%;object-fit:contain}

/* Knowledge index: editorial mosaic instead of another abstract signal panel. */
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic{position:relative;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:8px;min-height:360px}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a{position:relative;overflow:hidden;border:1px solid var(--stage114-line);border-radius:18px;background:#061a26}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,16,25,.94))}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic .article-1{grid-row:1/3}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a:hover img{transform:scale(1.035)}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a span,body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a strong{position:absolute;z-index:2;right:14px;left:14px}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a span{bottom:40px;color:#6edaf2;font-size:.62rem}
body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic>a strong{bottom:14px;color:#f0fbfe;font-size:.8rem;line-height:1.5}
body.stage114-visual-enrichment .stage114-knowledge-count{position:absolute;z-index:4;left:12px;bottom:12px;min-width:105px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(3,18,28,.82);backdrop-filter:blur(8px)}
body.stage114-visual-enrichment .stage114-knowledge-count span,body.stage114-visual-enrichment .stage114-knowledge-count small{display:block;color:#82a8b6;font-size:.55rem}
body.stage114-visual-enrichment .stage114-knowledge-count strong{display:block;color:#f0fbff;font-size:1.6rem;line-height:1.2}
body.stage114-visual-enrichment .premium-knowledge-card .knowledge-card-media{aspect-ratio:16/9;overflow:hidden}
body.stage114-visual-enrichment .premium-knowledge-card .knowledge-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body.stage114-visual-enrichment .premium-knowledge-card:hover .knowledge-card-media img{transform:scale(1.035)}

/* Products: real product media dominates the hero and cards. */
body.stage114-visual-enrichment .stage114-catalog-photo-board{overflow:hidden;border:1px solid var(--stage114-line);border-radius:24px;background:linear-gradient(145deg,#071d2a,#04131d);box-shadow:0 28px 80px rgba(0,0,0,.24)}
body.stage114-visual-enrichment .stage114-catalog-photo-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--stage114-line);color:#80a7b5;font-size:.62rem;letter-spacing:.08em}
body.stage114-visual-enrichment .stage114-catalog-photo-head b{display:flex;align-items:center;gap:6px;color:#d8f6fc;font-size:.62rem}
body.stage114-visual-enrichment .stage114-catalog-photo-head b i{width:7px;height:7px;border-radius:50%;background:#4fe3a0;box-shadow:0 0 0 5px rgba(79,227,160,.08)}
body.stage114-visual-enrichment .stage114-catalog-photo-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,150px);gap:7px;padding:7px}
body.stage114-visual-enrichment .stage114-catalog-photo-grid a{position:relative;overflow:hidden;border-radius:14px;background:#061823}
body.stage114-visual-enrichment .stage114-catalog-photo-grid .product-1{grid-row:1/3}
body.stage114-visual-enrichment .stage114-catalog-photo-grid img{width:100%;height:100%;object-fit:contain;padding:9px;background:radial-gradient(circle,rgba(73,207,238,.11),transparent 64%);transition:transform .4s ease}
body.stage114-visual-enrichment .stage114-catalog-photo-grid a:hover img{transform:scale(1.04)}
body.stage114-visual-enrichment .stage114-catalog-photo-grid a::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,16,25,.9))}
body.stage114-visual-enrichment .stage114-catalog-photo-grid span,body.stage114-visual-enrichment .stage114-catalog-photo-grid strong{position:absolute;z-index:2;right:11px}
body.stage114-visual-enrichment .stage114-catalog-photo-grid span{bottom:29px;color:#78d8ec;font-size:.58rem}
body.stage114-visual-enrichment .stage114-catalog-photo-grid strong{bottom:9px;color:#effcff;font-size:.74rem}
body.stage114-visual-enrichment .stage114-catalog-photo-metrics{border-top:1px solid var(--stage114-line)}
body.stage114-visual-enrichment .product-media-stage92 img{transition:transform .4s ease}
body.stage114-visual-enrichment .product-card-stage92:hover .product-media-stage92 img{transform:scale(1.03)}

/* Solution / industry listing cards inherit their own Wagtail hero images. */
body.stage114-visual-enrichment .stage114-solution-card.has-photo{grid-template-columns:minmax(170px,.42fr) minmax(0,1fr) auto!important;padding:0!important;overflow:hidden}
body.stage114-visual-enrichment .stage114-solution-card-media{position:relative;display:block;min-height:220px;overflow:hidden;background:#061824}
body.stage114-visual-enrichment .stage114-solution-card-media::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,18,28,.65))}
body.stage114-visual-enrichment .stage114-solution-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
body.stage114-visual-enrichment .stage114-solution-card:hover .stage114-solution-card-media img{transform:scale(1.035)}
body.stage114-visual-enrichment .stage114-solution-card-media span{position:absolute;z-index:2;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(3,17,26,.75);color:#dff8fd;font-size:.64rem}
body.stage114-visual-enrichment .stage114-solution-card.has-photo .stage93-card-copy{padding:20px 0}
body.stage114-visual-enrichment .stage114-industry-card.has-photo{padding:0!important;overflow:hidden}
body.stage114-visual-enrichment .stage114-industry-card.has-photo>:not(.stage114-industry-media){margin-inline:18px}
body.stage114-visual-enrichment .stage114-industry-card.has-photo>b{display:flex;margin-bottom:18px}
body.stage114-visual-enrichment .stage114-industry-media{position:relative;aspect-ratio:16/9;margin:0!important;overflow:hidden;background:#061824}
body.stage114-visual-enrichment .stage114-industry-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
body.stage114-visual-enrichment .stage114-industry-card:hover .stage114-industry-media img{transform:scale(1.035)}
body.stage114-visual-enrichment .stage114-industry-media span{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(3,17,26,.76);color:#e1f8fd;font-size:.61rem}

@media(max-width:1100px){
    body.stage114-visual-enrichment .stage114-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-client-wall{grid-template-columns:repeat(5,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-home-client-rail{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:900px){
    body.stage114-visual-enrichment .stage114-about-hero-shell,body.stage114-visual-enrichment .stage114-about-story-grid,body.stage114-visual-enrichment .stage114-home-visual-shell{grid-template-columns:1fr}
    body.stage114-visual-enrichment .stage114-about-mosaic{max-width:720px;width:100%;margin:auto;grid-template-rows:repeat(8,40px);min-height:390px}
    body.stage114-visual-enrichment .stage114-about-main-photo{grid-column:1/10;grid-row:1/9}
    body.stage114-visual-enrichment .stage114-about-side-photo.side-1{grid-row:1/4}.stage114-about-side-photo.side-2{grid-row:4/7}.stage114-about-side-photo.side-3{grid-row:7/9}
    body.stage114-visual-enrichment .stage114-about-identity{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-client-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-home-photo-rail{max-width:760px;width:100%;margin:auto}
    body.stage114-visual-enrichment .stage114-home-client-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-solution-card.has-photo{grid-template-columns:150px minmax(0,1fr)!important}
    body.stage114-visual-enrichment .stage114-solution-card.has-photo .stage93-card-arrow{display:none}
}
@media(max-width:680px){
    body.stage114-visual-enrichment .stage114-about-copy h1{font-size:clamp(2.15rem,11vw,3.35rem)}
    body.stage114-visual-enrichment .stage114-about-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-about-proof span{min-width:0}
    body.stage114-visual-enrichment .stage114-about-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:270px 130px;min-height:auto}
    body.stage114-visual-enrichment .stage114-about-main-photo{grid-column:1/3;grid-row:1}
    body.stage114-visual-enrichment .stage114-about-side-photo{grid-column:auto!important;grid-row:2!important}
    body.stage114-visual-enrichment .stage114-about-side-photo.side-3{display:none}
    body.stage114-visual-enrichment .stage114-about-identity{grid-template-columns:1fr}
    body.stage114-visual-enrichment .stage114-section-head{align-items:flex-start;flex-direction:column}
    body.stage114-visual-enrichment .stage114-certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-client-logo{min-height:88px;padding:9px}
    body.stage114-visual-enrichment .stage114-client-logo img{max-height:58px}
    body.stage114-visual-enrichment .stage114-gallery-strip{grid-template-columns:1fr;grid-auto-rows:220px}
    body.stage114-visual-enrichment .stage114-gallery-strip figure,body.stage114-visual-enrichment .stage114-gallery-strip figure:nth-child(1),body.stage114-visual-enrichment .stage114-gallery-strip figure:nth-child(5){grid-column:auto}
    body.stage114-visual-enrichment .stage114-home-photo-rail{grid-template-columns:1fr 1fr;grid-template-rows:240px 130px;min-height:auto}
    body.stage114-visual-enrichment .stage114-home-photo-rail .photo-1{grid-column:1/3;grid-row:1}.stage114-home-photo-rail .photo-2{grid-column:1;grid-row:2}.stage114-home-photo-rail .photo-3{grid-column:2;grid-row:2}
    body.stage114-visual-enrichment .home-solution-card.has-photo{grid-template-columns:88px 1fr!important}
    body.stage114-visual-enrichment .stage114-solution-thumb{width:88px;min-height:116px}
    body.stage114-visual-enrichment .stage114-home-client-head{align-items:flex-start;flex-direction:column}
    body.stage114-visual-enrichment .stage114-home-client-head>a{margin-inline-start:0}
    body.stage114-visual-enrichment .stage114-home-client-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:230px 145px;min-height:auto;margin-top:22px}
    body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic .article-1{grid-column:1/3;grid-row:1}
    body.stage114-visual-enrichment .stage114-knowledge-hero-mosaic .article-2{grid-column:1;grid-row:2}.stage114-knowledge-hero-mosaic .article-3{grid-column:2;grid-row:2}
    body.stage114-visual-enrichment .stage114-catalog-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 120px}
    body.stage114-visual-enrichment .stage114-catalog-photo-grid .product-1{grid-column:1/3;grid-row:1}
    body.stage114-visual-enrichment .stage114-solution-card.has-photo{display:block!important}
    body.stage114-visual-enrichment .stage114-solution-card-media{min-height:190px}
    body.stage114-visual-enrichment .stage114-solution-card.has-photo .stage93-card-copy{padding:18px}
}

/* ========================================================================== */
/* Stage 11.5 — Immersive Media Hub & Visual Storytelling                     */
/* ========================================================================== */
body.stage115-media-hub{
    --stage115-panel:#071c29;
    --stage115-panel-2:#0a2535;
    --stage115-line:rgba(84,211,238,.17);
    --stage115-accent:#5fd8f2;
    --stage115-muted:#8faebb;
}
body.stage115-media-hub .stage115-gallery-hero{position:relative;overflow:hidden;padding:clamp(64px,9vw,118px) 0 clamp(52px,7vw,88px)}
body.stage115-media-hub .stage115-gallery-hero::after{content:"";position:absolute;left:-14vw;top:-18vw;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle,rgba(69,207,240,.15),transparent 68%);pointer-events:none}
body.stage115-media-hub .stage115-gallery-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(70,202,234,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,202,234,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 94%);pointer-events:none}
body.stage115-media-hub .stage115-gallery-hero-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.83fr) minmax(460px,1.17fr);gap:clamp(34px,6vw,86px);align-items:center}
body.stage115-media-hub .stage115-gallery-hero h1{margin:.45rem 0 1rem;font-size:clamp(2.6rem,5.2vw,5.1rem);line-height:1.06;max-width:9ch}
body.stage115-media-hub .stage115-gallery-hero .lead{max-width:660px;color:#acc9d4;line-height:2;font-size:clamp(1rem,1.45vw,1.18rem)}
body.stage115-media-hub .stage115-gallery-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
body.stage115-media-hub .stage115-gallery-proof span{min-width:122px;padding:11px 13px;border:1px solid var(--stage115-line);border-radius:14px;background:rgba(5,24,36,.8)}
body.stage115-media-hub .stage115-gallery-proof strong{display:block;color:#f0fcff;font-size:1.22rem}.stage115-gallery-proof small{color:#82a8b7}
body.stage115-media-hub .stage115-gallery-hero-stack{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(150px,1fr));gap:8px;min-height:440px;transform:rotate(-1.2deg)}
body.stage115-media-hub .stage115-gallery-hero-stack figure{position:relative;overflow:hidden;margin:0;border:1px solid var(--stage115-line);border-radius:20px;background:#051823;box-shadow:0 26px 70px rgba(0,0,0,.2)}
body.stage115-media-hub .stage115-gallery-hero-stack .visual-1{grid-row:1/3}
body.stage115-media-hub .stage115-gallery-hero-stack img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
body.stage115-media-hub .stage115-gallery-hero-stack figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,13,20,.28));pointer-events:none}
body.stage115-media-hub .stage115-gallery-empty-visual{min-height:420px;border:1px solid var(--stage115-line);border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(80,210,238,.12),transparent 48%),#061924;display:grid;place-items:center;color:#dffaff}.stage115-gallery-empty-visual svg{width:110px;height:110px;opacity:.7}

body.stage115-media-hub .stage115-gallery-section{padding-top:clamp(46px,6vw,76px)}
body.stage115-media-hub .stage115-gallery-filter-shell{display:grid;grid-template-columns:minmax(240px,.58fr) minmax(0,1.42fr);gap:28px;align-items:end;padding:20px;border:1px solid var(--stage115-line);border-radius:22px;background:linear-gradient(145deg,rgba(8,30,44,.97),rgba(5,22,33,.96));box-shadow:0 24px 66px rgba(0,0,0,.16)}
body.stage115-media-hub .stage115-gallery-filter-shell h2{margin:.25rem 0 0;font-size:clamp(1.45rem,2.3vw,2rem)}
body.stage115-media-hub .stage115-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.stage115-media-hub .stage115-gallery-filters a{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(90,205,231,.14);border-radius:999px;background:rgba(4,19,29,.7);color:#bdd4dd;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease}
body.stage115-media-hub .stage115-gallery-filters a small{min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:rgba(78,204,233,.09);font-size:.64rem;color:#77cadc}
body.stage115-media-hub .stage115-gallery-filters a:hover,body.stage115-media-hub .stage115-gallery-filters a.is-active{border-color:rgba(90,216,244,.38);background:rgba(30,136,166,.14);color:#f0fcff}
body.stage115-media-hub .stage115-gallery-summary{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 2px;color:#8ba8b4;font-size:.78rem}.stage115-gallery-summary strong{color:#d9f1f6}.stage115-gallery-summary small{margin-inline-start:auto}
body.stage115-media-hub .stage115-gallery-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
body.stage115-media-hub .stage115-gallery-card{overflow:hidden;border:1px solid var(--stage115-line);border-radius:20px;background:linear-gradient(160deg,rgba(10,35,49,.97),rgba(5,23,34,.98));box-shadow:0 18px 48px rgba(0,0,0,.14)}
body.stage115-media-hub .stage115-gallery-card.wide{grid-column:span 2}
body.stage115-media-hub .stage115-gallery-media{position:relative;display:block;width:100%;padding:0;border:0;background:#061823;cursor:zoom-in;overflow:hidden;aspect-ratio:4/3;text-align:inherit}
body.stage115-media-hub .stage115-gallery-card.wide .stage115-gallery-media{aspect-ratio:16/9}
body.stage115-media-hub .stage115-gallery-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s ease,filter .42s ease}
body.stage115-media-hub .stage115-gallery-card:hover .stage115-gallery-media img{transform:scale(1.035);filter:saturate(1.05)}
body.stage115-media-hub .stage115-gallery-media::after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(2,13,21,.78));pointer-events:none}
body.stage115-media-hub .stage115-gallery-badge{position:absolute;z-index:2;right:10px;top:10px;padding:6px 8px;border:1px solid rgba(126,224,244,.2);border-radius:999px;background:rgba(3,17,26,.75);color:#bdeef8;font-size:.57rem;letter-spacing:.06em}
body.stage115-media-hub .stage115-gallery-media>i{position:absolute;z-index:2;left:11px;bottom:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(9,42,58,.86);color:#e9fbff;font-style:normal}
body.stage115-media-hub .stage115-gallery-card-copy{padding:13px 14px 15px}.stage115-gallery-card-copy h3{margin:0;color:#effcff;font-size:.92rem;line-height:1.75}.stage115-gallery-card-copy p{margin:3px 0 0;color:#84a8b6;font-size:.72rem;line-height:1.8}.stage115-gallery-card-copy a{display:inline-block;margin-top:9px;color:#69d2e9;font-size:.72rem;text-decoration:none}

body.stage115-media-hub .stage115-gallery-viewer[hidden]{display:none!important}
body.stage115-media-hub .stage115-gallery-viewer{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px}
body.stage115-media-hub .stage115-gallery-viewer-backdrop{position:absolute;inset:0;border:0;background:rgba(1,9,14,.88);backdrop-filter:blur(4px)}
body.stage115-media-hub .stage115-gallery-viewer-panel{position:relative;z-index:1;width:min(1180px,96vw);max-height:92vh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(109,220,244,.22);border-radius:24px;background:#04131c;box-shadow:0 34px 100px rgba(0,0,0,.45)}
body.stage115-media-hub .stage115-gallery-viewer-panel>img{width:100%;height:min(75vh,780px);object-fit:contain;background:#020c12}
body.stage115-media-hub .stage115-gallery-viewer-panel>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 16px;border-top:1px solid var(--stage115-line)}
body.stage115-media-hub .stage115-gallery-viewer-panel strong{color:#edfaff}.stage115-gallery-viewer-panel span{color:#88a9b6;font-size:.78rem}
body.stage115-media-hub .stage115-gallery-viewer-close{position:absolute;z-index:2;top:10px;left:10px;width:40px;height:40px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(3,18,27,.78);color:#fff;font-size:1.4rem;cursor:pointer}
body.stage115-media-hub.is-gallery-viewer-open{overflow:hidden}

/* Home gets a denser editorial image chapter without turning into a heavy image wall. */
body.stage115-media-hub .stage115-home-gallery{position:relative;overflow:hidden}
body.stage115-media-hub .stage115-home-gallery::before{content:"";position:absolute;inset:20% auto auto -10vw;width:35vw;height:35vw;border-radius:50%;background:radial-gradient(circle,rgba(58,194,227,.09),transparent 68%);pointer-events:none}
body.stage115-media-hub .stage115-home-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.stage115-home-gallery-head h2{margin:.28rem 0 .4rem;font-size:clamp(1.7rem,3vw,2.7rem)}.stage115-home-gallery-head p{margin:0;max-width:650px;color:#8faebb;line-height:1.9}
body.stage115-media-hub .stage115-home-gallery-grid{position:relative;display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:230px 230px;gap:9px}
body.stage115-media-hub .stage115-home-gallery-grid a{position:relative;overflow:hidden;border:1px solid var(--stage115-line);border-radius:18px;background:#061824;text-decoration:none}
body.stage115-media-hub .stage115-home-gallery-grid .item-1{grid-row:1/3}.stage115-home-gallery-grid .item-4{grid-column:2/4}
body.stage115-media-hub .stage115-home-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s ease}
body.stage115-media-hub .stage115-home-gallery-grid a:hover img{transform:scale(1.035)}
body.stage115-media-hub .stage115-home-gallery-grid a::after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,rgba(2,13,21,.85))}
body.stage115-media-hub .stage115-home-gallery-grid span,body.stage115-media-hub .stage115-home-gallery-grid strong{position:absolute;z-index:2;right:12px}.stage115-home-gallery-grid span{bottom:34px;color:#72d8ed;font-size:.58rem}.stage115-home-gallery-grid strong{bottom:11px;left:12px;color:#f0fbfe;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.stage115-media-hub .stage115-about-gallery-cta{padding:24px 0 62px}.stage115-about-gallery-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--stage115-line);border-radius:22px;background:linear-gradient(145deg,rgba(8,31,45,.97),rgba(5,22,33,.97))}.stage115-about-gallery-cta h2{margin:.25rem 0 .35rem;font-size:clamp(1.45rem,2.4vw,2.1rem)}.stage115-about-gallery-cta p{margin:0;color:#8daebb;line-height:1.85}

@media(max-width:1080px){
    body.stage115-media-hub .stage115-gallery-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}
    body.stage115-media-hub .stage115-home-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 170px 170px}.stage115-home-gallery-grid .item-1{grid-column:1/3;grid-row:1}.stage115-home-gallery-grid .item-4{grid-column:auto}
}
@media(max-width:900px){
    body.stage115-media-hub .stage115-gallery-hero-shell,body.stage115-media-hub .stage115-gallery-filter-shell{grid-template-columns:1fr}
    body.stage115-media-hub .stage115-gallery-hero-stack{max-width:760px;width:100%;margin:auto}
    body.stage115-media-hub .stage115-gallery-filters{justify-content:flex-start}
    body.stage115-media-hub .stage115-gallery-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    body.stage115-media-hub .stage115-gallery-hero{padding-top:50px}.stage115-gallery-hero h1{font-size:clamp(2.25rem,11vw,3.35rem)!important}
    body.stage115-media-hub .stage115-gallery-hero-stack{grid-template-columns:1fr 1fr;grid-template-rows:250px 135px;min-height:auto;transform:none}.stage115-gallery-hero-stack .visual-1{grid-column:1/3;grid-row:1}.stage115-gallery-hero-stack .visual-2{grid-column:1;grid-row:2}.stage115-gallery-hero-stack .visual-3{grid-column:2;grid-row:2}.stage115-gallery-hero-stack .visual-4{display:none}
    body.stage115-media-hub .stage115-gallery-filter-shell{padding:15px}.stage115-gallery-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.stage115-gallery-filters::-webkit-scrollbar{display:none}.stage115-gallery-filters a{flex:0 0 auto}
    body.stage115-media-hub .stage115-gallery-masonry{grid-template-columns:1fr}.stage115-gallery-card.wide{grid-column:auto}.stage115-gallery-card.wide .stage115-gallery-media,.stage115-gallery-media{aspect-ratio:4/3!important}
    body.stage115-media-hub .stage115-gallery-summary small{margin-inline-start:0;width:100%}
    body.stage115-media-hub .stage115-home-gallery-head,body.stage115-media-hub .stage115-about-gallery-cta>.container{align-items:flex-start;flex-direction:column}
    body.stage115-media-hub .stage115-home-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 135px 135px}.stage115-home-gallery-grid .item-1{grid-column:1/3;grid-row:1}.stage115-home-gallery-grid .item-4{grid-column:auto}
    body.stage115-media-hub .stage115-gallery-viewer{padding:10px}.stage115-gallery-viewer-panel>img{height:70vh}.stage115-gallery-viewer-panel>div{align-items:flex-start;flex-direction:column}
}
body.stage115-media-hub .stage115-gallery-card.category-client .stage115-gallery-media,body.stage115-media-hub .stage115-gallery-card.category-certificate .stage115-gallery-media{background:#f4f8f9}
body.stage115-media-hub .stage115-gallery-card.category-client .stage115-gallery-media img,body.stage115-media-hub .stage115-gallery-card.category-certificate .stage115-gallery-media img{object-fit:contain;padding:18px}
body.stage115-media-hub .stage115-gallery-card.category-client .stage115-gallery-media::after,body.stage115-media-hub .stage115-gallery-card.category-certificate .stage115-gallery-media::after{display:none}

/* ========================================================================== */
/* Stage 11.6 — Visual composition & content identity cleanup                 */
/* ========================================================================== */
body.stage116-composition-cleanup{
    --stage116-panel:#071d2a;
    --stage116-panel-2:#0a2a3d;
    --stage116-line:rgba(83,210,238,.16);
    --stage116-line-strong:rgba(93,220,245,.3);
    --stage116-text:#eefcff;
    --stage116-muted:#91b0bd;
    --stage116-accent:#5fd8f2;
}

/* About: remove empty half-page composition and give the story real visual weight. */
body.stage116-composition-cleanup .stage116-about-story{padding-block:clamp(54px,7vw,94px)}
body.stage116-composition-cleanup .stage116-about-story-shell{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
    gap:clamp(34px,6vw,82px);
    align-items:center;
}
body.stage116-composition-cleanup .stage116-about-story-copy h2{
    margin:.48rem 0 1.15rem;
    max-width:17ch;
    font-size:clamp(2rem,3.7vw,3.5rem);
    line-height:1.35;
}
body.stage116-composition-cleanup .stage116-rich-prose{max-width:760px}
body.stage116-composition-cleanup .stage116-rich-prose :is(h2,h3){font-size:clamp(1.35rem,2vw,1.85rem)!important}
body.stage116-composition-cleanup .stage116-story-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
body.stage116-composition-cleanup .stage116-story-jump a{
    display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;
    border:1px solid var(--stage116-line);border-radius:999px;background:rgba(7,31,45,.74);
    color:#cceaf1;text-decoration:none;font-size:.7rem;transition:.2s ease;
}
body.stage116-composition-cleanup .stage116-story-jump a span{color:var(--stage116-accent);font-size:.58rem;direction:ltr}
body.stage116-composition-cleanup .stage116-story-jump a:hover{border-color:var(--stage116-line-strong);background:rgba(20,88,110,.16);color:#fff}
body.stage116-composition-cleanup .stage116-story-visual{
    display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:220px 170px;gap:9px;min-height:399px;
}
body.stage116-composition-cleanup .stage116-story-visual:empty{display:none}
body.stage116-composition-cleanup .stage116-story-visual .story-photo{
    position:relative;overflow:hidden;margin:0;border:1px solid var(--stage116-line);border-radius:20px;background:#061824;
}
body.stage116-composition-cleanup .stage116-story-visual .story-photo-1{grid-row:1/3}
body.stage116-composition-cleanup .stage116-story-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .42s ease}
body.stage116-composition-cleanup .stage116-story-visual figure:hover img{transform:scale(1.03)}
body.stage116-composition-cleanup .stage116-story-visual figcaption{position:absolute;right:10px;bottom:10px;max-width:80%;padding:6px 9px;border-radius:999px;background:rgba(2,16,24,.76);color:#e9fbff;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.stage116-composition-cleanup .stage116-identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}
body.stage116-composition-cleanup .stage116-identity-grid article{padding:18px 19px;border:1px solid var(--stage116-line);border-radius:18px;background:linear-gradient(145deg,#0a283a,#071b28)}
body.stage116-composition-cleanup .stage116-identity-grid article>span{color:var(--stage116-accent);font-size:.58rem;letter-spacing:.1em}
body.stage116-composition-cleanup .stage116-identity-grid h3{margin:4px 0 7px;font-size:1.03rem;color:#eefcff}
body.stage116-composition-cleanup .stage116-identity-grid div{color:var(--stage116-muted);font-size:.78rem;line-height:1.9}

/* Certificates: one recovered asset must not create a giant empty section. */
body.stage116-composition-cleanup .stage114-certificates{padding-block:clamp(42px,5vw,68px)!important}
body.stage116-composition-cleanup .stage114-certificate-grid.is-single{display:block;max-width:360px;margin-inline-start:auto}
body.stage116-composition-cleanup .stage114-certificate-grid.is-single .stage114-certificate-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;padding:10px}
body.stage116-composition-cleanup .stage114-certificate-grid.is-single .stage114-certificate-card>div{aspect-ratio:1/1;padding:14px}
body.stage116-composition-cleanup .stage114-certificate-grid.is-single .stage114-certificate-card figcaption{padding:0;font-size:.84rem;line-height:1.75}

/* Team: bigger readable cards; noisy WordPress labels are normalized server-side. */
body.stage116-composition-cleanup .stage114-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body.stage116-composition-cleanup .stage114-team-card h3{font-size:.96rem;overflow-wrap:anywhere}
body.stage116-composition-cleanup .stage114-team-card p{font-size:.72rem;line-height:1.75;overflow-wrap:anywhere}

/* Gallery: aspect-aware composition. Portrait people are never randomly doubled. */
body.stage116-composition-cleanup .stage115-gallery-masonry{grid-auto-flow:dense;gap:13px}
body.stage116-composition-cleanup .stage115-gallery-card.layout-wide{grid-column:span 2}
body.stage116-composition-cleanup .stage115-gallery-card.layout-wide .stage115-gallery-media{aspect-ratio:16/9}
body.stage116-composition-cleanup .stage115-gallery-card.layout-portrait .stage115-gallery-media{aspect-ratio:4/5}
body.stage116-composition-cleanup .stage115-gallery-card.layout-standard .stage115-gallery-media{aspect-ratio:4/3}
body.stage116-composition-cleanup .stage115-gallery-card.layout-compact .stage115-gallery-media{aspect-ratio:4/3;background:#f4f8f9}
body.stage116-composition-cleanup .stage115-gallery-card.layout-compact .stage115-gallery-media img{object-fit:contain;padding:18px}
body.stage116-composition-cleanup .stage115-gallery-card.layout-compact .stage115-gallery-media::after{display:none}
body.stage116-composition-cleanup .stage115-gallery-card-copy h3{overflow-wrap:anywhere}
body.stage116-composition-cleanup .stage115-gallery-card-copy p{overflow-wrap:anywhere;max-height:3.7em;overflow:hidden}

/* Catalog: use desktop width more efficiently and let the imagery breathe. */
body.stage116-composition-cleanup .stage116-catalog-wide>.container,
body.stage116-composition-cleanup .stage116-catalog-layout{max-width:1480px}
body.stage116-composition-cleanup .stage116-catalog-layout{grid-template-columns:260px minmax(0,1fr);gap:24px}
body.stage116-composition-cleanup .stage116-catalog-layout .catalog-grid-stage92{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.stage116-composition-cleanup .stage116-catalog-layout .product-media-stage92,
body.stage116-composition-cleanup .stage116-catalog-layout .product-media-stage92>img,
body.stage116-composition-cleanup .stage116-catalog-layout .product-art-stage92{height:270px;min-height:270px}
body.stage116-composition-cleanup .stage116-catalog-layout .product-media-stage92>img{padding:18px}
body.stage116-composition-cleanup .stage116-catalog-layout .product-card-body-stage92{padding:17px}
body.stage116-composition-cleanup .stage116-catalog-layout .product-title-stage92 h2{font-size:1rem}
body.stage116-composition-cleanup .stage116-catalog-layout .product-card-body-stage92>p{min-height:46px;font-size:.72rem}
body.stage116-composition-cleanup .stage116-catalog-layout .product-spec-rail-stage92>div{min-height:58px;padding:8px}

/* Home: visual archive sections should read like editorial breaks, not another boxed card. */
body.stage116-composition-cleanup .stage114-home-visual-story{position:relative;overflow:hidden;padding-block:clamp(58px,7vw,92px)}
body.stage116-composition-cleanup .stage114-home-visual-story::after{content:"";position:absolute;right:-10vw;bottom:-20vw;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(74,205,236,.1),transparent 67%);pointer-events:none}
body.stage116-composition-cleanup .stage114-home-photo-rail{min-height:430px}
body.stage116-composition-cleanup .stage115-home-gallery{padding-block:clamp(62px,8vw,104px)}
body.stage116-composition-cleanup .stage115-home-gallery-grid{grid-template-rows:260px 260px}
body.stage116-composition-cleanup .stage115-home-gallery-grid a{border-radius:22px}

@media(max-width:1320px){
    body.stage116-composition-cleanup .stage116-catalog-layout .catalog-grid-stage92{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage116-composition-cleanup .stage114-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
    body.stage116-composition-cleanup .stage116-about-story-shell{grid-template-columns:1fr}
    body.stage116-composition-cleanup .stage116-story-visual{max-width:760px;width:100%;margin:auto}
    body.stage116-composition-cleanup .stage116-identity-grid{grid-template-columns:1fr 1fr}
    body.stage116-composition-cleanup .stage116-catalog-layout{display:block}
    body.stage116-composition-cleanup .stage116-catalog-layout .catalog-grid-stage92{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage116-composition-cleanup .stage114-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
    body.stage116-composition-cleanup .stage116-story-visual{grid-template-columns:1fr 1fr;grid-template-rows:240px 125px;min-height:auto}
    body.stage116-composition-cleanup .stage116-story-visual .story-photo-1{grid-column:1/3;grid-row:1}
    body.stage116-composition-cleanup .stage116-story-visual .story-photo-2{grid-column:1;grid-row:2}
    body.stage116-composition-cleanup .stage116-story-visual .story-photo-3{grid-column:2;grid-row:2}
    body.stage116-composition-cleanup .stage116-identity-grid{grid-template-columns:1fr}
    body.stage116-composition-cleanup .stage114-certificate-grid.is-single{max-width:100%;margin:0}
    body.stage116-composition-cleanup .stage114-certificate-grid.is-single .stage114-certificate-card{grid-template-columns:96px 1fr}
    body.stage116-composition-cleanup .stage114-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stage116-composition-cleanup .stage115-gallery-card.layout-wide{grid-column:auto}
    body.stage116-composition-cleanup .stage115-gallery-card.layout-wide .stage115-gallery-media{aspect-ratio:4/3}
    body.stage116-composition-cleanup .stage116-catalog-layout .catalog-grid-stage92{grid-template-columns:1fr}
    body.stage116-composition-cleanup .stage116-catalog-layout .product-media-stage92,
    body.stage116-composition-cleanup .stage116-catalog-layout .product-media-stage92>img,
    body.stage116-composition-cleanup .stage116-catalog-layout .product-art-stage92{height:290px;min-height:290px}
    body.stage116-composition-cleanup .stage115-home-gallery-grid{grid-template-rows:250px 140px 140px}
}


/* ========================================================================== */
/* Stage 11.6.1 — Dark comparison table hotfix                                */
/* ========================================================================== */
body.stage1161-compare-dark{
    --stage1161-compare-bg:#061a27;
    --stage1161-compare-head:#082437;
    --stage1161-compare-feature:#071f2f;
    --stage1161-compare-cell:#0a293b;
    --stage1161-compare-cell-alt:#092536;
    --stage1161-compare-diff:#0b3348;
    --stage1161-compare-line:rgba(88,211,238,.15);
    --stage1161-compare-line-strong:rgba(88,211,238,.30);
    --stage1161-compare-text:#eaf9fd;
    --stage1161-compare-muted:#91b3c1;
    --stage1161-compare-accent:#56d6f1;
}
body.stage1161-compare-dark .compare-table-wrap-stage92{
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    border:1px solid var(--stage1161-compare-line)!important;
    border-radius:18px!important;
    background:var(--stage1161-compare-bg)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.16)!important;
    color-scheme:dark;
    scrollbar-width:thin;
    scrollbar-color:rgba(86,214,241,.34) #041722;
}
body.stage1161-compare-dark .compare-table-wrap-stage92::-webkit-scrollbar{height:10px;width:10px}
body.stage1161-compare-dark .compare-table-wrap-stage92::-webkit-scrollbar-track{background:#041722}
body.stage1161-compare-dark .compare-table-wrap-stage92::-webkit-scrollbar-thumb{background:rgba(86,214,241,.28);border:2px solid #041722;border-radius:999px}
body.stage1161-compare-dark .compare-table-wrap-stage92::-webkit-scrollbar-thumb:hover{background:rgba(86,214,241,.46)}
body.stage1161-compare-dark .compare-table-stage92{
    background:var(--stage1161-compare-bg)!important;
    color:var(--stage1161-compare-text)!important;
    border-spacing:0!important;
}
body.stage1161-compare-dark .compare-table-stage92 :is(th,td){
    border-left-color:var(--stage1161-compare-line)!important;
    border-bottom-color:var(--stage1161-compare-line)!important;
}
body.stage1161-compare-dark .compare-table-stage92 thead th{
    background:linear-gradient(180deg,#0a2a3e,#082236)!important;
    color:var(--stage1161-compare-text)!important;
    box-shadow:inset 0 -1px rgba(91,217,244,.18)!important;
}
body.stage1161-compare-dark .compare-table-stage92 thead th:first-child{
    background:linear-gradient(180deg,#071f30,#061a29)!important;
    color:#f4fdff!important;
}
body.stage1161-compare-dark .compare-table-stage92 thead th > a:first-child{color:#eefbfe!important}
body.stage1161-compare-dark .compare-table-stage92 thead code{color:#7fa9b9!important}
body.stage1161-compare-dark .compare-table-stage92 .compare-table-cta{color:#ffd05a!important}
body.stage1161-compare-dark .compare-table-stage92 tbody th{
    background:var(--stage1161-compare-feature)!important;
    color:var(--stage1161-compare-text)!important;
    box-shadow:inset -1px 0 var(--stage1161-compare-line)!important;
}
body.stage1161-compare-dark .compare-table-stage92 tbody th > div{color:var(--stage1161-compare-text)!important}
body.stage1161-compare-dark .compare-table-stage92 tbody th small{color:#7699a8!important}
body.stage1161-compare-dark .compare-table-stage92 tbody td{
    background:var(--stage1161-compare-cell)!important;
    color:#bdd7e1!important;
}
body.stage1161-compare-dark .compare-table-stage92 tbody tr:nth-child(even) td{
    background:var(--stage1161-compare-cell-alt)!important;
}
body.stage1161-compare-dark .compare-table-stage92 tbody tr:hover td{
    background:#0c3043!important;
    color:#e8f8fc!important;
}
body.stage1161-compare-dark .compare-table-stage92 tbody tr:hover th{
    background:#082739!important;
}
body.stage1161-compare-dark .compare-table-stage92 tr.is-different td{
    background:var(--stage1161-compare-diff)!important;
    color:#e6f8fc!important;
    box-shadow:inset 0 1px rgba(86,214,241,.06),inset 0 -1px rgba(86,214,241,.06)!important;
}
body.stage1161-compare-dark .compare-table-stage92 tr.is-different th{
    background:#082b3e!important;
    box-shadow:inset -3px 0 var(--stage1161-compare-accent)!important;
}
body.stage1161-compare-dark .compare-table-stage92 tr.is-different .compare-row-dot{
    background:var(--stage1161-compare-accent)!important;
    box-shadow:0 0 0 4px rgba(86,214,241,.10)!important;
}
body.stage1161-compare-dark .compare-row-icon{
    background:rgba(86,214,241,.09)!important;
    color:var(--stage1161-compare-accent)!important;
    border:1px solid rgba(86,214,241,.12)!important;
}
body.stage1161-compare-dark .compare-status{color:#c9e2ea!important}
body.stage1161-compare-dark .compare-table-guide-stage92{color:#9ab8c4!important}
body.stage1161-compare-dark .compare-table-guide-stage92 small{color:#6f94a3!important}
body.stage1161-compare-dark .compare-difference-legend-stage92{color:#7fa3b1!important}
body.stage1161-compare-dark .compare-difference-legend-stage92 > b{
    background:rgba(86,214,241,.09)!important;
    color:var(--stage1161-compare-accent)!important;
    border:1px solid rgba(86,214,241,.12)!important;
}
body.stage1161-compare-dark [data-difference-toggle].is-active{
    background:#ffd05a!important;
    border-color:#ffd05a!important;
    color:#122431!important;
}
body.stage1161-compare-dark [data-difference-toggle].is-active .ui-icon{color:#122431!important}

/* The compare table is a document, not a nested viewport. Keep only horizontal overflow. */
@media(min-width:769px){
    body.stage1161-compare-dark .compare-table-wrap-stage92{max-height:none!important}
}
@media(max-width:768px){
    body.stage1161-compare-dark .compare-table-wrap-stage92{
        margin-inline:-16px!important;
        border-radius:0!important;
        border-inline:0!important;
        overscroll-behavior-inline:contain;
        scroll-snap-type:x proximity;
    }
    body.stage1161-compare-dark .compare-table-stage92{min-width:760px!important}
    body.stage1161-compare-dark .compare-table-stage92 thead th{min-width:170px!important;height:96px!important;padding:13px!important}
    body.stage1161-compare-dark .compare-table-stage92 thead th:first-child,
    body.stage1161-compare-dark .compare-table-stage92 tbody th{min-width:168px!important;width:168px!important}
    body.stage1161-compare-dark .compare-table-stage92 tbody td{min-width:170px!important;padding:13px!important}
}

/* ========================================================================== */
/* Stage 11.7 — Visual art direction / homepage image architecture            */
/* ========================================================================== */
body.stage117-visual-art-direction{
    --stage117-line:rgba(91,218,244,.16);
    --stage117-line-strong:rgba(91,218,244,.30);
    --stage117-cyan:#57def7;
    --stage117-gold:#ffd05a;
}

/* Hero gets a deterministic first-party visual whenever CMS has no hero image. */
body.stage117-visual-art-direction .stage117-hero-art{
    width:112%;
    max-width:none;
    height:390px;
    margin-inline:-6%;
    object-fit:contain;
    filter:drop-shadow(0 30px 52px rgba(0,0,0,.34));
}

/* Reusable editorial image frame for engineered artwork. */
body.stage117-visual-art-direction .stage117-home-image-frame{
    position:relative;
    overflow:hidden;
    margin:26px 0 0;
    min-height:220px;
    aspect-ratio:16/9;
    border:1px solid var(--stage117-line);
    border-radius:20px;
    background:#061722;
    box-shadow:0 24px 62px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.03);
}
body.stage117-visual-art-direction .stage117-home-image-frame::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 45%,rgba(2,13,20,.84) 100%);
}
body.stage117-visual-art-direction .stage117-home-image-frame>img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
body.stage117-visual-art-direction .stage117-home-image-frame:hover>img{transform:scale(1.025)}
body.stage117-visual-art-direction .stage117-home-image-frame figcaption{
    position:absolute;
    z-index:2;
    right:16px;
    left:16px;
    bottom:14px;
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:16px;
    color:#edfaff;
}
body.stage117-visual-art-direction .stage117-home-image-frame figcaption span{
    color:var(--stage117-cyan);
    font-size:.57rem;
    letter-spacing:.12em;
    direction:ltr;
}
body.stage117-visual-art-direction .stage117-home-image-frame figcaption b{
    font-size:.75rem;
    font-weight:500;
}
body.stage117-visual-art-direction .stage117-analysis-art{max-width:690px}
body.stage117-visual-art-direction .stage117-analysis-art + .home-analysis-signals{margin-top:14px}

/* The solutions visual becomes image-led while retaining the existing live electric UI. */
body.stage117-visual-art-direction .stage117-solution-visual{
    isolation:isolate;
    background:#061722;
}
body.stage117-visual-art-direction .stage117-solution-art{
    position:absolute;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:.92;
    transform:scale(1.015);
}
body.stage117-visual-art-direction .stage117-solution-visual::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(145deg,rgba(4,19,29,.12),rgba(3,15,23,.58));
}
body.stage117-visual-art-direction .stage117-solution-visual :is(.solution-energy-orbit,.solution-icon){z-index:2}
body.stage117-visual-art-direction .stage117-solution-visual .solution-energy-orbit{
    background:rgba(7,28,40,.38);
    backdrop-filter:blur(5px);
    border-color:rgba(91,218,244,.2);
}
body.stage117-visual-art-direction .stage117-solution-visual .solution-icon{
    background:rgba(5,24,36,.72);
    backdrop-filter:blur(8px);
}

/* Industry links remain interactive over a purposeful, image-led industrial scene. */
body.stage117-visual-art-direction .stage117-industry-visual{
    overflow:hidden;
    isolation:isolate;
    padding-top:150px;
    background:#061722;
}
body.stage117-visual-art-direction .stage117-industry-art{
    position:absolute;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:.74;
    transform:scale(1.015);
}
body.stage117-visual-art-direction .stage117-industry-visual::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(to top,rgba(3,16,24,.94) 5%,rgba(3,16,24,.38) 52%,rgba(3,16,24,.08) 100%);
}
body.stage117-visual-art-direction .stage117-industry-visual :is(.industry-core,a,span){z-index:2}
body.stage117-visual-art-direction .stage117-industry-visual .industry-core{
    top:34%;
    background:rgba(5,25,37,.76);
    backdrop-filter:blur(9px);
    border:1px solid rgba(91,218,244,.18);
}
body.stage117-visual-art-direction .stage117-industry-visual>a{
    background:rgba(5,24,36,.78);
    backdrop-filter:blur(8px);
}

/* Content-backed sections keep real CMS photography first; artwork is fallback only. */
body.stage117-visual-art-direction .stage117-project-placeholder{
    overflow:hidden;
    background:#061722;
}
body.stage117-visual-art-direction .stage117-project-placeholder>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.92;
}
body.stage117-visual-art-direction .stage117-project-placeholder::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(3,14,22,.82),rgba(3,14,22,.02) 70%);
}
body.stage117-visual-art-direction .stage117-project-placeholder>span{position:absolute;z-index:2;right:18px;top:18px}
body.stage117-visual-art-direction .stage117-knowledge-fallback img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* A restrained visual echo in the final conversion panel ties the journey together. */
body.stage117-visual-art-direction .home-final-panel::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    opacity:.16;
    background-image:url('../img/stage117/home-hero-power-quality.svg');
    background-repeat:no-repeat;
    background-position:left -80px center;
    background-size:580px auto;
    pointer-events:none;
    mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 34%,transparent 66%);
}

@media(max-width:980px){
    body.stage117-visual-art-direction .stage117-analysis-art{margin-inline:auto}
    body.stage117-visual-art-direction .stage117-industry-visual{padding-top:125px}
    body.stage117-visual-art-direction .home-final-panel::after{background-size:440px auto;opacity:.11}
}
@media(max-width:640px){
    body.stage117-visual-art-direction .stage117-hero-art{height:330px;width:118%;margin-inline:-9%}
    body.stage117-visual-art-direction .stage117-home-image-frame{min-height:190px;border-radius:16px}
    body.stage117-visual-art-direction .stage117-home-image-frame figcaption{right:12px;left:12px;bottom:11px}
    body.stage117-visual-art-direction .stage117-home-image-frame figcaption b{font-size:.67rem}
    body.stage117-visual-art-direction .stage117-home-image-frame figcaption span{display:none}
    body.stage117-visual-art-direction .stage117-industry-visual{padding:165px 16px 26px;align-content:flex-end}
    body.stage117-visual-art-direction .stage117-industry-visual .industry-core{top:38%}
    body.stage117-visual-art-direction .home-final-panel::after{background-size:360px auto;background-position:left -120px center;opacity:.09}
}