.dpi-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#fff;color:#151b2b;pointer-events:none;overflow:hidden;padding:28px;font-family:Plus Jakarta Sans,Anuphan,sans-serif}.dpi-boot-loader *{animation-play-state:paused!important}.dpi-loading:not([data-dpi-loading-hidden]) .dpi-boot-loader *{animation-play-state:running!important}.dpi-boot-loader{visibility:hidden;opacity:0;transition:opacity .24s ease-out,visibility 0s linear .24s}.dpi-loading .dpi-boot-loader{visibility:visible;opacity:1;transition:none;animation:dpi-loader-failsafe 5s step-end forwards}.dpi-loader-art{position:relative;display:grid;place-items:center;width:clamp(200px,52vw,300px);aspect-ratio:1;isolation:isolate}.dpi-loader-facet{position:absolute;display:block;top:10%;right:10%;bottom:10%;left:10%;opacity:0;animation:dpi-facet-compose 2.8s cubic-bezier(.22,1,.36,1) infinite both}.dpi-loader-facet-left{--facet-x:-60px;--facet-y:36px;background:#151b2b;clip-path:polygon(0 12%,46% 48%,5% 85%,29% 49%);animation-delay:.04s}.dpi-loader-facet-top{--facet-x:0px;--facet-y:-50px;background:#693094;clip-path:polygon(44% 0,56% 0,50% 42%);animation-delay:.12s}.dpi-loader-facet-right{--facet-x:60px;--facet-y:36px;background:#693094;clip-path:polygon(100% 12%,54% 48%,95% 85%,71% 49%);animation-delay:.2s}.dpi-loader-caption{text-align:center;margin-top:6px;animation:dpi-caption-resolve 1s .12s ease-out both}.dpi-loader-caption>span{font-size:18px;font-weight:700;letter-spacing:.12em}.dpi-loader-caption p{margin:10px 0 0;font-size:14px;font-weight:400;line-height:1.7;color:#576171}.dpi-loader-track{display:block;overflow:hidden;width:112px;height:2px;background:#ede7f3;margin-top:26px}.dpi-loader-track>span{display:block;width:44%;height:100%;background:#693094;transform:translate(-110%);animation:dpi-loading-signal 1.4s ease-in-out infinite}.dpi-boot-en,html[lang=en] .dpi-boot-th{display:none}html[lang=en] .dpi-boot-en{display:block}.dpi-loader[data-hidden=true] *{animation-play-state:paused!important}@keyframes dpi-facet-compose{0%,to{opacity:0;transform:translate(var(--facet-x),var(--facet-y)) scale(.96)}28%,68%{opacity:1;transform:translate(0) scale(1)}}@keyframes dpi-caption-resolve{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dpi-loading-signal{to{transform:translate(340%)}}@keyframes dpi-loader-failsafe{to{visibility:hidden;opacity:0}}@media (prefers-reduced-motion:reduce){.dpi-loader-facet,.dpi-loader-caption,.dpi-loader-track>span{animation:none;transform:none}.dpi-loader-facet{opacity:1}.dpi-loader-track>span{width:100%}.dpi-boot-loader{transition:none}}@media (forced-colors:active){.dpi-loader{background:Canvas;color:CanvasText}.dpi-loader-caption p{color:CanvasText}.dpi-loader-track{background:GrayText}.dpi-loader-track>span{background:Highlight}}.dpi-route-loader{z-index:40}.social-links{--social-text:var(--ink);--social-subtext:var(--muted);--social-icon-color:var(--brand);--social-icon-bg:var(--surface);--social-icon-border:var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-block:14px}.social-links .social-link{display:inline-flex;align-items:center;gap:12px;min-height:52px;max-width:100%;padding:4px 0;text-decoration:none;color:var(--social-text);border-radius:8px}.social-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--social-icon-border);border-radius:12px;background:var(--social-icon-bg);color:var(--social-icon-color);transition:color var(--fast),border-color var(--fast),background var(--fast)}.social-icon svg{display:block;width:24px;height:24px}.social-link-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.social-link-copy strong{font-size:14px;font-weight:600;line-height:1.5}.social-link-copy>span{font-size:12px;line-height:1.5;color:var(--social-subtext);overflow-wrap:anywhere}.social-links .social-link:hover{color:var(--social-text);text-decoration:none}.social-link:hover .social-icon{border-color:var(--brand);background:var(--soft)}.social-link:hover .social-link-copy strong{text-decoration:underline;text-underline-offset:4px}.social-links .social-link:focus-visible{outline:2px solid var(--brand);outline-offset:6px}.footer-grid .social-links{--social-text:var(--on-dark);--social-subtext:var(--on-dark-muted);--social-icon-color:var(--on-dark);--social-icon-bg:var(--navy-raise);--social-icon-border:var(--navy-edge)}.footer-grid .social-link:hover .social-icon{color:var(--violet);border-color:var(--brand);background:var(--navy-raise)}.footer-grid .social-link:focus-visible{outline-color:var(--violet)}.contact-channels .social-links{margin-block:0}@media (prefers-reduced-motion:reduce){.social-icon{transition:none}}.location-details .social-links{margin-block:0 28px}.cabling-cooperation{margin-block:calc(var(--section-space) * .5);padding:clamp(24px,4vw,56px);border-radius:var(--radius-lg);background:radial-gradient(ellipse 50% 60% at 95% 0%,rgba(140,88,196,.4),transparent 70%),var(--navy);color:var(--on-dark)}.cc-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:clamp(28px,3.4vw,44px)}.cc-head>p{max-width:56ch;margin:0;font-size:17px;line-height:1.8;color:var(--on-dark-muted)}.cabling-cooperation h2{font-size:var(--type-h2);line-height:1.15;white-space:pre-line;color:#fff}.cabling-cooperation-brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;padding:10px 18px;border-radius:999px;background:var(--paper)}.cabling-cooperation-brand>span{font-size:20px;font-weight:700;line-height:1;color:var(--brand)}.cc-dpi-logo{display:block;width:auto;height:44px}.cabling-cooperation-brand .manufacturer-logo{display:block;width:auto;max-width:none;height:52px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:normal}.cc-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px)}.cc-media{min-width:0}.cc-media .concept-image{overflow:hidden;border-radius:12px;background:#e5eaf0}.cc-side{display:flex;flex-direction:column;gap:28px;min-width:0}.cabling-cooperation-benefits{display:grid;gap:12px;margin:0;padding:0;list-style:none}.cabling-cooperation-benefits li{display:flex;gap:16px;align-items:flex-start;min-width:0;padding:18px;border-radius:14px;border:1px solid var(--navy-edge);background:linear-gradient(160deg,var(--navy-raise),#11182f);transition:border-color var(--base),translate var(--base) var(--ease-out)}.cabling-cooperation-benefits li:hover{border-color:#a97fdc8c;translate:0 -2px}.cabling-cooperation-benefits li:before{display:none}.cabling-cooperation-benefits .system-icon-tile{width:46px;height:46px;border-radius:12px}.cabling-cooperation-benefits strong{display:block;font-size:17px;font-weight:600;line-height:1.5;color:#fff}.cabling-cooperation-benefits div>span{display:block;margin-top:4px;font-size:15px;line-height:1.65;color:var(--on-dark-muted)}.cabling-cooperation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}.cabling-cooperation-actions .text-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#fff}@media (max-width:950px){.cc-head,.cc-body{grid-template-columns:1fr;align-items:start}.cc-head{gap:16px}}@media (max-width:600px){.cabling-cooperation{padding:22px 18px;border-radius:var(--radius)}.cabling-cooperation-brand{gap:10px;padding:8px 14px}.cc-dpi-logo{height:36px}.cabling-cooperation-brand .manufacturer-logo{height:42px}.cabling-cooperation-benefits li{padding:14px;gap:12px}.cabling-cooperation-actions .button{width:100%}}.building-systems{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"stage legend" "detail legend" "caption caption";gap:20px 32px;margin:0;padding:28px;background:var(--surface);border-radius:var(--radius-lg);min-width:0}.bs-stage{grid-area:stage;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aeb4bf transparent}.bs-stage>svg{display:block;width:100%;height:auto}.bs-stage text{font-family:inherit}.bs-ground{fill:#e3e6eb}.bs-ground-line{stroke:var(--line);stroke-width:2}.bs-room{fill:#fff}.bs-structure{fill:#cfd5de}.bs-shaft{fill:#e6e9ee}.bs-glass{fill:#dfe6ef}.bs-stroke-thin{stroke:var(--ink);stroke-width:1.5}.bs-furniture{fill:#d5dae2}.bs-furniture .bs-chair{fill:#e3e7ec}.bs-furniture .bs-frame{fill:none;stroke:#b9c0cc;stroke-width:3}.bs-branch{fill:none;stroke:var(--brand);stroke-width:1.5;opacity:.45}.bs-backbone{fill:none;stroke:var(--brand);stroke-width:4;stroke-linejoin:round}.bs-line{fill:#fff;stroke:var(--ink);stroke-width:2}.bs-solid{fill:var(--ink)}.bs-stroke{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.bs-screen{fill:#3a4459}.bs-screen-line{stroke:#3a4459;stroke-width:4}.bs-person{fill:#8d97aa}.bs-lens{fill:#fff}.bs-led{fill:#b48ad6}.bs-grid{fill:none;stroke:#4a5570;stroke-width:1.5}.bs-pole{fill:#8d97aa}.bs-path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6}.bs-blade{stroke-width:4}.bs-airflow{stroke-dasharray:4 5;stroke-width:1.5}.bs-sign{fill:#fff;font-size:20px;font-weight:700;text-anchor:middle;dominant-baseline:central}.bs-room-label{fill:var(--muted);font-size:16px}.bs-marker circle{fill:#fff;stroke:var(--ink);stroke-width:2}.bs-marker text{fill:var(--ink);font-size:17px;font-weight:700;text-anchor:middle;dominant-baseline:central}.bs-system{cursor:pointer;transition:opacity .25s}.building-systems[data-active] .bs-system:not(.is-active){opacity:.16}.bs-system.is-active .bs-line,.bs-system.is-active .bs-stroke,.bs-system.is-active .bs-path{stroke:var(--brand)}.bs-system.is-active .bs-solid,.bs-system.is-active .bs-marker circle{fill:var(--brand)}.bs-system.is-active .bs-marker circle{stroke:var(--brand)}.bs-system.is-active .bs-screen{fill:#8e5fb5}.bs-system.is-active .bs-screen-line{stroke:#8e5fb5}.bs-system.is-active .bs-marker text{fill:#fff}.bs-detail{grid-area:detail;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 28px;min-height:112px;padding:18px 22px;background:#fff}.building-systems .bs-detail p{margin:0;max-width:62ch}.bs-detail-title{font-size:18px;font-weight:600;line-height:1.5}.bs-detail p:not(.bs-detail-title){grid-column:1;font-size:16px;line-height:1.7}.bs-detail .text-link{grid-column:2;grid-row:1/3;font-size:15px}.bs-legend{grid-area:legend;align-self:start;display:grid;gap:2px;margin:0;padding:0;list-style:none}.bs-legend button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:5px 10px;font-size:15px;line-height:1.45;text-align:left;border-radius:var(--radius);transition:background .2s,color .2s}.bs-legend button:hover{background:#fff}.bs-legend button[aria-pressed=true]{background:var(--navy);color:#fff}.bs-legend-number{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#e2e6ec;color:var(--ink);font-size:13px;font-weight:600}.bs-legend button[aria-pressed=true] .bs-legend-number{background:#fff;color:var(--navy)}.building-systems>figcaption{grid-area:caption;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.7;color:var(--muted)}.bs-key{flex:none;width:28px;height:4px;background:var(--brand)}.page-hero-media>.building-systems>figcaption{padding:0}.bs-scroll-hint{display:none}.building-systems.is-compact{grid-template-columns:1fr;grid-template-areas:"stage" "legend" "caption";gap:16px;padding:20px;height:100%;align-content:center}.is-compact .bs-marker{transform:scale(1.3);transform-box:fill-box;transform-origin:center}.is-compact .bs-room-label{display:none}.is-compact .bs-legend{display:flex;flex-wrap:wrap;gap:4px 6px}.is-compact .bs-legend button{width:auto;min-height:40px;padding:4px 10px 4px 6px;font-size:14px;gap:8px;background:#fff}.is-compact .bs-legend button[aria-pressed=true]{background:var(--navy)}.is-compact .bs-legend-number{width:24px;height:24px;font-size:12px}.is-compact>figcaption{font-size:13px}.page-hero-media>.building-systems{min-height:100%}@media (max-width:1100px){.building-systems:not(.is-compact){grid-template-columns:1fr;grid-template-areas:"stage" "detail" "legend" "caption"}.bs-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.building-systems{padding:16px}.bs-stage>svg{min-width:680px}.bs-detail{display:block;min-height:190px;padding:18px}.building-systems .bs-detail p:not(.bs-detail-title){margin-top:6px}.bs-detail .text-link{margin-top:8px}.bs-legend,.is-compact .bs-legend{display:flex;flex-wrap:wrap;gap:6px}.bs-legend button,.is-compact .bs-legend button{width:auto;min-height:40px;padding:4px 10px 4px 6px;font-size:14px;gap:8px;white-space:nowrap;background:#fff}.bs-legend button[aria-pressed=true]{background:var(--navy)}.bs-legend button svg{display:none}.bs-scroll-hint{display:inline}.building-systems>figcaption{align-items:start;font-size:13px}.bs-key{margin-top:10px}}.hero-tiles.hero-artwork{padding-bottom:0}.hero-artwork .hero-tile{opacity:1;padding:14px 14px 16px}.hero-artwork .hero-tile>img{height:144px;-o-object-fit:contain;object-fit:contain;opacity:.8;transition:opacity var(--base)}.hero-artwork .hero-tile.is-lit>img,.hero-artwork .hero-tile:hover>img{opacity:1}.hero-artwork .hero-tile.is-anchor{padding:16px 20px;gap:18px}.hero-artwork .hero-tile.is-anchor>img{height:180px;flex:1;min-width:0}.hero-artwork .hero-tile>figcaption{align-items:flex-start;white-space:normal;overflow:visible;line-height:1.4;gap:8px}.hero-artwork .hero-tile>figcaption svg{flex:none;margin-top:2px}.hero-artwork .hero-tile>figcaption span{display:block;min-width:0}.hero-artwork .hero-tile>figcaption strong{display:block;font-size:inherit;font-weight:650}.hero-artwork .hero-tile>figcaption small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.hero-artwork .hero-tile.is-anchor>figcaption{max-width:46%}@media (min-width:851px){.hero:has(.hero-artwork) .hero-inner{min-height:calc(100svh - 88px);padding-block:20px}.hero-tiles.hero-artwork{height:clamp(300px,calc(100svh - 128px),620px);grid-template-rows:minmax(0,.9fr) repeat(2,minmax(0,1fr));gap:10px}.hero-artwork .hero-tile{min-height:0;padding:12px}.hero-artwork .hero-tile:not(.is-anchor)>img{flex:1 1 0;min-height:0;height:0}.hero-artwork .hero-tile.is-anchor{padding:12px 18px;gap:12px}.hero-artwork .hero-tile.is-anchor>img{height:100%;max-height:100%;min-height:0}.hero-artwork .hero-tile>figcaption{flex:none;margin-top:8px;font-size:13px}.hero-artwork .hero-tile.is-anchor>figcaption{margin-top:0;font-size:15px}.hero:has(.hero-artwork) h1{font-size:clamp(44px,min(5.2vw,8.6svh),78px)}.hero:has(.hero-artwork) .hero-headline-wrap{margin-bottom:20px}.hero:has(.hero-artwork) .headline-playback{margin-top:16px}.hero:has(.hero-artwork) .hero-buttons{margin-top:22px}.hero:has(.hero-artwork) .hero-location{margin-top:22px}}@media (min-width:851px) and (max-height:740px){.hero:has(.hero-artwork) h1{font-size:clamp(32px,min(5vw,7svh),64px)}.hero:has(.hero-artwork) .headline-promise{font-size:20px;line-height:1.4;margin-top:8px}.hero:has(.hero-artwork) .headline-playback{margin-top:12px}.hero:has(.hero-artwork) .hero-headline-wrap{margin-bottom:16px}.hero:has(.hero-artwork) .hero-copy>p{font-size:16px;line-height:1.6}.hero:has(.hero-artwork) .hero-buttons{gap:10px;margin-top:18px}.hero:has(.hero-artwork) .hero-buttons .button{min-height:48px;padding:10px 16px;font-size:14px;gap:8px}.hero:has(.hero-artwork) .hero-copy>.hero-location{margin-top:16px;font-size:12px;line-height:1.5}}@media (max-width:850px){.hero-artwork .hero-tile>img{height:170px}.hero-artwork .hero-tile.is-anchor>img{height:200px}}@media (max-width:600px){.hero-artwork .hero-tile{padding:10px 10px 14px}.hero-artwork .hero-tile>img{height:110px}.hero-artwork .hero-tile.is-anchor{padding:14px;gap:0}.hero-artwork .hero-tile.is-anchor>img{height:160px;flex:none}.hero-artwork .hero-tile.is-anchor>figcaption{max-width:none}.hero-artwork .hero-tile>figcaption{font-size:12px;gap:6px}.hero-artwork .hero-tile>figcaption small{font-size:10px}}@property --hero-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hero-artwork .hero-tile{--rx:0deg;--ry:0deg;--px:0px;--py:0px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s var(--ease-out),box-shadow var(--base),opacity var(--base),filter var(--base)}.hero-artwork .hero-tile:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px)}.hero-artwork .hero-tile>img{transform:translate3d(var(--px),var(--py),0)}.hero-artwork .hero-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:2.5px;border-radius:inherit;background:conic-gradient(from var(--hero-angle),transparent 0 55%,rgba(169,127,220,.95) 74%,#fff 82%,rgba(169,127,220,.95) 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity var(--base);pointer-events:none}.hero-artwork .hero-tile:after{content:"";position:absolute;inset:-20% auto -20% 0;z-index:1;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:translate(-160%) skew(-12deg);pointer-events:none}.hero-artwork:not([data-focus="0"]) .hero-tile.is-lit:not(.is-anchor){box-shadow:0 0 0 1px #c3a0e6b3,0 0 28px -4px #a97fdcbf,0 24px 48px -24px #693094e6;translate:0 -3px}.hero-artwork:not([data-focus="0"]) .hero-tile:not(.is-lit)>img{opacity:.42;filter:grayscale(.5)}.hero-artwork:not([data-focus="0"]) .hero-tile:not(.is-lit)>figcaption{opacity:.6}.hero-artwork .hero-tile>figcaption,.hero-artwork .hero-tile>img{transition:transform .45s var(--ease-out),opacity var(--base),filter var(--base)}.hero-artwork:not([data-focus="0"]) .hero-tile:not(.is-lit):hover>img,.hero-artwork:not([data-focus="0"]) .hero-tile:not(.is-lit):hover>figcaption{opacity:1;filter:none}.hero-artwork:not([data-focus="0"]) .hero-tile.is-lit:not(.is-anchor):before,.hero-artwork[data-focus="0"] .hero-tile.is-anchor:before{opacity:1}@media (prefers-reduced-motion:no-preference){.hero-artwork .hero-tile{animation-name:hero-tile-in}.hero-artwork .hero-tile>img{animation:hero-float 6.5s ease-in-out calc(var(--tile-index) * -1.3s) infinite alternate}.hero-artwork .hero-tile:before{animation:hero-border 3.2s linear infinite}.hero-artwork .hero-tile.is-lit:after{animation:hero-shine 1.3s var(--ease-out) .15s both}.hero-artwork .hero-tile.is-lit>figcaption svg{animation:hero-icon .6s var(--ease-out) both}.hero-artwork[data-paused] .hero-tile>img,.hero-artwork[data-paused] .hero-tile:before{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.hero-artwork .hero-tile,.hero-artwork .hero-tile>img{transform:none;transition:none}}@keyframes hero-tile-in{0%{opacity:0;translate:0 22px;scale:.97}}@keyframes hero-float{0%{translate:0 2px}to{translate:0 -6px}}@keyframes hero-border{to{--hero-angle:360deg}}@keyframes hero-shine{0%{transform:translate(-160%) skew(-12deg)}to{transform:translate(330%) skew(-12deg)}}@keyframes hero-icon{0%{scale:1}40%{scale:1.3}to{scale:1}}.showcase{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--on-dark)}.showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(140,88,196,.35),transparent 70%),radial-gradient(ellipse 50% 45% at 0% 100%,rgba(74,47,120,.45),transparent 70%)}.showcase-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:clamp(32px,4vw,56px)}.showcase-head h2{font-size:var(--type-feature);line-height:1.08;color:#fff}.showcase-head p{max-width:46ch;color:var(--on-dark-muted)}.showcase-head .text-link{margin-top:14px;color:#fff}.showcase-bento{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(300px,auto));gap:16px}.showcase-tile{--mx:70%;--my:35%;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:20px;min-width:0;padding:clamp(24px,2.8vw,40px);overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--navy-edge);background:radial-gradient(460px circle at var(--mx) var(--my),rgba(140,88,196,.34),transparent 65%),linear-gradient(160deg,var(--navy-raise),#11182f);transition:opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0ms),transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0ms),border-color var(--base),box-shadow var(--base)}.showcase-tile:first-child{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start}.showcase-tile:hover{border-color:#a97fdc8c;box-shadow:0 24px 48px -28px #693094e6}.showcase-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.showcase-copy h3{margin-top:18px;font-size:clamp(22px,1.9vw,28px);line-height:1.3;letter-spacing:-.01em;color:#fff}.showcase-tile:first-child .showcase-copy h3{font-size:clamp(26px,2.4vw,36px)}.showcase-copy p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--on-dark-muted)}.showcase-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;font-weight:600;color:#fff}.showcase-cta svg{color:var(--violet);transition:transform var(--fast) var(--ease-out)}.showcase-tile:hover .showcase-cta svg{transform:translate(4px)}.showcase-example{margin-top:14px;font-size:12px;letter-spacing:.02em;color:#8f99b3}.showcase-tile .system-icon-tile{transition:background var(--base),color var(--base),border-color var(--base)}.showcase-tile:hover .system-icon-tile{background:var(--brand);border-color:var(--brand);color:#fff}.showcase-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:220px;perspective:900px}.showcase-stage:after{content:"";position:absolute;left:22%;right:22%;bottom:4%;height:16px;border-radius:50%;background:#040712a6;filter:blur(12px);transition:transform .6s var(--ease-out),opacity .6s}.showcase-product{position:relative;z-index:1;display:block;width:min(100%,250px);height:auto;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .6s var(--ease-out);filter:drop-shadow(0 22px 30px rgba(0,0,0,.4))}.showcase-tile:first-child .showcase-stage{min-height:340px}.showcase-tile:first-child .showcase-product{width:min(88%,420px)}.showcase-tile:hover .showcase-product{--lift:-10px}.showcase-tile:hover .showcase-stage:after{transform:scaleX(.82);opacity:.7}.showcase-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}.showcase-more a{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border-radius:14px;border:1px solid var(--navy-edge);background:#ffffff08;font-size:16px;font-weight:600;color:#fff;transition:background var(--base),border-color var(--base),translate var(--base) var(--ease-out)}.showcase-more a>span:nth-child(2){flex:1;min-width:0}.showcase-more a>svg{color:var(--on-dark-muted);transition:transform var(--fast) var(--ease-out),color var(--fast)}.showcase-more .system-icon-tile{width:44px;height:44px;border-radius:12px;transition:background var(--base),color var(--base),border-color var(--base)}.showcase-more a:hover{translate:0 -2px;background:var(--navy-raise);border-color:#a97fdc80}.showcase-more a:hover .system-icon-tile{background:var(--brand);border-color:var(--brand);color:#fff}.showcase-more a:hover>svg{transform:translate(4px);color:#fff}@media (max-width:1100px){.showcase-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.showcase-tile:first-child{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;align-items:center}.showcase-tile:first-child .showcase-stage{min-height:280px}.showcase-tile{grid-template-columns:1fr;align-items:start}.showcase-more{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.showcase-head{grid-template-columns:1fr;align-items:start;gap:16px}.showcase-bento{grid-template-columns:1fr}.showcase-tile,.showcase-tile:first-child{grid-template-columns:1fr;grid-column:auto}.showcase-stage,.showcase-tile:first-child .showcase-stage{min-height:200px}.showcase-product{width:min(70%,220px)}.showcase-tile:first-child .showcase-product{width:min(78%,280px)}.showcase-more{grid-template-columns:1fr;gap:8px}.showcase-more a{min-height:64px}}.dpi-alltime{border-bottom:1px solid var(--soft)}.ecosystem-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:end;margin-bottom:40px}.ecosystem-wordmark{display:flex;gap:14px;align-items:center;margin:0 0 24px;color:var(--ink);font-size:clamp(22px,2vw,30px);letter-spacing:-.03em}.ecosystem-wordmark>span{color:var(--brand);font-weight:400}.ecosystem-heading h2{font-size:var(--type-h2);white-space:pre-line}.ecosystem-heading>div>p:not(.ecosystem-wordmark){color:var(--muted);max-width:58ch}.ecosystem-actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:24px}.ecosystem-actions svg{width:20px;height:20px;flex-shrink:0}.ecosystem-cycle{padding:clamp(20px,3vw,40px);background:var(--navy);color:var(--on-dark);border-radius:var(--radius-lg)}.ecosystem-cycle ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:16px}.ecosystem-cycle li{min-width:0}.ecosystem-cycle li:before,.ecosystem-benefits li:before{display:none}.ecosystem-cycle button{position:relative;display:flex;flex-wrap:wrap;align-content:start;align-items:center;gap:12px;width:100%;height:100%;min-height:130px;border:1px solid var(--navy-edge);border-radius:var(--radius);padding:20px;color:var(--on-dark-muted);background:transparent;cursor:pointer;text-align:left;transition:background var(--fast),border-color var(--fast)}.ecosystem-cycle button:hover{background:var(--navy-raise)}.ecosystem-cycle button[aria-pressed=true]{background:var(--navy-raise);border-color:var(--violet);color:var(--on-dark)}.ecosystem-cycle button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.ecosystem-stage-icon{color:var(--violet);display:flex}.ecosystem-stage-icon svg{width:28px;height:28px}.ecosystem-stage-number{font-size:13px;margin-left:auto;color:var(--on-dark-muted)}.ecosystem-cycle button strong{flex-basis:100%;font-size:16px;font-weight:600;line-height:1.6;padding-right:12px}.ecosystem-stage-arrow{position:absolute;right:-21px;top:28px;width:24px!important;z-index:1;color:var(--violet)}.ecosystem-cycle li:last-child .ecosystem-stage-arrow{display:none}.ecosystem-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center;padding-block:32px;border-bottom:1px solid var(--navy-edge)}.ecosystem-detail h3{margin:0 0 12px;color:var(--on-dark);font-size:var(--type-h3)}.ecosystem-detail p{margin:0;color:var(--on-dark-muted);font-size:16px}.ecosystem-detail .ecosystem-outcome{display:flex;align-items:flex-start;gap:10px;color:var(--on-dark)}.ecosystem-outcome svg{flex-shrink:0;color:var(--violet);margin-top:2px}.ecosystem-return{display:flex;align-items:center;gap:12px;margin:20px 0 0;color:var(--on-dark-muted);font-size:14px}.ecosystem-return>span{color:var(--violet);font-size:28px}.ecosystem-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:32px 0 20px;list-style:none}.ecosystem-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.7}.ecosystem-benefits svg{color:var(--brand);flex-shrink:0;margin-top:4px}.ecosystem-note{font-size:13px;color:var(--muted);max-width:95ch}@media (max-width:950px){.ecosystem-cycle ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-stage-arrow{display:none}}@media (max-width:760px){.ecosystem-heading,.ecosystem-detail,.ecosystem-benefits{grid-template-columns:1fr;gap:24px}.ecosystem-cycle button{padding:16px}}@media (max-width:440px){.ecosystem-cycle ol{grid-template-columns:1fr;gap:12px}.ecosystem-cycle button{min-height:64px;align-items:center;flex-wrap:nowrap;gap:12px;padding:12px}.ecosystem-cycle button strong{flex:1;font-size:14px;padding:0}.ecosystem-stage-number{order:3;margin-left:0}.ecosystem-detail{padding-block:24px}}@media (prefers-reduced-motion:reduce){.ecosystem-cycle button{transition:none}}html.is-protected body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}html.is-protected img{-webkit-user-drag:none}html.is-protected :is(input,textarea,select,[contenteditable=true],address,.contact-channels,a[href^="tel:"],a[href^="mailto:"],[data-allow-copy]),html.is-protected :is(address,.contact-channels,[data-allow-copy]) *{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}@media print{html.is-protected :is(img,picture,video,canvas,iframe,svg image){visibility:hidden!important}html.is-protected *{background-image:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.left-10{left:2.5rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-7{height:1.75rem}.w-2{width:.5rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Plus Jakarta Sans,Anuphan,sans-serif;font-synthesis:none;--navy:#0f1528;--navy-raise:#1a2340;--navy-edge:#273152;--ink:#151b2b;--brand:#693094;--brand-deep:#512470;--violet:#a97fdc;--blue:#693094;--muted:#576171;--on-dark:#eef1f7;--on-dark-muted:#b9c2d6;--paper:#fff;--surface:#f2f3f5;--soft:#e9ebef;--line:#b9c0cc;--radius-lg:16px;--shadow-lift:0 12px 28px -14px rgba(15,21,40,.35);--ease-out:cubic-bezier(.16,1,.3,1);--fast:.16s;--base:.26s;--gutter:clamp(20px, calc(6vw - 24px) ,64px);--section-space:clamp(56px,6vw,96px);--hero-pad:clamp(32px,4.4vw,64px);--type-feature:clamp(36px, calc(4vw + 6px) ,64px);--type-h2:clamp(30px, calc(2.4vw + 10px) ,46px);--type-h3:clamp(22px, calc(.8vw + 14px) ,26px);--radius:8px;--reveal-duration:.56s;--reveal-ease:var(--ease-out);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-padding-top:100px;scroll-padding-bottom:88px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;caret-color:var(--brand)}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{cursor:wait;opacity:.6}img{display:block;max-width:100%}svg{flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(42px,5.3vw,76px);line-height:1.12}h2{font-size:var(--type-h2);line-height:1.18;white-space:pre-line}h3{font-size:var(--type-h3);line-height:1.35}p{font-size:18px;line-height:1.75;text-wrap:pretty}:where(h2)+p{margin-top:24px}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0;line-height:1.4}li{line-height:1.75}:is(.scope-list,.discipline-row ul,.planning-checks ul,.handover-panel ul,.preparation-list)>li{position:relative;padding-left:26px}:is(.scope-list,.discipline-row ul,.planning-checks ul,.handover-panel ul,.preparation-list)>li:before{content:"";position:absolute;left:0;top:calc(.875em - 1px);width:12px;height:2px;background:var(--brand)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.container{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section{padding-block:var(--section-space)}.section:not(.showcase,.planning-guide,.cabling-band)+.section:not(.system-group){padding-top:calc(var(--section-space) * .5)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2{max-width:20ch}.section-heading p{margin-top:24px;max-width:56ch}.section-heading>.text-link{flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:15px 25px;font-size:16px;line-height:1.45;font-weight:600;border-radius:var(--radius);transition:background var(--fast),transform var(--fast) var(--ease-out),color var(--fast),box-shadow var(--fast)}.button:hover{transform:translateY(-1px)}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-deep);box-shadow:0 10px 24px -10px #693094a6}.button-secondary{background:var(--soft);color:var(--ink)}.button-secondary:hover{background:#dce0e5}.white{background:#fff;color:var(--ink)}.button:active{transform:scale(.98);box-shadow:none}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:16px;line-height:1.6;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.text-link:hover{color:var(--brand)}.text-link svg,.button svg{transition:transform var(--fast) var(--ease-out)}.text-link:hover svg,.button:hover svg{transform:translate(4px)}.muted-note,.brand-disclaimer{font-size:14px;line-height:1.8;color:var(--muted)}.muted-note{margin-top:22px}.brand-disclaimer{padding-block:30px;max-width:1000px;text-align:center}.loading,.coverage-placeholder{min-height:320px;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:12px;padding:14px;background:var(--navy);color:#fff;z-index:1500;transform:translateY(-200%)}.skip-link:focus{transform:none}::-moz-selection{background:#e8d9f4;color:var(--ink)}::selection{background:#e8d9f4;color:var(--ink)}header{position:sticky;top:0;z-index:50;background:#ffffffd6;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid transparent;transition:border-color var(--base)}header[data-scrolled=true]{border-color:var(--soft)}.header-inner{display:flex;align-items:center;gap:28px;height:88px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:40px;height:54px;-o-object-fit:contain;object-fit:contain}.brand>span{font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-group{display:inline;font-size:19px;font-weight:500;letter-spacing:-.6px}.header-inner nav{display:flex;align-items:center;gap:24px;margin-left:auto}.header-inner nav a{font-size:15px;white-space:nowrap;padding-block:20px;position:relative;transition:color var(--fast)}.header-inner nav a:hover{color:var(--brand)}.header-inner nav a.active{color:var(--brand)}.header-inner nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;border-radius:1px;background:var(--brand)}.header-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:8px;min-height:44px;min-width:65px;font-size:14px;color:var(--muted)}.language .selected{font-weight:700;color:var(--ink)}.language i{width:2px;height:12px;background:var(--soft)}.header-contact{font-size:14px;min-height:46px;padding:12px 18px}.menu-toggle{display:none;min-height:44px;min-width:44px}.mobile-menu{width:min(360px,90vw);padding:28px;display:flex;flex-direction:column;gap:18px}.mobile-menu>a{font-size:22px;min-height:48px;padding-block:8px}.mobile-menu>strong{font-size:28px;margin-block:20px}.close-menu{align-self:end;min-width:44px;min-height:44px}footer{background:var(--navy);color:#fff;padding-top:45px}.footer-name{font-size:clamp(50px,15vw,230px);line-height:1.15;letter-spacing:-.065em;font-weight:600;white-space:nowrap}.footer-grid{padding-block:60px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:40px}.footer-grid h3{font-size:18px;letter-spacing:0;margin-bottom:24px}.footer-grid p,.footer-grid>div>a{font-size:15px;line-height:1.8;color:#d6dbe3}.footer-grid>div>a{display:flex;align-items:center;gap:10px;min-height:40px;overflow-wrap:anywhere}.footer-grid p{margin-block:15px;max-width:30ch}.footer-grid .footer-brand{font-size:24px;font-weight:700;color:#fff;display:block}.footer-brand span{display:none}.footer-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-block:24px;font-size:14px;color:#d6dbe3}.floating-contact{position:fixed;bottom:24px;right:24px;z-index:40;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff}.hero{position:relative;background:var(--navy);color:var(--on-dark);overflow:hidden;isolation:isolate}.hero-glow{position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(ellipse at 72% 30%,rgba(140,88,196,.55),transparent 55%),radial-gradient(ellipse at 20% 110%,rgba(74,47,120,.5),transparent 50%);pointer-events:none;z-index:-1}.hero-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(760px,calc(100svh - 88px));padding-block:clamp(40px,6vw,72px)}.hero-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.hero-headline-wrap{min-width:0;margin-bottom:26px}.hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.06;letter-spacing:-.045em;color:#fff}.headline-stage{display:grid;overflow:hidden;padding-block:.1em}.headline-phrase{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(60%);transition:transform .7s var(--ease-out),opacity .45s;pointer-events:none}.headline-phrase>span{display:block;white-space:nowrap}.headline-phrase.is-active{visibility:visible;opacity:1;transform:none}.headline-phrase.is-previous{transform:translateY(-60%)}.headline-promise{font-size:clamp(20px,2vw,28px);line-height:1.5;margin-top:14px;color:var(--violet)}.headline-playback{margin-top:22px}.headline-indicators{display:flex;gap:6px}.headline-indicators i{width:22px;height:3px;border-radius:2px;background:#ffffff38;transition:background var(--base),width var(--base) var(--ease-out)}.headline-indicators .is-active{width:36px;background:var(--violet)}.hero-copy>p{font-size:18px;line-height:1.8;max-width:44ch;color:var(--on-dark-muted)}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .button-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18)}.hero .button-secondary:hover{background:#ffffff29}.hero-copy>.hero-location{font-size:14px;color:var(--on-dark-muted);margin-top:30px}.hero-tiles{position:relative;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;padding-bottom:30px}.hero-tile{position:relative;margin:0;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--radius-lg);padding:18px 18px 14px;min-width:0;overflow:hidden;opacity:.55;transform:translateY(0);transition:opacity var(--base),transform var(--base) var(--ease-out),box-shadow var(--base)}.hero-tile.is-lit{opacity:1}.hero-tile.is-anchor{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px;padding:16px 22px}.hero-tile>img{display:block;width:100%;height:120px;-o-object-fit:contain;object-fit:contain}.hero-tile.is-anchor>img{height:150px;flex:1;min-width:0}.hero-tile>figcaption{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-tile.is-anchor>figcaption{margin:0;font-size:16px;flex:0 0 auto;max-width:42%;white-space:normal}.hero-tile>figcaption svg{color:var(--brand)}.hero-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);opacity:1}.hero-tiles-note{position:absolute;left:0;bottom:0;margin:0;font-size:13px;color:var(--on-dark-muted)}@media (prefers-reduced-motion:no-preference){.hero-tile{animation:tile-arrive .7s var(--ease-out) both;animation-delay:calc(var(--tile-index)*80ms)}}@keyframes tile-arrive{0%{opacity:0;transform:translateY(18px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-copy{animation:hero-copy-leave linear both;animation-timeline:view();animation-range:exit 0% exit 60%}}}@keyframes hero-copy-leave{to{opacity:.2;transform:translateY(-24px)}}.brand-carousel{padding-block:clamp(36px,4vw,56px) clamp(40px,4.4vw,64px)}.brand-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.brand-carousel-heading h2{font-size:25px;letter-spacing:-.02em}.brand-carousel-heading p{font-size:14px;color:var(--muted);margin-top:8px}.brand-carousel-arrows{display:flex;gap:8px}.brand-carousel-arrows button{width:44px;height:44px;display:grid;place-items:center;background:var(--surface);border-radius:50%}.brand-carousel-arrows button:first-child svg{transform:rotate(180deg)}.brand-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#aeb4bf transparent;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.brand-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-track{display:flex;width:-moz-max-content;width:max-content}.brand-carousel-group{display:flex;gap:16px;padding:0 16px 14px 0;margin:0;list-style:none;width:-moz-max-content;width:max-content;flex-shrink:0}.brand-carousel-group>li{flex:0 0 190px;width:190px;height:106px;padding:20px;display:grid;place-items:center;background:var(--surface);border-radius:var(--radius)}.manufacturer-logo{width:100%;max-width:155px;height:60px;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;mix-blend-mode:multiply}.brand-fallback{font-size:22px;font-weight:600}.all-brands,.brand-chips{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-block:26px}.all-brands>span,.brand-chips>span{display:flex;align-items:center;justify-content:center;width:150px;min-height:80px;background:var(--surface);padding:12px;border-radius:var(--radius)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.why-grid h2{margin-bottom:28px}.why-copy>p{font-size:23px;line-height:1.7}.benefits{display:grid;gap:20px;margin-top:32px}.benefits>div{display:flex;gap:14px;align-items:center}.benefits h3{font-size:18px;letter-spacing:0}.home-equipment{padding-top:25px}.product-grid{display:grid;gap:24px}.home-products{grid-template-columns:1fr 1fr;gap:20px}.product-card{display:block;min-width:0;background:var(--surface);border-radius:var(--radius);overflow:hidden}.product-image{height:440px;padding:40px;display:grid;place-items:center;background:var(--surface)}.product-image img{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--reveal-ease)}.product-card:hover .product-image img{transform:scale(1.035)}.product-copy{padding:32px}.product-copy h3{font-size:30px;max-width:24ch}.product-copy p{margin-top:16px;max-width:56ch}.product-copy .text-link{margin-top:20px}.product-kind{font-size:14px;color:var(--muted)}.product-visual-wrap{min-width:0}.product-visual-wrap>.muted-note{padding:0 20px 20px;margin:0}.hardware-art{height:360px;display:grid;place-items:center;background:var(--surface);padding:30px}.hardware-art>svg{width:100%;max-width:340px;height:100%;max-height:300px}.device{display:grid;place-items:center;width:180px;height:160px;background:var(--soft);color:var(--ink)}.project-banner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,88px);align-items:center;margin-block:calc(var(--section-space) * .5)}.section.project-banner{margin-block:0}.project-graphic>.service-photo{width:100%;height:520px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg)}.project-banner p{margin-block:26px;max-width:43ch}.process-steps{--process-progress:0;position:relative;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin:0;padding:0}.process-steps:before,.process-steps:after{content:"";position:absolute;top:28px;left:28px;right:calc((100% - 140px) / 6 - 28px);height:2px;border-radius:1px}.process-steps:before{background:var(--soft)}.process-steps:after{background:var(--brand);transform-origin:left;transform:scaleX(var(--process-progress));transition:transform .9s var(--ease-out)}.process-step{position:relative;min-width:0}.process-node{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface);color:var(--muted);border:2px solid var(--soft);transition:background var(--base),color var(--base),border-color var(--base),transform var(--base) var(--ease-out),box-shadow var(--base)}.process-step.is-reached .process-node{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 10px 24px -12px #693094b3}.process-index{display:block;margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--brand)}.process-step h3{font-size:19px;line-height:1.4;margin-top:6px;letter-spacing:0}.process-step p{font-size:15px;line-height:1.7;margin-top:8px;color:var(--muted)}.cta{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,56px);background:radial-gradient(ellipse at 85% 0%,rgba(169,127,220,.55),transparent 55%),var(--brand);color:#fff;padding:clamp(32px,4.4vw,64px);margin-block:var(--section-space);border-radius:var(--radius-lg)}:is(.section,.solutions-directory)+.cta{margin-top:0}.cta h2{font-size:var(--type-feature)}.cta p{margin-top:12px;max-width:52ch;color:#ffffffe0}.cta>.button{flex-shrink:0}.coverage{background:var(--navy);color:#fff;padding-block:70px}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.map-wrap{min-width:0;position:relative}.map-wrap>svg{display:block;width:100%;height:620px;overflow:visible}.map-point{cursor:pointer}.map-point:focus-visible{outline:none}.map-point:focus-visible>circle:first-child{stroke:#fff;stroke-width:5}.map-province{fill:#22304f;stroke:#4a6aa3;stroke-width:.65;cursor:pointer;transition:fill var(--base),stroke var(--base)}.map-province:hover{fill:#2d3f66}.map-province.is-active{fill:#5d3a92;stroke:#c3a0e6}.map-province.is-active:hover{fill:#6a44a3}.map-water{fill:var(--navy);stroke:#4a6aa3;stroke-width:.5}.region-count{display:inline-block;margin-left:10px;padding:2px 10px;border-radius:999px;background:var(--brand);font-size:13px;font-weight:600;vertical-align:middle}.region-provinces{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.region-provinces li{padding:3px 10px;border-radius:999px;background:#ffffff14;font-size:13px;line-height:1.6;color:var(--on-dark)}.map-note{font-size:14px;line-height:1.7;color:#cbd4e3;max-width:45ch}.coverage-copy h2{font-size:var(--type-feature)}.coverage-copy>p{margin-top:26px;color:#d6dbe3;max-width:44ch}.region-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px}.region-buttons button{padding:12px 16px;min-height:46px;font-size:16px;background:var(--navy-raise);border-radius:var(--radius)}.region-buttons button.active{background:#fff;color:var(--ink)}.region-detail{display:flex;align-items:start;gap:15px;padding:26px;background:var(--navy-raise);border-radius:var(--radius-lg);margin-bottom:28px}.region-detail strong{font-size:21px;font-weight:500}.region-detail p{font-size:16px;line-height:1.75;margin-top:10px;color:#d6dbe3}.page-hero{padding-block:16px 0}.page-hero-inner{position:relative;overflow:hidden;background:var(--navy);color:var(--on-dark);padding:var(--hero-pad);border-radius:var(--radius-lg)}.page-hero-inner:before{content:"";position:absolute;inset:-40% -10% auto;height:140%;background:radial-gradient(ellipse at 80% 20%,rgba(140,88,196,.5),transparent 55%);pointer-events:none}.page-hero-inner>*{position:relative}.page-hero h1{color:#fff}.page-hero-copy>p{color:var(--on-dark-muted)}.page-hero-copy{min-width:0}.page-hero-copy>p{max-width:50ch;margin-top:28px}.page-hero-action{margin-top:30px}.page-hero.has-media .page-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;background:transparent;overflow:visible;border-radius:0;align-items:stretch}.page-hero.has-media .page-hero-inner:before{display:none}.has-media .page-hero-copy{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--navy);padding:var(--hero-pad);border-radius:var(--radius-lg)}.has-media .page-hero-copy:before{content:"";position:absolute;inset:-40% -10% auto;height:140%;background:radial-gradient(ellipse at 80% 20%,rgba(140,88,196,.5),transparent 55%);pointer-events:none}.has-media .page-hero-copy>*{position:relative}.page-hero-media{min-width:0;background:var(--surface);color:var(--ink);overflow:hidden;min-height:430px;border-radius:var(--radius-lg)}.page-hero-media>.service-photo{width:100%;height:100%;min-height:430px;max-height:650px;-o-object-fit:cover;object-fit:cover}.page-hero-media .product-image,.page-hero-media .hardware-art{height:100%;min-height:440px}.page-hero-media>.product-visual-wrap{height:100%;display:flex;flex-direction:column}.page-hero-media>.product-visual-wrap>.product-image{height:auto;flex:1}.page-hero-media>figure{height:100%;display:flex;flex-direction:column}.page-hero-media>figure>.service-photo{width:100%;flex:1;min-height:350px;-o-object-fit:cover;object-fit:cover}.page-hero-media>figure>figcaption{padding:16px 24px;font-size:14px;line-height:1.6}.discipline-row{padding:28px;background:var(--surface);margin-bottom:20px;border-radius:var(--radius-lg)}.discipline-row p{margin-top:14px;font-size:16px}.discipline-row ul{margin-block:20px;font-size:16px}.discipline-row .text-link{margin-top:8px}.discipline-index.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.solution-scope,.planning-guide,.solution-questions,.company-story,.application-planning{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.scope-overview>p,.scope-capabilities>p,.handover-panel>p{margin-top:24px}.scope-overview h3,.scope-capabilities h3{margin-top:32px}.scope-list{margin-top:28px;font-size:18px}.scope-list li{margin-block:14px}.cabling-overview p+.text-link{margin-top:16px}.planning-guide{background:var(--surface);padding:50px;gap:60px;border-radius:var(--radius-lg)}.planning-checks ul{margin-top:26px}.planning-checks li{margin-block:22px;font-size:18px}.handover-panel summary{cursor:pointer;min-height:44px;font-size:16px;padding-block:14px}.handover-panel details{margin-top:26px}.handover-panel details li{margin-block:12px;overflow-wrap:anywhere}.question-answer{margin-bottom:36px}.question-answer .question{font-weight:600;margin-bottom:14px;font-size:20px}.related-disciplines{padding-top:30px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-block:24px}.filters input,.filters select{width:100%;min-width:0;min-height:54px;background:#fff;border:1px solid var(--line);padding:14px;font-size:16px;border-radius:var(--radius)}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;left:16px}.search input{padding-left:48px}.results-count{font-size:15px;margin-bottom:24px}.catalog-list{gap:30px}.catalog-list>.product-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:transparent;gap:6vw;padding-block:20px}.catalog-list .product-copy{padding:20px 0}.catalog-list .product-image,.catalog-list .hardware-art{height:420px}.catalog-spec{display:flex;gap:28px;font-size:15px;margin-top:22px}.catalog-spec dt{font-weight:600}.catalog-spec dd{margin:0}.product-dossier{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.product-dossier table{width:100%;border-collapse:collapse;font-size:17px;margin-block:26px}.product-dossier th,.product-dossier td{text-align:left;vertical-align:top;padding:18px 16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.product-dossier th{font-weight:500;width:43%;background:var(--surface)}.product-dossier .button{margin-top:26px}.company-story{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:stretch}.company-identity{display:flex;flex-direction:column;gap:32px;min-width:0}.company-logo-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:340px;margin:0;padding:clamp(32px,4vw,56px);background:var(--surface);border-radius:var(--radius-lg)}.company-logo{display:block;width:min(100%,280px);height:auto}.company-logo-panel figcaption{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted)}.company-logo-panel figcaption svg{color:var(--brand)}.company-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.company-copy p{margin-bottom:20px}.company-copy .statement{font-size:clamp(20px,1.7vw,24px);line-height:1.6;font-weight:500;color:var(--ink);margin-bottom:24px}.company-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none}.company-principles>li{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);font-size:16px;line-height:1.5;font-weight:600}.company-principles .system-icon-tile{width:44px;height:44px;border-radius:12px}.system-icon-tile{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:14px;color:#fff;background:linear-gradient(140deg,#8048b3,var(--brand-deep));box-shadow:0 12px 24px -12px #693094bf}.system-icon-tile.is-dark{background:var(--navy-raise);color:var(--violet);border:1px solid var(--navy-edge);box-shadow:none}.article-chapter{margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.article-chapter>.service-photo{width:100%;height:430px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg)}.article-chapter p{margin-block:24px}.application-planning p{margin-top:24px}.preparation-list{margin:0;padding:30px;background:var(--surface)}.preparation-list li{margin-block:16px;font-size:18px}.legal-layout{display:grid;grid-template-columns:1fr 2fr;gap:8vw;align-items:start}.legal-index{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px}.legal-index a{display:block;font-size:17px;min-height:44px;padding-block:10px}.legal-index a:hover{color:var(--brand)}.legal-copy section{margin-bottom:54px;scroll-margin-top:110px}.legal-copy h2{font-size:32px;margin-bottom:24px}.legal-copy p{max-width:65ch}.empty-state{padding-block:100px;text-align:center}.empty-state h2,.empty-state h1{margin-block:25px}.empty-state .button{margin-top:30px}.not-found{display:grid;grid-template-columns:1fr 1fr;gap:8vw;text-align:left;align-items:center}.error-number{font-size:clamp(100px,20vw,270px);font-weight:500;line-height:1;letter-spacing:-.06em;color:var(--brand)}.not-found .text-link{display:flex;margin-top:24px}.company-location{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.location-details h2{margin-bottom:36px}.location-details address{font-style:normal}.location-row{display:flex;align-items:start;gap:16px;margin-bottom:28px}.location-row>svg{margin-top:6px}.location-row h3{font-size:19px;letter-spacing:0;margin-bottom:10px}.location-row p{font-size:18px;margin-bottom:10px}.location-row a{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.phone-links{display:flex;flex-wrap:wrap;gap:6px 20px}.phone-links a{display:flex;align-items:center;min-height:44px}.location-map{background:var(--surface);align-self:start}.location-map iframe{display:block;width:100%;height:520px}.location-map>a{display:flex;align-items:center;gap:12px;padding:22px;min-height:64px;font-size:16px}.location-map>a>svg:last-child{margin-left:auto}.contact-hero>.container{position:relative;overflow:hidden;padding:var(--hero-pad);background:var(--navy);color:var(--on-dark);border-radius:var(--radius-lg)}.contact-hero>.container:before{content:"";position:absolute;inset:-40% -10% auto;height:140%;background:radial-gradient(ellipse at 80% 20%,rgba(140,88,196,.5),transparent 55%);pointer-events:none}.contact-hero>.container>*{position:relative}.contact-hero h1{color:#fff}.contact-hero p{color:var(--on-dark-muted);max-width:50ch;margin-block:24px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.contact-context{position:sticky;top:110px}.contact-context h2{margin-bottom:26px}.contact-address address{font-style:normal}.contact-address{font-style:normal;font-size:20px;line-height:1.7;max-width:38ch;margin-block:28px}.contact-address p{font-size:20px}.contact-channels{margin-block:30px}.contact-channels>div{display:grid;grid-template-columns:120px 1fr;gap:20px;margin-block:22px}.contact-channels dt{font-size:15px;font-weight:500;padding-top:10px}.contact-channels dd{margin:0;min-width:0}.contact-channels a{display:block;font-size:18px;min-height:44px;padding-block:8px;overflow-wrap:anywhere}.contact-channels a:hover{text-decoration:underline}.contact-guidance{font-size:16px;max-width:45ch}.contact-form-wrap{background:var(--surface);padding:40px;min-width:0;border-radius:var(--radius-lg)}.contact-form-wrap>h2{font-size:32px;scroll-margin-top:110px}.contact-form-wrap>p{font-size:15px;margin-block:18px 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:10px;font-size:15px;font-weight:500;min-width:0;margin-bottom:22px}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;min-height:52px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:13px 14px;color:var(--ink);font-size:16px;font-weight:400}.form-field textarea{resize:vertical;line-height:1.7}.form-field [aria-invalid=true],.consent input[aria-invalid=true]{border-color:#a12436;outline-color:#a12436}.field-error{color:#9c1c31;font-size:14px;line-height:1.6}.form-field small{font-weight:400}.contact-method{padding:0;border:0;margin:8px 0 25px;display:flex;flex-wrap:wrap;gap:20px;font-size:16px}.contact-method legend{padding:0;margin-bottom:14px}.contact-method label{display:flex;align-items:center;gap:9px;min-height:44px}.contact-method input,.consent input{accent-color:var(--brand);width:19px;height:19px;flex-shrink:0}.consent{display:flex;align-items:start;gap:12px;font-size:15px;line-height:1.8;margin-block:20px 24px}.consent input{margin-top:5px}.consent a{text-decoration:underline;text-underline-offset:3px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.form-alert{padding:18px;background:#f7dfe2;color:#8c1830;font-size:16px;line-height:1.7;margin-block:24px}.form-alert>p{margin:0}.form-alert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.form-alert-actions .button{min-height:46px;padding:10px 16px;gap:10px;font-size:14px}.form-alert-actions .button:hover svg{transform:none}.enquiry-product{padding:16px;background:#e7dfef;font-size:16px;margin-bottom:25px}.success-state{padding-block:35px}.success-state h2{font-size:30px;margin-block:24px}.success-state p{margin-bottom:28px}.contact-form-wrap form>.button{width:100%}@media (prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transform:translate3d(0,18px,0);transition:opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0ms),transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0ms)}.reveal-ready.reveal-visible,.reveal-ready:focus-within{opacity:1;transform:none}.reveal-ready:focus-within{transition-delay:0ms}}@media (max-width:1599px){.floating-contact{display:none}}@media (max-width:1200px){.header-inner nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:grid;place-items:center}.hero h1{font-size:54px}.footer-grid{gap:28px}.product-image{height:370px}.contact-form-wrap{padding:28px}.form-grid{grid-template-columns:1fr}.planning-guide{padding:35px;gap:35px}}@media (max-width:850px){h1{font-size:48px}.hero-inner{grid-template-columns:1fr;gap:28px;min-height:0}.hero h1{font-size:60px}.hero-copy>p{max-width:52ch}.hero-tile>img{height:140px}.why-grid{gap:35px}.why-copy>p{font-size:19px}.home-products{grid-template-columns:1fr 1fr}.product-image{height:290px;padding:26px}.product-copy{padding:26px}.product-copy h3{font-size:26px}.product-copy p{font-size:16px}.project-banner{gap:32px}.project-graphic>.service-photo{height:380px}.process-steps{grid-template-columns:1fr;gap:0;padding-left:0}.process-steps:before,.process-steps:after{top:0;bottom:0;left:27px;right:auto;width:2px;height:auto;transform-origin:top;transform:scaleY(var(--process-progress))}.process-step{display:grid;grid-template-columns:56px minmax(0,1fr);-moz-column-gap:22px;column-gap:22px;padding-bottom:40px}.process-step:last-child{padding-bottom:0}.process-node{grid-row:1/4}.process-index{margin-top:6px}.process-step h3{margin-top:0}.coverage-grid{gap:32px}.map-wrap>svg{height:520px}.coverage-copy>p{font-size:16px}.region-detail{padding:20px}.cta{gap:30px;border-radius:var(--radius)}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.page-hero.has-media .page-hero-inner{grid-template-columns:1fr}.page-hero-media{min-height:350px}.page-hero-media>.service-photo{min-height:350px;height:420px}.page-hero-inner,.has-media .page-hero-copy,.contact-hero>.container{border-radius:var(--radius)}.discipline-row{padding:24px}.solution-scope,.planning-guide,.solution-questions,.company-story,.application-planning{gap:35px}.planning-checks li,.handover-panel p{font-size:16px}.catalog-list>.product-card{gap:35px}.catalog-list .product-image,.catalog-list .hardware-art{height:350px}.product-dossier{grid-template-columns:1fr;gap:35px}.company-principles{grid-template-columns:1fr}.article-chapter{gap:32px}.article-chapter>.service-photo{height:350px}.company-principles>li{flex-direction:row;align-items:center;padding:16px 18px}.company-logo-panel{min-height:280px}.company-location{grid-template-columns:1fr 1fr;gap:32px}.location-map iframe{height:460px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-context{position:static}.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-channels>div{display:block;margin:0}.contact-channels dt{margin-bottom:8px}.contact-address{max-width:48ch}.form-grid{grid-template-columns:1fr 1fr}.contact-form-wrap{padding:40px}.legal-layout{grid-template-columns:1fr 2fr;gap:32px}}@media (max-width:600px){:root{--gutter:20px}h1{font-size:38px}p{font-size:17px;line-height:1.8}.header-inner{height:76px;gap:14px}.brand img{width:32px;height:45px}.brand>span{font-size:22px}.brand-group{font-size:16px}.header-actions{gap:10px}.language{font-size:13px;min-width:57px}.header-contact{display:none}.hero-inner{padding-block:36px 28px;gap:20px}.hero h1{font-size:clamp(36px,10.5vw,50px)}html[lang=th] .hero h1{font-size:clamp(29px,8.7vw,42px)}.headline-promise{font-size:21px;margin-top:14px}.hero-headline-wrap{margin-bottom:22px}.headline-playback{margin-top:20px}.hero-copy>p{font-size:18px}.hero-buttons{display:grid;gap:10px;margin-top:24px}.hero-buttons .button{font-size:15px;min-height:52px;padding:14px 18px}.hero-copy>.hero-location{font-size:13px;margin-top:24px}.hero-tiles{gap:10px;padding-bottom:28px}.hero-tile{padding:14px 14px 12px}.hero-tile>img{height:96px}.hero-tile.is-anchor{flex-direction:column;align-items:stretch;gap:0;padding:14px}.hero-tile.is-anchor>img{height:120px;flex:none}.hero-tile.is-anchor>figcaption{margin-top:12px;max-width:none;font-size:14px}.hero-tile>figcaption{font-size:13px}.hero-tiles-note{font-size:12px}.brand-carousel{padding-block:32px 40px}.brand-carousel-heading{gap:12px}.brand-carousel-heading h2{font-size:20px}.brand-carousel-heading p{font-size:13px}.brand-carousel-arrows{gap:5px}.brand-carousel-group{gap:12px;padding-right:12px}.brand-carousel-group>li{width:154px;flex-basis:154px;height:92px;padding:16px}.manufacturer-logo{height:53px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px}.section-heading>.text-link{margin-top:16px}.why-grid{grid-template-columns:1fr;gap:28px}.why-grid h2{margin-bottom:20px}.why-copy>p{font-size:20px}.benefits{gap:16px;margin-top:24px}.benefits h3{font-size:17px}.home-equipment{padding-top:0}.home-products{grid-template-columns:1fr;gap:22px}.product-image{height:300px;padding:28px}.product-copy{padding:26px}.product-copy h3{font-size:27px}.product-copy p{font-size:17px}.hardware-art{height:300px}.project-banner{grid-template-columns:1fr;gap:28px}.project-graphic>.service-photo{height:340px}.project-banner p{margin-block:22px}.process-step{-moz-column-gap:16px;column-gap:16px;padding-bottom:32px}.process-node{width:48px;height:48px}.process-steps:before,.process-steps:after{left:23px}.process-step h3{font-size:18px}.coverage{padding-block:50px}.coverage-grid{grid-template-columns:1fr;gap:32px}.map-wrap{order:2}.map-wrap>svg{height:480px}.map-note{font-size:13px}.coverage-copy>p{font-size:17px}.region-buttons button{font-size:15px;padding-inline:14px}.coverage-copy>.button{font-size:15px}.cta{display:block;padding:32px 24px}.cta p{font-size:17px;margin-top:12px}.cta>.button{margin-top:28px;font-size:15px}.brand-disclaimer{font-size:13px;text-align:left;padding-block:28px}.footer-name{font-size:14.4vw;padding-top:0}.footer-grid{grid-template-columns:1fr;gap:32px;padding-block:35px}.footer-grid h3{font-size:17px;margin-bottom:16px}.footer-grid p,.footer-grid>div>a{font-size:14px}.footer-bottom{display:block;font-size:13px}.footer-bottom>a{display:block;min-height:44px;padding-top:16px}.page-hero{padding-top:6px}.page-hero-inner,.has-media .page-hero-copy{padding:32px 24px}.page-hero h1{font-size:38px}.page-hero-copy>p{margin-top:22px;font-size:17px}.page-hero-action{margin-top:26px}.page-hero-action .button{font-size:15px;max-width:100%}.page-hero.has-media .page-hero-inner{gap:12px}.page-hero-media{min-height:280px}.page-hero-media>.service-photo{min-height:280px;height:320px}.page-hero-media .product-image,.page-hero-media .hardware-art{min-height:300px;height:340px}.discipline-row{padding:25px;margin-bottom:12px}.discipline-index.compact{grid-template-columns:1fr;gap:12px}.solution-scope,.planning-guide,.solution-questions,.company-story,.application-planning{grid-template-columns:1fr;gap:40px}.planning-guide{padding:30px 24px}.planning-checks li,.handover-panel p{font-size:17px}.question-answer .question{font-size:19px}.catalog-heading{display:block;margin-bottom:24px}.catalog-heading .text-link{margin-top:15px}.filters{grid-template-columns:1fr;gap:12px}.filters input,.filters select{min-height:52px}.catalog-list>.product-card{grid-template-columns:1fr;gap:0;padding:0;margin-bottom:16px}.catalog-list .product-image,.catalog-list .hardware-art{height:300px}.catalog-list .product-copy{padding:26px 0}.catalog-spec{display:block}.catalog-spec dd{margin-top:10px}.product-dossier table{font-size:15px}.product-dossier th,.product-dossier td{padding:15px 12px}.company-identity{gap:24px}.article-chapter{grid-template-columns:1fr;gap:26px;margin-bottom:54px}.article-chapter>.service-photo{height:300px}.company-logo-panel{min-height:0;gap:20px;padding:32px 24px}.company-logo{width:200px}.preparation-list{padding:24px}.preparation-list li{font-size:17px}.company-location{grid-template-columns:1fr;gap:30px}.location-row{gap:12px}.location-row p,.location-row a{font-size:16px}.location-map iframe{height:350px}.location-map>a{font-size:15px;padding:20px}.contact-hero>.container{padding:32px 24px}.contact-hero h1{font-size:38px}.contact-hero .button{font-size:15px}.contact-address,.contact-address p{font-size:18px}.contact-channels{grid-template-columns:1fr;gap:14px}.contact-channels>div{display:grid;grid-template-columns:112px 1fr;gap:12px}.contact-channels a{font-size:16px}.contact-form-wrap{padding:28px 20px}.contact-form-wrap>h2{font-size:28px}.form-grid{grid-template-columns:1fr;gap:0}.form-field{font-size:15px}.consent{font-size:14px}.legal-layout{grid-template-columns:1fr;gap:32px}.legal-index{position:static;background:var(--surface);padding:22px;gap:5px}.legal-index a{font-size:16px}.legal-copy h2{font-size:28px}.legal-copy section{margin-bottom:40px}.not-found{grid-template-columns:1fr;gap:32px;padding-block:55px}.error-number{font-size:130px}.not-found h1{font-size:36px}.empty-state{padding-block:65px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal-ready{opacity:1!important;transform:none!important}.product-card:hover img{transform:none}}@media print{header,.floating-contact,.brand-carousel-arrows{display:none}.reveal-ready{opacity:1!important;transform:none!important}.legal-index,.contact-context{position:static}.hero,.page-hero-inner,.has-media .page-hero-copy,.contact-hero>.container{background:#fff;color:var(--ink)}}.product-reference-label{color:inherit;cursor:default}.product-reference-label>svg{display:none}.product-reference-label.parking-proof:hover{color:#d9c4f2;text-decoration:none}.product-reference-label.fan-family-card:hover{background:var(--surface);translate:none;box-shadow:none}.delivery-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:clamp(28px,3vw,40px)}.delivery-head p{max-width:52ch}.delivery-head .text-link{margin-top:14px}.delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}.delivery-steps li{display:flex;align-items:center;gap:16px;min-width:0;padding:20px 22px;border:1px solid var(--soft);border-radius:var(--radius-lg);background:#fff;font-size:16px;line-height:1.5;font-weight:600}.delivery-steps .system-icon-tile{width:44px;height:44px;border-radius:12px}.cabling-feature{border-radius:var(--radius-lg)}.cabling-feature .concept-image{border-radius:var(--radius);overflow:hidden}.concept-image{margin:0;min-width:0;background:var(--surface)}.concept-image>img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.concept-image>figcaption{margin:0;padding:14px 20px;font-size:13px;line-height:1.6;color:var(--muted)}.page-hero-media>.concept-image{height:100%;display:flex;flex-direction:column}.page-hero-media>.concept-image>img{flex:1;min-height:0;-o-object-fit:contain;object-fit:contain}.page-hero-media>.concept-image>figcaption{flex:none}.cabling-feature{background:var(--navy);color:#fff;padding:32px;gap:48px}.cabling-feature .concept-image{background:#e5eaf0}.cabling-feature .text-link{color:#fff}.cabling-nav{display:flex;flex-wrap:wrap;gap:12px 32px;padding-block:8px 24px}.cabling-nav a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:6px;font-size:16px}.cabling-intro{display:block;padding-bottom:24px}.cabling-intro>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:0}.cabling-diagram{min-width:0}.cabling-diagram>.system-diagram{padding-top:24px;padding-bottom:40px}.cabling-section-lead{max-width:70ch;margin-block:24px 36px}.cabling-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.cabling-option{padding:32px;background:var(--surface);min-width:0}.cabling-option h3{font-size:38px;letter-spacing:-.03em}.cabling-option-type{font-size:16px;min-height:58px;margin-top:12px}.cabling-option dl{margin:24px 0 0}.cabling-option dl>div+div{margin-top:26px}.cabling-option dt{font-size:15px;font-weight:600;margin-bottom:8px}.cabling-option dd{margin:0;font-size:17px;line-height:1.8}.cabling-references{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:1.7;margin-top:24px;color:var(--muted)}.cabling-references a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;min-height:32px;display:inline-flex;align-items:center}.cabling-references>span{padding-top:5px}.cabling-link-budget{display:grid;grid-template-columns:1fr 1fr;gap:22px 8vw;background:var(--navy);color:#fff;padding:44px;margin-top:40px}.cabling-link-budget h3{grid-row:span 2;font-size:clamp(28px,3vw,42px)}.cabling-link-budget p{font-size:17px}.cabling-detail-note{font-size:15px;line-height:1.8;margin-top:28px;max-width:85ch;color:var(--muted)}.cabling-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 7vw}.cabling-design-note h3{margin-bottom:20px}.cabling-design-note p{font-size:17px}.cabling-design-note .cabling-references{font-size:13px;margin-top:18px}.cabling-handover-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.cabling-handover-list article{background:var(--surface);padding:32px}.cabling-handover-list h3{margin-bottom:20px}.cabling-handover-list p{font-size:17px}.cabling-sources{padding-block:32px}.cabling-sources h2{font-size:28px;margin-bottom:20px}.cabling-sources p{font-size:15px;max-width:85ch;margin-top:16px}@media (max-width:1100px){.cabling-options{grid-template-columns:1fr}.cabling-option{display:grid;grid-template-columns:180px 1fr;gap:0 30px}.cabling-option dl{grid-column:2;grid-row:1/3;margin-top:0}.cabling-option-type{grid-column:1;min-height:0;align-self:start}.cabling-option h3{align-self:end}.cabling-feature{gap:30px}}@media (max-width:850px){.delivery-head{grid-template-columns:1fr;align-items:start;gap:16px}.delivery-steps{grid-template-columns:1fr}.cabling-intro>div:first-child{gap:32px}.cabling-link-budget{padding:32px;gap:24px 32px}.cabling-feature{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cabling-feature{grid-template-columns:1fr;padding:22px;gap:26px}.cabling-intro>div:first-child{display:block;margin-bottom:32px}.cabling-intro>div:first-child>p{margin-top:24px}.cabling-nav{gap:5px 22px}.cabling-nav a{font-size:15px}.cabling-option{display:block;padding:28px 24px}.cabling-option dl{margin-top:24px}.cabling-option h3{font-size:34px}.cabling-option-type{min-height:0}.cabling-link-budget{display:block;padding:28px 24px}.cabling-link-budget p{margin-top:20px}.cabling-design-grid,.cabling-handover-list{grid-template-columns:1fr;gap:32px}.cabling-handover-list article{padding:28px 24px}.cabling-section-lead{font-size:17px}.cabling-references{gap:5px 12px}}