@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#0c1115;--paper:#f5f5f3;--sub:#687078;--line:#d7dcde;--gold:#9f7440;--dark:#101820;--panel:#edf1f2;--serif:"Playfair Display",serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}



*{box-sizing:border-box}



html{scroll-behavior:smooth}



body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;transition:.5s;background-image:radial-gradient(circle at 82% 5%,rgba(151,181,176,.17),transparent 20%)}



.site-glow{position:fixed;z-index:-1;top:-20vw;right:-13vw;width:58vw;height:58vw;border-radius:50%;filter:blur(30px);background:radial-gradient(circle,rgba(213,171,93,.32),transparent 66%)}



header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;padding:0 5vw;margin:auto;border-bottom:1px solid var(--line)}



.logo{display:flex;gap:8px;align-items:center;color:inherit;text-decoration:none;font-weight:700;letter-spacing:.16em;font-size:.9rem}



.logo span{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:8px;font:1rem var(--serif);letter-spacing:0}



nav{display:flex;gap:28px}



nav a,.contact-link{color:inherit;text-decoration:none;font-size:.8rem;font-weight:600}



.contact-link{padding:10px 14px;border:1px solid var(--line);border-radius:999px}

.contact-grid{align-items:start}.contact form{background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:18px;padding:22px}.contact label{display:grid;gap:7px;margin:12px 0;font-size:.8rem;font-weight:600}.contact input,.contact textarea,.contact select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit}.contact textarea{min-height:95px;resize:vertical}.lead-consent{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;font-weight:500!important}.lead-consent input{width:auto}.business-card-capture{margin-top:20px}.business-card-capture h3{margin:4px 0 8px;font-size:1.4rem;letter-spacing:-.04em}.business-card-capture p:not(.eyebrow):not(.form-message){color:var(--sub);font-size:.86rem}.card-read{border:1px solid var(--line);border-radius:999px;padding:10px 13px}



.hero{max-width:1440px;margin:auto;min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;padding:8.5rem 5vw 5.5rem}



.eyebrow{margin:0 0 1.2rem;color:var(--gold);font:500 .68rem var(--mono);letter-spacing:.14em}



h1,h2,h3,p{margin-top:0}



h1{margin-bottom:1.6rem;font-size:clamp(3.8rem,7vw,7.6rem);letter-spacing:-.078em;line-height:.88}



h1 em{font-family:var(--serif);font-weight:500}



h2{font-size:clamp(2.4rem,4vw,5rem);letter-spacing:-.065em;line-height:.96}



.intro{max-width:560px;color:var(--sub);font-size:1.1rem}



.actions{display:flex;gap:16px;align-items:center;margin-top:2rem}



.button{display:inline-block;border:0;border-radius:999px;padding:15px 19px;background:var(--ink);color:var(--paper);font:600 .83rem var(--sans);text-decoration:none;cursor:pointer}



.quiet{border:0;background:transparent;color:inherit;font:600 .82rem var(--sans);cursor:pointer}



.hero-object{position:relative;align-self:center;min-height:470px;padding:25px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.6);border-radius:28px;background:radial-gradient(circle at 75% 22%,#eac981,transparent 24%),radial-gradient(circle at 23% 75%,#7faeaa,transparent 28%),linear-gradient(135deg,rgba(255,255,255,.8),rgba(195,208,210,.52));box-shadow:inset 0 1px #fff,0 30px 60px rgba(23,43,45,.13)}



.hero-object:after{position:absolute;inset:20% 10%;border:1px solid rgba(255,255,255,.85);border-radius:50%;content:"";transform:rotate(-26deg)}



.hero-object span,.hero-object small{position:relative;z-index:1;font:.63rem var(--mono);letter-spacing:.12em}



.hero-object strong{position:relative;z-index:1;margin:auto 0 13px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.9;letter-spacing:-.07em}



.hero-object i{position:absolute;left:-12%;top:35%;width:90%;height:34%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(-24deg);filter:blur(10px)}



.statement{max-width:950px;margin:5rem auto 10rem;padding:0 5vw}



.statement h2{margin-bottom:1.25rem}



.statement>p:last-child{max-width:700px;color:var(--sub);font-size:1.08rem}

.delivery-promise{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:34px;margin-top:3.2rem;padding:28px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper) 82%,var(--panel));box-shadow:0 20px 45px rgba(13,28,31,.06)}
.delivery-promise h3{max-width:360px;margin:0 0 12px;font-size:clamp(1.55rem,2.8vw,2.55rem);line-height:.98;letter-spacing:-.06em}
.delivery-promise p:not(.eyebrow){max-width:440px;margin:0;color:var(--sub);font-size:.91rem}
.delivery-promise ol{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-content:center;margin:0;padding:0;list-style:none}
.delivery-promise li{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:15px 0;border-top:1px solid var(--line)}
.delivery-promise li b{color:var(--gold);font:.67rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.delivery-promise li span{color:var(--sub);font-size:.76rem;line-height:1.43}



.solutions,.clients{max-width:1440px;margin:auto;padding:7rem 5vw}



.section-head{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end;margin-bottom:3rem}



.section-head p:last-child,.clients>p:not(.eyebrow){color:var(--sub)}



.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}



