@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2a48;--navy-deep:#071f36;--blue:#1263a2;--cyan:#69b8dc;--text:#1c3449;--muted:#5c7183;--line:#d9e3e9;--pale:#eef5f8;--white:#fff;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(100% - 64px,1380px);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-80px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.topline{background:var(--navy-deep);color:#d5e4ec;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.topline-inner{height:31px;display:flex;align-items:center;justify-content:space-between}.topline a{font-weight:700;color:#fff;letter-spacing:.04em}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e8eef1}.header-inner{height:82px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--navy);white-space:nowrap}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:20px;font-weight:800;line-height:1;transform:skewX(-10deg);border-radius:2px}.brand-word{font-weight:800;font-size:25px;letter-spacing:-.07em}.brand-dot{color:#1682bf}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.55vw,26px);flex:1}.desktop-nav a{font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--blue)}.button{background:#1467a5;border:1px solid #1467a5;color:#fff;min-height:54px;padding:0 25px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#0c4d80;transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #63b4e4;outline-offset:3px}.button-small{min-height:39px;padding:0 16px;gap:13px;font-size:11px;white-space:nowrap}.menu-toggle{display:none}.mobile-nav{display:none}.hero{background:#f4f8fa}.hero-grid{display:grid;grid-template-columns:49% 51%;min-height:690px}.hero-content{padding:75px 46px 56px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue);text-transform:uppercase}.eyebrow{display:flex;gap:13px;align-items:center}.eyebrow-line{width:34px;height:1px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,5.5vw,84px);line-height:1.09;letter-spacing:-.065em;color:var(--navy);margin:35px 0 25px;font-weight:800}h1 em{font-style:normal;color:#1c75ae}.hero-lead{font-size:21px;line-height:1.4;font-weight:700;color:var(--navy);margin-bottom:12px}.hero-copy{font-size:15px;line-height:1.75;max-width:510px;color:var(--muted);margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:800;color:var(--navy);padding:12px 0;border-bottom:1px solid #abc2d1}.text-link:hover{color:var(--blue)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:auto;padding-top:37px}.hero-meta div{display:flex;flex-direction:column;gap:5px}.hero-meta strong{color:#98aebb;font-size:10px;letter-spacing:.13em}.hero-meta span{color:var(--navy);font-weight:800;font-size:12px}.hero-visual{position:relative;overflow:hidden;min-height:690px;background:linear-gradient(140deg,#bacfda 0%,#879eab 44%,#4d6b7c 100%)}.visual-grain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 91px,#fff2 92px 93px),linear-gradient(117deg,#fff8,transparent 32%,#244d6266 80%)}.visual-architecture{position:absolute;inset:0}.visual-beam{position:absolute;top:15%;height:14%;left:0;right:0;background:#d9e3e5;box-shadow:0 13px 20px #2949594d}.visual-floor{position:absolute;bottom:0;height:27%;left:0;right:0;background:linear-gradient(12deg,#496576,#b9c6ca 75%)}.visual-column{position:absolute;right:11%;top:0;width:13%;height:78%;background:linear-gradient(90deg,#bed0d4,#e1e8e6 45%,#889fa8)}.glass-frame{position:absolute;inset:21% 8% 23% 9%;border:10px solid #183a50;box-shadow:0 15px 32px #17384978, inset 0 0 18px #163e575e;display:grid;grid-template-columns:1fr 1fr}.glass-pane{position:relative;overflow:hidden;border-right:4px solid #23495d}.glass-pane-clear{background:linear-gradient(110deg,#d8eff130 0%,#eafcfa30 45%,#2b597243 100%);backdrop-filter:blur(.5px)}.glass-pane-frost{border-right:0;background:#dce8e8e8;backdrop-filter:blur(18px)}.pane-reflection{position:absolute;top:-40%;left:13%;height:200%;width:24%;transform:rotate(22deg);background:#ffffff24}.glass-divider{position:absolute;left:50%;height:100%;width:6px;transform:translateX(-50%);background:#17394e}.visual-top,.visual-bottom{position:absolute;left:8%;right:8%;display:flex;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.16em;font-weight:800}.visual-top{top:6%}.visual-bottom{bottom:10%;align-items:center}.visual-bottom span{display:inline-flex;align-items:center;gap:8px}.visual-line{height:1px;background:#ffffff70;flex:1;margin:0 18px}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.clear-dot{background:#78d7fb}.frost-dot{background:#fff}.visual-badge{position:absolute;right:0;top:45%;background:#fff;padding:20px 23px;color:var(--navy);font-size:12px;line-height:1.6;box-shadow:0 10px 28px #183e5350}.hero-foot{height:64px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6e8798;letter-spacing:.03em}.section{padding:105px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-intro h2{margin:18px 0 0;font-size:clamp(38px,3.35vw,52px);line-height:1.15;letter-spacing:-.055em;color:var(--navy)}.section-intro>p{max-width:370px;color:var(--muted);line-height:1.7;font-size:15px;margin:0 8px 5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{position:relative;background:#fff;min-height:338px;padding:27px 28px 30px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.product-card:hover{background:#f7fbfd;transform:translateY(-4px);z-index:1;box-shadow:0 10px 25px #092b4217}.card-no{font-size:11px;letter-spacing:.12em;color:#94a9b7;font-weight:800}.product-icon{width:66px;height:66px;margin:24px 0 28px;display:grid;place-items:center;border:1px solid #c7dbe5;background:#f2f8fa;position:relative}.product-icon:before,.product-icon:after,.product-icon i{content:"";display:block;position:absolute;border:2px solid #347ca7}.icon-film:before{width:30px;height:33px;left:14px;top:12px}.icon-film:after{width:30px;height:33px;left:19px;top:17px;background:#a9d2e540}.icon-power:before{width:37px;height:27px;left:13px;top:18px}.icon-power:after{width:17px;height:11px;left:23px;top:25px;border-width:0 0 2px 2px;transform:rotate(-45deg)}.icon-control:before{width:37px;height:31px;left:13px;top:15px;border-radius:4px}.icon-control:after{width:14px;height:14px;left:24px;top:24px;border-radius:50%}.icon-project:before{width:37px;height:37px;left:13px;top:13px;transform:rotate(45deg)}.icon-project:after{width:21px;height:21px;left:21px;top:21px;transform:rotate(45deg)}.product-card h3{font-size:17px;line-height:1.35;letter-spacing:-.02em;color:var(--navy);max-width:240px;margin:0 0 12px}.product-card p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:0;max-width:250px}.card-arrow{position:absolute;right:25px;bottom:26px;font-size:22px;color:var(--blue)}.product-card-dark{background:var(--navy);color:#fff}.product-card-dark:hover{background:#123e63}.product-card-dark h3,.product-card-dark p,.product-card-dark .card-arrow{color:#fff}.product-card-dark p{color:#c3d5df}.product-card-dark .product-icon{background:#ffffff13;border-color:#ffffff55}.product-card-dark .product-icon:before,.product-card-dark .product-icon:after{border-color:#8dcced}.site-footer{background:var(--navy-deep);color:#fff}.footer-main{padding:60px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.brand-light{color:#fff}.brand-light .brand-mark{background:#fff;color:var(--navy)}.footer-main>div{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.footer-main p,.footer-main span:not(.brand-word):not(.brand-mark):not(.brand-dot),.footer-main a:not(.brand){font-size:13px;color:#b9ccd7;line-height:1.6}.footer-main p{margin:8px 0 0}.footer-main .footer-label{font-size:10px!important;letter-spacing:.15em;text-transform:uppercase;color:#72b7db!important;margin-bottom:7px}.footer-main a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff29;padding:18px 0 25px;display:flex;justify-content:space-between;color:#89a5b5;font-size:11px}
@media(max-width:1200px){.desktop-nav{gap:11px}.desktop-nav a{font-size:11px}.header-cta{display:none}.hero-grid{grid-template-columns:52% 48%}.hero-content{padding-right:26px}h1{font-size:clamp(50px,5.6vw,72px)}.product-card{padding:23px}}
@media(max-width:930px){.desktop-nav{display:none}.header-inner{height:69px;justify-content:space-between}.header-cta{display:inline-flex;margin-left:auto}.menu-toggle{display:flex;width:43px;height:43px;border:1px solid var(--line);background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{display:block;width:19px;height:2px;background:var(--navy)}.mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px;padding:12px 32px 25px;border-top:1px solid var(--line);background:#fff}.mobile-nav>a:not(.button){padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.mobile-nav .button{grid-column:1/-1;margin-top:17px;justify-content:center}.hero-grid{grid-template-columns:1fr 1fr;min-height:580px}.hero-content{padding-top:48px;padding-bottom:39px}.hero-visual{min-height:580px}.hero-meta{gap:13px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 36px,1380px)}.topline-inner{height:28px}.topline-inner>span{font-size:9px}.topline a{font-size:10px}.header-cta{display:none}.hero-grid{display:flex;flex-direction:column}.hero-content{padding:47px 0 40px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(44px,10.5vw,65px);margin:24px 0 20px}.hero-lead{font-size:18px}.hero-copy{font-size:14px}.hero-actions{gap:21px;flex-wrap:wrap}.hero-meta{margin-top:25px;padding-top:27px;border-top:1px solid var(--line);width:100%}.hero-meta span{font-size:10px}.hero-visual{min-height:430px}.visual-badge{padding:12px;font-size:10px}.hero-foot{height:auto;min-height:66px;gap:10px;padding-top:13px;padding-bottom:13px;font-size:9px}.hero-foot span:last-child{text-align:right}.section{padding:75px 0}.section-intro{display:block;margin-bottom:30px}.section-intro h2{font-size:39px}.section-intro>p{margin:20px 0 0;font-size:14px}.product-card{min-height:300px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:first-child{grid-column:1/-1}.mobile-nav:not([hidden]){padding-inline:18px}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.product-card{min-height:240px}.product-icon{margin:18px 0}.product-card h3{max-width:80%}.product-card p{max-width:80%}.hero-visual{min-height:360px}.visual-bottom,.visual-top{font-size:8px}.glass-frame{inset:21% 8% 21%}.footer-main{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Technical content and interactive demos */
.workings{background:#f3f7f9}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:center}.work-demo{background:#fff;border:1px solid var(--line);padding:25px;box-shadow:0 22px 50px #143d5511}.work-demo-top,.dimming-panel-head,.dimming-panel-foot,.spec-head,.form-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em}.work-demo-top{color:#7892a2;padding-bottom:20px}.work-window{height:270px;position:relative;overflow:hidden;border:8px solid #1a4059;background:#9fbdca}.work-view{position:absolute;inset:0;background:linear-gradient(125deg,#668898,#c6d8db 54%,#7e9aa7)}.work-view-line{position:absolute;background:#244b5e77}.line-one{left:20%;top:0;width:12px;height:100%}.line-two{left:67%;top:0;width:12px;height:100%}.line-three{left:0;right:0;top:65%;height:13px}.work-overlay{position:absolute;inset:0;background:#e7eeee;opacity:.92;transition:opacity .5s}.work-label{position:absolute;bottom:16px;left:18px;background:#fff;color:var(--navy);padding:10px 13px;font-size:9px;letter-spacing:.13em;font-weight:800}.state-switch{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--line)}.state-button{border:0;border-right:1px solid var(--line);background:#fff;text-align:left;padding:14px 17px;color:var(--navy);font-size:16px;font-weight:800}.state-button:last-child{border-right:0}.state-button span{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-top:4px}.state-button.is-active{background:var(--navy);color:#fff}.state-button.is-active span{color:#bfd4df}.large-no{font-size:66px;font-weight:800;letter-spacing:-.08em;color:#d2e2e9}.work-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.04em;color:var(--navy);max-width:400px;margin:8px 0 20px}.work-copy>p{color:var(--muted);line-height:1.8;font-size:15px;max-width:470px}.work-note{margin:32px 0;max-width:480px;border-left:3px solid #2d8bc4;padding:4px 0 4px 18px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.6;color:var(--muted)}.work-note b{color:var(--navy)}.dimming-section{background:var(--navy-deep);color:#fff}.dimming-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.kicker-light{color:#83c6e7}.dimming-section h2,.manufacture-section h2,.pro-section h2,.final-cta h2{color:#fff;font-size:clamp(40px,4.1vw,60px);line-height:1.15;letter-spacing:-.055em;margin:19px 0 22px}.dimming-grid>div:first-child>p:not(.kicker):not(.fine-print),.manufacture-grid>div:first-child>p:not(.kicker),.pro-grid>div:first-child>p:not(.kicker),.final-cta p:not(.kicker){line-height:1.75;color:#c2d6e0;font-size:15px;max-width:530px}.dimming-levels{display:flex;gap:10px;margin:30px 0 24px}.level-button{border:1px solid #5b7c91;background:transparent;color:#d1e2eb;min-width:68px;height:48px;font-size:15px;font-weight:800}.level-button.is-active{background:#fff;border-color:#fff;color:var(--navy)}.dimming-grid .fine-print{font-size:12px;line-height:1.7;color:#94b1c0;max-width:500px}.dimming-panel{background:#fff;padding:25px;color:var(--navy);box-shadow:0 25px 50px #0003}.dimming-panel-head{padding-bottom:19px}.dimming-panel-head strong{font-size:22px;letter-spacing:-.04em}.dimming-scene{height:320px;position:relative;overflow:hidden;background:linear-gradient(120deg,#bfd8dc,#87aebb)}.scene-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#416b7a 48% 50%,transparent 51%),linear-gradient(0deg,transparent 64%,#416b7a 65% 67%,transparent 68%),repeating-linear-gradient(90deg,#7196a500 0 65px,#456e7b44 66px 70px)}.scene-blur{position:absolute;inset:0;background:#e7eeee;opacity:.94;transition:opacity .5s}.scene-caption{position:absolute;bottom:19px;left:20px;background:#fff;padding:10px 14px;font-size:10px;letter-spacing:.15em;font-weight:800}.dimming-panel-foot{padding-top:17px;color:#91a7b5}.system-section{background:#fff}.system-flow{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-step{flex:1;min-height:175px;padding:24px 13px;display:flex;flex-direction:column}.system-step span{font-size:11px;color:#82a1b2;font-weight:800;margin-bottom:auto}.system-step strong{color:var(--navy);font-size:17px;line-height:1.3;letter-spacing:-.03em}.system-step small{font-size:12px;color:var(--muted);margin-top:6px}.flow-arrow{align-self:center;color:#68a6cb;font-size:26px;padding:0 3px}.step-accent{background:var(--pale);padding-left:23px}.integration-section{background:#f2f7f9}.integration-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.integration-grid h2{font-size:clamp(40px,4vw,58px);line-height:1.15;letter-spacing:-.055em;color:var(--navy);margin:20px 0}.integration-grid>div:first-child>p:not(.kicker){font-size:15px;line-height:1.75;color:var(--muted);max-width:520px}.button-outline{color:var(--navy);border-color:#97b5c5;background:transparent;margin-top:22px}.button-outline:hover{color:#fff}.integration-tags{display:flex;flex-wrap:wrap;gap:9px}.integration-tags span{background:#fff;border:1px solid #d5e3e9;color:var(--navy);padding:11px 14px;font-size:12px;font-weight:700}.protocol-box{border:1px solid #cddde5;margin-top:25px;padding:23px;background:#fff}.protocol-box>div{display:flex;align-items:flex-start;gap:20px}.protocol-icon{background:var(--navy);color:#fff;width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;font-weight:800;font-size:15px}.protocol-box strong{color:var(--navy);font-size:16px}.protocol-box p{color:var(--muted);line-height:1.65;font-size:13px;margin:7px 0 0}.protocol-box>a{display:block;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:var(--blue);font-size:12px;font-weight:800}.protocol-box>a span{float:right}.manufacture-section{background:#0f385a;color:#fff}.manufacture-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.button-white{background:#fff;color:var(--navy);border-color:#fff;margin-top:20px}.button-white:hover{background:#d7ebf5;color:var(--navy)}.spec-sheet{background:#fff;color:var(--navy);padding:24px 30px;box-shadow:18px 18px 0 #6faace25}.spec-head{padding-bottom:22px;border-bottom:1px solid var(--line);color:#829aaa}.spec-rows>div{display:grid;grid-template-columns:40px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);column-gap:9px}.spec-rows>div:last-child{border:0}.spec-rows span{font-size:12px;color:#4f98c1;font-weight:800}.spec-rows b{font-size:15px}.spec-rows small{grid-column:2;font-size:11px;color:var(--muted);margin-top:4px}.delivery-section{background:#fff}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.delivery-grid article{border:1px solid var(--line);padding:27px;min-height:228px;display:flex;flex-direction:column}.delivery-grid article>span{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:800}.delivery-grid h3{font-size:24px;color:var(--navy);margin:auto 0 12px;letter-spacing:-.04em}.delivery-grid p{font-size:13px;line-height:1.7;color:var(--muted);max-width:340px;margin:0}.applications-section{background:#f4f8fa}.applications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.applications-grid span{display:flex;align-items:end;min-height:135px;background:#fff;color:var(--navy);font-size:16px;font-weight:800;padding:23px;line-height:1.35}.applications-grid span:before{content:"+";color:#64a8cb;font-size:23px;font-weight:400;align-self:flex-start;margin-right:auto}.applications-grid span{flex-direction:column;align-items:flex-start;justify-content:space-between}.pro-section{background:#0b2a48;color:#fff}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.resource-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff4d}.resource-list span{border-bottom:1px solid #ffffff4d;padding:20px 12px 20px 0;font-size:14px;color:#e5f0f5}.resource-list span:before{content:"↗";color:#7ec5e9;margin-right:14px}.project-section{background:#f3f7f9}.project-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start}.project-intro h2{font-size:clamp(42px,4.2vw,60px);line-height:1.13;color:var(--navy);letter-spacing:-.055em;margin:20px 0}.project-intro>p:not(.kicker){font-size:15px;line-height:1.75;color:var(--muted)}.project-assist{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:flex;flex-direction:column;gap:8px}.project-assist span{font-size:12px;color:var(--muted)}.project-assist a{font-size:20px;font-weight:800;color:var(--navy)}.project-form{background:#fff;border:1px solid var(--line);padding:31px;box-shadow:0 18px 45px #173b5210}.form-head{padding-bottom:25px;border-bottom:1px solid var(--line);color:#829aaa}.form-head strong{font-size:18px;color:var(--navy);letter-spacing:-.03em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.form-grid label{font-size:12px;font-weight:800;color:var(--navy);display:flex;flex-direction:column;gap:9px}.form-grid input,.form-grid select{width:100%;height:49px;border:1px solid #ccdbe3;background:#fff;color:var(--navy);padding:0 13px;font-size:14px;border-radius:0}.form-grid input:focus,.form-grid select:focus{outline:2px solid #8fc5e1;outline-offset:1px}.full-field{grid-column:1/-1}.calc-result{background:#eaf3f8;padding:22px;display:flex;gap:30px;justify-content:space-between;align-items:center}.calc-result>div{flex:0 0 38%;display:flex;flex-direction:column;gap:8px}.calc-result span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6487a0}.calc-result strong{font-size:32px;line-height:1.1;color:var(--navy);letter-spacing:-.05em}.calc-result p{font-size:13px;line-height:1.6;color:var(--text);margin:0}.form-actions{display:flex;align-items:center;gap:20px;margin-top:21px}.form-actions>span{font-size:11px;line-height:1.55;color:var(--muted)}.stages-section{background:#fff}.stages-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.stages-list li{border-right:1px solid var(--line);padding:24px 18px 12px 0;margin-right:18px;min-height:190px;display:flex;flex-direction:column}.stages-list li:last-child{border:0}.stages-list li span{font-size:11px;font-weight:800;color:#6ba9c9;margin-bottom:auto}.stages-list strong{font-size:18px;color:var(--navy);letter-spacing:-.03em}.stages-list p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.cases-section{background:#f3f7f9}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cases-grid article{background:#fff;min-height:270px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line)}.case-type{font-size:10px;letter-spacing:.13em;font-weight:800;color:#4e95bb}.cases-grid h3{font-size:22px;line-height:1.3;color:var(--navy);letter-spacing:-.03em;margin:auto 0 13px}.cases-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.final-cta{background:#155b8d;color:#fff;padding:75px 0}.final-cta-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.final-cta h2{margin:12px 0}.final-cta-grid>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:17px}.final-phone{font-weight:800;font-size:21px}.final-phone:hover{text-decoration:underline}
@media(max-width:930px){.work-grid,.dimming-grid,.integration-grid,.manufacture-grid,.pro-grid,.project-grid{gap:5%}.system-step strong{font-size:14px}.applications-grid{grid-template-columns:repeat(2,1fr)}.stages-list{grid-template-columns:repeat(5,1fr)}.stages-list li{margin-right:9px;padding-right:9px}.stages-list strong{font-size:15px}.form-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.work-grid,.dimming-grid,.integration-grid,.manufacture-grid,.pro-grid,.project-grid{grid-template-columns:1fr;gap:35px}.work-copy{order:-1}.work-window{height:230px}.dimming-panel{padding:17px}.dimming-scene{height:250px}.system-flow{display:grid;grid-template-columns:1fr;gap:0}.system-step{min-height:75px;flex-direction:row;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:15px}.system-step span{margin:0}.system-step small{margin-left:auto}.flow-arrow{display:none}.delivery-grid{grid-template-columns:1fr}.delivery-grid article{min-height:170px}.delivery-grid h3{margin:23px 0 8px}.resource-list{gap:0 10px}.project-form{padding:20px}.stages-list{grid-template-columns:1fr 1fr}.stages-list li{min-height:135px}.cases-grid{grid-template-columns:1fr}.cases-grid article{min-height:180px}.final-cta-grid{grid-template-columns:1fr;gap:10px}.final-cta-grid>div:last-child{align-items:flex-start}.final-cta{padding:60px 0}}
@media(max-width:520px){.applications-grid{grid-template-columns:1fr 1fr}.applications-grid span{min-height:120px;padding:15px;font-size:13px}.resource-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:16px}.full-field{grid-column:auto}.calc-result{display:block}.calc-result p{margin-top:16px}.dimming-levels{gap:5px}.level-button{min-width:0;flex:1}.system-step small{font-size:10px}.state-button{padding:11px;font-size:14px}}
/* Refined direction from the approved sketch */
.topline{display:none}.site-header{box-shadow:0 3px 18px #102c3d10}.header-inner{height:68px;gap:18px}.brand-mark{background:linear-gradient(135deg,#0047a9 0 47%,#1986d1 48%);width:27px;height:31px;font-size:19px}.brand-word{font-size:24px}.desktop-nav{gap:clamp(10px,1.2vw,20px)}.desktop-nav a{font-size:11px}.header-phone{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;margin-left:auto;color:#0b1f35}.header-phone strong{font-size:15px;letter-spacing:-.04em}.header-phone small{font-size:9px;color:#43596b}.header-cta{margin-left:0}
.hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#f3f7fbf2 0%,#f3f7fbe8 26%,#f3f7fb67 43%,#f3f7fb00 59%),url('/images/hero-glazing.jpg') center center/cover no-repeat}.hero-grid{display:block;min-height:550px;position:relative}.hero-content{min-height:550px;width:58%;max-width:720px;padding:57px 20px 28px 0}.hero .eyebrow{display:none}.hero h1{font-size:clamp(52px,5.2vw,76px);line-height:.99;letter-spacing:-.063em;margin:0 0 21px;color:#0b213b}.hero h1 em{color:#1062ba}.hero-lead{font-size:20px;color:#0d1e32;margin-bottom:13px}.hero-copy{font-size:14px;color:#1a2938;line-height:1.5;max-width:470px}.hero-actions .text-link{background:#ffffffc7;border:1px solid #d6e1e9;min-height:54px;padding:0 22px;color:#0c2238}.hero-meta{margin-top:auto;gap:20px;grid-template-columns:repeat(3,max-content);padding-top:30px}.hero-meta div{padding-right:20px;border-right:1px solid #adc0ce}.hero-meta div:last-child{border:0}.hero-meta strong{font-size:9px;color:#1467a5}.hero-meta span{font-size:12px}.hero-visual,.hero-foot{display:none}.hero-photo-overlay{position:absolute;z-index:-1;inset:0 0 0 55%;background:#ecf4f2a8;backdrop-filter:blur(10px);opacity:0;transition:opacity .45s}.hero-photo-overlay.is-frost{opacity:1}.hero-switch{position:absolute;right:2%;top:47%;display:flex;background:#ffffffdb;border:1px solid #ffffffb5;padding:4px;border-radius:5px;box-shadow:0 5px 16px #061e2e28}.hero-switch button{border:0;background:transparent;padding:8px 12px;font-size:11px;font-weight:800;color:#476274;border-radius:3px}.hero-switch button.is-active{background:#1062ba;color:#fff}
.products-section{padding:17px 0 27px;background:#fff}.products-section .section-intro{display:none}.product-grid{gap:14px;border:0;background:transparent}.product-card,.product-card-dark{border:1px solid #e3eaf0;border-radius:6px;min-height:355px;padding:0 17px 22px;background:#f8fafc;overflow:hidden}.product-card:before{content:"";display:block;flex:0 0 170px;width:calc(100% + 34px);margin:0 -17px 17px;background-image:url('/images/product-grid.jpg');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}.product-card:nth-child(2):before{background-position:100% 0}.product-card:nth-child(3):before{background-position:0 100%}.product-card:nth-child(4):before{background-position:100% 100%}.product-card:hover,.product-card-dark:hover{background:#f1f7fb}.product-card .card-no,.product-card .product-icon{display:none}.product-card h3,.product-card-dark h3{font-size:17px;line-height:1.25;color:#0b2037;max-width:none;margin-bottom:11px}.product-card p,.product-card-dark p{font-size:12px;line-height:1.6;color:#42576a;max-width:none;padding-left:12px;position:relative}.product-card p:before{content:"•";position:absolute;left:0;color:#0864b3;font-size:15px}.product-card .card-arrow,.product-card-dark .card-arrow{bottom:17px;right:17px;color:#0864b3}.product-card p{padding-right:16px}
.section{padding:76px 0}.workings{background:#f7f9fb}.workings .section-intro{display:none}.work-grid{grid-template-columns:1.23fr .77fr;gap:4%}.work-copy{order:-1}.large-no{display:none}.work-copy h3{font-size:30px;margin:0 0 15px}.work-copy>p{font-size:14px}.work-note{margin:19px 0;font-size:12px}.work-demo{padding:15px}.work-window{height:225px;background:url('/images/hero-glazing.jpg') 65% center/cover}.work-view,.work-view-line{display:none}.work-demo-top{padding-bottom:12px}.work-overlay{background:#e7eeee}.state-switch{margin-top:12px}.state-button{font-size:14px;padding:9px 13px}.dimming-section{background:#edf4f8;color:var(--navy)}.dimming-section h2{color:var(--navy)}.dimming-grid>div:first-child>p:not(.kicker):not(.fine-print){color:var(--muted)}.dimming-grid .fine-print{color:#60788a}.dimming-section .kicker-light{color:var(--blue)}.level-button{border-color:#bfd3df;color:var(--navy)}.level-button.is-active{background:#116bb5;color:#fff;border-color:#116bb5}.dimming-panel{box-shadow:0 12px 34px #163e531a}.dimming-scene{background:url('/images/hero-glazing.jpg') 65% center/cover}.scene-grid{display:none}
.applications-section{background:#fff}.applications-grid{gap:11px;background:transparent;border:0}.applications-grid span{padding:0;border:0;min-height:0;background:transparent;font-size:13px;justify-content:flex-start;gap:10px}.applications-grid span:before{content:"";width:100%;height:115px;display:block;margin:0;border-radius:4px;background-image:url('/images/applications-grid.jpg');background-size:400% 200%;background-position:0 0;background-repeat:no-repeat}.applications-grid span:nth-child(2):before{background-position:33.333% 0}.applications-grid span:nth-child(3):before{background-position:66.667% 0}.applications-grid span:nth-child(4):before{background-position:100% 0}.applications-grid span:nth-child(5):before{background-position:0 100%}.applications-grid span:nth-child(6):before{background-position:33.333% 100%}.applications-grid span:nth-child(7):before{background-position:66.667% 100%}.applications-grid span:nth-child(8):before{background-position:100% 100%}
/* Internal pages */
.inner-hero{background:#edf4f8;padding:24px 0 60px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:11px;color:#7792a4;margin-bottom:54px}.breadcrumbs a{color:#286f9c}.inner-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:7%;align-items:stretch}.inner-hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.06;max-width:790px;margin:18px 0 24px}.inner-lead{font-size:20px;line-height:1.5;color:var(--navy);font-weight:700;max-width:680px;margin-bottom:15px}.inner-description{font-size:15px;line-height:1.75;color:var(--muted);max-width:690px;margin-bottom:27px}.inner-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.inner-visual{min-height:350px;background:linear-gradient(135deg,#0b2a48d9,#0b2a4859),url('/images/hero-glazing.jpg') 66% center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:27px;color:#fff}.inner-visual-index,.inner-visual-bottom{font-size:10px;letter-spacing:.16em;font-weight:800}.inner-visual-title{font-size:clamp(42px,5vw,74px);font-weight:800;line-height:1;letter-spacing:-.06em}.inner-visual-title span{font-size:14px;letter-spacing:.24em;font-weight:600}.inner-visual-line{height:1px;background:#ffffff79;margin-top:auto;margin-bottom:16px}.inner-facts{background:var(--navy);color:#fff}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.facts-grid>div{padding:25px 30px;border-right:1px solid #ffffff38;display:flex;flex-direction:column;gap:12px}.facts-grid>div:first-child{padding-left:0}.facts-grid>div:last-child{border:0}.facts-grid span{font-size:10px;letter-spacing:.12em;color:#8cc7e4;text-transform:uppercase}.facts-grid strong{font-size:16px;line-height:1.4}.inner-details{background:#fff}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-list article{border:1px solid var(--line);padding:25px;min-height:240px;scroll-margin-top:80px}.detail-list article>span{color:#4e99c2;font-size:12px;font-weight:800}.detail-list h3{font-size:20px;color:var(--navy);letter-spacing:-.03em;margin:34px 0 12px}.detail-list p{font-size:13px;line-height:1.7;color:var(--muted)}.inner-contact{display:flex;flex-direction:column;gap:9px;background:#eff6fa;padding:25px;margin-top:24px}.inner-contact a{font-size:23px;color:var(--navy);font-weight:800}.inner-contact span{font-size:14px;color:var(--muted)}.inner-related{background:#f4f8fa;padding:55px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.related-grid a{background:#fff;border:1px solid var(--line);min-height:80px;padding:21px;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-size:14px;font-weight:800}.related-grid a:hover{border-color:#71adce}.related-grid span{color:var(--blue);font-size:20px}.desktop-nav [aria-current="page"]{color:#0b73bd}
@media(max-width:1280px){.header-cta{display:none}.hero-content{width:62%}.hero{background-position:55% center}}
@media(max-width:930px){.header-phone{display:flex;margin-left:auto}.header-cta{display:none}.hero-content{width:68%}.hero h1{font-size:clamp(48px,6.2vw,66px)}.hero-switch{right:4%;top:53%}.product-card:before{height:165px;flex-basis:165px}.inner-hero-grid{gap:4%;grid-template-columns:1fr .6fr}.inner-visual{min-height:300px}}
@media(max-width:700px){.header-phone{display:none}.hero{background:linear-gradient(180deg,#f2f7fbe8 0%,#f2f7fbe8 46%,#f2f7fb00 67%),url('/images/hero-glazing.jpg') 57% bottom/auto 100% no-repeat}.hero-grid{min-height:700px}.hero-content{width:100%;min-height:0;padding:39px 0 0}.hero h1{font-size:clamp(45px,10vw,68px)}.hero-copy{max-width:450px}.hero-meta{margin-top:22px;padding-top:0}.hero-switch{top:auto;bottom:30px;right:18px}.hero-photo-overlay{inset:50% 0 0 36%}.products-section{padding:16px 0 40px}.product-grid{gap:10px}.product-card,.product-card-dark{min-height:325px;padding:0 14px 18px}.product-card:before{width:calc(100% + 28px);margin:0 -14px 15px}.work-grid{grid-template-columns:1fr}.work-copy{order:0}.work-demo{order:1}.inner-hero-grid{grid-template-columns:1fr}.inner-visual{min-height:230px}.breadcrumbs{margin-bottom:30px}.facts-grid{grid-template-columns:1fr}.facts-grid>div,.facts-grid>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid #ffffff38}.detail-list{grid-template-columns:1fr}.detail-list article{min-height:170px}.detail-list h3{margin-top:20px}.related-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero-grid{min-height:690px}.hero-content{padding-top:29px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-copy{font-size:13px;line-height:1.55}.hero-actions{gap:9px}.hero-actions .button,.hero-actions .text-link{font-size:11px;min-height:44px;padding:0 12px;gap:7px}.hero-meta{gap:6px}.hero-meta div{padding-right:8px}.hero-meta span{font-size:9px}.product-grid{grid-template-columns:1fr}.product-card,.product-card-dark{min-height:0;padding-bottom:18px}.product-card:before{height:190px;flex-basis:190px}.product-card h3{font-size:18px;max-width:90%}.product-card p{max-width:90%}.applications-grid span:before{height:90px}.inner-hero{padding-bottom:40px}.inner-lead{font-size:17px}.inner-description{font-size:14px}}
.product-card .card-arrow,.product-card-dark .card-arrow{width:28px;height:32px;font-size:0;color:transparent;background:url('/images/binom-mark-light.png') center/contain no-repeat}
.hero-photo-overlay{z-index:0;pointer-events:none}.hero-content{position:relative;z-index:1}.hero-switch{z-index:2}
/* bNom wordmark and undistorted photographic crops */
.brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.brand-word{font-size:31px;line-height:1;letter-spacing:-.085em}.brand-b{color:#1175c3}.brand-caption{font-size:8px;line-height:1.25;letter-spacing:.005em;font-weight:700;color:#58718a;white-space:nowrap;margin-top:4px}.brand-light .brand-b{color:#71c5f2}.brand-light .brand-caption{color:#a9cadc}.header-inner{height:72px}.footer-main .brand-caption{font-size:9px!important;color:#b9ccd7!important}
.hero-grid{z-index:1}.hero-photo-overlay{inset:0;background:linear-gradient(90deg,#f3f7fbf2 0%,#f3f7fbe8 26%,#f3f7fb67 43%,#f3f7fb00 59%),url('/images/hero-glazing-private.jpg') center center/cover no-repeat;transition:opacity .55s ease}.hero-photo-overlay.is-frost{opacity:1}
.product-card:before{background-size:cover;background-position:center;background-image:url('/images/product-film.jpg')}.product-card:nth-child(2):before{background-image:url('/images/product-power.jpg');background-position:center}.product-card:nth-child(3):before{background-image:url('/images/product-control.jpg');background-position:center}.product-card:nth-child(4):before{background-image:url('/images/product-installation.jpg');background-position:center}
.applications-grid span:before{height:auto;aspect-ratio:1.55;background-size:cover;background-position:center;background-image:url('/images/application-meeting.jpg')}.applications-grid span:nth-child(2):before{background-image:url('/images/application-office.jpg');background-position:center}.applications-grid span:nth-child(3):before{background-image:url('/images/application-clinic.jpg');background-position:center}.applications-grid span:nth-child(4):before{background-image:url('/images/application-hotel.jpg');background-position:center}.applications-grid span:nth-child(5):before{background-image:url('/images/application-home.jpg');background-position:center}.applications-grid span:nth-child(6):before{background-image:url('/images/application-bathroom.jpg');background-position:center}.applications-grid span:nth-child(7):before{background-image:url('/images/application-showroom.jpg');background-position:center}.applications-grid span:nth-child(8):before{background-image:url('/images/application-projection.jpg');background-position:center}
@media(max-width:1200px){.site-header .brand-caption{display:none}}
@media(max-width:930px){.site-header .brand-caption{display:block}}
@media(max-width:700px){.hero-photo-overlay{background:linear-gradient(180deg,#f2f7fbe8 0%,#f2f7fbe8 46%,#f2f7fb00 67%),url('/images/hero-glazing-private.jpg') 57% bottom/auto 100% no-repeat}.header-inner{height:68px}}
@media(max-width:520px){.applications-grid span:before{height:auto;aspect-ratio:1.55}.brand-word{font-size:29px}}
.footer-main .brand-b{font-size:inherit!important;color:#71c5f2!important}
.work-overlay{background:url('/images/hero-glazing-private.jpg') 65% center/cover no-repeat;opacity:1}
.dimming-scene{background:url('/images/bank-cash-booth-open.jpg') center/cover no-repeat}
.scene-blur{background:url('/images/bank-cash-booth-private.jpg') center/cover no-repeat;opacity:1}
.work-window{height:auto;aspect-ratio:3/2;background:url('/images/fitting-room-open.jpg') center/cover no-repeat}
.work-overlay{background:url('/images/fitting-room-private.jpg') center/cover no-repeat}
@media(max-width:700px){.work-window{height:auto}}
.work-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.work-copy{order:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:6%;align-items:end}
.work-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.12;letter-spacing:-.05em;color:var(--navy);margin:0;max-width:650px}
.work-copy>p{font-size:16px;line-height:1.7;max-width:570px;margin:0;color:var(--muted)}
.work-demo{order:1;padding:0;border:0;box-shadow:none;background:transparent}
.work-window{height:clamp(480px,54vw,650px);aspect-ratio:auto;border:0;background-position:center}
.work-overlay{pointer-events:none;transition:opacity .5s ease}
.work-photo-kicker{position:absolute;z-index:2;top:24px;left:24px;padding:11px 14px;background:#0c2a43d9;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em}
.state-switch{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);display:flex;grid-template-columns:none;width:auto;margin:0;padding:5px;gap:3px;border:1px solid #ffffffbd;border-radius:6px;background:#ffffffeb;box-shadow:0 10px 35px #0b243b45;backdrop-filter:blur(10px)}
.state-button{min-width:145px;min-height:48px;padding:11px 18px;border:0;border-radius:3px;text-align:center;background:transparent;color:var(--navy);font-size:15px;font-weight:800}
.state-button:last-child{border:0}
.state-button.is-active{background:#1062ba;color:#fff}
.state-button:focus-visible{outline:3px solid #7cc6ff;outline-offset:2px}
.work-detail{order:2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.work-detail .work-note{margin:0;max-width:780px;font-size:13px}
.work-detail .text-link{flex:none}
@media(max-width:700px){.work-grid{gap:19px}.work-copy{grid-template-columns:1fr;gap:12px}.work-copy h2{font-size:clamp(32px,8vw,43px)}.work-window{height:auto;aspect-ratio:4/3;background-position:48% center}.work-overlay{background-position:48% center}.work-photo-kicker{top:12px;left:12px;padding:8px 10px;font-size:9px;letter-spacing:.08em}.state-switch{bottom:12px;left:12px;right:12px;transform:none}.state-button{flex:1;min-width:0;min-height:45px;padding:9px 12px;font-size:14px}.work-detail{display:block}.work-detail .text-link{display:inline-flex;margin-top:15px}}
.hero{background:linear-gradient(90deg,#f3f7fbf2 0%,#f3f7fbe8 26%,#f3f7fb67 43%,#f3f7fb00 59%),url('/images/hero-glazing-open-v2.jpg') center center/cover no-repeat}
.hero-grid{position:static}
.hero-photo-overlay{backdrop-filter:none}
.hero-switch{top:auto;right:30px;bottom:30px}
.hero-switch button{min-height:42px;font-size:13px}
@media(max-width:700px){.hero{background:linear-gradient(180deg,#f2f7fbe8 0%,#f2f7fbe8 46%,#f2f7fb00 67%),url('/images/hero-glazing-open-v2.jpg') 57% bottom/auto 100% no-repeat}.hero-switch{top:auto;right:30px;bottom:30px}}
/* Approved BINOM Smart Glass logo, using the light and dark artwork from the brand sheet. */
.brand-graphic{flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;flex:none;white-space:nowrap}
.brand-symbol{display:block;width:42px;height:48px;object-fit:contain;flex:none}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand-word-image{display:block;width:132px;height:auto}
.brand-graphic .brand-caption{display:block!important;margin:0;font-size:8px;line-height:1.2;letter-spacing:0;font-weight:500;color:#36536e}
.site-footer .brand-graphic{background:#0b2842;padding:7px 10px 7px 7px;border-radius:4px}
.site-footer .brand-symbol{width:52px;height:59px}
.site-footer .brand-word-image{width:164px}
.footer-main .brand-graphic .brand-caption{font-size:9px!important;color:#c7d9e9!important}
@media(max-width:520px){.site-header .brand-symbol{width:37px;height:43px}.site-header .brand-word-image{width:118px}.site-header .brand-graphic .brand-caption{font-size:7px}}