/* About */
.about-story { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:start }.story-heading h2 { font-size:clamp(2.4rem,4vw,4.7rem) }.story-copy { padding-top:48px }.story-copy p { color:#63757e; font-size:1.02rem; line-height:1.85 }.story-copy .large-copy { color:var(--text); font-size:clamp(1.45rem,2.2vw,2.2rem); line-height:1.45 }.story-copy .large-copy strong { color:#0783af }
.about-manifesto { position:relative; min-height:560px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:clamp(45px,8vw,110px); color:var(--white); background:linear-gradient(140deg,#0d2a37,#071017); border-radius:var(--radius-lg) }.about-manifesto::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:55px 55px }.about-manifesto>*:not(.manifesto-lens) { position:relative; z-index:2 }.about-manifesto h2 { max-width:960px; margin:0; font-size:clamp(2.2rem,4.1vw,4.8rem); line-height:1.18 }.manifesto-lens { position:absolute; right:-10%; top:-28%; width:700px; height:700px; border:1px solid rgba(50,200,255,.14); border-radius:50% }.manifesto-lens i { position:absolute; border:1px solid rgba(50,200,255,.13); border-radius:inherit }.manifesto-lens i:first-child { inset:90px }.manifesto-lens i:nth-child(2) { inset:190px }.manifesto-lens span { position:absolute; inset:47%; background:var(--cyan); border-radius:50%; box-shadow:0 0 55px var(--cyan) }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px }.value-card { position:relative; min-height:390px; padding:32px; background:#f1f6f7; border:1px solid #dfeaec; border-radius:var(--radius) }.value-card>span { position:absolute; right:27px; top:25px; color:#9babb2; font-family:var(--mono); font-size:.56rem }.value-card>.icon { width:39px; height:39px; margin:45px 0 75px; color:#0e84ae; stroke-width:1.3 }.value-card h3 { font-size:1.25rem }.value-card p { color:#697a82; font-size:.88rem }
.brand-evolution { min-height:530px; display:flex; align-items:center; justify-content:center; gap:25px; padding:35px; color:var(--white); background:var(--ink-2); border-radius:var(--radius-lg) }.brand-evolution>i { width:50px; height:1px; background:linear-gradient(90deg,#49646f,var(--cyan)) }.brand-node { width:190px; height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.12); border-radius:50% }.brand-node.new { width:225px; height:225px; border-color:rgba(50,200,255,.32); box-shadow:0 0 70px rgba(50,200,255,.09) }.brand-node small { color:#6f8893; font-family:var(--mono); font-size:.45rem; letter-spacing:.09em }.brand-node strong { margin:12px 0 8px; font-size:1.3rem }.brand-node strong em { color:var(--cyan); font-style:normal; font-weight:400 }.brand-node span { color:#8ea3ad; font-size:.65rem }

/* Guides and articles */
.article-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px }.article-card { min-height:470px; display:flex; flex-direction:column; padding:36px; background:#f0f6f7; border:1px solid #deeaed; border-radius:var(--radius); transition:transform .3s ease,background .3s ease }.article-card:hover { transform:translateY(-6px); background:#e9f9fd }.article-icon { width:64px; height:64px; display:grid; place-items:center; margin-bottom:70px; color:#0a82ad; background:var(--white); border-radius:50%; box-shadow:0 12px 30px rgba(8,48,65,.08) }.article-icon .icon { width:29px; height:29px }.article-card small { color:#1882a9; font-family:var(--mono); font-size:.54rem; letter-spacing:.1em }.article-card h2 { margin:16px 0; font-size:1.65rem }.article-card p { color:#657780; font-size:.9rem }.article-card .card-link { margin-top:auto; color:#087da8 }
.faq-full-heading { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; margin-bottom:55px }.faq-full-heading h2 { grid-column:2; margin:0 }.faq-full-heading .eyebrow { grid-column:1; grid-row:1; align-self:start }.faq-columns { display:grid; grid-template-columns:1fr 1fr; column-gap:55px }.faq-columns .faq-item:nth-child(1),.faq-columns .faq-item:nth-child(2) { border-top:1px solid var(--line) }
.article-hero { padding:210px 0 100px; color:var(--white); background:var(--ink); position:relative; overflow:hidden }.article-hero::before { content:""; position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:62px 62px; -webkit-mask-image:radial-gradient(circle at 78% 35%,#000,transparent 62%); mask-image:radial-gradient(circle at 78% 35%,#000,transparent 62%) }.article-hero .container { position:relative; z-index:2 }.article-hero h1 { margin-bottom:25px; font-size:clamp(3.1rem,5.6vw,6rem) }.article-hero>div>p { max-width:760px; color:#a9bac2; font-size:1.15rem }.article-meta { display:flex; gap:25px; margin-top:35px; color:#78919c; font-family:var(--mono); font-size:.57rem; letter-spacing:.07em; text-transform:uppercase }.article-meta span { display:flex; align-items:center; gap:8px }.article-meta .icon { color:var(--cyan) }
.comparison-table { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius) }.comparison-row { display:grid; grid-template-columns:.7fr 1.15fr 1.15fr; border-bottom:1px solid var(--line) }.comparison-row:last-child { border-bottom:0 }.comparison-row>* { padding:22px 24px; border-right:1px solid var(--line) }.comparison-row>*:last-child { border-right:0 }.comparison-head { color:#53707d; background:#e8f3f6; font-family:var(--mono); font-size:.58rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase }.comparison-row strong { font-size:.9rem }.comparison-row span { color:#647780; font-size:.88rem }
.prose { font-size:1.02rem; line-height:1.85 }.prose h1 { font-size:clamp(2.7rem,5vw,5rem) }.prose h2 { margin:0 0 20px; font-size:clamp(1.7rem,3vw,2.8rem) }.prose h3 { margin-top:38px }.prose p { color:#5f727b }.prose a { color:#087fa9; text-decoration:underline; text-underline-offset:3px }.guide-sections>section { display:grid; grid-template-columns:65px 1fr; gap:30px; padding:50px 0; border-bottom:1px solid var(--line) }.guide-sections>section>span { color:#1082aa; font-family:var(--mono); font-size:.62rem }.article-note { display:flex; gap:20px; margin:50px 0; padding:28px; background:#e8f5f8; border:1px solid #d1eaf0; border-radius:16px }.article-note .icon { width:30px; height:30px; color:#0b84ad }.article-note p { margin:0; font-size:.9rem }.back-link { text-decoration:none!important }

/* Contact */
.contact-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:start }.contact-info h2 { margin-bottom:24px }.contact-info>p { max-width:500px; color:#637680 }.contact-methods { margin-top:40px; border-top:1px solid var(--line) }.contact-method { display:grid; grid-template-columns:52px 1fr 22px; align-items:center; gap:16px; padding:24px 0; border-bottom:1px solid var(--line) }.contact-method>span { width:45px; height:45px; display:grid; place-items:center; color:#0b83ac; background:#e3f5f9; border-radius:50% }.contact-method>div small { display:block; color:#82979f; font-family:var(--mono); font-size:.49rem; letter-spacing:.09em }.contact-method>div strong { display:block; margin:4px 0; font-size:1.03rem }.contact-method>div em { display:block; color:#73858d; font-size:.74rem; font-style:normal }.contact-method>.icon { color:#1480a8; transition:transform .2s ease }.contact-method:hover>.icon { transform:translateX(5px) }.contact-note { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:28px; padding:20px; background:#edf4f5; border-radius:12px; color:#6b7e86; font-size:.75rem }.contact-note strong { color:var(--text) }.contact-note a { color:#087ea8; font-weight:700 }.contact-note span { flex-basis:100% }
.form-panel { overflow:hidden; background:var(--white); border:1px solid #dbe7ea; border-radius:var(--radius-lg); box-shadow:0 25px 70px rgba(5,31,42,.1) }.form-head { display:flex; align-items:center; justify-content:space-between; padding:18px 28px; color:#71868f; background:var(--ink); font-family:var(--mono); font-size:.52rem; letter-spacing:.08em }.form-head span { display:flex; align-items:center; gap:7px }.form-head i { width:6px; height:6px; background:var(--cyan); border-radius:50% }.form-head strong { color:#b1c0c6; font-weight:500 }.contact-form { display:grid; gap:22px; padding:clamp(28px,5vw,52px) }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px }.contact-form label>span { display:block; margin-bottom:8px; color:#4f646e; font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase }.contact-form label b { color:#0686b5 }.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea { width:100%; color:var(--text); background:#f4f8f9; border:1px solid #d9e5e8; border-radius:10px; outline:0; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease }.contact-form input:not([type=checkbox]),.contact-form select { height:52px; padding:0 15px }.contact-form textarea { min-height:150px; padding:14px 15px; resize:vertical }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { background:var(--white); border-color:var(--cyan-2); box-shadow:0 0 0 4px rgba(50,200,255,.1) }.consent { display:flex; align-items:flex-start; gap:11px }.consent input { width:18px; height:18px; flex:0 0 18px; margin:3px 0 0; accent-color:#0b8ab8 }.consent>span { margin:0!important; color:#6d7f87!important; font-size:.73rem!important; font-weight:500!important; line-height:1.6; letter-spacing:0!important; text-transform:none!important }.consent a { color:#087fa9; text-decoration:underline }.form-submit { width:max-content; border:0 }.form-footnote { margin:-8px 0 0; color:#8a9aa1; font-size:.68rem }.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important }.form-message { display:flex; gap:13px; margin:28px 28px 0; padding:17px; border-radius:11px; font-size:.82rem }.form-message p { margin:0 }.form-message.success { color:#175e40; background:#e8f8f0; border:1px solid #bce7d0 }.form-message.success .icon { color:#15945e }.form-message.warning { color:#6b5010; background:#fff8df; border:1px solid #f2dea0 }.form-message.error { color:#7c2828; background:#fff0f0; border:1px solid #efc5c5 }
.contact-prep { color:var(--white); background:var(--ink) }.prep-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center }.prep-panel h2 { font-size:clamp(2.2rem,4vw,4.4rem) }.prep-panel ol { list-style:none; margin:0; padding:0; border-top:1px solid var(--line-dark) }.prep-panel li { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line-dark) }.prep-panel li span { color:var(--cyan); font-family:var(--mono); font-size:.57rem }.prep-panel li p { margin:0; color:#9db0b9 }.prep-panel li strong { color:var(--white) }

/* Legal, error and generic */
.legal-hero { padding:210px 0 95px; color:var(--white); background:var(--ink) }.legal-hero h1 { margin-bottom:24px }.legal-hero p { max-width:720px; color:#a6b8c0; font-size:1.1rem }.legal-hero small { color:#6f8791; font-family:var(--mono); font-size:.56rem; letter-spacing:.07em }.legal-layout { display:grid; grid-template-columns:220px 1fr; gap:80px; align-items:start }.legal-nav { position:sticky; top:145px; display:flex; flex-direction:column; gap:11px; padding:24px; background:#eaf2f4; border-radius:14px }.legal-nav strong { margin-bottom:8px; font-size:.8rem }.legal-nav a { color:#627781; font-size:.74rem }.legal-nav a:hover { color:#087fa9 }.legal-content section { margin-bottom:48px; scroll-margin-top:140px }.legal-content h2 { font-size:1.65rem }.legal-warning { margin-top:25px; padding:24px; background:#fff5d8; border:1px solid #efdca5; border-radius:14px }.legal-warning strong { color:#644c0f }.legal-warning p { margin:8px 0 0; color:#76632f; font-size:.85rem }
.error-page { min-height:760px; display:grid; place-items:center; padding:190px 0 100px; text-align:center; color:var(--white); background:var(--ink) }.error-inner { display:flex; flex-direction:column; align-items:center }.error-inner h1 { max-width:850px; margin-bottom:24px }.error-inner>p { max-width:620px; color:#9eafb7 }.error-lens { width:170px; height:170px; display:grid; place-items:center; margin-bottom:40px; color:var(--cyan); border:1px solid rgba(50,200,255,.28); border-radius:50%; box-shadow:0 0 70px rgba(50,200,255,.1) }.error-lens::before { content:""; position:absolute; width:110px; height:110px; border:1px dashed rgba(50,200,255,.25); border-radius:50% }.error-lens span { font-family:var(--mono); font-size:1.4rem }
.post-list { display:grid; gap:18px; margin-top:50px }.post-card { padding:32px; background:var(--white); border:1px solid var(--line); border-radius:var(--radius) }.post-card h2 { font-size:1.7rem }.post-meta { color:#7c919a; font-family:var(--mono); font-size:.56rem }

/* Footer */
.site-footer { position:relative; z-index:2; padding:90px 0 25px; color:var(--white); background:#050c11; border-top:1px solid rgba(255,255,255,.07) }.footer-grid { display:grid; grid-template-columns:1.6fr .75fr .75fr 1fr; gap:55px; padding-bottom:70px }.footer-brand p { max-width:360px; margin:28px 0; color:#7f949e; font-size:.88rem }.origin-link { display:inline-flex; align-items:center; gap:8px; color:#839aa5; font-family:var(--mono); font-size:.55rem; letter-spacing:.06em; text-transform:uppercase }.origin-link:hover { color:var(--cyan) }.origin-link .icon { width:15px }.footer-col,.footer-contact { display:flex; flex-direction:column; gap:12px }.footer-col h2,.footer-contact h2 { margin-bottom:16px; color:#718791; font-family:var(--mono); font-size:.57rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase }.footer-col a,.footer-contact>a:not(.footer-phone):not(.footer-button),.footer-contact span { color:#98aab3; font-size:.79rem; transition:color .2s ease }.footer-col a:hover,.footer-contact a:hover { color:var(--cyan) }.footer-phone { margin-bottom:2px; color:var(--white); font-size:1.45rem; font-weight:700; letter-spacing:-.02em }.footer-button { width:max-content; margin-top:13px; padding:10px 14px; color:var(--cyan); border:1px solid rgba(50,200,255,.3); border-radius:999px; font-size:.6rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase }.footer-bottom { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#566b75; border-top:1px solid rgba(255,255,255,.08); font-family:var(--mono); font-size:.52rem; letter-spacing:.05em }.footer-bottom div { display:flex; gap:20px }.footer-bottom a:hover { color:var(--cyan) }.mobile-contact-bar { display:none }

/* Progressive animation */
.js .reveal.reveal-pending { opacity:0; transform:translateY(28px); transition:opacity .75s cubic-bezier(.2,.65,.2,1),transform .75s cubic-bezier(.2,.65,.2,1) }.js .reveal.is-visible { opacity:1; transform:translateY(0) }

/* Responsive navigation and layout */
@media (max-width:1180px) {
  .nav-inner { gap:20px }.primary-navigation .menu>li>a { padding-inline:8px; font-size:.66rem }.primary-navigation .menu>li>a::after { left:8px; right:8px }.nav-cta { padding-inline:14px }
  .hero-grid { grid-template-columns:1fr 1fr; gap:45px }.home-hero h1 { font-size:clamp(3.3rem,5.4vw,5.4rem) }.monitor-feed { min-height:160px }.camera-orb { right:-25px }
  .process-ribbon { grid-template-columns:repeat(3,1fr) }.process-mini:nth-child(4) { border-left:1px solid var(--line) }.solution-cards { grid-template-columns:1fr 1fr }.solution-service { grid-column:span 2; min-height:440px }.solution-service .solution-art { height:230px }
  .tech-cards,.feature-card-grid,.values-grid { grid-template-columns:1fr 1fr }.service-grid { grid-template-columns:repeat(3,1fr) }.footer-grid { grid-template-columns:1.3fr .7fr .7fr }.footer-contact { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,auto); align-items:end; gap:20px; padding-top:35px; border-top:1px solid var(--line-dark) }.footer-contact h2 { grid-column:1/-1;margin:0 }.future-project { grid-template-columns:1fr }.project-template-flow { justify-content:flex-start }
}

@media (max-width:980px) {
  .container,.container.narrow { width:min(calc(100% - 36px),var(--container)) }.utility-bar { display:none }.nav-inner { height:76px }.site-header { background:var(--ink) }.nav-wrap { background:rgba(7,16,23,.95) }.primary-navigation { position:fixed; inset:76px 0 0; margin:0; padding:24px 18px 110px; overflow:auto; background:rgba(7,16,23,.99); opacity:0; visibility:hidden; transform:translateX(100%); transition:opacity .3s ease,transform .3s ease,visibility .3s }.menu-open .primary-navigation { opacity:1; visibility:visible; transform:translateX(0) }.primary-navigation>.menu,.primary-navigation .menu { display:block }.primary-navigation .menu>li { border-bottom:1px solid rgba(255,255,255,.1) }.primary-navigation .menu>li>a { min-height:62px; padding:0 4px; font-size:.85rem }.primary-navigation .menu>li>a::after,.primary-navigation .menu-item-has-children>a::before { display:none }.primary-navigation .sub-menu { position:static; width:auto; display:none; padding:0 0 12px 14px; color:var(--white); background:transparent; border:0; border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none }.primary-navigation .submenu-open>.sub-menu { display:grid }.primary-navigation .sub-menu a { color:#aebec5; background:rgba(255,255,255,.03) }.primary-navigation .sub-menu a:hover { color:var(--cyan); background:rgba(50,200,255,.06) }.primary-navigation .sub-menu small { color:#647c87 }.submenu-toggle { position:absolute; right:0; top:10px; width:44px; height:44px; display:grid; place-items:center; color:var(--white); background:rgba(255,255,255,.05); border:0; border-radius:50% }.submenu-toggle span,.submenu-toggle span::after { width:12px; height:1px; background:currentColor }.submenu-toggle span::after { content:""; display:block; transform:rotate(90deg); transition:transform .2s ease }.submenu-toggle[aria-expanded=true] span::after { transform:rotate(0) }.menu-toggle { width:48px; height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; margin-left:auto; border:1px solid rgba(255,255,255,.13); border-radius:50% }.menu-toggle span { width:18px; height:1px; background:currentColor; transition:transform .2s ease,opacity .2s ease }.menu-toggle b { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }.menu-open .menu-toggle span:nth-child(1) { transform:translateY(6px) rotate(45deg) }.menu-open .menu-toggle span:nth-child(2) { opacity:0 }.menu-open .menu-toggle span:nth-child(3) { transform:translateY(-6px) rotate(-45deg) }.nav-cta { display:none }
  .home-hero { min-height:auto; padding-top:145px }.page-hero { min-height:auto; padding:145px 0 85px }.hero-grid { grid-template-columns:1fr }.home-hero-grid { min-height:auto }.hero-copy { max-width:760px }.hero-visual { max-width:760px; width:100%; margin:25px auto 0 }.page-hero .hero-visual { display:none }.camera-orb { right:15px }.hero-foot { grid-template-columns:1fr 1fr; margin-top:65px }.hero-foot>div:nth-child(2) { border-right:0 }.hero-foot>div:nth-child(3) { border-top:1px solid var(--line-dark) }.hero-foot>a { border-top:1px solid var(--line-dark) }
  .split-grid { grid-template-columns:1fr; gap:55px }.split-reverse>:first-child,.split-reverse>:last-child { order:initial }.intelligence-visual,.residential-art,.mount-visual,.business-dashboard,.spec-visual { min-height:540px }.faq-grid { grid-template-columns:1fr; gap:45px }.faq-intro { position:static }.cta-panel { grid-template-columns:1fr }.cta-actions { align-items:flex-start }.tech-cards { grid-template-columns:1fr 1fr }.scenario-grid { grid-template-columns:1fr 1fr }.scenario-large { grid-column:span 2; grid-row:auto }.scenario-large .scenario-image { min-height:360px }
  .zone-map { grid-template-columns:1fr }.home-plan { min-height:500px; border-right:0; border-bottom:1px solid var(--line-dark) }.package-grid { grid-template-columns:1fr 1fr }.package-card:last-child { grid-column:span 2 }.legal-note { grid-template-columns:55px 1fr }.legal-note .text-link { grid-column:2 }.timeline { grid-template-columns:1fr 1fr }.timeline-item:nth-child(3) { border-left:1px solid var(--line-dark) }.feature-card-grid,.values-grid { grid-template-columns:1fr 1fr }.chain-flow { grid-template-columns:1fr 1fr }.chain-flow>i { display:none }.chain-item:last-child { grid-column:span 2 }.install-steps { grid-template-columns:1fr 1fr }.handover-grid { grid-template-columns:1fr 1fr }.diagnostic-grid { grid-template-columns:1fr 1fr }.project-case { grid-template-columns:1fr }.project-case:nth-child(even) .project-image,.project-case:nth-child(even) .project-content { order:initial }.project-image { min-height:430px }.about-story { grid-template-columns:1fr; gap:20px }.story-copy { padding-top:0 }.article-cards { grid-template-columns:1fr 1fr }.article-card:last-child { grid-column:span 2 }.contact-grid { grid-template-columns:1fr; gap:60px }.contact-info { max-width:720px }.legal-layout { grid-template-columns:1fr }.legal-nav { position:static; display:grid; grid-template-columns:repeat(3,1fr) }.footer-grid { grid-template-columns:1fr 1fr 1fr }.footer-brand { grid-column:1/-1 }.footer-contact { grid-template-columns:repeat(3,1fr) }.footer-contact .footer-button { grid-column:1/-1 }
}

@media (max-width:700px) {
  :root { --radius:16px; --radius-lg:22px }.container,.container.narrow { width:min(calc(100% - 28px),var(--container)) }.section-pad { padding:72px 0 }.brand-mark,.brand-mark svg { width:36px; height:36px }.brand-copy strong { font-size:1.05rem }.brand-copy small { font-size:.46rem }.nav-inner { height:70px }.primary-navigation { inset:70px 0 0 }.home-hero { padding-top:120px }.page-hero { padding:122px 0 68px }.home-hero h1,.page-hero h1 { font-size:clamp(2.75rem,13vw,4.2rem) }.hero-lead { font-size:1rem }.hero-actions { display:grid }.hero-actions .button { width:100% }.monitor-shell { padding:8px; border-radius:18px; transform:none!important }.monitor-feed { min-height:125px }.feed-label,.feed-time { font-size:.39rem }.feed-scene { inset:32px 12px 12px }.monitor-status span:nth-child(2) { display:none }.camera-orb { width:115px; height:115px; right:-5px; bottom:-55px }.camera-body { left:29px; top:41px; transform:scale(.75) rotate(-12deg); transform-origin:top left }.hero-foot { display:block; margin-top:75px; padding:20px 0 }.hero-foot>div,.hero-foot>a { min-height:70px; padding:14px 4px!important; border-right:0!important; border-top:1px solid var(--line-dark) }.hero-foot>div:first-child { border-top:0 }.marquee-track { height:42px }
  .heading-row { display:block }.heading-row>.text-link { margin-top:25px }.section-heading { margin-bottom:42px }.section-heading h2 { font-size:clamp(2.1rem,11vw,3.3rem) }.process-ribbon { grid-template-columns:1fr 1fr }.process-mini { min-height:245px; padding:25px 20px }.process-mini:nth-child(odd) { border-left:1px solid var(--line) }.process-mini h3 { font-size:1rem }.process-mini p { font-size:.8rem }.solution-cards,.tech-cards,.scenario-grid { grid-template-columns:1fr }.solution-card,.solution-service { min-height:510px; grid-column:auto }.scenario-large { grid-column:auto }.scenario-large .scenario-image,.scenario-image { min-height:280px }.tech-card { min-height:320px }.split-grid { gap:40px }.intelligence-visual,.residential-art,.mount-visual,.business-dashboard,.spec-visual { min-height:450px }.lens-core { width:190px; height:190px }.lens-core span { display:none }.feature-row { grid-template-columns:38px 1fr }.faq-item summary { font-size:.95rem }.cta-panel { min-height:520px; padding:35px 25px }.cta-panel h2 { font-size:2.45rem }.cta-radar { right:-300px }.cta-actions .button { width:100% }
  .service-grid { grid-template-columns:1fr }.service-card { min-height:280px }.service-card-icon { margin:25px 0 }.object-link { grid-template-columns:60px 1fr 25px; gap:15px }.object-link p { grid-column:2 }.system-diagram { gap:10px }.diagram-node { width:75px; height:75px }.system-diagram>i { width:20px }.zone-map { border-radius:18px }.home-plan { min-height:420px }.zone-list { padding:28px }.package-grid { grid-template-columns:1fr }.package-card:last-child { grid-column:auto }.package-card { min-height:410px }.package-card h3 { margin-top:45px }.legal-note { grid-template-columns:1fr }.legal-note .text-link { grid-column:auto }.business-type { grid-template-columns:45px 1fr }.type-line { display:none }.timeline { grid-template-columns:1fr }.timeline-item,.timeline-item:nth-child(3) { min-height:230px; border-left:1px solid var(--line-dark) }.timeline-item h3 { margin-top:45px }.notice-panel { grid-template-columns:1fr }.technology-intro { grid-template-columns:1fr; gap:24px }.feature-card-grid,.install-steps,.diagnostic-grid,.values-grid,.article-cards { grid-template-columns:1fr }.article-card:last-child { grid-column:auto }.feature-card,.diagnostic-card { min-height:290px }.feature-card h3,.diagnostic-card h3 { margin-top:45px }.spec-data { grid-template-columns:1fr; inset:auto 18px 18px }.spec-data>div:nth-child(2),.spec-data>div:nth-child(3) { display:none }.chain-flow { grid-template-columns:1fr 1fr }.handover-grid { grid-template-columns:1fr }.detail-grid { grid-template-columns:1fr }.maintenance-banner { grid-template-columns:1fr; gap:35px }.project-image { min-height:330px }.project-content ul { grid-template-columns:1fr }.future-project { gap:35px }.project-template-flow { display:grid; grid-template-columns:1fr 1fr }.project-template-flow>i { display:none }.project-template-flow>span { width:100%; height:auto; min-height:90px; border-radius:15px }.about-manifesto { min-height:500px }.brand-evolution { min-height:400px; flex-direction:column }.brand-evolution>i { width:1px; height:28px }.faq-full-heading { display:block }.faq-columns { grid-template-columns:1fr }.faq-columns .faq-item:nth-child(2) { border-top:0 }.comparison-table { overflow-x:auto }.comparison-row { min-width:680px }.guide-sections>section { grid-template-columns:42px 1fr; gap:15px }.article-meta { flex-direction:column; gap:8px }.contact-grid { gap:45px }.form-row { grid-template-columns:1fr }.form-head { display:block }.form-head strong { display:block; margin-top:5px }.contact-form { padding:25px 20px }.form-submit { width:100% }.prep-panel { grid-template-columns:1fr; gap:30px }.legal-nav { grid-template-columns:1fr 1fr }.footer-grid { grid-template-columns:1fr 1fr; gap:40px }.footer-brand { grid-column:1/-1 }.footer-contact { grid-column:1/-1; display:flex; align-items:flex-start }.footer-bottom { padding:20px 0 75px; flex-direction:column; align-items:flex-start }.mobile-contact-bar { position:fixed; z-index:850; left:10px; right:10px; bottom:10px; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; color:var(--white); background:rgba(7,16,23,.94); border:1px solid rgba(255,255,255,.16); border-radius:999px; box-shadow:0 18px 50px rgba(0,0,0,.28); backdrop-filter:blur(16px) }.mobile-contact-bar a { min-height:52px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase }.mobile-contact-bar a:first-child { color:var(--ink); background:var(--cyan) }.mobile-contact-bar .icon { width:18px }
}

@media (max-width:420px) {
  .brand-copy small { display:none }.home-hero h1,.page-hero h1 { font-size:2.65rem }.hero-kicker { font-size:.55rem }.monitor-feed { min-height:105px }.monitor-top strong { display:none }.process-ribbon { grid-template-columns:1fr }.process-mini,.process-mini:nth-child(4),.process-mini:nth-child(odd) { border-left:1px solid var(--line) }.home-plan { min-height:350px }.room { font-size:.42rem }.spec-ring { width:210px; height:210px }.spec-ring>i { inset:-35px }.spec-ring>i:nth-child(2) { inset:-65px }.footer-grid { grid-template-columns:1fr }.footer-col { padding-top:20px; border-top:1px solid var(--line-dark) }
}

@media (hover:none),(pointer:coarse) { .monitor-shell { transform:none!important } }
@media (max-width:980px) { .page-hero .hero-visual.page-hero-media { display:block } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important }.js .reveal { opacity:1!important; transform:none!important } }
@media print { .site-header,.site-footer,.mobile-contact-bar,.cta-section,.scroll-progress { display:none!important } body { color:#000; background:#fff }.page-hero,.article-hero,.legal-hero { min-height:0; padding:40px 0; color:#000; background:#fff }.page-hero .hero-visual { display:none }.section-pad { padding:35px 0 } }