.service-grid article{min-height:248px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}



.service-grid article:hover{background:var(--dark);color:#fff;transform:scale(1.015)}



.service-grid span,.process span{color:var(--gold);font:.67rem var(--mono)}



.service-grid h3{margin:3.6rem 0 .6rem;font-size:1.4rem;letter-spacing:-.045em}



.service-grid p{max-width:310px;margin:0;color:var(--sub);font-size:.88rem}



.service-grid article:hover p{color:#c8d1d4}



.service-grid small{display:block;margin-top:1.2rem;font:.63rem var(--mono);letter-spacing:.04em}



.featured{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;max-width:1440px;margin:6rem auto;padding:0 5vw}



.featured.reverse{margin-top:9rem}



.feature-visual{display:flex;min-height:470px;flex-direction:column;padding:30px;justify-content:space-between;border-radius:24px;background:radial-gradient(circle at 68% 20%,rgba(153,219,207,.72),transparent 23%),linear-gradient(140deg,#0e242d,#132f39 58%,#7b6a3e);color:#eef2ee;box-shadow:0 30px 60px rgba(3,15,21,.24)}



.feature-visual.av{background:radial-gradient(circle at 20% 20%,rgba(225,183,94,.68),transparent 19%),radial-gradient(circle at 73% 72%,rgba(88,152,180,.6),transparent 26%),#12161d}



.feature-visual p,.feature-visual span{font:.65rem var(--mono);letter-spacing:.1em}



.feature-visual b{font-size:clamp(2.6rem,5vw,5.1rem);line-height:.88;letter-spacing:-.07em}



.feature-copy p:not(.eyebrow){color:var(--sub);font-size:1rem}



.feature-copy ul{padding-left:18px;color:var(--sub);font-size:.9rem}



.feature-copy li{margin:8px 0}



.steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}



.steps span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;font:.7rem var(--mono)}



.why{margin-top:11rem;padding:10rem 5vw;background:var(--dark);color:#f2f3ee}



.why>p:not(.eyebrow){max-width:620px;color:#c8d0d1}



.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1440px;margin:5rem auto 0}



.process article{padding-top:16px;border-top:1px solid rgba(255,255,255,.23)}



.process h3{margin:2.2rem 0 .6rem;font-size:1.25rem}



.process p{color:#b7c2c5;font-size:.87rem}



.clients{padding-top:10rem}



.clients h2{max-width:720px}



.clients>p:not(.eyebrow){max-width:680px}



.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-left:1px solid var(--line);border-top:1px solid var(--line)}



.logo-wall span{min-height:100px;display:grid;place-items:center;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.88rem;font-weight:600;letter-spacing:-.02em;text-align:center;filter:grayscale(1);transition:.25s}



.logo-wall span:hover{filter:none;color:var(--gold);background:#fff}



.story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;max-width:1440px;margin:5rem auto;padding:8rem 5vw;border-radius:30px;background:#e2e7e6}



.story .meta{font:.65rem var(--mono);letter-spacing:.1em}



.story p:not(.meta){color:#4f5e60}



.story a{color:inherit;font-size:.83rem;font-weight:700}



.intelligence{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;max-width:1440px;margin:8rem auto;padding:0 5vw}



.intelligence>div>p:not(.eyebrow){max-width:600px;color:var(--sub)}



.ai-card{padding:25px;border-radius:20px;background:#11161d;color:#edf0ec;box-shadow:0 25px 50px rgba(0,0,0,.2)}



.ai-card>div{font:.65rem var(--mono);letter-spacing:.09em}



.live{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#72df99}



.ai-card small{float:right;color:#9ba5ad}



.ai-card h3{margin:30px 0 16px;font-size:1.8rem;letter-spacing:-.06em}



.ai-card button{display:block;width:100%;margin:7px 0;padding:11px;border:1px solid #39444d;border-radius:10px;background:transparent;color:#f3f5ef;text-align:left;font:500 .78rem var(--sans);cursor:pointer}



.ai-card button:hover{border-color:#d3b375;background:rgba(211,179,117,.1)}



.ai-card p{margin:18px 0 0;padding-top:18px;border-top:1px solid #303d46;color:#c2cbd0;font-size:.82rem}



.contact{margin-top:10rem;padding:9rem 5vw;background:linear-gradient(145deg,#10232b,#10171d 55%,#393324);color:#eef1ed}



.contact>p:not(.eyebrow){max-width:700px;color:#c2ccca}



.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;max-width:1100px;margin-top:4rem}



address{font-style:normal;line-height:1.6;color:#d6dcda}



address a{color:#e3bf79;text-decoration:none}



form{display:grid;gap:14px}



label{display:grid;gap:6px;font-size:.72rem;font-weight:600}



input,textarea{width:100%;padding:12px;border:1px solid #4c5a5e;border-radius:8px;background:transparent;color:#fff;font:inherit}



textarea{min-height:100px;resize:vertical}



.form-message{min-height:1.2em;margin:0;color:#a6e9c4;font-size:.83rem}



.notes-button{position:fixed;z-index:6;right:22px;bottom:22px;border:0;border-radius:999px;padding:13px 16px;background:#25d366;color:#092b1a;font:700 .75rem var(--sans);box-shadow:0 12px 28px rgba(0,0,0,.22);cursor:pointer}



.notes-button span{font-size:1rem}



.notes{position:fixed;z-index:7;right:18px;bottom:18px;width:min(380px,calc(100vw - 36px));padding:28px;border-radius:20px;background:#f9f9f6;color:#0c1115;box-shadow:0 22px 80px rgba(0,0,0,.32);transform:translateY(calc(100% + 40px));transition:transform .35s}



.notes.open{transform:none}



.notes h3{font-size:1.65rem;letter-spacing:-.06em}



.notes textarea{min-height:190px;border-color:#ced3d0;color:#0c1115}



.notes small{display:block;margin-top:10px;color:#687078;font-size:.72rem}



.notes>button{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:1.7rem;cursor:pointer}



footer{display:flex;justify-content:space-between;padding:20px 5vw;background:#0b1015;color:#c3cbcb;font-size:.7rem}



@media(max-width:780px){header{height:70px;padding:0 5vw}



nav{display:none}



.hero,.featured,.featured.reverse,.story,.intelligence,.contact-grid,.section-head{grid-template-columns:1fr;gap:3rem}



.hero{padding:6.5rem 5vw 4rem}



.hero-object{min-height:390px}



.statement{margin:5rem auto 7rem}



.solutions,.clients{padding:5rem 5vw}



.service-grid,.process,.logo-wall{grid-template-columns:1fr 1fr}



.featured{margin:5rem auto;padding:0 5vw}



.featured.reverse{margin-top:6rem}



.feature-visual{min-height:360px}



.why{margin-top:7rem;padding:6rem 5vw}



.process{margin-top:3rem}



.story{margin:4rem 5vw;padding:4rem 6vw}



.intelligence{margin:6rem auto;padding:0 5vw}



.contact{margin-top:6rem;padding:6rem 5vw}



footer{gap:10px;flex-direction:column}



.contact-link{font-size:.65rem}



.actions{align-items:flex-start;flex-direction:column}



}




body[data-mode="signal"]{--ink:#f0eff9;--paper:#0e1020;--sub:#bbbdd0;--line:#373b57;--gold:#e077ff;--dark:#090b17;--panel:#1d2040}



body[data-mode="signal"] .site-glow{background:radial-gradient(circle,#722b94,transparent 66%)}



body[data-mode="signal"] .service-grid article:hover{background:#343054}



body[data-mode="signal"] .story{background:linear-gradient(135deg,#202347,#163c59)}



body[data-mode="signal"] .button{background:linear-gradient(90deg,#e175ff,#7cceda);color:#160f22}



body[data-mode="noir"]{--ink:#eee6d7;--paper:#151412;--sub:#c0b6a6;--line:#443f36;--gold:#d5ae64;--dark:#0d0d0c;--panel:#26231e}



body[data-mode="noir"] .site-glow{background:radial-gradient(circle,#66542f,transparent 66%)}



body[data-mode="noir"] .service-grid article:hover{background:#2a241b}



body[data-mode="noir"] .story{background:#2b2821}



body[data-mode="noir"] .button{background:#e3d0a7;color:#17140e}



.hero-metrics{display:flex;flex-wrap:wrap;gap:18px;margin:3.2rem 0 0}


.hero-metrics div{min-width:120px;padding-left:12px;border-left:1px solid var(--gold)}


.hero-metrics dt{font:.66rem var(--mono);letter-spacing:.07em;text-transform:uppercase}


.hero-metrics dd{margin:5px 0 0;color:var(--sub);font-size:.72rem}


.solution-explorer{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;margin-top:3.5rem;padding:26px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 75%,var(--panel));box-shadow:0 22px 45px rgba(17,33,37,.06)}


.solution-explorer small{color:var(--sub);font-size:.76rem}


.explorer-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}


.explorer-tabs button{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:transparent;color:inherit;font:.68rem var(--mono);cursor:pointer;transition:.25s}


.explorer-tabs button:hover,.explorer-tabs button.active{border-color:var(--gold);background:var(--ink);color:var(--paper)}


.explorer-result{min-height:190px;padding:4px 4px 4px 28px;border-left:1px solid var(--line);animation:explorer-in .45s ease}


.explorer-result h3{max-width:600px;margin:0 0 10px;font-size:clamp(1.55rem,2.4vw,2.5rem);letter-spacing:-.06em}


.explorer-result>p:not(.eyebrow){max-width:650px;margin-bottom:18px;color:var(--sub);font-size:.92rem}


.explorer-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}


.explorer-tags span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--sub);font:.63rem var(--mono)}


.feature-note{margin-top:24px;padding:15px 0 0;border-top:1px solid var(--line);color:var(--sub)!important;font-size:.83rem!important}


.feature-note b{color:var(--ink)}


.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1440px;margin:4rem auto 0}


.assurance-grid article{padding:20px;border:1px solid rgba(255,255,255,.18);transition:transform .3s,border-color .3s}


.assurance-grid article:hover{border-color:var(--gold);transform:translateY(-5px)}


.assurance-grid span{color:var(--gold);font:.62rem var(--mono);letter-spacing:.09em}


.assurance-grid p{margin:22px 0 0;color:#c8d0d1;font-size:.84rem}

.support-command{display:grid;grid-template-columns:.83fr 1.17fr auto;gap:26px;align-items:end;max-width:1440px;margin:24px auto 0;padding:24px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.support-command .eyebrow{margin-bottom:12px}.support-command h3{max-width:340px;margin:0;font-size:clamp(1.25rem,2vw,2rem);line-height:1;letter-spacing:-.055em}.support-command>p{max-width:560px;margin:0;color:#c8d0d1;font-size:.85rem;line-height:1.5}.support-command a{align-self:center;color:#f0c87e;font-size:.74rem;font-weight:700;text-decoration:none;white-space:nowrap}


.case-facts{display:grid;gap:10px;margin:24px 0}


.case-facts span{padding:12px 0;border-top:1px solid rgba(42,54,53,.2);color:#4f5e60;font-size:.82rem}


.case-facts b{display:inline-block;width:105px;color:var(--ink);font:.63rem var(--mono);letter-spacing:.06em;text-transform:uppercase}


.case-detail{margin:20px 0;padding:14px 0;border-top:1px solid rgba(42,54,53,.2);border-bottom:1px solid rgba(42,54,53,.2)}


.case-detail summary{cursor:pointer;font-size:.82rem;font-weight:700}


.case-detail p{margin:14px 0 0!important;font-size:.84rem}


.ai-disclaimer{display:block;margin-top:16px;color:#87949a;font-size:.65rem;line-height:1.5}


.contact-assurance{display:grid;gap:7px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);color:#c2ccca;font-size:.82rem}


.contact-assurance b{color:#e3bf79;font:.65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}


.hero-object:after{animation:orbit 14s linear infinite}


.hero-object i{animation:light-sweep 6s ease-in-out infinite}


.feature-visual{position:relative;overflow:hidden}


.feature-visual:after{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.17) 49%,transparent 57%);content:"";transform:translateX(-90%) rotate(12deg);animation:shine 8s ease-in-out infinite}


.feature-visual>*{position:relative;z-index:1}


.service-grid article{position:relative;overflow:hidden}


.service-grid article:after{position:absolute;right:14px;bottom:14px;color:var(--gold);content:"↗";font-size:1rem;opacity:0;transform:translate(-7px,7px);transition:.25s}


.service-grid article:hover:after{opacity:1;transform:none}


.process article{transition:transform .3s}


.process article:hover{transform:translateY(-8px)}


@keyframes orbit{to{transform:rotate(334deg)}


}


@keyframes light-sweep{0%,100%{transform:translateX(-20%) rotate(-24deg);opacity:.2}


50%{transform:translateX(55%) rotate(-24deg);opacity:.9}


}


@keyframes shine{0%,55%,100%{transform:translateX(-90%) rotate(12deg)}


72%{transform:translateX(90%) rotate(12deg)}


}


@keyframes explorer-in{from{opacity:0;transform:translateY(8px)}


to{opacity:1;transform:none}


}


@media(max-width:780px){.hero-metrics{gap:12px}


.solution-explorer{grid-template-columns:1fr;margin-top:2.5rem}


.explorer-result{padding:22px 0 0;border-top:1px solid var(--line);border-left:0}


.assurance-grid{grid-template-columns:1fr}


.case-facts b{display:block;margin-bottom:5px}


}


@media(prefers-reduced-motion:reduce){.hero-object:after,.hero-object i,.feature-visual:after{animation:none}


.service-grid article:hover,.process article:hover,.assurance-grid article:hover{transform:none}


}


.walkthrough{margin-top:4rem;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 84%,var(--panel)),color-mix(in srgb,var(--panel) 72%,transparent));box-shadow:0 24px 70px rgba(11,25,28,.08)}

.walkthrough-head{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;margin-bottom:28px}

.walkthrough h3{max-width:620px;margin:0;font-size:clamp(1.55rem,2.8vw,3rem);line-height:1;letter-spacing:-.065em}

.walkthrough-controls{display:flex;gap:6px;flex-wrap:wrap}

.walkthrough-controls button,.walkthrough-play{border:1px solid var(--line);border-radius:999px;padding:9px 11px;background:transparent;color:inherit;font:.66rem var(--mono);cursor:pointer;transition:.25s}

.walkthrough-controls button.active,.walkthrough-controls button:hover,.walkthrough-play:hover{border-color:var(--gold);background:var(--ink);color:var(--paper)}

.walkthrough-stage{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:center}

.property-diagram{position:relative;min-height:390px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 55% 48%,color-mix(in srgb,var(--gold) 32%,transparent),transparent 20%),linear-gradient(145deg,#10232b,#1a3235 53%,#504634);box-shadow:inset 0 1px rgba(255,255,255,.16),0 20px 40px rgba(5,13,17,.2)}

.property-diagram:before{position:absolute;inset:11% 10%;border:1px solid rgba(255,255,255,.34);border-radius:10px;content:"";box-shadow:inset 0 0 0 34px rgba(255,255,255,.025)}

.property-diagram:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);content:"";animation:walkthrough-scan 5s linear infinite}

.system-core,.system-node{position:absolute;z-index:2;display:grid;place-items:center;border-radius:999px;text-align:center;font:.6rem var(--mono);letter-spacing:.04em}

.system-core{top:43%;left:37%;width:118px;height:118px;border:1px solid rgba(255,255,255,.7);background:rgba(16,32,35,.82);color:#f4eee2;box-shadow:0 0 0 9px rgba(210,168,94,.08),0 0 32px rgba(222,186,100,.38);animation:core-pulse 3.5s ease-in-out infinite}

.system-node{width:78px;height:78px;border:1px solid rgba(255,255,255,.38);background:rgba(237,241,235,.12);color:#f3f0e8;backdrop-filter:blur(8px);transition:.45s}

.system-node.is-active{border-color:#f1c978;background:rgba(210,169,89,.32);box-shadow:0 0 22px rgba(226,184,98,.55);transform:scale(1.08)}

.node-security{top:10%;left:10%}

.node-access{bottom:10%;left:13%}

.node-wifi{top:9%;right:13%}

.node-automation{bottom:9%;right:12%}

.node-av{top:40%;right:4%}

.node-energy{top:41%;left:4%}

.connection{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(240,207,132,.75),transparent);transform-origin:left;opacity:.7;animation:connection-pulse 3.8s ease-in-out infinite}

.c-one{top:33%;left:24%;width:28%;transform:rotate(31deg)}

.c-two{top:68%;left:26%;width:27%;transform:rotate(-27deg);animation-delay:.6s}

.c-three{top:33%;right:24%;width:27%;transform:rotate(149deg);animation-delay:1.2s}

.c-four{top:67%;right:23%;width:29%;transform:rotate(-150deg);animation-delay:1.8s}

.walkthrough-copy>p:not(.eyebrow){color:var(--sub);font-size:.96rem}

.walkthrough-sequence{display:grid;gap:8px;margin:24px 0}

.walkthrough-sequence span{padding:9px 0;border-top:1px solid var(--line);font:.68rem var(--mono);letter-spacing:.03em}

.walkthrough-play{margin-top:5px}

.walkthrough.is-paused .property-diagram:after,.walkthrough.is-paused .system-core,.walkthrough.is-paused .connection{animation-play-state:paused}

@keyframes walkthrough-scan{from{transform:translateX(-110%)}

to{transform:translateX(120%)}

}

@keyframes core-pulse{0%,100%{box-shadow:0 0 0 9px rgba(210,168,94,.08),0 0 32px rgba(222,186,100,.38)}

50%{box-shadow:0 0 0 20px rgba(210,168,94,.02),0 0 42px rgba(222,186,100,.55)}

}

@keyframes connection-pulse{0%,100%{opacity:.22}

50%{opacity:1}

}

@media(max-width:780px){.walkthrough{padding:20px}

.walkthrough-head,.walkthrough-stage{grid-template-columns:1fr;display:grid;align-items:start}

.property-diagram{min-height:340px}

.system-core{left:34%;top:40%}

.system-node{width:65px;height:65px;font-size:.52rem}

.node-security{left:7%}

.node-access{left:8%}

.node-wifi{right:8%}

.node-automation{right:8%}

.node-av{right:2%}

.node-energy{left:2%}

}

@media(prefers-reduced-motion:reduce){.property-diagram:after,.system-core,.connection{animation:none}

}

.industry-advisor{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;margin-top:3.2rem;padding:26px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 88%,var(--panel));box-shadow:0 20px 50px rgba(12,25,28,.06)}
.advisor-input h3{margin-bottom:22px;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.055em}
.advisor-intro{max-width:260px;margin:-12px 0 20px;color:var(--sub);font-size:.86rem;line-height:1.4}
.advisor-input label{max-width:360px;color:var(--sub);font-size:.72rem}
.advisor-input select{margin-top:4px;border-color:var(--line);background:var(--paper);color:var(--ink)}
.advisor-input small{display:block;max-width:300px;margin-top:13px;color:var(--sub);font-size:.72rem}
.advisor-result{padding:4px 3px 4px 28px;border-left:1px solid var(--line);animation:explorer-in .45s ease}
.advisor-result h3{max-width:600px;margin:0 0 10px;font-size:clamp(1.55rem,2.4vw,2.55rem);letter-spacing:-.065em}
.advisor-result>p:not(.eyebrow){max-width:650px;color:var(--sub);font-size:.92rem}
.advisor-solutions{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}
.advisor-solutions span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--sub);font:.63rem var(--mono)}
.advisor-result a{color:var(--ink);font-size:.8rem;font-weight:700;text-decoration:none}
.advisor-result a:hover{color:var(--gold)}
@media(max-width:780px){.industry-advisor{grid-template-columns:1fr;padding:20px}
.advisor-result{padding:22px 0 0;border-top:1px solid var(--line);border-left:0}
}
.advisor-lead-form{display:grid;gap:10px;margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.advisor-lead-form>b{font-size:.82rem}.advisor-lead-form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.advisor-lead-form label{display:grid;gap:5px;color:var(--sub);font-size:.68rem;font-weight:600}.advisor-lead-form input{padding:10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font:inherit}.advisor-lead-form .lead-consent{display:flex;align-items:flex-start;gap:7px;font-size:.67rem;font-weight:400}.advisor-lead-form .lead-consent input{width:auto;margin:2px 0 0}.advisor-lead-form button{justify-self:start;border:0;border-radius:999px;padding:11px 14px;background:var(--ink);color:var(--paper);font:600 .72rem var(--sans);cursor:pointer}.advisor-lead-form p{min-height:1.2em;margin:0;color:#218c4d;font-size:.73rem}@media(max-width:780px){.advisor-lead-form>div{grid-template-columns:1fr}}
.walkthrough-inline{margin:32px 0 0;padding:22px;background:color-mix(in srgb,var(--panel) 56%,transparent);box-shadow:none}.walkthrough-inline .walkthrough-head{margin-bottom:18px}.walkthrough-inline .walkthrough-head h3{font-size:clamp(1.2rem,2vw,1.8rem)}.walkthrough-inline .walkthrough-stage{grid-template-columns:.88fr 1.12fr;gap:22px}.walkthrough-inline .property-diagram{min-height:315px}.walkthrough-inline .walkthrough-copy h3{font-size:clamp(1.35rem,2.25vw,2.2rem)}@media(max-width:780px){.walkthrough-inline{padding:16px}.walkthrough-inline .walkthrough-stage{grid-template-columns:1fr}.walkthrough-inline .property-diagram{min-height:300px}}
.ai-concierge-form{display:grid;gap:10px}.ai-concierge-form label{color:#c2cbd0;font-size:.7rem;font-weight:600}.ai-concierge-form textarea{min-height:118px;border-color:#39444d;background:rgba(255,255,255,.03);line-height:1.45}.ai-concierge-form button{width:auto!important;margin:0!important;padding:11px 13px!important;border:1px solid #d3b375!important;border-radius:999px!important;background:rgba(211,179,117,.1)!important;color:#f3f5ef!important;font:.72rem var(--sans)!important}.ai-concierge-form button:hover{background:#d3b375!important;color:#16130f!important}.ai-next-steps{display:grid;gap:12px;margin-top:18px;padding:17px;border:1px solid rgba(211,179,117,.52);border-radius:12px;background:rgba(211,179,117,.07)}.ai-next-steps>b{color:#f3f5ef;font-size:.78rem}.ai-next-steps ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ai-next-steps li{display:grid;gap:3px;padding-top:10px;border-top:1px solid rgba(211,179,117,.22)}.ai-next-steps li:first-child{padding-top:0;border-top:0}.ai-next-steps li b{color:#f0c87e;font-size:.72rem}.ai-next-steps li span,.ai-next-steps p{margin:0;color:#c2cbd0;font-size:.75rem;line-height:1.45}.ai-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-actions a{padding:9px 11px;border:1px solid rgba(211,179,117,.55);border-radius:999px;color:#f3f5ef;font:.68rem var(--sans);text-decoration:none}.ai-actions a:hover{background:#d3b375;color:#16130f}
@media(min-width:860px){.statement{max-width:1440px}.statement>h2,.statement>p:not(.eyebrow){max-width:760px}.industry-advisor{grid-template-columns:205px minmax(0,1fr);gap:26px}.advisor-result{display:grid;grid-template-columns:minmax(185px,.78fr) minmax(300px,1.22fr);gap:0 20px;align-items:start;padding:4px 0 4px 24px}.advisor-result>.walkthrough-inline{grid-column:2;grid-row:1 / span 6;margin:0;min-height:100%;padding:18px}.advisor-result>.walkthrough-inline .walkthrough-stage{grid-template-columns:1fr}.advisor-result>.walkthrough-inline .property-diagram{min-height:220px}.advisor-result>.walkthrough-inline .walkthrough-copy{padding-top:14px}.advisor-result>.walkthrough-inline .walkthrough-sequence{margin:14px 0}.advisor-lead-form{margin-top:18px}.advisor-lead-form>div{grid-template-columns:1fr}.advisor-result>p:not(.eyebrow){font-size:.84rem}.advisor-solutions{margin:14px 0}}
.service-blueprint{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:14px}.service-blueprint>.eyebrow{margin-bottom:13px}.service-blueprint>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-blueprint article{display:grid;gap:5px;padding:11px;border-top:1px solid var(--line)}.service-blueprint span{color:var(--gold);font:.62rem var(--mono)}.service-blueprint b{font-size:.78rem}.service-blueprint small{color:var(--sub);font-size:.7rem;line-height:1.35}.experience-map{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.experience-map>span{display:inline-block;margin:0 5px 7px 0;padding:6px 8px;border:1px solid var(--line);border-radius:999px;font:.62rem var(--mono);color:var(--sub)}.experience-map p{margin:8px 0 0!important;color:var(--sub)!important;font-size:.8rem!important}.why-signature{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:center;max-width:1440px;margin:4rem auto 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.why-signature span{color:var(--gold);font:.62rem var(--mono);letter-spacing:.08em}.why-signature p{margin:0;color:#edf0e9;font:1.1rem var(--serif)}.why-signature a{color:#f0c87e;font-size:.75rem;font-weight:700;text-decoration:none;white-space:nowrap}.client-note{display:flex;gap:22px;align-items:baseline;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.client-note span{color:var(--gold);font:.63rem var(--mono);letter-spacing:.08em;white-space:nowrap}.client-note p{margin:0;color:var(--sub);font-size:.84rem}.case-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.case-timeline span{display:grid;gap:7px;padding:11px 0;border-top:1px solid rgba(42,54,53,.2);color:#4f5e60;font-size:.72rem}.case-timeline b{color:var(--ink);font:.62rem var(--mono)}.contact select{width:100%;padding:12px;border:1px solid #4c5a5e;border-radius:8px;background:#102029;color:#fff;font:inherit}@media(max-width:780px){.service-blueprint>div,.case-timeline{grid-template-columns:1fr}.why-signature{grid-template-columns:1fr;gap:12px}.client-note{display:grid;gap:8px}.case-timeline{gap:0}}

@media(max-width:780px){.delivery-promise,.delivery-promise ol,.support-command{grid-template-columns:1fr}.delivery-promise{padding:20px}.delivery-promise ol{gap:0}.support-command{align-items:start;gap:12px}.support-command a{align-self:start}}
.case-studies{max-width:1440px;margin:0 auto 8rem;padding:0 5vw}.case-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-study-grid article{display:flex;min-height:380px;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 85%,var(--panel));transition:transform .3s,border-color .3s,box-shadow .3s}.case-study-grid article:hover{border-color:var(--gold);box-shadow:0 20px 40px rgba(14,27,29,.1);transform:translateY(-6px)}.case-card-top{display:flex;justify-content:space-between;align-items:center}.case-card-top span{color:var(--gold);font:.7rem var(--mono)}.case-card-top small{color:var(--sub);font:.6rem var(--mono);letter-spacing:.08em}.case-study-grid h3{margin:3.8rem 0 .9rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.02;letter-spacing:-.06em}.case-study-grid>article>p{color:var(--sub);font-size:.86rem}.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}.case-tags span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--sub);font:.6rem var(--mono)}.case-study-grid details{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.case-study-grid summary{cursor:pointer;font-size:.72rem;font-weight:700}.case-study-grid details p{margin:10px 0 0;color:var(--sub);font-size:.78rem}@media(max-width:780px){.case-studies{margin-bottom:5rem}.case-study-grid{grid-template-columns:1fr}.case-study-grid article{min-height:310px}.case-study-grid h3{margin-top:2.6rem}}
