/*
Theme Name: DBEC Automation
Theme URI: https://dbecautomation.com.au/
Author: DBEC Automation
Description: A lightweight, responsive theme for DBEC Automation.
Version: 0.7.8
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: dbec-automation
*/

:root{--ink:#08111d;--blue:#91c6f3;--accent:#3b78c8;--paper:#f2f4f6;--line:rgba(255,255,255,.18);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:#080d14;color:#f5f7fa;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit}
button{cursor:pointer}
img{max-width:100%;height:auto}
.screen-reader-text,.skip-link:not(:focus){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:focus{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 18px;background:#fff;color:#111}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:0 clamp(20px,4vw,70px)}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;display:inline-flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:2px solid var(--blue);color:var(--blue);font-size:19px;font-style:italic;font-weight:700;transform:skew(-7deg)}
.brand-name{display:grid;gap:3px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:18px;line-height:1}
.brand-name small{font-size:7px;letter-spacing:.4em;font-weight:600}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,36px)}
.site-nav a{text-decoration:none;color:#e7eaf0;font-size:13px;transition:color .2s ease}
.site-nav a:hover{color:var(--blue)}
.site-nav .nav-cta{border:1px solid rgba(255,255,255,.4);padding:14px 18px;white-space:nowrap}
.menu-toggle{display:none;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(8,17,29,.75);color:#fff;padding:10px 12px;border-radius:2px}
.menu-icon{width:20px;height:14px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.menu-icon:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px solid currentColor}
@media(max-width:1180px){.header-inner{height:76px}.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;background:#0b111a;border-bottom:1px solid var(--line);box-shadow:0 20px 35px rgba(0,0,0,.35)}.site-nav.is-open{display:flex}.site-nav a{padding:15px 6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.site-nav .nav-cta{margin-top:16px;text-align:center}}
.hero{min-height:720px;min-height:100svh;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:145px clamp(20px,4vw,70px) 105px;background:#0b111a url('/dbec-hero.png') center center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,20,.95) 0%,rgba(5,11,20,.82) 34%,rgba(5,11,20,.3) 75%),linear-gradient(0deg,rgba(5,11,20,.72),transparent 42%)}
.hero-inner{width:min(1200px,100%);margin-inline:auto}
.eyebrow{display:flex;align-items:center;gap:14px;color:#c4cfdb;text-transform:uppercase;letter-spacing:.28em;font-weight:700;font-size:11px}
.eyebrow:before{content:"";display:block;width:28px;border-top:1px solid var(--blue)}
.hero h1{font-size:clamp(56px,8.8vw,124px);line-height:.96;letter-spacing:-.065em;max-width:850px;margin:28px 0 28px;font-weight:700}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);letter-spacing:-.065em}
.hero-copy{font-size:clamp(16px,1.65vw,20px);line-height:1.65;color:#d2d8df;max-width:630px;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button-primary,.button-text{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;font-size:14px;font-weight:700;min-height:54px}
.button-primary{background:var(--accent);padding:0 24px;color:#fff;transition:background .2s ease,transform .2s ease}
.button-primary:hover{background:#518fd9;transform:translateY(-2px)}
.button-text{border-bottom:1px solid rgba(255,255,255,.55);padding:0 3px;color:#f5f7fa}
.hero-foot{position:absolute;bottom:24px;left:clamp(20px,4vw,70px);right:clamp(20px,4vw,70px);display:flex;justify-content:flex-end;gap:15px;color:#b6bec9;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700}
.hero-foot span+span:before{content:"·";margin-right:15px;color:var(--blue)}
.section{padding:clamp(80px,11vw,150px) clamp(20px,4vw,70px);scroll-margin-top:30px}
.section-inner{max-width:1200px;margin:auto}
.section-kicker{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.section h2{font-size:clamp(42px,5.5vw,78px);letter-spacing:-.055em;line-height:1.04;max-width:850px;margin:24px 0}
.section-lead{color:#b7c0ca;line-height:1.7;max-width:680px;font-size:clamp(16px,1.5vw,19px)}
.interior-page{background:#080d14;min-height:70svh}
.interior-hero{padding:clamp(155px,18vw,240px) clamp(20px,4vw,70px) clamp(65px,8vw,110px);background:radial-gradient(circle at 85% 30%,rgba(52,109,175,.18),transparent 38%),#0b1420;border-bottom:1px solid var(--line)}
.interior-hero h1{font-size:clamp(46px,7vw,92px);line-height:1.02;letter-spacing:-.055em;max-width:960px;margin:24px 0 0}
.savant-hero-logo{display:block;width:clamp(230px,30vw,330px);height:auto;margin-top:20px}
.interior-hero p{font-size:clamp(18px,1.8vw,22px);line-height:1.6;color:#c2cbd5;max-width:760px;margin:28px 0 0}
.interior-body{padding:clamp(70px,8vw,110px) clamp(20px,4vw,70px);font-size:17px;line-height:1.8;color:#c6d0dc}
.interior-body>*{max-width:820px}
.interior-body h2,.interior-body h3{color:#f5f7fa;line-height:1.15;letter-spacing:-.035em;margin:2.2em 0 .6em}
.interior-body h2{font-size:clamp(32px,4vw,52px)}
.interior-body h3{font-size:clamp(25px,2.8vw,34px)}
.interior-body p,.interior-body ul,.interior-body ol{margin:0 0 1.4em}
.interior-body a{color:var(--blue);text-underline-offset:3px}
.interior-body .wp-block-buttons{margin-top:2em}
.interior-body .wp-block-button__link{background:var(--accent);color:#fff;text-decoration:none;border-radius:0;padding:14px 24px}
.automation-page{background:#080d14}
.automation-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:780px;min-height:92svh;padding:0 clamp(20px,4vw,70px);overflow:hidden;background:#0b111a url('/dbec-hero.png') center center/cover no-repeat}
.automation-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,20,.97),rgba(5,11,20,.82) 42%,rgba(5,11,20,.36)),linear-gradient(0deg,rgba(5,11,20,.7),transparent 48%)}
.automation-hero-inner{width:100%;padding:165px 0 145px}
.automation-breadcrumb{display:inline-block;margin-bottom:68px;color:#aebdcd;font-size:12px;text-decoration:none}
.automation-breadcrumb span{padding:0 9px;color:var(--blue)}
.automation-breadcrumb:hover{color:#fff}
.automation-hero h1{max-width:900px;margin:25px 0 28px;font-size:clamp(54px,7.5vw,112px);line-height:.99;letter-spacing:-.065em}
.automation-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue)}
.automation-hero-copy{max-width:690px;margin-bottom:36px;color:#d0d9e3;font-size:clamp(17px,1.7vw,20px);line-height:1.65}
.automation-hero-copy p{margin:0}
.automation-hero-foot{position:absolute;right:clamp(20px,4vw,70px);bottom:27px;color:#a9b9c9;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.automation-hero-foot span{color:var(--blue);padding:0 9px}
.automation-belief{background:#111923}
.automation-belief-grid,.automation-process-grid,.automation-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.automation-body-copy{max-width:610px;color:#aebdca;font-size:16px;line-height:1.7}
.automation-diagram{position:relative;min-height:510px;display:grid;place-items:center;isolation:isolate}
.automation-diagram:before{content:"";position:absolute;inset:7%;z-index:-1;background:radial-gradient(circle,rgba(47,103,165,.18),transparent 64%);filter:blur(24px)}
.automation-diagram-ring{position:absolute;width:min(86%,430px);aspect-ratio:1;border:1px solid rgba(145,198,243,.2);border-radius:50%;box-shadow:inset 0 0 0 55px rgba(86,143,206,.035),0 0 0 55px rgba(86,143,206,.025)}
.automation-diagram-core{width:190px;height:190px;border:1px solid rgba(145,198,243,.5);border-radius:50%;background:#14283b;box-shadow:0 22px 55px rgba(0,0,0,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.automation-diagram-core small{color:#add4f7;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.automation-diagram-core strong{font-size:40px;letter-spacing:.1em;margin:8px 0}
.automation-diagram-core span{color:#aabac9;font-size:10px}
.automation-diagram-node{position:absolute;min-width:128px;padding:14px 18px;border:1px solid rgba(145,198,243,.3);background:#101d2b;color:#e2ecf6;font-size:13px;font-weight:700;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.automation-diagram-node.node-lighting{top:7%;left:50%;transform:translateX(-50%)}
.automation-diagram-node.node-climate{top:45%;right:0}
.automation-diagram-node.node-blinds{bottom:7%;left:50%;transform:translateX(-50%)}
.automation-diagram-node.node-entertainment{top:45%;left:0}
.automation-capabilities{background:#080e16}
.automation-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:52px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.automation-feature{min-height:300px;padding:clamp(25px,2.7vw,37px);background:#111b27;display:flex;flex-direction:column}
.automation-feature span,.automation-scene span,.automation-process-steps span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.automation-feature h3{margin:auto 0 14px;font-size:clamp(24px,2.1vw,31px);line-height:1.1;letter-spacing:-.045em}
.automation-feature p,.automation-scene p{margin:0;color:#b9c6d2;font-size:15px;line-height:1.65}
.automation-capabilities-note,.automation-scene-note{color:#8fa0b1;font-size:13px;line-height:1.6;margin:25px 0 0}
.automation-scenes{background:linear-gradient(145deg,#0e2032,#0a111b 68%)}
.automation-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:55px}
.automation-scene{position:relative;min-height:350px;padding:clamp(28px,3vw,42px);border:1px solid rgba(145,198,243,.2);background:linear-gradient(150deg,rgba(63,119,182,.18),rgba(12,22,34,.72));display:flex;flex-direction:column}
.automation-scene:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}
.automation-scene h3{margin:auto 0 18px;font-size:clamp(32px,3.1vw,44px);line-height:1.05;letter-spacing:-.05em}
.automation-process{background:#111923}
.automation-process-grid{align-items:start}
.automation-process-steps>div{padding:25px 0;border-top:1px solid rgba(255,255,255,.2)}
.automation-process-steps h3{font-size:25px;letter-spacing:-.035em;margin:11px 0}
.automation-process-steps p{color:#b4c0cb;line-height:1.65;margin:0;max-width:480px}
.automation-faq{background:#090f17}
.automation-faq-grid{align-items:start}
.automation-faq-list{border-top:1px solid rgba(255,255,255,.2)}
.automation-faq-list details{border-bottom:1px solid rgba(255,255,255,.2);padding:23px 0}
.automation-faq-list summary{list-style:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1.35;position:relative;padding-right:36px}
.automation-faq-list summary::-webkit-details-marker{display:none}
.automation-faq-list summary:after{content:"+";position:absolute;right:0;top:-3px;color:var(--blue);font-size:27px;font-weight:400}
.automation-faq-list details[open] summary:after{content:"−"}
.automation-faq-list p{color:#b9c6d2;line-height:1.7;font-size:15px;margin:18px 30px 0 0}
.automation-cta{background:radial-gradient(circle at 80% 45%,rgba(67,130,198,.2),transparent 38%),#0d1a28}
.automation-cta-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:40px}
.automation-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:9px}
.camera-page{background:#080d14}
.camera-hero{min-height:760px;min-height:92svh;padding:0 clamp(20px,4vw,70px);background:radial-gradient(circle at 76% 43%,rgba(51,96,147,.27),transparent 43%),linear-gradient(120deg,#07111d,#0b111a 68%);overflow:hidden}
.camera-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(25px,4vw,70px);min-height:inherit}
.camera-hero-content{padding:160px 0 115px;position:relative;z-index:1}
.camera-hero h1{font-size:clamp(52px,6.9vw,100px);line-height:.99;letter-spacing:-.065em;margin:26px 0 28px;max-width:780px}
.camera-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue)}
.camera-hero-copy{max-width:650px;color:#d0d9e3;font-size:clamp(17px,1.6vw,20px);line-height:1.65;margin-bottom:35px}
.camera-hero-copy p{margin:0}
.camera-hero-visual{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.camera-hero-visual:before{content:"";position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(145,198,243,.14);border-radius:50%;box-shadow:0 0 0 65px rgba(69,119,178,.035),inset 0 0 80px rgba(67,130,198,.08)}
.camera-hero-visual img{position:relative;width:min(100%,600px);max-height:580px;object-fit:contain;filter:drop-shadow(0 35px 35px rgba(0,0,0,.48))}
.camera-hero-visual span{position:relative;margin-top:-15px;color:#aabed1;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.access-hero{background:radial-gradient(circle at 76% 43%,rgba(52,88,151,.28),transparent 43%),linear-gradient(120deg,#07111d,#0b111a 68%)}
.access-hero-visual img{max-height:640px;transform:scale(1.35)}
.access-product-visual img{max-height:570px;transform:scale(1.25)}
.camera-intro{background:#111923}
.camera-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,7vw,110px);align-items:start}
.camera-intro .section-lead{margin-top:0}
.asial-membership{display:flex;align-items:center;justify-content:space-between;gap:clamp(25px,5vw,70px);margin-top:clamp(55px,7vw,95px);padding:clamp(24px,3vw,40px);background:linear-gradient(120deg,#152337,#101923);border:1px solid rgba(145,198,243,.22)}
.asial-membership p{max-width:600px;margin:18px 0 0;color:#e5edf5;font-size:clamp(18px,2vw,26px);line-height:1.4;letter-spacing:-.025em}
.asial-membership img{display:block;width:clamp(190px,22vw,240px);height:auto;flex:none;background:#fff}
@media(max-width:600px){.asial-membership{flex-direction:column;align-items:flex-start}.asial-membership img{width:min(100%,220px)}}
.camera-body-copy{color:#aebdca;font-size:16px;line-height:1.7;max-width:640px}
.camera-benefits{background:#080e16}
.camera-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:54px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.camera-benefit-grid article{min-height:300px;padding:clamp(24px,2.7vw,37px);background:#111b27;display:flex;flex-direction:column}
.camera-benefit-grid span,.camera-process-grid span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.camera-benefit-grid h3{margin:auto 0 14px;font-size:clamp(24px,2.1vw,31px);line-height:1.1;letter-spacing:-.045em}
.camera-benefit-grid p,.camera-process-grid p{margin:0;color:#b9c6d2;font-size:15px;line-height:1.65}
.camera-product{background:radial-gradient(circle at 28% 50%,rgba(44,88,133,.25),transparent 38%),#0c1520}
.camera-product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,105px);align-items:center}
.camera-product-visual{min-height:540px;border:1px solid rgba(145,198,243,.14);background:radial-gradient(circle at center,#23394e,#101c2a 58%,#0a111b);display:grid;place-items:center;overflow:hidden}
.camera-product-visual img{width:min(94%,590px);max-height:530px;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(0,0,0,.35))}
.camera-product-copy .section-lead{font-size:17px}
.camera-inline-link,.product-detail-link{display:inline-flex;align-items:center;gap:10px;color:#b7d9f8;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(183,217,248,.6);padding-bottom:7px}
.camera-inline-link{margin-top:17px}
.product-detail-link{margin-top:26px}
.camera-inline-link:hover,.product-detail-link:hover{color:#fff;border-color:#fff}
.camera-process{background:#111923}
.camera-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:55px}
.camera-process-grid article{border-top:1px solid rgba(255,255,255,.2);padding-top:25px}
.camera-process-grid h3{font-size:25px;letter-spacing:-.035em;margin:34px 0 12px}
.camera-faq{background:#090f17}
.camera-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:start}
.camera-cta{background:radial-gradient(circle at 80% 45%,rgba(67,130,198,.2),transparent 38%),#0d1a28}
.camera-cta-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:40px}
.camera-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:9px}
@media(max-width:1000px){.camera-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.camera-hero-grid,.camera-intro-grid,.camera-product-grid,.camera-faq-grid,.camera-cta-grid{grid-template-columns:1fr}.camera-hero-grid{gap:0}.camera-hero-content{padding:125px 0 30px}.camera-hero-visual{min-height:370px;padding-bottom:55px}.camera-hero-visual img{max-height:340px}.camera-hero-visual span{margin-top:-5px}.camera-hero h1{font-size:clamp(50px,10vw,78px)}.camera-product-visual{min-height:410px}.camera-product-visual img{max-height:400px}.camera-process-grid{grid-template-columns:1fr;gap:25px}.access-hero-visual img{transform:scale(1.25)}.access-product-visual img{transform:scale(1.15)}}
@media(max-width:580px){.camera-hero h1{font-size:clamp(48px,12vw,66px)}.camera-hero .automation-breadcrumb{margin-bottom:48px}.camera-hero-content{padding-bottom:15px}.camera-hero-visual{min-height:330px}.camera-hero-visual img{max-height:300px}.camera-benefit-grid{grid-template-columns:1fr}.camera-benefit-grid article{min-height:230px}.camera-product-visual{min-height:320px}.camera-product-visual img{max-height:315px}.camera-cta-actions .button-primary{width:100%}}
@media(max-width:1000px){.automation-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.automation-belief-grid,.automation-process-grid,.automation-faq-grid,.automation-cta-inner{grid-template-columns:1fr}.automation-diagram{min-height:450px}.automation-scene-grid{grid-template-columns:1fr}.automation-scene{min-height:250px}.automation-hero{min-height:750px}.automation-hero-inner{padding:130px 0 110px}.automation-breadcrumb{margin-bottom:55px}}
@media(max-width:580px){.automation-hero{min-height:700px;background-position:60% center}.automation-hero:before{background:linear-gradient(90deg,rgba(5,11,20,.94),rgba(5,11,20,.6)),linear-gradient(0deg,rgba(5,11,20,.7),transparent 60%)}.automation-hero h1{font-size:clamp(50px,12vw,70px)}.automation-hero-foot{font-size:8px;letter-spacing:.09em;left:20px;right:20px}.automation-hero-foot span{padding:0 3px}.automation-feature-grid{grid-template-columns:1fr}.automation-feature{min-height:235px}.automation-diagram{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:30px 0}.automation-diagram-ring{display:none}.automation-diagram-core{position:relative;grid-column:1/-1;width:150px;height:150px;margin-bottom:12px}.automation-diagram-core strong{font-size:31px}.automation-diagram-node,.automation-diagram-node.node-lighting,.automation-diagram-node.node-climate,.automation-diagram-node.node-blinds,.automation-diagram-node.node-entertainment{position:static;transform:none;min-width:0;width:100%}.automation-cta-actions .button-primary{width:100%}}
.intro{background:#111923}
.intro-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:end}
.years{border-left:1px solid rgba(255,255,255,.2);padding-left:30px;color:#c8d0d9;text-transform:uppercase;font-size:11px;letter-spacing:.15em;line-height:1.5}
.years strong{display:block;font-size:80px;line-height:1;color:var(--blue);letter-spacing:-.08em}
.experience-section{background:#050a11;padding:0 clamp(20px,4vw,70px);scroll-margin-top:0}
.experience-section.is-animated{height:500svh}
.experience-stage{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px)}
.experience-stage:not(.is-animated){padding-block:100px}
.experience-stage.is-animated{position:sticky;top:0;height:100svh;min-height:700px}
.experience-content{position:relative;z-index:2;padding:50px 0}
.experience-content h2{font-size:clamp(54px,5.8vw,86px);letter-spacing:-.065em;line-height:1.01;margin:24px 0 20px}
.experience-content h2 em{font-family:Georgia,'Times New Roman',serif;color:var(--blue);font-weight:400}
.experience-intro{color:#aebbc9;line-height:1.7;font-size:17px;max-width:490px;margin:0}
.experience-step-stack{position:relative;margin-top:54px}
.experience-step{border-left:2px solid var(--blue);padding-left:22px;margin-bottom:25px}
.experience-step span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.experience-step h3{font-size:clamp(34px,3vw,44px);letter-spacing:-.05em;margin:15px 0 10px}
.experience-step p{color:#c2ccd7;font-size:16px;line-height:1.65;max-width:410px;margin:0}
.experience-stage.is-animated .experience-step-stack{height:190px}
.experience-stage.is-animated .experience-step{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
.experience-stage.is-animated .experience-step.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.experience-progress{display:none;align-items:center;gap:16px;margin-top:28px;color:#8da1b6;font-size:11px;letter-spacing:.16em}
.experience-stage.is-animated .experience-progress{display:flex}
.experience-progress-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:185px}
.experience-progress-track i{height:2px;background:#344454;transition:background .3s ease}
.experience-progress-track i.is-active{background:var(--blue)}
.experience-current{color:var(--blue)}
.experience-visual{position:relative;min-height:600px;display:grid;place-items:center;isolation:isolate}
.experience-visual:before{content:"";position:absolute;inset:4%;z-index:-1;background:radial-gradient(circle,rgba(58,117,185,.16),rgba(8,23,40,.08) 45%,transparent 69%);filter:blur(16px)}
.experience-orbit{position:relative;width:min(100%,570px);aspect-ratio:1;border:1px solid rgba(145,198,243,.16);border-radius:50%;background:radial-gradient(circle at center,rgba(24,51,78,.58),rgba(8,17,29,.18) 52%,transparent 73%)}
.experience-orbit:before,.experience-orbit:after{content:"";position:absolute;border:1px solid rgba(145,198,243,.12);border-radius:50%;pointer-events:none}
.experience-orbit:before{inset:13%}.experience-orbit:after{inset:29%;border-color:rgba(145,198,243,.18)}
.experience-core{position:absolute;z-index:1;inset:34%;border:1px solid rgba(145,198,243,.45);border-radius:50%;background:#101e2e;box-shadow:0 0 0 12px rgba(67,128,200,.06),0 24px 70px rgba(0,0,0,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.experience-core small{color:#9dc8ed;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.experience-core strong{font-size:clamp(24px,3.5vw,44px);letter-spacing:.12em;font-weight:600;margin:8px 0}
.experience-core span{color:#9eb0c4;font-size:10px}
.experience-node{position:absolute;z-index:2;min-width:133px;padding:13px 16px;border:1px solid rgba(145,198,243,.23);background:#101b29;color:#aebfd0;font-size:14px;font-weight:600;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:color .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.experience-node small{display:block;color:#7298be;font-size:9px;letter-spacing:.18em;margin-bottom:5px}
.experience-node.is-active{color:#fff;border-color:#94cbf7;background:#205589;box-shadow:0 0 0 5px rgba(93,159,227,.12),0 18px 36px rgba(0,0,0,.35)}
.experience-node.is-active small{color:#c6e8ff}
.experience-node-lighting{top:4%;left:50%;transform:translateX(-50%)}
.experience-node-climate{top:31%;right:-1%}
.experience-node-entertainment{bottom:8%;right:10%}
.experience-node-security{bottom:8%;left:10%}
.experience-node-access{top:31%;left:-1%}
.experience-visual-caption{position:absolute;bottom:9px;color:#8394a7;font-size:10px;letter-spacing:.19em;text-transform:uppercase}
.services{background:#0a1018}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:60px}
.service-card{background:#111923;min-height:310px;padding:35px;display:flex;flex-direction:column}
.service-number{color:var(--blue);font-size:11px;letter-spacing:.2em}
.service-card h3{font-size:26px;letter-spacing:-.04em;margin:auto 0 14px}
.service-card p{color:#bbc4cd;font-size:14px;line-height:1.6;margin:0 0 22px}
.service-card small{color:#8fa8c2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.service-card h3 a{text-decoration:none}
.service-card h3 a:hover{color:var(--blue)}
.service-card-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#b7d9f8;font-size:12px;font-weight:700;text-decoration:none}
.service-card-link:hover{text-decoration:underline;text-underline-offset:5px}
.security-showcase{background:#070b11}
.security-showcase .section-lead{margin-bottom:54px}
.security-showcase .asial-membership{margin-top:40px}
.product-showcase{display:grid;gap:20px}
.product-panel{min-height:590px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);align-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 76% 50%,#1d2938 0%,#101923 38%,#0b1119 78%)}
.product-panel-entry{background:radial-gradient(circle at 78% 44%,#1c2940 0%,#111b2a 38%,#0b1119 78%)}
.product-panel:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(145,198,243,.4),transparent)}
.product-copy{position:relative;z-index:2;padding:clamp(32px,5vw,72px)}
.product-index{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.product-copy h3{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.055em;margin:30px 0 20px}
.product-copy p{max-width:390px;color:#bdc8d4;font-size:17px;line-height:1.65;margin:0}
.ai-note{display:grid;gap:8px;max-width:390px;margin-top:26px;padding-left:17px;border-left:2px solid var(--blue)}
.ai-note strong{color:#c8e5ff;font-size:11px;letter-spacing:.19em;text-transform:uppercase}
.ai-note span{color:#c5d2df;font-size:14px;line-height:1.55}
.product-name{display:inline-block;margin-top:42px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);color:#e4ebf3;font-size:12px;letter-spacing:.08em}
.product-visual{position:relative;height:100%;min-height:590px;display:grid;place-items:center;overflow:hidden}
.product-visual:before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:rgba(94,148,217,.08);filter:blur(36px)}
.product-visual img{position:relative;display:block;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.32))}
.product-visual-camera img{width:min(92%,700px);max-height:570px}
.product-visual-entry .entry-angle{width:min(82%,570px);max-height:580px;margin-left:-8%;transform:scale(1.45)}
.product-visual-entry .entry-front{position:absolute;width:min(30%,180px);max-height:390px;right:5%;bottom:5%;transform:scale(2);transform-origin:bottom right;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5))}
.systems{background:linear-gradient(130deg,#0f2035,#070c13 68%)}
.systems-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.systems-list span{border:1px solid rgba(145,198,243,.28);padding:12px 16px;color:#c7d5e3;font-size:12px}
.approach{background:#111923}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.step{border-top:1px solid rgba(255,255,255,.2);padding-top:24px}
.step span{color:var(--blue);font-size:11px}
.step h3{font-size:25px;margin:32px 0 12px}
.step p{color:#b7c0ca;line-height:1.65;font-size:14px}
.contact{background:#0a1018}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:46px;align-items:stretch}
.contact-option{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,3vw,42px);background:#111b27;border:1px solid rgba(145,198,243,.2)}
.contact-option-project{background:linear-gradient(145deg,#152337,#101923 72%)}
.contact-option-kicker{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.contact-option h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:17px 0 9px}
.contact-option>p{color:#c4ccd7;line-height:1.65;min-height:3.3em;margin:0 0 26px}
.contact-option .wpforms-container{margin:0}
.contact-option .wpforms-form .wpforms-field{padding:8px 0}
.contact-option .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%;gap:14px}
.contact-option .wpforms-form .wpforms-field-row-block{min-width:0;flex:1}
.contact-option .wpforms-form .wpforms-field-row-block input{width:100%}
#contact .contact-option .wpforms-form .wpforms-field-text:has(> input[tabindex="-1"][aria-hidden="true"]){display:none!important}
.contact-option .wpforms-form .wpforms-field-label{color:#ecf3fa;font-size:13px;font-weight:700;margin-bottom:8px}
.contact-option .wpforms-form .wpforms-field-sublabel{color:#aebac6}
.contact-option .wpforms-form input[type=text],.contact-option .wpforms-form input[type=email],.contact-option .wpforms-form select,.contact-option .wpforms-form textarea{width:100%;max-width:none;background:#0b1420;color:#f5f7fa;border:1px solid #506073;border-radius:3px;min-height:46px;padding:11px 13px;font-size:15px}
.contact-option .wpforms-form textarea{min-height:125px;resize:vertical}
.contact-option .wpforms-form input:focus,.contact-option .wpforms-form select:focus,.contact-option .wpforms-form textarea:focus{border-color:var(--blue);outline:2px solid rgba(145,198,243,.28);outline-offset:1px}
.contact-option .wpforms-form .wpforms-submit-container{padding-top:17px}
.contact-option .wpforms-form button[type=submit]{background:var(--accent);color:#fff;border:0;border-radius:0;min-height:52px;padding:12px 22px;font-size:14px;font-weight:700}
.contact-option .wpforms-form button[type=submit]:hover{background:#518fd9}
.contact-option .wpforms-confirmation-container-full{background:#112f2a;border:1px solid #58a68e;color:#f5f7fa}
.contact-option .jetpack-contact-form label,.contact-option .contact-form label{display:block;color:#ecf3fa;font-size:13px;font-weight:700;margin-bottom:8px}
.contact-option .jetpack-contact-form input,.contact-option .jetpack-contact-form select,.contact-option .jetpack-contact-form textarea,.contact-option .contact-form input,.contact-option .contact-form select,.contact-option .contact-form textarea{width:100%;max-width:none;background:#0b1420;color:#f5f7fa;border:1px solid #506073;border-radius:3px;min-height:46px;padding:11px 13px;font-size:15px}
.contact-option .jetpack-contact-form textarea,.contact-option .contact-form textarea{min-height:125px;resize:vertical}
.contact-option .jetpack-contact-form button[type=submit],.contact-option .contact-form button[type=submit]{background:var(--accent);color:#fff;border:0;border-radius:0;min-height:52px;padding:12px 22px;font-size:14px;font-weight:700}
.contact-option .jetpack-contact-form-container,.contact-option .jetpack-contact-form-container>form{display:flex;flex:1;flex-direction:column}
.contact-option .contact-form-submission[aria-hidden="true"]{display:none!important}
.contact-option .wp-block-jetpack-contact-form{display:flex!important;flex:1;flex-direction:column}
.contact-option .wp-block-jetpack-contact-form>.grunion-field-wrap{display:block;width:100%!important;margin:0 0 17px}
.contact-option .wp-block-jetpack-contact-form>.grunion-field-wrap :is(input,select,textarea){width:100%!important}
.contact-option .wp-block-jetpack-contact-form>.wp-block-button{margin-top:auto;padding-top:8px}
.contact-option-quick .wp-block-jetpack-contact-form>.grunion-field-textarea-wrap{margin-top:228px}
.contact-direct{margin:28px 0 0;color:#b7c0ca;font-size:15px}
.contact-direct a{color:#f5f7fa;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px}
.site-footer{padding:30px clamp(20px,4vw,70px);border-top:1px solid rgba(255,255,255,.12);color:#8e9aa6;font-size:12px}
.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.site-footer a{color:#c9d8e8;text-decoration:none}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-decoration:underline}
.footer-social{display:flex;gap:18px}
.footer-social a{display:inline-flex;align-items:center;gap:7px}
.footer-social svg{width:17px;height:17px;flex:none}
.footer-rec{color:#c9d8e8;font-weight:600;white-space:nowrap}
@media(max-width:850px){.header-inner{height:76px}.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;background:#0b111a;border-bottom:1px solid var(--line);box-shadow:0 20px 35px rgba(0,0,0,.35)}.site-nav.is-open{display:flex}.site-nav a{padding:15px 6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.site-nav .nav-cta{margin-top:16px;text-align:center}.hero{background-position:62% center}.intro-grid{grid-template-columns:1fr}.years{max-width:250px}.service-grid{grid-template-columns:repeat(2,1fr)}.product-panel{grid-template-columns:1fr;min-height:0}.product-copy{padding-bottom:0}.product-visual{min-height:470px}.steps{grid-template-columns:1fr;gap:18px}}
@media(min-width:851px) and (max-width:1100px){.contact-option>p{min-height:4.95em}}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr}.contact-option>p{min-height:0}.contact-option-quick .wp-block-jetpack-contact-form>.grunion-field-textarea-wrap{margin-top:0}}
@media(max-width:900px){.experience-section{padding-block:85px}.experience-section.is-animated{height:auto}.experience-stage,.experience-stage:not(.is-animated){height:auto;min-height:0;display:block;padding:0}.experience-content{padding:0}.experience-content h2{font-size:clamp(48px,9vw,72px)}.experience-step-stack{display:grid;gap:12px;margin-top:38px}.experience-step{margin:0;padding:22px 24px;background:#101923;border:1px solid rgba(145,198,243,.16);border-left:2px solid var(--blue)}.experience-step h3{font-size:30px}.experience-visual{display:none}.experience-stage.is-animated .experience-step-stack{height:auto}.experience-stage.is-animated .experience-step{position:relative;opacity:1;visibility:visible;transform:none}.experience-stage.is-animated .experience-progress{display:none}}
@media(min-width:901px) and (max-height:790px){.experience-stage.is-animated{min-height:0}.experience-content{padding-block:20px}.experience-content h2{font-size:clamp(52px,5vw,72px);margin-block:16px}.experience-step-stack{margin-top:32px}.experience-stage.is-animated .experience-step-stack{height:170px}.experience-visual{min-height:500px}.experience-orbit{max-width:480px}}
@media(max-width:580px){.brand-mark{width:34px;height:34px;font-size:17px}.brand-name{font-size:15px}.brand-name small{font-size:6px}.menu-toggle{font-size:12px}.hero{min-height:690px;padding-top:130px;padding-bottom:100px;background-position:57% center}.hero:before{background:linear-gradient(90deg,rgba(5,11,20,.9),rgba(5,11,20,.48)),linear-gradient(0deg,rgba(5,11,20,.8),transparent 55%)}.hero h1{font-size:clamp(54px,13vw,78px);margin:24px 0}.hero-copy{max-width:340px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.button-primary{width:100%;max-width:290px}.hero-foot{justify-content:flex-start;flex-wrap:wrap;gap:8px;font-size:9px}.hero-foot span+span:before{margin-right:8px}.service-grid{grid-template-columns:1fr}.service-card{min-height:255px}.section h2{font-size:clamp(40px,10vw,60px)}.security-showcase .section-lead{margin-bottom:34px}.product-showcase{gap:12px}.product-copy{padding:34px 28px 0}.product-copy h3{margin:22px 0 15px}.product-copy p{font-size:15px}.product-name{margin-top:26px}.product-visual{min-height:430px}.product-visual-camera img{width:95%;max-height:340px}.product-visual-entry .entry-angle{width:80%;max-height:350px;transform:scale(2)}.product-visual-entry .entry-front{width:38%;right:-15%;bottom:5%;transform:scale(2.2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Customer care hub */
.customer-hub{background:#09111b;color:#f5f7fb}
.hub-hero{padding:190px clamp(20px,4vw,70px) 100px;background:radial-gradient(circle at 82% 23%,rgba(79,139,204,.22),transparent 32%),linear-gradient(145deg,#09111b 10%,#12243a 100%)}
.hub-hero h1{max-width:850px;font-size:clamp(58px,8vw,116px);line-height:.98;letter-spacing:-.065em;margin:28px 0 25px}
.hub-hero h1 em,.hub-resources h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}
.hub-hero p{max-width:640px;color:#c4d0dc;font-size:clamp(17px,2vw,21px);line-height:1.6}
.hub-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:43px}
.hub-shortcuts a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:12px 18px;color:#f5f7fb;text-decoration:none;border:1px solid rgba(145,198,243,.34);background:rgba(255,255,255,.04);font-weight:700;font-size:13px}
.hub-shortcuts a:hover,.hub-shortcuts a:focus-visible{border-color:var(--blue);background:rgba(145,198,243,.12)}
.hub-help{background:#0b1420}
.hub-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.hub-intro h2,.hub-resources h2{margin:18px 0 0}
.hub-intro>p{max-width:440px;color:#bfccd9;line-height:1.7;margin:0}
.hub-urgent-note{margin:0 0 20px;padding:15px 19px;background:#182737;border-left:3px solid var(--blue);color:#d9e5f0;font-size:14px;line-height:1.6}
.hub-urgent-note a{color:#fff;font-weight:700;text-underline-offset:4px}
.hub-form-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:stretch}
.hub-form-panel{scroll-margin-top:24px}
.hub-form-panel>p{min-height:0}
.hub-form-panel .wp-block-jetpack-contact-form>.grunion-field-wrap{margin-bottom:14px}
.hub-form-panel .wp-block-jetpack-contact-form>.wp-block-button{margin-top:0}
.hub-form-panel .wp-block-button__link{cursor:pointer}
.hub-form-note{margin-top:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.14);color:#b8c5d2;font-size:14px;line-height:1.6}
.hub-form-note a{color:#e7f3ff;text-underline-offset:4px}
.hub-privacy-note{color:#a7b4c1;font-size:13px;line-height:1.6;margin:22px 0 0}
.hub-resources{background:#0e1927;scroll-margin-top:30px}
.hub-resource-lead{max-width:660px;color:#bfccd9;line-height:1.7;margin:24px 0 42px}
.hub-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hub-resource-card{display:flex;flex-direction:column;min-width:0;background:#111f30;border:1px solid rgba(145,198,243,.2);padding:clamp(24px,3vw,38px)}
.hub-resource-card:last-child:nth-child(odd){grid-column:1/-1}
.hub-resource-card:last-child:nth-child(odd) p{max-width:720px}
.hub-resource-number{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.2em}
.hub-resource-card h3{font-size:clamp(29px,3vw,39px);margin:20px 0 10px;letter-spacing:-.04em}
.hub-resource-card p{color:#c1ccd8;line-height:1.7;margin:0 0 25px}
.hub-resource-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.hub-resource-links a{color:#f5f8fc;text-decoration:none;border:1px solid rgba(145,198,243,.35);padding:10px 13px;font-size:13px;font-weight:700}
.hub-resource-links a:hover,.hub-resource-links a:focus-visible{border-color:var(--blue);background:rgba(145,198,243,.1)}
.hub-resources-note{color:#a8b6c5;line-height:1.6;font-size:13px;margin:27px 0 0}
@media(max-width:850px){.hub-hero{padding-block:145px 75px}.hub-intro{display:block}.hub-intro>p{margin-top:18px}.hub-form-grid{grid-template-columns:1fr}.hub-resource-grid{grid-template-columns:1fr}}
@media(max-width:580px){.hub-hero h1{font-size:clamp(53px,13vw,76px)}.hub-shortcuts{display:grid}.hub-shortcuts a{width:100%}.hub-resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hub-resource-links a{text-align:center}.hub-form-panel{padding:25px 22px}}