*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061426;color:#edf6ff;font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 12%,rgba(52,146,255,.18),transparent 30%),linear-gradient(180deg,transparent 55%,rgba(5,16,31,.85));z-index:-2}.starfield{position:fixed;inset:0;z-index:-3;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#81bfff 1px,transparent 1px);background-size:76px 76px,123px 123px;background-position:0 0,25px 40px;opacity:.22;animation:drift 75s linear infinite}@keyframes drift{to{background-position:400px 150px,-250px 200px}}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;height:82px;padding:12px clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(3,13,28,.66);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);z-index:20;transition:.3s}.site-header.scrolled{height:68px;background:rgba(3,13,28,.92)}.brand img{width:205px;display:block}.nav-links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600;letter-spacing:.06em}.nav-links a{opacity:.85}.nav-links a:hover{opacity:1;color:#62b6ff}.nav-cta{border:1px solid #3da3ff;padding:11px 17px;border-radius:999px}.menu-button{display:none;background:none;color:#fff;border:1px solid rgba(255,255,255,.25);padding:9px 12px;border-radius:8px}.hero{height:min(100vh,900px);min-height:620px;background-image:url("assets/geolink-approved-homepage.webp");background-size:cover;background-position:center center;position:relative}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,20,.08),rgba(2,9,20,.18) 58%,rgba(4,16,32,.88))}.hero-actions{position:absolute;left:8.2%;bottom:9%;display:flex;gap:14px;z-index:2}.button{border:0;border-radius:999px;padding:14px 21px;font:600 13px Montserrat;letter-spacing:.03em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,#1687ef,#59bcff);color:#fff;box-shadow:0 10px 30px rgba(34,151,255,.28)}.primary:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(34,151,255,.42)}.ghost{background:rgba(5,20,39,.55);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px)}.scroll-cue{position:absolute;bottom:28px;left:50%;font-size:26px;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(8px)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-35px auto 0;position:relative;z-index:4;background:rgba(11,31,56,.82);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}.metrics div{padding:24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.metrics div:last-child{border-right:0}.metrics strong{font:700 31px "Space Grotesk";display:block;color:#61bdff}.metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.72}.section-pad{padding:105px clamp(22px,6vw,90px);max-width:1440px;margin:auto}.section-heading{max-width:770px;margin:0 auto 48px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#5cb9ff}.section-heading h2,.experience h2,.contact h2,.cta-band h2,dialog h2{font:600 clamp(32px,4vw,56px)/1.06 "Space Grotesk";margin:12px 0 18px}.section-heading p,.experience p,.contact p,.partner-card p{color:#a9bfd5;line-height:1.75}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card,.partner-card{background:linear-gradient(145deg,rgba(19,49,82,.72),rgba(9,25,47,.75));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:27px;box-shadow:0 18px 60px rgba(0,0,0,.14);transition:.35s}.glass-card:hover,.partner-card:hover{transform:translateY(-7px);border-color:rgba(90,188,255,.5);box-shadow:0 22px 70px rgba(13,119,220,.18)}.glass-card img{width:58px;height:58px;object-fit:contain;margin-bottom:18px}.glass-card h3{font:600 20px "Space Grotesk";margin:0 0 10px}.glass-card p{color:#9fb6cc;line-height:1.65;font-size:14px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:11px 0 11px 28px;position:relative;color:#c8d7e5}.check-list li:before{content:"✓";position:absolute;left:0;color:#52b7ff}.text-link{color:#5dbbff;font-weight:700}.orbit-card{min-height:520px;position:relative;display:grid;place-items:center}.core{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1479c8,#071a32 70%);box-shadow:0 0 70px rgba(50,167,255,.5);font:700 22px "Space Grotesk";z-index:3}.core small{font-size:8px;letter-spacing:.17em;margin-top:7px}.orbit{position:absolute;border:1px solid rgba(103,192,255,.25);border-radius:50%;animation:spin 30s linear infinite}.o1{width:260px;height:260px}.o2{width:370px;height:370px;animation-direction:reverse}.o3{width:480px;height:480px}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;background:#0b294a;border:1px solid rgba(91,186,255,.45);padding:9px 13px;border-radius:999px;font-size:9px;letter-spacing:.14em}.n1{top:7%;left:44%}.n2{top:31%;right:2%}.n3{bottom:15%;right:14%}.n4{bottom:4%;left:27%}.n5{top:38%;left:1%}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.partner-card img{height:35px;max-width:145px;object-fit:contain;object-position:left center;margin-bottom:23px}.partner-card h3{font:600 19px "Space Grotesk";margin:0 0 8px}.partner-card p{font-size:13px;min-height:68px}.partner-card span{color:#5fbaff;font-size:12px;font-weight:700}.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:280px 280px;gap:18px}.gallery-card{border-radius:21px;overflow:hidden;position:relative;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,11,24,.92),transparent 70%)}.gallery-card div{position:absolute;z-index:2;left:25px;bottom:22px}.gallery-card span{font-size:10px;letter-spacing:.18em;color:#66bcff}.gallery-card h3{font:600 22px "Space Grotesk";margin:7px 0}.large{grid-row:1/3;background-image:url("assets/geolink-milky-way-hero.webp")}.theater{background-image:linear-gradient(135deg,#102a47,#071425)}.lighting{background-image:radial-gradient(circle at 65% 25%,#286b9b,#091629 60%)}.network{display:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{padding:25px;border-top:1px solid rgba(255,255,255,.2)}.steps span{font:700 42px "Space Grotesk";color:rgba(78,180,255,.35)}.steps h3{font:600 20px "Space Grotesk"}.steps p{color:#9db3c8;font-size:14px;line-height:1.65}.cta-band{text-align:center;max-width:1050px;background:linear-gradient(135deg,rgba(22,93,153,.38),rgba(7,26,48,.45));border:1px solid rgba(255,255,255,.1);border-radius:28px;margin-bottom:90px}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px;border-radius:26px;background:linear-gradient(145deg,rgba(17,54,91,.75),rgba(7,23,44,.88));border:1px solid rgba(255,255,255,.12)}form{display:grid;gap:14px}label{font-size:11px;letter-spacing:.08em;color:#aabfd2}input,select,textarea{width:100%;margin-top:7px;background:rgba(2,14,29,.7);border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#fff;padding:13px;font:14px Montserrat}textarea{resize:vertical}.contact-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.contact-points span{font-size:11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 11px;color:#bad0e2}footer{padding:32px clamp(22px,6vw,90px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:25px;justify-content:space-between;color:#879db2;font-size:12px}footer img{width:160px}dialog{width:min(760px,92vw);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#07172b;color:#fff;padding:45px;box-shadow:0 30px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(1,7,14,.8);backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:18px;top:13px;border:0;background:none;color:#fff;font-size:30px}.planner-step{display:none}.planner-step.active{display:block}.choice-grid,.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-grid button,.check-grid label{background:#0d2a4a;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;padding:20px;text-align:center;cursor:pointer}.check-grid{grid-template-columns:repeat(2,1fr);margin-bottom:22px}.check-grid input{width:auto}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-button{display:block}.nav-links{position:absolute;top:70px;right:18px;display:none;flex-direction:column;background:#07192e;padding:22px;border-radius:14px;align-items:flex-start}.nav-links.open{display:flex}.hero{background-size:cover;background-position:62% center}.hero-actions{left:24px;right:24px;bottom:40px}.metrics{grid-template-columns:repeat(2,1fr);margin:0;border-radius:0}.solution-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.experience,.contact-panel{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.orbit-card{min-height:430px}.o3{width:400px;height:400px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:380px 230px 230px}.large{grid-row:auto}.section-pad{padding-top:80px;padding-bottom:80px}}@media(max-width:600px){.brand img{width:165px}.hero{min-height:610px;background-size:auto 100%;background-position:center top}.hero-actions{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:18px 10px}.solution-grid,.partner-grid,.steps{grid-template-columns:1fr}.section-heading{text-align:left}.orbit-card{display:none}.contact-panel{padding:27px}.choice-grid,.check-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}.gallery-grid{grid-template-rows:300px 210px 210px}}
/* Version 2.1 homepage refinement */
.site-header{height:96px;padding:10px clamp(30px,4vw,64px);background:rgba(2,11,24,.82);border:1px solid rgba(70,161,226,.32);border-radius:18px 18px 0 0;left:4px;right:4px;top:4px}.site-header.scrolled{height:72px}.brand img{width:155px;max-height:66px;object-fit:contain}.nav-links{gap:34px;font-size:12px;text-transform:uppercase}.nav-cta{padding:12px 20px;color:#4eb8ff}.home-hero{height:520px;min-height:520px;margin-top:0;padding-top:96px;background:url("assets/homepage-hero-clean.webp") center/cover no-repeat;position:relative;border-left:1px solid rgba(70,161,226,.32);border-right:1px solid rgba(70,161,226,.32)}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,24,.95) 0%,rgba(2,11,24,.72) 33%,rgba(2,11,24,.08) 66%),linear-gradient(0deg,rgba(2,11,24,.55),transparent 45%)}.hero-copy{position:absolute;left:4.5%;top:145px;width:min(560px,43vw);z-index:2}.hero-kicker{color:#22a7ff;font-weight:700;letter-spacing:.19em;font-size:11px}.hero-copy h1{font:600 clamp(44px,4.7vw,76px)/1.02 "Space Grotesk";margin:18px 0;color:#fff;text-transform:none}.hero-copy h1 span{color:#168dff}.hero-copy>p:not(.hero-kicker){font-size:17px;line-height:1.65;color:#edf5fb;max-width:520px}.hero-buttons{display:flex;gap:16px;margin-top:26px}.home-hero .button{border-radius:4px;text-transform:uppercase;font-size:11px;min-width:220px}.home-hero .ghost{background:rgba(3,13,27,.56);border-color:#2aa9ff}.home-hero .scroll-cue{bottom:12px;border:1px solid rgba(255,255,255,.6);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:20px}.home-services{display:grid;grid-template-columns:repeat(6,1fr);background:#03101f;border:1px solid rgba(70,161,226,.32);border-top:0;padding:25px 38px 26px}.home-services article{text-align:center;padding:0 18px;border-right:1px solid rgba(109,160,198,.32)}.home-services article:last-child{border-right:0}.home-services img{height:59px;width:65px;object-fit:contain;margin-bottom:10px}.home-services h3{text-transform:uppercase;font:500 15px/1.3 Montserrat;margin:0 0 8px}.home-services p{color:#9baebe;font-size:11px;line-height:1.45;margin:0}.home-partners{background:#03101f;border-left:1px solid rgba(70,161,226,.32);border-right:1px solid rgba(70,161,226,.32);padding:0 34px 18px}.home-partners h2{display:flex;align-items:center;gap:25px;color:#20a7ff;text-transform:uppercase;letter-spacing:.25em;font:500 14px Montserrat;margin:0 0 12px}.home-partners h2:before,.home-partners h2:after{content:"";height:1px;background:rgba(81,159,215,.42);flex:1}.home-partner-row{display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid rgba(80,151,204,.18);border-bottom:1px solid rgba(80,151,204,.18)}.home-partner-row a{height:68px;display:grid;place-items:center;border-right:1px solid rgba(80,151,204,.24);transition:.25s}.home-partner-row a:last-child{border-right:0}.home-partner-row a:hover{background:rgba(20,111,180,.15)}.home-partner-row img{max-width:105px;max-height:31px;object-fit:contain;}.home-feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:16px 28px 30px;background:#03101f;border:1px solid rgba(70,161,226,.32);border-top:0}.home-feature-card{height:148px;border:1px solid rgba(96,157,203,.35);border-radius:6px;background-size:cover;background-position:center;position:relative;overflow:hidden;text-align:left;color:#fff;padding:90px 24px 16px;cursor:pointer}.home-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,18,.95),rgba(2,9,18,.06) 80%)}.home-feature-card>*{position:relative;z-index:1}.home-feature-card span{color:#28afff;text-transform:uppercase;font-size:10px;font-weight:700}.home-feature-card h3{font:600 20px "Space Grotesk";margin:4px 0}.home-feature-card b{position:absolute;right:18px;bottom:15px;border:1px solid #1aa7ff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#22aaff}.gallery-feature{background-image:url("assets/feature-gallery.jpg")}.process-feature{background-image:url("assets/feature-process.jpg")}.control-feature{background-image:url("assets/feature-control.jpg");font-family:inherit}.section-pad{padding-top:92px}.metrics{display:none}
@media(max-width:1050px){.nav-links{gap:18px}.home-services{grid-template-columns:repeat(3,1fr);gap:25px}.home-services article:nth-child(3){border-right:0}.home-partner-row{grid-template-columns:repeat(5,1fr)}.home-partner-row a:nth-child(5){border-right:0}.hero-copy{width:52vw}}
@media(max-width:760px){.site-header{height:74px}.brand img{width:125px}.home-hero{padding-top:74px;height:600px;background-position:68% center}.hero-copy{top:120px;width:auto;left:24px;right:24px}.hero-copy h1{font-size:45px}.hero-copy>p:not(.hero-kicker){font-size:15px}.hero-buttons{flex-direction:column;align-items:flex-start}.home-services{grid-template-columns:repeat(2,1fr);padding:25px 12px}.home-services article{border-right:0;border-bottom:1px solid rgba(109,160,198,.25);padding:18px}.home-partner-row{grid-template-columns:repeat(3,1fr)}.home-feature-grid{grid-template-columns:1fr}.home-feature-card{height:180px}.home-partners{padding-left:15px;padding-right:15px}}
/* Version 2.2 — approved homepage and partner-page refinements */
.home-hero{background-image:url("assets/homepage-hero-v22.webp");background-size:cover;background-position:center center;height:520px;min-height:520px}
.home-hero-overlay{background:linear-gradient(90deg,rgba(2,11,24,.94) 0%,rgba(2,11,24,.68) 35%,rgba(2,11,24,.08) 68%),linear-gradient(0deg,rgba(2,11,24,.7),transparent 48%)}
.site-header .brand img{width:148px;max-height:62px}
.nav-links .active{color:#57baff;border-bottom:2px solid #28aaff;padding-bottom:8px}
.home-partner-row img{max-width:137px;max-height:42px}.home-partner-row a{height:82px}
.partner-card img{height:46px;max-width:190px}
.partners-page{background:#020d1c}.partners-hero{min-height:310px;padding:120px clamp(28px,6vw,95px) 55px;background:linear-gradient(90deg,rgba(2,11,24,.95),rgba(2,11,24,.3)),url("assets/homepage-hero-v22.webp") center 22%/cover no-repeat;border-bottom:1px solid rgba(58,151,220,.3)}
.partners-hero-copy{max-width:650px}.partners-hero h1{font:600 clamp(42px,5vw,72px)/1.04 "Space Grotesk";margin:12px 0}.partners-hero h1 span{color:#1798ff}.partners-hero p:last-child{color:#c4d2df;line-height:1.7;max-width:570px}
.partner-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px clamp(24px,5vw,80px);max-width:1450px;margin:auto}
.partner-page-card{min-height:285px;border:1px solid rgba(61,153,220,.28);border-radius:8px;background:linear-gradient(145deg,rgba(7,27,49,.9),rgba(2,14,28,.95));padding:34px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.partner-page-card img{width:auto;height:58px;max-width:230px;object-fit:contain;margin-bottom:25px}.partner-page-card h2{font:500 16px Montserrat;color:#4cb8ff;margin:0 0 12px}.partner-page-card p{font-size:13px;line-height:1.6;color:#b1c1cf;min-height:48px}.partner-page-card a{margin-top:14px;border:1px solid #20a8ff;border-radius:4px;padding:10px 16px;text-transform:uppercase;font-size:10px;font-weight:700}.partner-page-card:hover{transform:translateY(-4px);border-color:#25aaff;box-shadow:0 18px 48px rgba(0,103,190,.18)}
.partner-cta{margin:0 clamp(24px,5vw,80px) 50px;padding:22px 28px;border:1px solid rgba(61,153,220,.32);border-radius:8px;background:linear-gradient(90deg,rgba(12,47,78,.8),rgba(4,19,36,.9));display:flex;align-items:center;justify-content:space-between;gap:25px}.partner-cta div{display:flex;flex-direction:column;gap:5px}.partner-cta span{font-size:12px;color:#91a8bc}.partner-cta .button{border-radius:4px;text-transform:uppercase;font-size:10px}
@media(max-width:900px){.partner-page-grid{grid-template-columns:repeat(2,1fr)}.home-hero{background-position:60% center}.home-partner-row img{max-width:115px;max-height:36px}}
@media(max-width:600px){.site-header .brand img{width:118px}.partner-page-grid{grid-template-columns:1fr}.partner-cta{flex-direction:column;align-items:flex-start}.partners-hero{padding-top:100px}.home-partner-row img{max-width:98px;max-height:33px}}
/* Version 2.3 — Solar-system About page */
.about-page{background:#020b17}.about-main{padding-top:0}
.about-orbit-section{min-height:790px;padding:126px clamp(28px,3.3vw,56px) 40px;display:grid;grid-template-columns:minmax(310px,.62fr) minmax(760px,1.38fr);gap:25px;align-items:center;overflow:hidden;position:relative;border-bottom:1px solid rgba(66,160,230,.25);background:radial-gradient(circle at 58% 45%,rgba(28,113,193,.12),transparent 32%),linear-gradient(180deg,rgba(1,8,17,.25),rgba(1,8,17,.86)),url("assets/homepage-hero-v22.webp") center/cover fixed}
.about-orbit-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.87) 27%,rgba(2,10,22,.2) 58%,rgba(2,10,22,.7) 100%);pointer-events:none}
.about-copy,.solar-system{position:relative;z-index:2}.about-copy{align-self:start;padding-top:10px;max-width:455px}
.about-copy h1{font:600 clamp(39px,3.4vw,58px)/1.08 "Space Grotesk";margin:20px 0 22px}.about-copy h1 span{color:#159dff}
.about-intro{font-size:15px;line-height:1.78;color:#e1eaf2;max-width:420px}.about-rule{width:38px;height:2px;background:#22afff;margin:28px 0 22px}
.about-pillar{display:grid;grid-template-columns:42px 1fr;gap:13px;margin:22px 0;align-items:start}.about-pillar img,.pillar-icon{width:38px;height:38px;object-fit:contain}
.about-pillar h2{font:600 14px Montserrat;text-transform:uppercase;margin:2px 0 7px}.about-pillar p{font-size:12px;line-height:1.6;color:#aebdcc;margin:0}
.pillar-icon{border:2px solid #08aaff;border-radius:50%;position:relative}.target-icon:before,.target-icon:after{content:"";position:absolute;border:1px solid #08aaff;border-radius:50%;inset:6px}.target-icon:after{inset:13px;background:#08aaff}
.person-icon:before{content:"";position:absolute;width:10px;height:10px;border:1px solid #08aaff;border-radius:50%;left:12px;top:6px}.person-icon:after{content:"";position:absolute;width:20px;height:11px;border:1px solid #08aaff;border-radius:50% 50% 35% 35%;left:7px;bottom:5px}
.about-process-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:190px;border:1px solid #19aaff;border-radius:5px;padding:13px 18px;margin-top:6px;text-transform:uppercase;font-size:11px;font-weight:700;color:#45baff}.about-process-button:hover{background:rgba(25,170,255,.12)}
.solar-system{height:650px;min-width:760px;position:relative}.galaxy-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 49% 48%,rgba(255,151,65,.1),transparent 22%),radial-gradient(ellipse at 45% 42%,rgba(26,132,255,.14),transparent 50%);filter:blur(4px)}
.orbit-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(30,158,255,.42);border-radius:50%}.ring-1{width:250px;height:170px}.ring-2{width:355px;height:245px}.ring-3{width:470px;height:325px}.ring-4{width:585px;height:405px}.ring-5{width:700px;height:485px}.ring-6{width:815px;height:565px}
.orbit-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#3bbaff;box-shadow:0 0 10px #3bbaff;top:50%;left:-3px}.ring-2:after{top:12%;left:77%}.ring-3:after{top:88%;left:65%}.ring-4:after{top:28%;left:96%}.ring-5:after{top:74%;left:4%}.ring-6:after{top:4%;left:48%}
.geo-sun{position:absolute;width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0b1520 0 40%,#391a09 63%,#ff9e43 67%,rgba(255,137,44,.18) 72%,transparent 76%);box-shadow:0 0 20px #ff943c,0 0 70px rgba(255,151,54,.7);z-index:4}
.geo-sun img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(46,166,255,.35))}.sun-corona{position:absolute;inset:-25px;border-radius:50%;border:1px solid rgba(255,165,82,.55);box-shadow:0 0 35px rgba(255,145,47,.3);animation:pulseCorona 3s ease-in-out infinite}@keyframes pulseCorona{50%{transform:scale(1.06);opacity:.65}}
.orbit-service{position:absolute;display:flex;align-items:center;gap:14px;z-index:5}.planet{width:92px;height:92px;flex:0 0 92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(27,87,139,.9),rgba(1,13,27,.95) 68%);border:1px solid #79c7ff;box-shadow:0 0 16px rgba(35,171,255,.65),inset 0 0 20px rgba(34,151,255,.25)}
.planet img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(25,169,255,.6))}.climate-planet strong{font:500 37px "Space Grotesk";color:#20aaff}
.orbit-label{width:190px}.orbit-label h3{font:600 15px/1.35 Montserrat;text-transform:uppercase;margin:0 0 7px}.orbit-label p{font-size:11px;line-height:1.55;color:#becbd6;margin:0}
.service-automation{left:38%;top:0}.service-security{left:7%;top:22%}.service-entertainment{right:0;top:15%}.service-lighting{left:2%;top:57%}.service-climate{right:-2%;top:49%}.service-network{left:15%;bottom:0}.service-support{right:10%;bottom:2%}
.service-security,.service-lighting,.service-network{flex-direction:row-reverse;text-align:right}.service-climate .orbit-label,.service-entertainment .orbit-label,.service-support .orbit-label{width:205px}
.about-stats{display:grid;grid-template-columns:repeat(5,1fr);padding:32px clamp(25px,4vw,70px) 38px;background:linear-gradient(180deg,#03101f,#020b17);border-bottom:1px solid rgba(66,160,230,.2)}
.about-stats article{display:grid;grid-template-columns:65px 1fr;gap:14px;padding:0 24px;border-right:1px solid rgba(77,151,206,.28);min-height:130px}.about-stats article:last-child{border-right:0}.about-stats img{width:58px;height:58px;object-fit:contain}
.stat-symbol{font-size:61px;line-height:.85;color:#24aaff;font-family:"Space Grotesk"}.people-symbol{font-size:48px}.about-stats strong{display:block;font:600 31px "Space Grotesk";text-transform:uppercase}.about-stats span{display:block;color:#19aaff;text-transform:uppercase;font-size:11px;letter-spacing:.06em;margin:4px 0 14px}.about-stats p{font-size:11px;color:#9caebe;line-height:1.55;margin:0}
@media(max-width:1250px){.about-orbit-section{grid-template-columns:380px 1fr;padding-left:35px;padding-right:25px}.solar-system{transform:scale(.86);transform-origin:center}}
@media(max-width:1050px){.about-orbit-section{display:block;padding-top:115px}.about-copy{max-width:720px}.solar-system{margin:20px auto 0;transform:scale(.88);transform-origin:top center}.about-stats{grid-template-columns:repeat(2,1fr)}.about-stats article{border-bottom:1px solid rgba(77,151,206,.2);padding:25px}}
@media(max-width:760px){.about-orbit-section{padding:100px 22px 35px}.solar-system{height:auto;min-width:0;transform:none;display:grid;grid-template-columns:1fr;gap:12px}.galaxy-haze,.orbit-ring,.geo-sun{display:none}.orbit-service,.service-automation,.service-security,.service-entertainment,.service-lighting,.service-climate,.service-network,.service-support{position:static;flex-direction:row;text-align:left;background:rgba(5,25,47,.75);border:1px solid rgba(55,164,238,.3);border-radius:12px;padding:12px}.planet{width:72px;height:72px;flex-basis:72px}.planet img{width:50px;height:50px}.orbit-label{width:auto!important}.about-stats{grid-template-columns:1fr}.about-stats article{border-right:0}}
/* Version 2.4 — crisp vector partner showcase */
.partner-logo-frame{height:92px;width:100%;display:grid;place-items:center;margin-bottom:20px;color:#fff}.partner-logo-frame img{width:min(290px,86%);height:78px;object-fit:contain;color:#fff}.partner-page-card{position:relative;min-height:430px;justify-content:flex-start;padding:34px 28px 28px}.partner-page-card h2{font-size:18px}.partner-page-card p{min-height:65px}.featured-products{width:100%;text-align:left;background:rgba(3,17,33,.55);border:1px solid rgba(65,154,221,.17);border-radius:7px;padding:14px 16px;margin:8px 0 5px}.featured-products strong{display:block;color:#60c1ff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.featured-products ul{margin:0;padding-left:18px;color:#b8c8d6;font-size:12px;line-height:1.75}.partner-page-card>a{margin-top:auto}.recommended-badge{position:absolute;top:13px;right:13px;border:1px solid rgba(78,187,255,.48);background:rgba(18,106,171,.2);color:#67c3ff;border-radius:999px;padding:6px 9px;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.home-partner-row img{color:#fff}.home-partner-row a{color:#fff}.partner-card img{color:#fff}.partner-card{color:#fff}@media(max-width:600px){.partner-logo-frame{height:74px}.partner-logo-frame img{height:62px}.partner-page-card{min-height:390px}}
/* Version 2.5 — white partner-logo showcase */
.home-partners{
padding-top:8px;
padding-bottom:24px;
}
/* Version 2.145 — solar sun treatment for the power savings calculator */
.power-savings{
display:grid;
grid-template-columns:minmax(320px,.8fr) minmax(560px,1.2fr);
gap:clamp(34px,6vw,88px);
align-items:center;
position:relative;
isolation:isolate;
overflow:hidden;
}
.power-savings::before{
content:"";
position:absolute;
inset:30px clamp(18px,4vw,58px);
z-index:-1;
border:1px solid rgba(97,220,145,.2);
border-radius:30px;
background:
radial-gradient(circle at 18% 20%,rgba(46,167,101,.13),transparent 33%),
linear-gradient(135deg,rgba(5,31,45,.86),rgba(3,16,32,.95));
box-shadow:0 30px 90px rgba(0,0,0,.28);
}
.power-savings::after{
content:"";
position:absolute;
top:30px;
left:clamp(18px,4vw,58px);
z-index:-1;
width:min(49vw,720px);
aspect-ratio:1.875/1;
pointer-events:none;
border-radius:30px 0 0 0;
background:url("assets/conservation-solar-sun-corner.webp") left top/cover no-repeat;
opacity:.52;
filter:saturate(.84) brightness(.78);
mix-blend-mode:screen;
-webkit-mask-image:linear-gradient(118deg,#000 0 35%,rgba(0,0,0,.82) 54%,transparent 82%);
mask-image:linear-gradient(118deg,#000 0 35%,rgba(0,0,0,.82) 54%,transparent 82%);
}
.power-savings-intro{
padding-left:clamp(0px,2vw,28px);
}
.power-savings-intro h2{
margin:12px 0 20px;
max-width:610px;
color:#f4f8fc;
font:500 clamp(38px,4.4vw,64px)/1.14 "Bodoni Moda",Georgia,serif;
letter-spacing:.005em;
}
.power-savings-intro>p:not(.eyebrow){
color:#afc4d4;
font-size:15px;
line-height:1.75;
}
.sunroof-link{
display:inline-flex;
align-items:center;
margin-top:14px;
color:#79e3a4;
font-size:13px;
font-weight:700;
}
.sunroof-link:hover,
.sunroof-link:focus-visible{
color:#a1f0bd;
}
.power-savings-intro .calculator-source{
margin-top:16px;
max-width:510px;
color:#829cad!important;
font-size:11px!important;
line-height:1.65!important;
}
.power-calculator{
margin:54px clamp(18px,4vw,56px) 54px 0;
padding:clamp(24px,3vw,40px);
border:1px solid rgba(103,220,150,.3);
border-radius:24px;
background:linear-gradient(145deg,rgba(8,38,55,.95),rgba(3,18,34,.98));
box-shadow:0 22px 65px rgba(0,0,0,.32);
}
.calculator-fields{
display:grid;
gap:12px;
}
.calculator-fields>label{
display:flex;
justify-content:space-between;
gap:22px;
align-items:center;
color:#dceaf2;
font-size:12px;
letter-spacing:.02em;
}
.calculator-fields output{
color:#82e6aa;
font:600 17px "Space Grotesk",sans-serif;
}
.power-calculator input[type="range"]{
width:100%;
height:5px;
margin:0 0 14px;
padding:0;
border:0;
border-radius:999px;
appearance:none;
background:linear-gradient(90deg,#43ca7d,#2aa9ff);
accent-color:#73e7a3;
}
.power-calculator input[type="range"]::-webkit-slider-thumb{
width:20px;
height:20px;
border:3px solid #d8ffe7;
border-radius:50%;
appearance:none;
background:#4fd287;
box-shadow:0 0 0 5px rgba(79,210,135,.15),0 0 22px rgba(79,210,135,.38);
cursor:pointer;
}
.power-calculator input[type="range"]::-moz-range-thumb{
width:16px;
height:16px;
border:3px solid #d8ffe7;
border-radius:50%;
background:#4fd287;
box-shadow:0 0 0 5px rgba(79,210,135,.15),0 0 22px rgba(79,210,135,.38);
cursor:pointer;
}
.calculator-field-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.calculator-field-grid>label{
display:grid;
gap:8px;
color:#9fb6c6;
font-size:11px;
letter-spacing:.03em;
}
.calculator-field-grid select,
.calculator-input-wrap{
min-height:48px;
border:1px solid rgba(118,205,161,.22);
border-radius:11px;
background:rgba(2,15,29,.75);
}
.calculator-field-grid select{
width:100%;
margin:0;
padding:0 13px;
color:#f1f7fb;
}
.calculator-input-wrap{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:6px;
padding:0 12px;
}
.calculator-input-wrap b,
.calculator-input-wrap small{
color:#78dd9f;
font-size:12px;
font-weight:600;
}
.calculator-input-wrap input{
min-width:0;
margin:0;
padding:0;
border:0;
background:transparent;
color:#f1f7fb;
font:500 15px "Space Grotesk",sans-serif;
}
.calculator-results{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:24px;
}
.calculator-results article{
min-height:112px;
padding:18px;
border:1px solid rgba(97,220,145,.17);
border-radius:14px;
background:rgba(8,42,51,.62);
}
.calculator-results span{
display:block;
min-height:34px;
color:#93aebe;
font-size:10px;
font-weight:700;
letter-spacing:.08em;
line-height:1.45;
text-transform:uppercase;
}
.calculator-results strong{
display:block;
margin-top:10px;
color:#ecfff3;
font:500 clamp(22px,2.4vw,32px)/1 "Space Grotesk",sans-serif;
}
.calculator-disclaimer{
margin:20px 0 0;
color:#748e9e;
font-size:9px;
line-height:1.6;
}
.calculator-actions{
display:flex;
align-items:center;
gap:16px;
margin-top:22px;
}
.calculator-reset{
border:0;
background:transparent;
color:#91a9b8;
font:600 11px Montserrat,sans-serif;
text-transform:uppercase;
letter-spacing:.08em;
cursor:pointer;
}
.calculator-reset:hover,
.calculator-reset:focus-visible{
color:#83e5a9;
}
@media(max-width:1050px){
.power-savings{
grid-template-columns:1fr;
gap:10px;
}
.power-savings-intro{
padding:72px clamp(28px,7vw,70px) 0;
}
.power-calculator{
margin:18px clamp(28px,7vw,70px) 70px;
}
}
@media(max-width:600px){
.power-savings{
padding-left:0;
padding-right:0;
}
.power-savings::before{
inset:18px 12px;
border-radius:22px;
}
.power-savings::after{
top:18px;
left:12px;
width:min(92vw,560px);
opacity:.42;
border-top-left-radius:22px;
}
.power-savings-intro{
padding:55px 30px 0;
}
.power-calculator{
margin:12px 24px 55px;
padding:22px 18px;
}
.calculator-field-grid,
.calculator-results{
grid-template-columns:1fr;
}
.calculator-results article{
min-height:96px;
}
.calculator-actions{
align-items:stretch;
flex-direction:column;
}
}
.home-partner-row{
border-top:1px solid rgba(91,171,228,.22);
border-bottom:1px solid rgba(91,171,228,.22);
background:transparent;
}
.home-partner-row a{
position:relative;
height:94px;
border-right:1px solid rgba(123,183,226,.23);
background:transparent;
overflow:visible;
transition:transform .28s ease, background .28s ease;
}
.home-partner-row a:hover{
background:rgba(23,133,215,.08);
transform:translateY(-2px);
}
.home-partner-row img{
width:auto;
height:auto;
max-width:150px;
max-height:48px;
object-fit:contain;
opacity:.94;
transition:transform .28s ease, opacity .28s ease;
}
.home-partner-row a:hover img{
transform:scale(1.045);
opacity:1;
}
/* Partners page — large white logos with cleaner, more open presentation */
.partner-page-card{
overflow:hidden;
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.partner-logo-frame{
height:108px;
margin:0 0 24px;
background:transparent;
border:0;
}
.partner-logo-frame img{
width:min(330px,90%);
height:88px;
max-width:90%;
object-fit:contain;
opacity:.97;
transition:transform .3s ease,opacity .3s ease;
}
.partner-page-card:hover .partner-logo-frame img{
transform:scale(1.035);
opacity:1;
}
.partner-page-card:hover{
transform:translateY(-6px);
border-color:rgba(57,180,255,.75);
box-shadow:0 22px 58px rgba(0,110,201,.22);
}
.partner-page-card>a{
display:inline-flex;
align-items:center;
gap:8px;
transition:background .25s ease,color .25s ease,transform .25s ease;
}
.partner-page-card>a:hover{
background:#1a9df1;
color:white;
transform:translateY(-1px);
}
.partner-page-card>a::after{
content:"→";
display:inline-block;
transition:transform .25s ease;
}
.partner-page-card>a:hover::after{transform:translateX(4px)}
/* Preserve white partner logos in any legacy partner cards */
.partner-card img{
}
@media(max-width:1050px){
.home-partner-row img{max-width:125px;max-height:42px}
}
@media(max-width:760px){
.home-partner-row a{height:82px}
.home-partner-row img{max-width:108px;max-height:36px}
.partner-logo-frame{height:92px}
.partner-logo-frame img{height:72px}
}
/* Version 2.6 — current flagship product lineup */
.featured-products strong::after{
content:"Current 2026 lineup";
display:inline-block;
margin-left:9px;
padding:3px 7px;
border:1px solid rgba(46,178,255,.5);
border-radius:999px;
color:#42b8ff;
font-size:8px;
letter-spacing:.08em;
vertical-align:middle;
}
.featured-products li{
line-height:1.48;
}
@media(max-width:700px){
.featured-products strong::after{
display:block;
width:max-content;
margin:7px 0 0;
}
}
/* Version 2.59 — visual process icons */
.process-step-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:27px;
}
.steps .process-number{
font:700 42px "Space Grotesk";
color:rgba(78,180,255,.35);
}
.steps .process-icon{
width:54px;
height:54px;
flex:0 0 54px;
display:grid;
place-items:center;
border:1px solid rgba(92,190,255,.42);
border-radius:50%;
background:rgba(5,31,56,.72);
box-shadow:inset 0 0 18px rgba(40,150,228,.15),0 0 24px rgba(34,148,230,.12);
transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.steps .process-icon img{
width:25px;
height:25px;
display:block;
}
.steps article:hover .process-icon{
transform:translateY(-3px);
border-color:#5cc1ff;
box-shadow:inset 0 0 20px rgba(40,150,228,.22),0 0 28px rgba(34,148,230,.25);
}
@media(max-width:600px){
.process-step-head{margin-bottom:20px}
.steps .process-icon{width:50px;height:50px;flex-basis:50px}
.steps .process-icon img{width:23px;height:23px}
}
/* Version 2.60 — entertainment formats and configuration guide */
.gallery-card.theater{
display:block;
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.gallery-card.theater:hover{
transform:translateY(-4px);
border-color:rgba(94,190,255,.55);
box-shadow:0 18px 48px rgba(0,93,174,.2);
}
.gallery-card.theater:focus-visible{
outline:2px solid #5cc1ff;
outline-offset:4px;
}
.gallery-card-summary{
max-width:360px;
margin:8px 0 0;
color:#c0d3e5;
font-size:12px;
line-height:1.5;
}
.av-guide-page{background:#020d1c}
.av-guide-hero{
min-height:650px;
padding:150px clamp(26px,7vw,110px) 80px;
display:flex;
align-items:center;
background:
linear-gradient(90deg,rgba(2,10,21,.97) 0%,rgba(2,10,21,.74) 46%,rgba(2,10,21,.13) 80%),
linear-gradient(0deg,rgba(2,10,21,.8),transparent 48%),
url("assets/audio-sonos-home-theater.webp") center/cover no-repeat;
}
.av-guide-hero-copy{max-width:690px}
.av-guide-hero h1{
margin:14px 0 22px;
font:500 clamp(50px,6vw,88px)/.98 "Bodoni Moda",Georgia,serif;
color:#fff;
}
.av-guide-hero h1 span{color:#9bcaff}
.av-guide-hero-copy>p:last-child{
max-width:630px;
color:#d1dfeb;
font-size:17px;
line-height:1.75;
}
.av-intro{
max-width:1240px;
margin:0 auto;
padding:92px clamp(24px,6vw,80px) 48px;
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:end;
}
.av-intro h2,.av-design-callout h2{
margin:10px 0 0;
font:500 clamp(34px,4vw,58px)/1.08 "Bodoni Moda",Georgia,serif;
}
.av-intro>p{
margin:0;
color:#aec2d3;
font-size:15px;
line-height:1.85;
}
.av-format-section,.av-configuration{
max-width:1240px;
margin:0 auto;
padding:55px clamp(24px,6vw,80px) 85px;
}
.av-video-section{
border-top:1px solid rgba(111,185,239,.15);
border-bottom:1px solid rgba(111,185,239,.15);
}
.av-format-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.av-format-grid article{
min-height:255px;
padding:25px;
border:1px solid rgba(104,185,241,.18);
border-radius:18px;
background:linear-gradient(145deg,rgba(16,48,80,.66),rgba(5,22,42,.78));
}
.av-format-grid span{
color:#54b9ff;
font-size:11px;
font-weight:700;
letter-spacing:.14em;
}
.av-format-grid h3{
margin:38px 0 12px;
font:500 24px "Bodoni Moda",Georgia,serif;
}
.av-format-grid p,.av-config-steps p{
margin:0;
color:#a9bfd2;
font-size:13px;
line-height:1.72;
}
.av-config-steps{
display:grid;
grid-template-columns:repeat(5,1fr);
border-top:1px solid rgba(109,188,244,.22);
}
.av-config-steps article{
padding:26px 22px 10px;
border-right:1px solid rgba(109,188,244,.15);
}
.av-config-steps article:last-child{border-right:0}
.av-config-steps strong{
color:rgba(81,183,255,.48);
font:700 34px "Space Grotesk";
}
.av-config-steps h3{
margin:32px 0 10px;
font:500 21px "Bodoni Moda",Georgia,serif;
}
.av-design-callout{
max-width:1120px;
margin:25px auto 90px;
padding:54px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:45px;
border:1px solid rgba(101,188,248,.24);
border-radius:25px;
background:linear-gradient(135deg,rgba(18,71,116,.52),rgba(5,23,43,.8));
}
.av-design-callout>div{max-width:720px}
.av-design-callout p:last-child{color:#aec2d3;line-height:1.8}
.av-design-callout .button{white-space:nowrap}
@media(max-width:980px){
.av-intro{grid-template-columns:1fr;gap:24px}
.av-format-grid{grid-template-columns:repeat(2,1fr)}
.av-config-steps{grid-template-columns:1fr}
.av-config-steps article{display:grid;grid-template-columns:80px 1fr;border-right:0;border-bottom:1px solid rgba(109,188,244,.15)}
.av-config-steps h3{margin:5px 0 10px}
.av-design-callout{margin:45px 22px 75px;flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
.gallery-card-summary{display:none}
.av-guide-hero{min-height:650px;background-position:64% center}
.av-format-grid{grid-template-columns:1fr}
.av-format-grid article{min-height:0}
.av-design-callout{padding:30px}
}
/* Version 2.61 — entertainment format and connection marks */
.av-logo-showcase{
max-width:1240px;
margin:0 auto;
padding:40px clamp(24px,6vw,80px) 90px;
}
.av-logo-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.av-logo-badge{
min-height:148px;
padding:23px;
display:flex;
flex-direction:column;
justify-content:space-between;
border:1px solid rgba(112,191,248,.2);
border-radius:17px;
background:linear-gradient(145deg,rgba(15,48,81,.69),rgba(5,22,42,.82));
box-shadow:inset 0 0 28px rgba(47,153,230,.05);
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.av-logo-badge:hover{
transform:translateY(-4px);
border-color:rgba(98,190,255,.52);
box-shadow:inset 0 0 30px rgba(47,153,230,.1),0 16px 38px rgba(0,84,157,.16);
}
.av-logo-badge>div{
min-height:51px;
display:flex;
align-items:center;
gap:10px;
}
.av-logo-badge img{
width:50px;
height:34px;
object-fit:contain;
}
.av-logo-badge strong{
color:#fff;
font:600 27px/1 "Space Grotesk",sans-serif;
letter-spacing:.06em;
}
.av-logo-badge>span{
color:#85a9c6;
font-size:10px;
font-weight:600;
letter-spacing:.1em;
text-transform:uppercase;
}
.dts-badge img{width:67px}
.dts-badge strong{font-size:30px}
.hdmi-badge img{width:83px}
.hdmi-badge strong{font-size:20px;color:#82c9ff}
.type-badge>div{gap:12px}
.type-badge strong{
font-size:40px;
letter-spacing:-.02em;
}
.type-badge em{
padding-left:12px;
border-left:1px solid rgba(255,255,255,.3);
color:#8ccaff;
font:700 13px/1.15 "Space Grotesk",sans-serif;
letter-spacing:.1em;
}
.hdr-badge strong{
font-size:33px;
letter-spacing:.02em;
}
@media(max-width:900px){
.av-logo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
.av-logo-grid{grid-template-columns:1fr}
.av-logo-badge{min-height:126px}
}
/* Version 2.63 — Sonos Amp rack background */
.av-configuration{
max-width:1320px;
padding:78px clamp(24px,6vw,80px) 86px;
border:1px solid rgba(105,187,244,.18);
border-radius:26px;
background-color:#041326;
background-image:
linear-gradient(90deg,rgba(2,13,27,.99) 0%,rgba(2,13,27,.94) 42%,rgba(2,13,27,.68) 72%,rgba(2,13,27,.48) 100%),
linear-gradient(0deg,rgba(2,13,27,.82),rgba(2,13,27,.08) 55%,rgba(2,13,27,.5)),
url("assets/sonos-amp-rack.jpg");
background-position:center,center,right center;
background-size:cover,cover,auto 100%;
background-repeat:no-repeat;
box-shadow:inset 0 0 85px rgba(4,28,52,.52),0 28px 80px rgba(0,0,0,.22);
}
.av-configuration .section-heading{
position:relative;
z-index:1;
}
.av-configuration .av-config-steps{
position:relative;
z-index:1;
background:rgba(3,16,31,.37);
backdrop-filter:blur(2px);
}
@media(max-width:760px){
.av-configuration{
margin-left:16px;
margin-right:16px;
padding:62px 24px 65px;
background-image:
linear-gradient(180deg,rgba(2,13,27,.84),rgba(2,13,27,.97) 58%),
url("assets/sonos-amp-rack.jpg");
background-position:center top,center top;
background-size:cover,auto 46%;
}
}
/* Version 2.64 — Renaissance-inspired Samsung Frame background */
.av-video-section{
max-width:1320px;
padding:78px clamp(24px,6vw,80px) 86px;
border:1px solid rgba(214,175,92,.2);
border-radius:26px;
background-color:#071426;
background-image:
linear-gradient(90deg,rgba(3,14,28,.99) 0%,rgba(3,14,28,.95) 43%,rgba(3,14,28,.72) 72%,rgba(3,14,28,.56) 100%),
linear-gradient(0deg,rgba(3,14,28,.76),rgba(3,14,28,.07) 52%,rgba(3,14,28,.52)),
url("assets/samsung-frame-antique-gold.webp");
background-position:center,center,right center;
background-size:cover,cover,auto 116%;
background-repeat:no-repeat;
box-shadow:inset 0 0 90px rgba(4,24,45,.6),0 28px 80px rgba(0,0,0,.2);
}
.av-video-section .section-heading,
.av-video-section .av-format-grid{
position:relative;
z-index:1;
}
.av-video-section .av-format-grid article{
background:linear-gradient(145deg,rgba(12,39,66,.83),rgba(4,18,35,.88));
backdrop-filter:blur(3px);
}
@media(max-width:760px){
.av-video-section{
margin-left:16px;
margin-right:16px;
padding:62px 24px 65px;
background-image:
linear-gradient(180deg,rgba(3,14,28,.72),rgba(3,14,28,.98) 50%),
url("assets/samsung-frame-antique-gold.webp");
background-position:center top,center top;
background-size:cover,auto 48%;
}
}
/* Version 2.65 — cinematic GEOLINK Approach background */
.av-design-callout{
max-width:1220px;
min-height:430px;
padding:64px;
align-items:flex-end;
overflow:hidden;
border-color:rgba(105,188,248,.3);
background-color:#03101f;
background-image:
linear-gradient(90deg,rgba(2,11,23,.98) 0%,rgba(2,11,23,.9) 44%,rgba(2,11,23,.46) 76%,rgba(2,11,23,.3) 100%),
linear-gradient(0deg,rgba(2,11,23,.86),rgba(2,11,23,.08) 62%),
url("assets/geolink-approach-home-theater.webp");
background-position:center,center,center 46%;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 100px rgba(1,11,22,.42),0 30px 90px rgba(0,0,0,.28);
}
.av-design-callout>div,
.av-design-callout .button{
position:relative;
z-index:1;
}
.av-design-callout h2{
max-width:690px;
text-shadow:0 3px 22px rgba(0,0,0,.72);
}
.av-design-callout p:last-child{
color:#d0deea;
text-shadow:0 2px 14px rgba(0,0,0,.72);
}
@media(max-width:760px){
.av-design-callout{
min-height:520px;
padding:38px 30px;
background-image:
linear-gradient(180deg,rgba(2,11,23,.38),rgba(2,11,23,.97) 55%),
url("assets/geolink-approach-home-theater.webp");
background-position:center,center top;
background-size:cover,auto 60%;
}
}
/* Version 2.7 — scalable product illustrations on partner cards */
.partner-product-visual{
height:180px;
margin:2px 0 22px;
display:grid;
place-items:center;
border-radius:16px;
background:
radial-gradient(circle at 50% 75%,rgba(25,147,232,.18),transparent 44%),
linear-gradient(180deg,rgba(5,20,39,.15),rgba(2,12,24,.55));
border:1px solid rgba(65,155,222,.16);
overflow:hidden;
position:relative;
}
.partner-product-visual::after{
content:"";
position:absolute;
left:15%;right:15%;bottom:16px;height:2px;
background:linear-gradient(90deg,transparent,rgba(67,189,255,.65),transparent);
box-shadow:0 0 16px rgba(67,189,255,.45);
}
.partner-product-visual img{
width:92%;
height:165px;
object-fit:contain;
transform:translateY(-2px);
transition:transform .32s ease,filter .32s ease;
filter:drop-shadow(0 16px 16px rgba(0,0,0,.38));
}
.partner-page-card:hover .partner-product-visual img{
transform:translateY(-8px) scale(1.025);
filter:drop-shadow(0 20px 20px rgba(20,140,225,.28));
}
.partner-page-card{
display:flex;
flex-direction:column;
}
.partner-page-card .featured-products{
margin-top:auto;
}
@media(max-width:760px){
.partner-product-visual{height:150px}
.partner-product-visual img{height:138px}
}
/* Version 2.8 — official product photography + precision vector logos */
.partner-asset-note{
width:min(1180px,calc(100% - 44px));
margin:34px auto 8px;
color:#8fa9bf;
font-size:11px;
line-height:1.6;
text-align:center;
letter-spacing:.035em;
}
.partner-logo-frame img,
.home-partner-row img{
image-rendering:auto;
color:#fff;
opacity:1;
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;
}
.partner-logo-frame{
color:#fff;
}
.partner-logo-frame img{
width:min(360px,92%);
max-width:92%;
height:94px;
}
.home-partner-row img{
width:auto;
max-width:155px;
max-height:48px;
}
.partner-page-card:hover .partner-logo-frame img,
.home-partner-row a:hover img{
}
.official-product-photo{
height:230px;
padding:14px;
background:
radial-gradient(circle at 50% 72%,rgba(24,142,225,.18),transparent 45%),
linear-gradient(180deg,rgba(5,20,39,.3),rgba(2,12,24,.82));
}
.official-product-photo img{
width:100%;
height:190px;
object-fit:contain;
border-radius:10px;
background:#f3f5f7;
}
.partner-page-card:nth-child(3) .official-product-photo img,
.partner-page-card:nth-child(6) .official-product-photo img,
.partner-page-card:nth-child(7) .official-product-photo img,
.partner-page-card:nth-child(9) .official-product-photo img{
background:#050b13;
}
.official-asset-label{
position:absolute;
right:12px;
bottom:10px;
z-index:2;
padding:4px 7px;
border:1px solid rgba(68,183,255,.4);
border-radius:999px;
background:rgba(2,13,26,.82);
color:#63c3ff;
font-size:7px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
}
/* Version 2.10 — approved orbit-home homepage artwork */
.home-hero{
width:100%;
height:auto;
min-height:0;
aspect-ratio:1728/910;
padding-top:0;
background-image:url("assets/homepage-hero-orbit.webp");
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.home-hero .home-hero-overlay,
.home-hero .hero-copy{
display:none;
}
@media(max-width:760px){
.home-hero{
height:clamp(430px,125vw,600px);
min-height:430px;
aspect-ratio:auto;
background-position:25% center;
background-size:auto 100%;
}
}
/* Version 2.11 — approved menu-bar wordmark */
.site-header .brand img{
width:190px;
height:auto;
max-height:42px;
object-fit:contain;
}
@media(max-width:760px){
.site-header .brand img{
width:150px;
max-height:34px;
}
}
/* Version 2.12 — refined editorial typography */
h1,
h2,
h3{
font-family:"Bodoni Moda",Didot,"Times New Roman",serif!important;
font-weight:500!important;
letter-spacing:-.018em;
}
h1,
h2{
line-height:1.08;
}
h3{
line-height:1.24;
}
.section-heading h2,
.experience h2,
.contact h2,
.cta-band h2,
.partners-hero h1,
.about-copy h1,
dialog h2{
font-family:"Bodoni Moda",Didot,"Times New Roman",serif!important;
}
/* Version 2.13 — matching footer wordmark */
footer img{
width:185px;
height:auto;
max-height:38px;
object-fit:contain;
}
/* Version 2.14 — expanded Milky Way atmosphere */
body{
background-color:#020b17;
background-image:
linear-gradient(rgba(2,11,23,.78),rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
background-attachment:fixed;
}
.home-services,
.home-partners,
.home-feature-grid{
background-color:rgba(3,16,31,.82);
background-image:
linear-gradient(rgba(3,16,31,.84),rgba(3,16,31,.91)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
background-attachment:fixed;
}
#solutions,
#gallery,
#process,
#contact{
position:relative;
background-image:
linear-gradient(135deg,rgba(2,11,23,.68),rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
background-attachment:fixed;
border-left:1px solid rgba(69,163,230,.12);
border-right:1px solid rgba(69,163,230,.12);
}
.partners-hero{
background-image:
linear-gradient(90deg,rgba(2,11,24,.95),rgba(2,11,24,.32)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
}
.partners-page main{
background-image:
linear-gradient(rgba(2,11,23,.68),rgba(2,11,23,.88)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
background-attachment:fixed;
}
.about-orbit-section{
background-image:
radial-gradient(circle at 58% 45%,rgba(28,113,193,.15),transparent 32%),
linear-gradient(180deg,rgba(1,8,17,.25),rgba(1,8,17,.78)),
url("assets/milky-way-interior-background.webp");
background-position:center;
background-size:cover;
background-attachment:fixed;
}
footer{
background-image:
linear-gradient(90deg,rgba(2,10,21,.92),rgba(4,19,36,.74),rgba(2,10,21,.92)),
url("assets/milky-way-interior-background.webp");
background-position:center 64%;
background-size:cover;
}
/* Version 2.78 — complete contact footer */
.site-footer{
display:grid;
grid-template-columns:minmax(240px,1.25fr) minmax(210px,1fr) minmax(230px,1.1fr) auto;
align-items:start;
gap:32px;
padding-top:42px;
padding-bottom:42px;
}
.site-footer p{
margin:10px 0 0;
line-height:1.65;
}
.footer-brand img{
display:block;
width:185px;
}
.footer-brand p{
max-width:320px;
}
.footer-contact{
display:grid;
gap:8px;
font-style:normal;
}
.footer-contact span,
.footer-service span{
color:#62baff;
font-size:10px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.footer-contact a{
width:max-content;
color:#dcecff;
font-size:13px;
transition:color .2s ease;
}
.footer-contact a:hover,
.footer-contact a:focus-visible,
.footer-top:hover,
.footer-top:focus-visible{
color:#62baff;
}
.footer-service p{
color:#c4d5e5;
font-size:12px;
}
.footer-top{
white-space:nowrap;
color:#a9bfd3;
}
@media(max-width:980px){
.site-footer{
grid-template-columns:1fr 1fr;
}
.footer-top{
justify-self:start;
}
}
@media(max-width:600px){
.site-footer{
grid-template-columns:1fr;
align-items:center;
gap:25px;
}
.footer-brand p{
margin-left:auto;
margin-right:auto;
}
.footer-contact{
justify-items:center;
}
.footer-contact a{
width:auto;
}
.footer-top{
justify-self:center;
}
}
/* Version 2.79 — Savant-connected-home call to action */
.cta-band{
position:relative;
isolation:isolate;
display:flex;
min-height:430px;
flex-direction:column;
align-items:center;
justify-content:center;
overflow:hidden;
padding-left:clamp(26px,7vw,92px);
padding-right:clamp(26px,7vw,92px);
background-image:
linear-gradient(90deg,rgba(2,11,24,.82) 0%,rgba(2,11,24,.6) 48%,rgba(2,11,24,.27) 100%),
linear-gradient(0deg,rgba(2,11,24,.64),rgba(2,11,24,.04) 58%,rgba(2,11,24,.3)),
url("assets/savant-connected-home-cta.webp");
background-position:center;
background-size:cover;
border-color:rgba(92,184,255,.36);
box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.cta-band::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
pointer-events:none;
background:radial-gradient(circle at 50% 42%,rgba(16,100,174,.1),transparent 58%);
}
.cta-band h2{
max-width:820px;
margin-left:auto;
margin-right:auto;
color:#fff;
text-shadow:0 3px 24px rgba(0,0,0,.78);
}
.cta-band .eyebrow{
color:#79c8ff;
text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.cta-band .button{
margin-top:12px;
}
@media(max-width:600px){
.cta-band{
min-height:400px;
background-position:64% center;
}
}
/* Version 2.80 — editorial About page */
.about-redesign{
padding-top:0;
}
.about-hero-new{
position:relative;
min-height:760px;
display:flex;
align-items:flex-end;
overflow:hidden;
border-bottom:1px solid rgba(88,177,239,.22);
}
.about-hero-image,
.about-hero-shade{
position:absolute;
inset:0;
}
.about-hero-image{
background:url("assets/about-real-home-dusk.webp") center center/cover no-repeat;
transform:scale(1.006);
}
.about-hero-shade{
background:
linear-gradient(90deg,rgba(2,10,22,.97) 0%,rgba(2,10,22,.84) 38%,rgba(2,10,22,.2) 72%),
linear-gradient(0deg,rgba(2,10,22,.94),transparent 58%);
}
.about-hero-content{
position:relative;
z-index:2;
width:min(720px,52vw);
margin:0 0 92px clamp(28px,6vw,96px);
}
.about-hero-content h1,
.about-philosophy h2,
.about-ecosystem h2,
.about-local h2{
font-family:"Bodoni Moda",Didot,"Times New Roman",serif;
}
.about-hero-content h1{
margin:14px 0 24px;
font-size:clamp(50px,6vw,88px);
font-weight:500;
line-height:1.12;
letter-spacing:-.035em;
}
.about-hero-content>p:not(.eyebrow){
max-width:650px;
color:#d5e2ee;
font-size:17px;
line-height:1.75;
}
.about-hero-actions{
display:flex;
gap:13px;
margin-top:30px;
}
.about-philosophy{
display:grid;
grid-template-columns:minmax(300px,.85fr) minmax(540px,1.15fr);
gap:clamp(55px,8vw,130px);
align-items:start;
}
.about-philosophy-heading h2,
.about-ecosystem-intro h2,
.about-local h2{
margin:13px 0 20px;
font-size:clamp(38px,4.2vw,64px);
font-weight:500;
line-height:1.08;
letter-spacing:-.025em;
}
.about-philosophy-heading>p:last-child,
.about-ecosystem-intro>p:last-child,
.about-local p{
color:#a9bfd3;
line-height:1.75;
}
.about-principles{
display:grid;
gap:0;
border-top:1px solid rgba(111,183,232,.25);
}
.about-principles article{
display:grid;
grid-template-columns:62px minmax(170px,.65fr) 1fr;
gap:24px;
align-items:start;
padding:28px 0;
border-bottom:1px solid rgba(111,183,232,.2);
}
.about-principles span{
color:#39afff;
font-size:12px;
font-weight:700;
letter-spacing:.12em;
}
.about-principle-icon{
width:34px;
height:34px;
object-fit:contain;
filter:drop-shadow(0 0 10px rgba(55,177,255,.28));
}
.about-principles h3{
margin:0;
font-family:"Bodoni Moda",Didot,"Times New Roman",serif;
font-size:25px;
font-weight:500;
}
.about-principles p{
margin:0;
color:#9fb5c8;
font-size:13px;
line-height:1.7;
}
.about-ecosystem{
max-width:none;
background:
radial-gradient(circle at 50% 56%,rgba(27,124,204,.22),transparent 31%),
linear-gradient(rgba(2,11,23,.72),rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp") center/cover fixed;
border-top:1px solid rgba(88,177,239,.16);
border-bottom:1px solid rgba(88,177,239,.16);
}
.about-ecosystem-intro{
max-width:760px;
margin:0 auto 56px;
text-align:center;
}
.ecosystem-orbit{
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
max-width:1180px;
min-height:560px;
margin:auto;
align-items:center;
}
.ecosystem-track{
position:absolute;
left:50%;
top:50%;
width:min(760px,68vw);
height:370px;
transform:translate(-50%,-50%);
border:1px solid rgba(78,178,244,.25);
border-radius:50%;
box-shadow:0 0 60px rgba(30,139,220,.08);
}
.ecosystem-track-inner{
width:min(500px,46vw);
height:270px;
border-color:rgba(93,193,255,.3);
}
.ecosystem-track::before,
.ecosystem-track::after{
content:"";
position:absolute;
left:0;
top:0;
width:10px;
height:10px;
border-radius:50%;
background:#7ed0ff;
box-shadow:
0 0 7px #7ed0ff,
0 0 18px #26a8ff,
0 0 34px rgba(38,168,255,.72);
offset-path:ellipse(50% 50% at 50% 50%);
animation:ecosystem-energy 8s linear infinite;
}
.ecosystem-track::after{
width:6px;
height:6px;
opacity:.72;
animation-duration:11s;
animation-delay:-4.5s;
}
.ecosystem-track-inner::before{
width:8px;
height:8px;
animation-duration:6.5s;
animation-direction:reverse;
}
.ecosystem-track-inner::after{
animation-duration:9s;
animation-delay:-2.8s;
}
@keyframes ecosystem-energy{
0%{
offset-distance:0%;
opacity:.15;
}
8%,84%{
opacity:1;
}
94%,100%{
offset-distance:100%;
opacity:.15;
}
}
.ecosystem-core{
position:absolute;
left:50%;
top:50%;
z-index:2;
width:210px;
height:210px;
transform:translate(-50%,-50%);
display:grid;
place-items:center;
align-content:center;
border:1px solid rgba(102,198,255,.58);
border-radius:50%;
background:radial-gradient(circle at 50% 42%,#0d5b94,#06182d 72%);
box-shadow:0 0 55px rgba(37,160,240,.34);
animation:ecosystem-core-energy 4.8s ease-in-out infinite;
}
@keyframes ecosystem-core-energy{
0%,100%{
box-shadow:0 0 42px rgba(37,160,240,.25),0 0 0 0 rgba(70,185,255,.14);
}
50%{
box-shadow:0 0 72px rgba(37,160,240,.48),0 0 0 16px rgba(70,185,255,0);
}
}
.ecosystem-wordmark{
color:#fff;
font-family:Montserrat,Arial,sans-serif;
font-size:24px;
font-weight:400;
letter-spacing:.23em;
line-height:1;
text-indent:.23em;
text-shadow:0 0 18px rgba(120,205,255,.2);
}
.ecosystem-wordmark b{
color:#54a9ff;
font-weight:400;
}
.ecosystem-core small{
margin-top:12px;
color:#9ed8ff;
font-size:8px;
letter-spacing:.22em;
}
.ecosystem-orbit article{
position:relative;
z-index:3;
width:250px;
padding:19px;
border:1px solid rgba(91,181,240,.24);
border-radius:16px;
background:linear-gradient(145deg,rgba(11,40,69,.88),rgba(4,19,37,.84));
backdrop-filter:blur(12px);
}
.ecosystem-orbit article:nth-of-type(2),
.ecosystem-orbit article:nth-of-type(5){
justify-self:center;
}
.ecosystem-orbit article:nth-of-type(3),
.ecosystem-orbit article:nth-of-type(6){
justify-self:end;
}
.ecosystem-orbit article img{
width:40px;
height:40px;
object-fit:contain;
margin-bottom:11px;
}
.ecosystem-orbit article h3{
margin:0 0 7px;
font-family:"Bodoni Moda",Didot,"Times New Roman",serif;
font-size:20px;
font-weight:500;
}
.ecosystem-orbit article p{
margin:0;
color:#9fb5c8;
font-size:11px;
line-height:1.55;
}
.about-local{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:50px;
}
.about-local>div{
max-width:800px;
}
.about-local .button{
flex:0 0 auto;
}
@media(max-width:1000px){
.about-hero-new{
min-height:700px;
}
.about-hero-content{
width:min(720px,76vw);
}
.about-philosophy{
grid-template-columns:1fr;
}
.ecosystem-orbit{
grid-template-columns:repeat(2,1fr);
min-height:auto;
}
.ecosystem-track,
.ecosystem-track-inner,
.ecosystem-core{
display:none;
}
.ecosystem-orbit article,
.ecosystem-orbit article:nth-of-type(n){
width:100%;
justify-self:stretch;
}
}
@media(max-width:650px){
.about-hero-new{
min-height:720px;
}
.about-hero-image{
background-position:61% center;
}
.about-hero-shade{
background:linear-gradient(0deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.84) 58%,rgba(2,10,22,.24));
}
.about-hero-content{
width:auto;
margin:0 23px 52px;
}
.about-hero-content h1{
font-size:46px;
}
.about-hero-content>p:not(.eyebrow){
font-size:14px;
}
.about-hero-actions{
flex-direction:column;
align-items:stretch;
}
.about-principles article{
grid-template-columns:38px 1fr;
}
.about-principles p{
grid-column:2;
}
.ecosystem-orbit{
grid-template-columns:1fr;
}
.about-local{
align-items:flex-start;
flex-direction:column;
}
}
@media(prefers-reduced-motion:reduce){
.ecosystem-track::before,
.ecosystem-track::after,
.ecosystem-core{
animation:none;
}
}
/* Version 2.85 — planetary connected-home systems */
.ecosystem-orbit article{
width:144px;
height:144px;
padding:17px 15px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
overflow:hidden;
text-align:center;
border:1px solid rgba(124,204,255,.48);
border-radius:50%;
background:
radial-gradient(circle at 32% 23%,rgba(128,205,255,.22),transparent 19%),
radial-gradient(circle at 62% 68%,rgba(5,22,42,.3),rgba(2,12,27,.82) 72%),
linear-gradient(145deg,#174a75,#06172c);
box-shadow:
inset -20px -18px 34px rgba(0,5,15,.48),
inset 10px 9px 22px rgba(87,187,255,.1),
0 0 24px rgba(35,155,235,.2),
0 18px 42px rgba(0,0,0,.28);
backdrop-filter:none;
transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.ecosystem-orbit article::before{
content:"";
position:absolute;
inset:9px;
pointer-events:none;
border:1px solid rgba(157,218,255,.1);
border-radius:50%;
background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 34%);
}
.ecosystem-orbit article:hover{
transform:translateY(-7px) scale(1.025);
border-color:rgba(135,215,255,.75);
box-shadow:
inset -20px -18px 34px rgba(0,5,15,.48),
inset 10px 9px 22px rgba(87,187,255,.13),
0 0 38px rgba(35,155,235,.36),
0 24px 50px rgba(0,0,0,.32);
}
.ecosystem-orbit article:nth-of-type(2){
background:
radial-gradient(circle at 32% 23%,rgba(155,215,255,.22),transparent 19%),
radial-gradient(circle at 63% 69%,rgba(20,21,64,.28),rgba(4,15,35,.86) 72%),
linear-gradient(145deg,#27548a,#081a35);
}
.ecosystem-orbit article:nth-of-type(3){
background:
radial-gradient(circle at 32% 23%,rgba(106,206,255,.2),transparent 19%),
radial-gradient(circle at 64% 70%,rgba(8,20,45,.4),rgba(2,12,27,.88) 72%),
linear-gradient(145deg,#0e567d,#06172c);
}
.ecosystem-orbit article:nth-of-type(4){
background:
radial-gradient(circle at 32% 23%,rgba(116,190,255,.2),transparent 19%),
radial-gradient(circle at 65% 70%,rgba(14,17,55,.42),rgba(3,12,29,.88) 72%),
linear-gradient(145deg,#264d82,#08172f);
}
.ecosystem-orbit article:nth-of-type(5){
background:
radial-gradient(circle at 32% 23%,rgba(130,215,255,.22),transparent 19%),
radial-gradient(circle at 63% 69%,rgba(8,31,51,.44),rgba(3,14,29,.88) 72%),
linear-gradient(145deg,#17667f,#07182d);
}
.ecosystem-orbit article:nth-of-type(6){
background:
radial-gradient(circle at 32% 23%,rgba(104,194,255,.2),transparent 19%),
radial-gradient(circle at 64% 70%,rgba(5,24,51,.44),rgba(2,12,27,.9) 72%),
linear-gradient(145deg,#185b91,#06172c);
}
.ecosystem-orbit article img{
width:36px;
height:36px;
padding:6px;
margin-bottom:7px;
border:1px solid rgba(102,197,255,.25);
border-radius:50%;
background:rgba(6,29,53,.42);
box-shadow:0 0 20px rgba(60,179,255,.1);
filter:drop-shadow(0 0 7px rgba(60,179,255,.25));
}
.ecosystem-orbit article h3{
font-size:16px;
margin-bottom:4px;
}
.ecosystem-orbit article p{
max-width:118px;
font-size:8.5px;
line-height:1.4;
color:#adc4d7;
}
@media(max-width:1000px){
.ecosystem-orbit article,
.ecosystem-orbit article:nth-of-type(n){
width:min(144px,100%);
height:auto;
min-height:144px;
aspect-ratio:1;
justify-self:center;
}
}
/* Version 2.86 — illuminated Sonoran Desert closing section */
.about-local{
position:relative;
isolation:isolate;
min-height:520px;
max-width:none;
margin:0;
overflow:hidden;
padding-left:clamp(28px,6vw,96px);
padding-right:clamp(28px,6vw,96px);
background:
linear-gradient(90deg,rgba(2,10,22,.96) 0%,rgba(2,10,22,.82) 43%,rgba(2,10,22,.18) 76%),
linear-gradient(0deg,rgba(2,10,22,.76),transparent 64%),
url("assets/about-desert-landscape-lighting.webp") center/cover no-repeat;
border-top:1px solid rgba(88,177,239,.2);
border-bottom:1px solid rgba(88,177,239,.2);
}
.about-local::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
pointer-events:none;
background:linear-gradient(0deg,rgba(2,10,22,.62),transparent 42%);
}
.about-local>div,
.about-local>.button{
position:relative;
z-index:2;
}
.about-local h2{
color:#fff;
text-shadow:0 4px 28px rgba(0,0,0,.72);
}
.about-local p{
max-width:790px;
color:#d0deea;
text-shadow:0 2px 15px rgba(0,0,0,.75);
}
.about-water-note{
max-width:820px;
margin-top:24px;
padding:17px 20px;
border-left:2px solid #4bc978;
background:linear-gradient(90deg,rgba(21,91,54,.3),rgba(4,27,31,.08));
border-radius:0 12px 12px 0;
backdrop-filter:blur(6px);
}
.about-water-note strong{
display:block;
margin-bottom:6px;
color:#77e39a;
font-size:11px;
font-weight:700;
letter-spacing:.15em;
text-transform:uppercase;
}
.about-water-note p{
margin:0;
color:#d7e7df;
font-size:13px;
line-height:1.68;
}
@media(max-width:650px){
.about-local{
min-height:620px;
justify-content:flex-end;
background-position:66% center;
background-image:
linear-gradient(0deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.8) 54%,rgba(2,10,22,.16) 100%),
url("assets/about-desert-landscape-lighting.webp");
}
}
/* Version 2.87 — revolving connected-home solar system */
@media(min-width:1001px){
.ecosystem-orbit{
display:block;
min-height:760px;
}
.ecosystem-track{
width:calc(100% - 144px);
max-width:none;
height:532px;
}
.ecosystem-track-inner{
width:58%;
height:310px;
}
.ecosystem-core{
z-index:5;
}
.ecosystem-orbit article,
.ecosystem-orbit article:nth-of-type(n){
position:absolute;
left:50%;
top:50%;
z-index:4;
margin:0;
justify-self:auto;
will-change:transform;
transform:
translate(
calc(-50% + var(--orbit-x,0px)),
calc(-50% + var(--orbit-y,0px))
)
scale(var(--planet-scale,1));
}
.ecosystem-orbit article:hover{
--planet-scale:1.035;
}
}
@media(max-width:1000px){
.ecosystem-orbit{
display:grid;
}
.ecosystem-orbit article,
.ecosystem-orbit article:nth-of-type(n){
position:relative;
left:auto;
top:auto;
transform:none;
}
}
/* Version 2.92 — GEOLINK sphere halo */
.ecosystem-core::before,
.ecosystem-core::after{
content:"";
position:absolute;
left:50%;
top:50%;
z-index:-1;
width:330px;
height:94px;
border:1px solid rgba(111,207,255,.58);
border-radius:50%;
transform:translate(-50%,-50%) rotate(-12deg);
box-shadow:
0 0 9px rgba(90,194,255,.48),
0 0 28px rgba(45,158,231,.22),
inset 0 0 12px rgba(90,194,255,.18);
animation:geolink-halo 9s ease-in-out infinite;
pointer-events:none;
}
.ecosystem-core::after{
width:282px;
height:72px;
border-color:rgba(128,218,255,.34);
transform:translate(-50%,-50%) rotate(11deg);
animation-name:geolink-halo-secondary;
animation-duration:11s;
}
@keyframes geolink-halo{
0%,100%{
opacity:.55;
transform:translate(-50%,-50%) rotate(-12deg) scale(.98);
}
50%{
opacity:1;
transform:translate(-50%,-50%) rotate(-9deg) scale(1.025);
}
}
@keyframes geolink-halo-secondary{
0%,100%{
opacity:.38;
transform:translate(-50%,-50%) rotate(11deg) scale(1.02);
}
50%{
opacity:.74;
transform:translate(-50%,-50%) rotate(8deg) scale(.98);
}
}
@media(prefers-reduced-motion:reduce){
.ecosystem-core::before,
.ecosystem-core::after{
animation:none;
}
}
/* Version 2.93 — interactive entertainment format explanations */
button.av-logo-badge{
width:100%;
color:inherit;
font-family:inherit;
text-align:left;
cursor:pointer;
appearance:none;
}
.format-explainer{
position:relative;
transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.format-explainer::after{
content:"+";
position:absolute;
right:19px;
bottom:15px;
width:24px;
height:24px;
display:grid;
place-items:center;
border:1px solid rgba(101,193,255,.34);
border-radius:50%;
color:#6bc5ff;
font-size:17px;
font-weight:400;
line-height:1;
transition:transform .25s ease,background .25s ease;
}
.format-explainer:hover,
.format-explainer:focus-visible,
.format-explainer[aria-expanded="true"]{
transform:translateY(-4px);
border-color:rgba(100,197,255,.62);
background:linear-gradient(145deg,rgba(17,65,105,.82),rgba(5,25,48,.92));
box-shadow:0 19px 48px rgba(0,84,156,.22);
outline:none;
}
.format-explainer:focus-visible{
box-shadow:0 0 0 3px rgba(81,180,245,.24),0 19px 48px rgba(0,84,156,.22);
}
.format-explainer[aria-expanded="true"]::after{
content:"−";
transform:rotate(180deg);
background:rgba(47,160,233,.18);
}
.format-detail{
position:relative;
max-width:1240px;
margin:22px auto 0;
padding:34px 76px 34px 34px;
border:1px solid rgba(101,193,255,.36);
border-radius:18px;
background:
radial-gradient(circle at 88% 18%,rgba(41,142,219,.17),transparent 26%),
linear-gradient(145deg,rgba(11,45,76,.96),rgba(4,19,37,.97));
box-shadow:0 24px 65px rgba(0,0,0,.27);
}
.format-detail[hidden]{
display:none;
}
.format-detail .eyebrow{
margin:0 0 9px;
}
.format-detail h3{
margin:0 0 23px;
font:500 32px "Bodoni Moda",Georgia,serif;
}
.format-detail-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}
.format-detail-columns strong{
display:block;
margin-bottom:9px;
color:#6bc5ff;
font-size:10px;
letter-spacing:.13em;
text-transform:uppercase;
}
.format-detail-columns p{
margin:0;
color:#b7cadb;
font-size:13px;
line-height:1.72;
}
.format-detail-close{
position:absolute;
right:21px;
top:18px;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,.18);
border-radius:50%;
background:rgba(3,18,35,.45);
color:#dcecff;
font-size:23px;
cursor:pointer;
}
.format-detail-close:hover,
.format-detail-close:focus-visible{
border-color:#61bfff;
color:#61bfff;
outline:none;
}
@media(max-width:700px){
.format-detail{
padding:29px 28px;
}
.format-detail-columns{
grid-template-columns:1fr;
gap:24px;
}
}
/* Version 2.89 — seamless Milky Way Projects section */
#gallery{
max-width:none;
overflow:hidden;
isolation:isolate;
background-image:
linear-gradient(180deg,#020b17 0%,rgba(2,11,23,.35) 15%,rgba(2,11,23,.54) 80%,#020b17 100%),
linear-gradient(90deg,rgba(2,11,23,.7),rgba(2,11,23,.22) 48%,rgba(2,11,23,.7)),
url("assets/project-gallery-milky-way-home.webp");
background-position:center;
background-size:cover;
background-attachment:scroll;
border-left:0;
border-right:0;
}
#gallery::before,
#gallery::after{
content:"";
position:absolute;
left:0;
right:0;
z-index:-1;
height:110px;
pointer-events:none;
}
#gallery::before{
top:0;
background:linear-gradient(180deg,#020b17,transparent);
}
#gallery::after{
bottom:0;
background:linear-gradient(0deg,#020b17,transparent);
}
#gallery .section-heading{
position:relative;
z-index:2;
text-shadow:0 3px 25px rgba(0,0,0,.76);
}
#gallery .gallery-grid{
position:relative;
z-index:2;
max-width:1260px;
margin-left:auto;
margin-right:auto;
}
#gallery .gallery-card.large{
background-position:center;
border-color:rgba(128,199,244,.24);
box-shadow:
inset 0 0 45px rgba(2,11,23,.14),
0 26px 70px rgba(0,0,0,.28);
}
#gallery .gallery-card.large::after{
background:
linear-gradient(0deg,rgba(2,11,24,.94),transparent 66%),
linear-gradient(90deg,rgba(2,11,24,.22),transparent 28%,rgba(2,11,24,.08));
}
@media(max-width:760px){
body,
.home-services,
.home-partners,
.home-feature-grid,
#solutions,
#gallery,
#process,
#contact,
.partners-page main,
.about-orbit-section{
background-attachment:scroll;
}
}
/* Version 2.15 — Project Gallery feature image */
.gallery-card.large{
background-image:url("assets/project-gallery-milky-way-home.webp");
background-position:center;
background-size:cover;
}
/* Version 2.16 — verified company vector marks on Partners page */
.partners-page .partner-logo-frame img{
width:min(320px,90%);
height:82px;
max-width:90%;
object-fit:contain;
}
.partners-page .partner-logo-frame img[src*="partner-ring-official"],
.partners-page .partner-logo-frame img[src*="partner-ubiquiti-official"]{
width:118px;
height:88px;
}
.partners-page .partner-logo-frame img[src*="partner-savant-official"],
.partners-page .partner-logo-frame img[src*="partner-sonos-official"],
.partners-page .partner-logo-frame img[src*="partner-samsung-official"],
.partners-page .partner-logo-frame img[src*="partner-sony-official"]{
width:min(300px,88%);
height:72px;
}
/* Version 2.17 — refined Partners page logo scale */
.partners-page .partner-logo-frame img{
transform:scale(.8);
}
.partners-page .partner-page-card:hover .partner-logo-frame img{
transform:scale(.828);
}
.partners-page .partner-logo-frame img[src*="partner-ring-official"]{
transform:none;
}
.partners-page .partner-page-card:hover .partner-logo-frame img[src*="partner-ring-official"]{
transform:scale(1.035);
}
/* Version 2.18 — detailed consultation form */
.consultation-form{gap:18px}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-full{grid-column:1/-1}
.consultation-form fieldset{margin:0;padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(2,14,29,.34)}
.consultation-form legend{padding:0 8px;font-size:11px;letter-spacing:.08em;color:#aabfd2}
.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.interest-grid label{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.035);letter-spacing:0;line-height:1.35}
.interest-grid input{width:auto;margin:0;accent-color:#42adff}
.form-submit-row{display:flex;align-items:center;gap:16px}
.form-submit-row span{max-width:300px;color:#8fa9c0;font-size:11px;line-height:1.5}
@media(max-width:600px){.form-grid,.interest-grid{grid-template-columns:1fr}.form-submit-row{align-items:flex-start;flex-direction:column}}
/* Version 2.19 — balanced homepage partner vectors */
.home-partner-row img{
width:132px;
height:42px;
max-width:82%;
max-height:42px;
object-fit:contain;
}
.home-partner-row img[src*="partner-ring-official"],
.home-partner-row img[src*="partner-ubiquiti-official"]{
width:54px;
height:48px;
max-height:48px;
}
.home-partner-row img[src*="partner-samsung-official"],
.home-partner-row img[src*="partner-sony-official"]{
width:128px;
height:31px;
}
.home-partner-row img[src*="partner-savant-official"]{
width:126px;
height:34px;
}
.partners .partner-card img{
display:block;
width:174px;
height:46px;
max-width:100%;
max-height:none;
object-fit:contain;
object-position:left center;
}
.partners .partner-card img[src*="partner-ring-official"],
.partners .partner-card img[src*="partner-ubiquiti-official"]{
width:62px;
}
.partners .partner-card img[src*="partner-samsung-official"],
.partners .partner-card img[src*="partner-sony-official"],
.partners .partner-card img[src*="partner-savant-official"]{
width:166px;
}
@media(max-width:1050px){
.home-partner-row img{width:116px;height:38px;max-height:38px}
.home-partner-row img[src*="partner-ring-official"],
.home-partner-row img[src*="partner-ubiquiti-official"]{width:49px;height:43px;max-height:43px}
}
@media(max-width:600px){
.home-partner-row img{width:104px;height:34px;max-height:34px}
.home-partner-row img[src*="partner-ring-official"],
.home-partner-row img[src*="partner-ubiquiti-official"]{width:44px;height:39px;max-height:39px}
}
/* Version 2.20 — stronger Ring presence and cleaner partner cards */
.home-partner-row img[src*="partner-ring-official"]{
width:70px;
height:56px;
max-height:56px;
}
.partners .partner-card img[src*="partner-ring-official"]{
width:78px;
height:52px;
}
.partners-page .partner-logo-frame img[src*="partner-ring-official"]{
width:136px;
height:100px;
}
.partners-page .partner-page-card:hover .partner-logo-frame img[src*="partner-ring-official"]{
transform:scale(1.035);
}
@media(max-width:1050px){
.home-partner-row img[src*="partner-ring-official"]{width:63px;height:50px;max-height:50px}
}
@media(max-width:600px){
.home-partner-row img[src*="partner-ring-official"]{width:56px;height:45px;max-height:45px}
}
/* Version 2.21 — residential security lifestyle showcase */
.security-showcase{
margin-top:34px;
padding:32px;
border:1px solid rgba(86,175,239,.24);
border-radius:22px;
background:linear-gradient(145deg,rgba(11,39,70,.82),rgba(4,19,38,.88));
}
.security-showcase-heading{
display:grid;
grid-template-columns:minmax(220px,.72fr) 1.28fr;
gap:10px 42px;
align-items:end;
margin-bottom:25px;
}
.security-showcase-heading .eyebrow{grid-column:1/-1;margin:0}
.security-showcase-heading h3{
margin:0;
font:500 clamp(28px,3vw,43px)/1.08 "Bodoni Moda",Georgia,serif;
}
.security-showcase-heading>p:last-child{
margin:0;
color:#a9bfd5;
font-size:14px;
line-height:1.7;
}
.security-lifestyle-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.security-lifestyle-card{
position:relative;
height:360px;
overflow:hidden;
border:1px solid rgba(255,255,255,.12);
border-radius:17px;
background:#061426;
}
.security-lifestyle-photo{
width:100%;
height:100%;
object-fit:cover;
transition:transform .55s ease;
}
.security-lifestyle-card:first-child .security-lifestyle-photo{object-position:center 45%}
.security-lifestyle-card:last-child .security-lifestyle-photo{object-position:center 50%}
.security-lifestyle-card:hover .security-lifestyle-photo{transform:scale(1.035)}
.security-card-shade{
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(2,10,22,.96),rgba(2,10,22,.08) 68%);
}
.security-card-copy{
position:absolute;
left:25px;
right:25px;
bottom:23px;
display:grid;
grid-template-columns:auto 1fr;
gap:5px 16px;
align-items:end;
}
.security-card-copy img{
grid-row:1/3;
width:64px;
height:50px;
object-fit:contain;
}
.security-lifestyle-card:last-child .security-card-copy img{width:52px}
.security-card-copy strong{font:500 21px "Bodoni Moda",Georgia,serif}
.security-card-copy small{color:#b4c8d9;font-size:11px;line-height:1.45}
@media(max-width:760px){
.security-showcase{padding:22px}
.security-showcase-heading,.security-lifestyle-grid{grid-template-columns:1fr}
.security-lifestyle-card{height:320px}
}
/* Version 2.30 — transparent connected-home experience */
.connected-house-card{
position:relative;
min-height:535px;
overflow:hidden;
border:1px solid rgba(86,175,239,.24);
border-radius:24px;
background:
linear-gradient(180deg,rgba(2,13,29,.05),rgba(2,13,29,.5)),
url("assets/geolink-glass-house-galaxy.webp") center/cover;
box-shadow:inset 0 0 80px rgba(1,10,23,.72),0 25px 80px rgba(0,0,0,.25);
isolation:isolate;
}
.house-galaxy{
position:absolute;
inset:0;
background:
radial-gradient(circle at 51% 58%,rgba(30,150,255,.2),transparent 22%),
linear-gradient(135deg,rgba(3,16,34,.08),rgba(3,16,34,.34));
}
.home-scene-animation{position:absolute;inset:0;z-index:2;pointer-events:none}
.room-light{
position:absolute;
border-radius:45%;
opacity:0;
background:radial-gradient(ellipse,rgba(255,194,107,.5),rgba(255,155,57,.17) 42%,transparent 72%);
mix-blend-mode:screen;
animation:room-scene 14s ease-in-out infinite;
}
.light-living{left:12%;top:40%;width:28%;height:29%}
.light-bedroom{left:41%;top:17%;width:22%;height:25%;animation-delay:2.5s}
.light-kitchen{left:58%;top:38%;width:27%;height:27%;animation-delay:5s}
.light-theater{left:15%;top:66%;width:32%;height:24%;animation-delay:7.5s}
@keyframes room-scene{
0%,12%,88%,100%{opacity:0}
28%,66%{opacity:.88}
78%{opacity:.22}
}
@media(prefers-reduced-motion:reduce){
.room-light,.wifi-arc,.signal-route i{animation:none}
.room-light{opacity:.32}
}
.house-outline{
position:absolute;
width:72%;
height:59%;
left:14%;
top:22%;
opacity:.76;
filter:drop-shadow(0 0 18px rgba(67,178,255,.28));
}
.house-roof{
position:absolute;
left:7%;
top:0;
width:86%;
height:43%;
border-top:2px solid rgba(132,208,255,.82);
border-left:2px solid rgba(132,208,255,.82);
transform:skewY(-24deg) rotate(0deg);
transform-origin:left top;
}
.house-roof:after{
content:"";
position:absolute;
width:54%;
height:2px;
right:-1%;
top:63%;
background:rgba(132,208,255,.82);
transform:rotate(45deg);
transform-origin:right center;
}
.house-structure{
position:absolute;
left:10%;
right:10%;
bottom:0;
height:68%;
border:2px solid rgba(132,208,255,.78);
border-top:0;
background:linear-gradient(135deg,rgba(37,139,212,.08),rgba(2,15,32,.16));
backdrop-filter:blur(1px);
}
.house-floor,.house-wall,.house-window{position:absolute;display:block;background:rgba(132,208,255,.58)}
.floor-one{left:0;right:0;top:48%;height:1px}
.wall-one{left:32%;top:0;bottom:0;width:1px}
.wall-two{right:31%;top:0;bottom:0;width:1px}
.house-window{height:27%;width:18%;top:10%;border:1px solid rgba(111,196,255,.65);background:rgba(66,157,224,.07)}
.window-one{left:7%}.window-two{left:41%}.window-three{right:6%}
.wifi-hub{
position:absolute;
left:50%;
top:58%;
width:116px;
height:116px;
transform:translate(-50%,-50%);
z-index:5;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:50%;
background:radial-gradient(circle,#167fd0,#061a32 70%);
border:1px solid rgba(119,205,255,.78);
box-shadow:0 0 42px rgba(39,164,255,.5);
}
.wifi-hub strong{font:700 15px "Space Grotesk",Montserrat,sans-serif}
.hub-wordmark{
width:82px;
height:auto;
display:block;
object-fit:contain;
mix-blend-mode:screen;
}
.wifi-hub small{margin-top:4px;font-size:6px;letter-spacing:.14em}
.wifi-arc{
position:absolute;
left:50%;
top:50%;
border:1px solid rgba(103,193,255,.35);
border-radius:50%;
transform:translate(-50%,-50%);
animation:wifi-breathe 3.4s ease-out infinite;
}
.arc-one{width:148px;height:148px}
.arc-two{width:190px;height:190px;animation-delay:1.1s}
.arc-three{width:232px;height:232px;animation-delay:2.2s}
@keyframes wifi-breathe{
0%{opacity:0;transform:translate(-50%,-50%) scale(.68)}
28%{opacity:.68}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.14)}
}
.signal-route{
position:absolute;
left:50%;
top:58%;
height:1px;
width:29%;
z-index:3;
background:linear-gradient(90deg,rgba(68,181,255,.75),rgba(68,181,255,.05));
transform-origin:left center;
}
.signal-route i{
position:absolute;
width:7px;
height:7px;
top:-3px;
left:0;
border-radius:50%;
background:#8bd6ff;
box-shadow:0 0 14px 4px rgba(47,174,255,.85);
animation:signal-travel 3.3s ease-in-out infinite;
}
.route-lighting{transform:rotate(-130deg);width:27%}
.route-security{transform:rotate(-35deg);width:34%}
.route-audio{transform:rotate(24deg);width:31%}
.route-climate{transform:rotate(133deg);width:27%}
.route-network{transform:rotate(180deg);width:34%}
.route-security i{animation-delay:.55s}.route-audio i{animation-delay:1.1s}.route-climate i{animation-delay:1.65s}.route-network i{animation-delay:2.2s}
@keyframes signal-travel{
0%{left:0;opacity:0}
15%{opacity:1}
78%{opacity:1}
100%{left:calc(100% - 7px);opacity:0}
}
.smart-device{
position:absolute;
z-index:6;
display:flex;
align-items:center;
gap:8px;
padding:8px 11px;
border:1px solid rgba(88,187,255,.55);
border-radius:999px;
background:rgba(5,29,54,.82);
box-shadow:0 0 18px rgba(21,130,218,.18);
backdrop-filter:blur(7px);
}
.smart-device img{width:27px;height:27px;object-fit:contain}
.smart-device span{font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.device-lighting{left:8%;top:13%}
.device-security{right:5%;top:28%}
.device-audio{right:8%;bottom:15%}
.device-climate{left:13%;bottom:10%}
.device-network{left:3%;top:47%}
@media(max-width:900px){
.connected-house-card{min-height:500px}
}
@media(max-width:600px){
.connected-house-card{min-height:430px}
.house-outline{width:88%;left:6%;top:25%}
.wifi-hub{width:88px;height:88px}
.hub-wordmark{width:64px}
.wifi-arc{display:none}
.smart-device{padding:6px 8px}
.smart-device img{width:21px;height:21px}
.smart-device span{font-size:6px}
.device-lighting{left:4%;top:10%}
.device-security{right:2%;top:24%}
.device-audio{right:3%;bottom:14%}
.device-climate{left:5%;bottom:10%}
.device-network{left:1%;top:45%}
}
/* Version 2.23 — cleaner transition after the homepage partner strip */
.home-partners{border-bottom:1px solid rgba(70,161,226,.32)}
.home-partners + #solutions{padding-top:82px}
.home-partners + #solutions > .security-showcase:first-child{margin-top:0}
/* Version 2.24 — residential climate lifestyle showcase */
.climate-showcase{margin-top:22px}
.climate-lifestyle-card:first-child .security-lifestyle-photo{object-position:center 48%}
.climate-lifestyle-card:last-child .security-lifestyle-photo{object-position:center 42%}
.climate-card-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:5px;
}
.climate-brand{
color:#6bc3ff;
font-size:11px;
font-weight:700;
letter-spacing:.13em;
text-transform:uppercase;
}
/* Version 2.27 — high-performance networking showcase */
.networking-showcase{margin-top:22px}
.eero-network-card .security-lifestyle-photo{object-position:center center}
.unifi-network-card{
background:
radial-gradient(circle at 68% 36%,rgba(32,143,244,.22),transparent 34%),
linear-gradient(145deg,#071b32,#020914);
}
.unifi-network-card .security-lifestyle-photo{
object-fit:cover;
object-position:center center;
padding:0;
}
.networking-card-copy img{
width:74px;
height:38px;
filter:none;
}
.unifi-network-card .networking-card-copy img{width:58px}
.networking-lifestyle-card:focus-visible{
outline:2px solid #61bdff;
outline-offset:3px;
}
/* Version 2.38 — home theater and audio showcase */
.audio-showcase{margin-top:22px}
.sonos-audio-card .security-lifestyle-photo{object-position:center 52%}
.marantz-audio-card .security-lifestyle-photo{object-position:center 58%}
.audio-card-copy img{
width:80px;
height:40px;
filter:none;
}
.marantz-brand{
color:#e4c790;
letter-spacing:.18em;
}
.audio-lifestyle-card:focus-visible{
outline:2px solid #61bdff;
outline-offset:3px;
}
/* Version 2.39 — Lutron Caséta lighting and shades showcase */
.lighting-showcase{margin-top:22px}
.caseta-lighting-card .security-lifestyle-photo{object-position:center center}
.caseta-shades-card .security-lifestyle-photo{object-position:center 55%}
.lighting-card-copy img{
width:82px;
height:40px;
filter:none;
}
.lighting-lifestyle-card:focus-visible{
outline:2px solid #61bdff;
outline-offset:3px;
}
/* Version 2.42 — lifestyle imagery across the Partners page */
.partners-page .lifestyle-product-photo{
height:230px;
padding:0;
background:#061426;
}
.partners-page .lifestyle-product-photo img{
width:100%;
height:100%;
object-fit:cover;
border-radius:15px;
background:#061426;
filter:none;
transform:none;
}
.partners-page .partner-page-card:hover .lifestyle-product-photo img{
transform:scale(1.035);
filter:none;
}
.partners-page .lifestyle-product-photo::after{display:none}
.partners-page .partner-page-card:nth-child(1) .lifestyle-product-photo img{object-position:center 45%}
.partners-page .partner-page-card:nth-child(2) .lifestyle-product-photo img{
object-position:76% center;
transform:scale(1.12);
}
.partners-page .partner-page-card:nth-child(2):hover .lifestyle-product-photo img{
transform:scale(1.16);
}
.partners-page .partner-page-card:nth-child(3) .lifestyle-product-photo img{object-position:center 52%}
.partners-page .partner-page-card:nth-child(4) .lifestyle-product-photo img{object-position:center center}
.partners-page .partner-page-card:nth-child(5) .lifestyle-product-photo img{object-position:center 48%}
.partners-page .partner-page-card:nth-child(6) .lifestyle-product-photo img{object-position:center center}
.partners-page .partner-page-card:nth-child(7) .lifestyle-product-photo img{object-position:center center}
.partners-page .partner-page-card:nth-child(8) .lifestyle-product-photo img{object-position:center 55%}
.partners-page .partner-page-card:nth-child(9) .lifestyle-product-photo img{object-position:center center}
.partner-product-visual::after{
bottom:7px;
}
@media(max-width:760px){
.official-product-photo{height:190px}
.official-product-photo img{height:155px}
.partners-page .lifestyle-product-photo{height:190px}
.partners-page .lifestyle-product-photo img{height:100%}
}
/* Version 2.46 — Rachio manufacturer and rebate links */
.partner-card-actions{
width:100%;
margin-top:auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
.partner-card-actions a{
margin-top:0;
border:1px solid #20a8ff;
border-radius:4px;
padding:10px 16px;
text-transform:uppercase;
font-size:10px;
font-weight:700;
}
.partner-card-actions a:last-child{
background:transparent;
border-color:#39bd72;
color:#67d994;
}
.partner-card-actions a:hover{
background:#5cc1ff;
border-color:#5cc1ff;
color:#031222;
}
.partner-card-actions a:last-child:hover{
background:rgba(57,189,114,.1);
border-color:#67d994;
color:#8ae8ad;
box-shadow:0 0 22px rgba(57,189,114,.3);
}
/* Version 2.95 — seamless Partners hero image blend */
.partners-page .partners-hero{
position:relative;
isolation:isolate;
overflow:hidden;
background-image:
linear-gradient(90deg,rgba(2,11,24,.97) 0%,rgba(2,11,24,.82) 43%,rgba(2,11,24,.42) 72%,rgba(2,11,24,.22) 100%),
url("assets/milky-way-interior-background.webp");
background-position:center,center;
background-size:cover,cover;
background-repeat:no-repeat;
}
.partners-page .partners-hero::before{
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
background:url("assets/partners-hero-house.webp") right center/auto 145% no-repeat;
opacity:.86;
-webkit-mask-image:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.12) 43%,rgba(0,0,0,.7) 60%,#000 75%);
mask-image:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.12) 43%,rgba(0,0,0,.7) 60%,#000 75%);
}
.partners-page .partners-hero-copy{
position:relative;
z-index:1;
}
@media(max-width:760px){
.partners-page .partners-hero{
background-image:
linear-gradient(180deg,rgba(2,11,24,.55),rgba(2,11,24,.96)),
url("assets/milky-way-interior-background.webp");
background-position:center,center;
background-size:cover,cover;
}
.partners-page .partners-hero::before{
background-size:auto 112%;
opacity:.56;
-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 58%,rgba(0,0,0,.5));
mask-image:linear-gradient(180deg,rgba(0,0,0,.55),#000 58%,rgba(0,0,0,.5));
}
}
/* Version 2.51 — smart-home ecosystem compatibility */
.ecosystem-compatibility{
margin:38px clamp(24px,5vw,78px) 6px;
padding:34px clamp(22px,4vw,48px) 24px;
border:1px solid rgba(82,171,235,.28);
border-radius:18px;
background:linear-gradient(135deg,rgba(8,32,58,.82),rgba(2,14,28,.92));
text-align:center;
}
.ecosystem-heading{
max-width:720px;
margin:0 auto 26px;
}
.ecosystem-heading h2{
margin:8px 0 10px;
font:500 clamp(30px,3.5vw,48px)/1.08 "Bodoni Moda",Georgia,serif;
color:#fff;
}
.ecosystem-heading>p:last-child{
margin:0;
color:#afc4d5;
font-size:14px;
line-height:1.65;
}
.ecosystem-logo-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.ecosystem-logo-row article{
min-height:132px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:13px;
border:1px solid rgba(92,176,237,.22);
border-radius:14px;
background:rgba(3,18,35,.65);
}
.ecosystem-logo-row img{
width:58px;
height:58px;
object-fit:contain;
}
.ecosystem-logo-row strong{
color:#f5f9fc;
font-size:13px;
letter-spacing:.04em;
}
.ecosystem-note{
margin:18px auto 0;
max-width:880px;
color:#748da1;
font-size:9px;
line-height:1.55;
}
@media(max-width:650px){
.ecosystem-logo-row{grid-template-columns:1fr}
.ecosystem-logo-row article{min-height:112px}
}
/* Version 2.52 — Google Nest, Marantz and ecobee partner cards */
.partners-page .partner-logo-frame img[src*="partner-google-nest-official"]{
height:82px;
max-width:90%;
}
.partners-page .partner-logo-frame img[src*="partner-marantz-official"]{
height:82px;
max-width:90%;
}
.partners-page .partner-logo-frame img[src*="partner-ecobee-official"]{
height:82px;
max-width:90%;
}
.partners-page .partner-page-card:nth-child(10) .lifestyle-product-photo img{
object-position:center center;
}
.partners-page .partner-page-card:nth-child(11) .lifestyle-product-photo img{
object-position:center 54%;
}
.partners-page .partner-page-card:nth-child(12) .lifestyle-product-photo img{
object-position:center center;
}
/* Version 2.53 — Sonos Architectural by Sonance gallery image */
.gallery-card.theater{
background-image:url("assets/gallery-sonos-sonance-grey-wall.webp");
background-position:center 58%;
background-size:cover;
}
/* Version 2.55 — tunable-white lighting gallery image */
.gallery-card.lighting{
background-image:url("assets/gallery-lighting-color-temperatures.webp");
background-position:center 60%;
background-size:cover;
display:block;
transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.gallery-card.lighting:hover{
transform:translateY(-4px);
border-color:rgba(94,190,255,.55);
box-shadow:0 18px 48px rgba(0,93,174,.2);
}
.gallery-card.lighting:focus-visible{
outline:2px solid #5cc1ff;
outline-offset:4px;
}
/* Version 2.56 — lighting color-temperature guide */
.lighting-guide-page{
background:#020d1c;
}
.lighting-guide-hero{
min-height:620px;
padding:150px clamp(26px,7vw,110px) 80px;
display:flex;
align-items:center;
background:
linear-gradient(90deg,rgba(2,10,21,.96) 0%,rgba(2,10,21,.72) 44%,rgba(2,10,21,.12) 78%),
linear-gradient(0deg,rgba(2,10,21,.74),transparent 45%),
url("assets/gallery-lighting-color-temperatures.webp") center/cover no-repeat;
}
.lighting-guide-hero-copy{
max-width:660px;
}
.lighting-guide-hero h1{
margin:14px 0 22px;
font:500 clamp(50px,6vw,88px)/.98 "Bodoni Moda",Georgia,serif;
color:#fff;
}
.lighting-guide-hero h1 span{
color:#9bcaff;
}
.lighting-guide-hero-copy>p:last-child{
max-width:600px;
color:#d1dfeb;
font-size:17px;
line-height:1.75;
}
.temperature-intro{
max-width:1240px;
margin:0 auto;
padding:90px clamp(24px,6vw,80px) 46px;
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:end;
}
.temperature-intro h2,
.lighting-design-callout h2{
margin:10px 0 0;
font:500 clamp(34px,4vw,58px)/1.08 "Bodoni Moda",Georgia,serif;
}
.temperature-intro>p{
margin:0;
color:#aec2d3;
font-size:15px;
line-height:1.85;
}
.temperature-scale{
max-width:1240px;
margin:0 auto;
padding:10px clamp(24px,6vw,80px) 100px;
}
.temperature-gradient{
height:28px;
border:1px solid rgba(255,255,255,.2);
border-radius:999px;
background:linear-gradient(90deg,#ff9848 0%,#ffc179 24%,#ffe4bc 44%,#fffaf0 60%,#dcecff 78%,#acd3ff 100%);
box-shadow:0 0 32px rgba(255,196,121,.17);
}
.temperature-points{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:16px;
margin-top:25px;
}
.temperature-points article{
padding-top:15px;
border-top:1px solid rgba(117,181,226,.25);
}
.temperature-points strong{
display:block;
color:#fff;
font-size:15px;
}
.temperature-points span{
display:block;
margin:5px 0 9px;
color:#64bdff;
font-size:10px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}
.temperature-points p{
margin:0;
color:#8fa8bb;
font-size:11px;
line-height:1.65;
}
.lighting-scenes{
padding:95px clamp(24px,6vw,90px);
background:
linear-gradient(rgba(2,11,23,.76),rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp") center/cover fixed;
}
.lighting-scene-grid{
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.lighting-scene-grid article{
min-height:230px;
padding:28px;
border:1px solid rgba(80,171,235,.24);
border-radius:16px;
background:linear-gradient(145deg,rgba(11,40,69,.78),rgba(3,18,34,.9));
}
.lighting-scene-grid span{
color:rgba(91,187,255,.45);
font:600 34px "Space Grotesk";
}
.lighting-scene-grid .scene-time-icon{
display:block;
width:48px;
height:48px;
padding:10px;
border:1px solid rgba(91,187,255,.34);
border-radius:50%;
background:rgba(18,90,145,.16);
box-shadow:0 0 24px rgba(42,164,242,.12);
}
.lighting-scene-grid h3{
margin:18px 0 9px;
font:500 25px "Bodoni Moda",Georgia,serif;
}
.lighting-scene-grid p{
margin:0;
color:#9eb3c5;
font-size:13px;
line-height:1.72;
}
.lighting-design-callout{
max-width:1120px;
margin:90px auto;
padding:48px;
display:flex;
align-items:center;
justify-content:space-between;
gap:55px;
border:1px solid rgba(84,177,242,.3);
border-radius:24px;
background:linear-gradient(135deg,rgba(18,75,120,.46),rgba(4,22,40,.84));
}
.lighting-design-callout>div{
max-width:720px;
}
.lighting-design-callout p:last-child{
color:#aabfd0;
line-height:1.75;
}
.lighting-design-callout .button{
flex:0 0 auto;
}
@media(max-width:850px){
.temperature-intro{grid-template-columns:1fr;gap:24px}
.temperature-points{grid-template-columns:repeat(2,1fr)}
.lighting-scene-grid{grid-template-columns:repeat(2,1fr)}
.lighting-design-callout{margin:60px 22px;flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
.lighting-guide-hero{min-height:650px;background-position:62% center}
.temperature-points,.lighting-scene-grid{grid-template-columns:1fr}
.lighting-design-callout{padding:30px}
}
/* Version 2.58 — refined connected-home diagram */
.connected-house-card .wifi-hub{
width:96px;
height:96px;
background:radial-gradient(circle at 48% 40%,rgba(25,137,218,.92),rgba(4,23,43,.97) 72%);
border-color:rgba(111,204,255,.66);
box-shadow:0 0 28px rgba(39,164,255,.36);
}
.connected-house-card .hub-wordmark{width:70px}
.connected-house-card .wifi-hub small{
margin-top:3px;
font-size:5px;
letter-spacing:.16em;
color:#b9ddf7;
}
.connected-house-card .arc-one{width:128px;height:128px}
.connected-house-card .arc-two{width:164px;height:164px}
.connected-house-card .arc-three{width:202px;height:202px}
.connected-house-card .smart-device{
gap:9px;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
}
.connected-house-card .smart-device .device-icon{
width:38px;
height:38px;
flex:0 0 38px;
display:grid;
place-items:center;
border:1px solid rgba(91,190,255,.6);
border-radius:50%;
background:rgba(3,24,45,.86);
box-shadow:
inset 0 0 16px rgba(33,140,219,.16),
0 0 16px rgba(28,145,229,.22);
}
.connected-house-card .smart-device .device-icon img{
width:18px;
height:18px;
margin:0;
object-fit:contain;
}
.connected-house-card .smart-device>span:last-child{
padding:5px 8px 5px 0;
color:#eef8ff;
font-size:8px;
font-weight:700;
letter-spacing:.17em;
text-transform:uppercase;
text-shadow:0 1px 8px rgba(0,9,20,.95);
}
.connected-house-card .signal-route{
height:1px;
opacity:.74;
background:linear-gradient(90deg,rgba(92,196,255,.75),rgba(92,196,255,.1));
}
.connected-house-card .signal-route i{
width:5px;
height:5px;
top:-2px;
box-shadow:0 0 10px 3px rgba(76,190,255,.72);
}
@media(max-width:600px){
.connected-house-card .wifi-hub{width:76px;height:76px}
.connected-house-card .hub-wordmark{width:56px}
.connected-house-card .smart-device .device-icon{
width:31px;
height:31px;
flex-basis:31px;
}
.connected-house-card .smart-device .device-icon img{width:15px;height:15px}
.connected-house-card .smart-device>span:last-child{font-size:6px;padding-right:3px}
}
/* Version 2.47 — homepage house carried into the Partners hero */
.partners-page .partners-hero{
background-color:#020d1c;
background-image:
linear-gradient(90deg,rgba(2,11,24,.98) 0%,rgba(2,11,24,.9) 42%,rgba(2,11,24,.28) 72%,rgba(2,11,24,.08) 100%),
url("assets/partners-hero-house.webp"),
url("assets/milky-way-interior-background.webp");
background-position:center,right center,center;
background-size:cover,auto 145%,cover;
background-repeat:no-repeat;
}
@media(max-width:760px){
.partners-page .partners-hero{
background-image:
linear-gradient(180deg,rgba(2,11,24,.64),rgba(2,11,24,.95)),
url("assets/partners-hero-house.webp"),
url("assets/milky-way-interior-background.webp");
background-position:center,right center,center;
background-size:cover,auto 112%,cover;
}
}
/* Version 2.66 — immersive audio lifestyle background */
.av-audio-section{
max-width:1320px;
padding:78px clamp(24px,6vw,80px) 86px;
border:1px solid rgba(105,188,248,.22);
border-radius:26px;
background-color:#061425;
background-image:
linear-gradient(90deg,rgba(3,14,28,.98) 0%,rgba(3,14,28,.94) 42%,rgba(3,14,28,.70) 72%,rgba(3,14,28,.50) 100%),
linear-gradient(0deg,rgba(3,14,28,.82),rgba(3,14,28,.10) 52%,rgba(3,14,28,.48)),
url("assets/immersive-audio-room.webp");
background-position:center,center,center;
background-size:cover,cover,cover;
background-repeat:no-repeat;
box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
.av-audio-section .section-heading,
.av-audio-section .av-format-grid{
position:relative;
z-index:1;
}
.av-audio-section .av-format-grid article{
background:linear-gradient(145deg,rgba(9,31,55,.92),rgba(5,21,39,.82));
border-color:rgba(105,188,248,.24);
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
}
@media(max-width:760px){
.av-audio-section{
padding:58px 22px 62px;
background-image:
linear-gradient(rgba(3,14,28,.90),rgba(3,14,28,.94)),
url("assets/immersive-audio-room.webp");
background-position:center,center;
}
}
/* Version 2.67 — occasional shooting star over the homepage sky */
.home-hero .shooting-star{
position:absolute;
z-index:1;
top:17%;
left:43%;
width:5px;
height:5px;
border-radius:50%;
pointer-events:none;
opacity:0;
background:#fff;
box-shadow:
0 0 5px 2px #fff,
0 0 12px 5px rgba(113,190,255,.9),
0 0 26px 8px rgba(51,145,255,.45);
transform:rotate(20deg) translate3d(-10vw,-8vh,0);
}
.home-hero .shooting-star::before{
content:"";
position:absolute;
right:2px;
top:50%;
width:150px;
height:2px;
transform:translateY(-50%);
border-radius:999px;
background:linear-gradient(90deg,transparent,rgba(95,177,255,.2) 30%,rgba(210,235,255,.82) 78%,#fff);
filter:drop-shadow(0 0 4px rgba(94,177,255,.75));
}
.home-hero .shooting-star.is-flying{
animation:geolinkShootingStar 2.6s cubic-bezier(.18,.65,.25,1) forwards;
}
@keyframes geolinkShootingStar{
0%{
opacity:0;
transform:rotate(20deg) translate3d(-10vw,-8vh,0) scale(.7);
filter:blur(0);
}
10%{opacity:1}
48%{opacity:1}
66%{opacity:.5}
78%{opacity:.14;filter:blur(.35px)}
86%{
opacity:0;
filter:blur(.8px);
transform:rotate(20deg) translate3d(29vw,20vh,0) scale(.2);
}
100%{
opacity:0;
filter:blur(.8px);
transform:rotate(20deg) translate3d(29vw,20vh,0) scale(.2);
}
}
/* Version 2.109 — project examples and testimonials */
.examples-page{
background:#020d1c;
}
.examples-hero{
position:relative;
min-height:720px;
display:flex;
align-items:flex-end;
overflow:hidden;
background:url("assets/project-gallery-arizona-sunset-home.webp") center/cover no-repeat;
border-bottom:1px solid rgba(85,177,239,.24);
}
.examples-hero-shade{
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(2,10,22,.95) 0%,rgba(2,10,22,.72) 43%,rgba(2,10,22,.16) 75%),
linear-gradient(0deg,rgba(2,10,22,.82),transparent 58%);
}
.examples-hero-copy{
position:relative;
z-index:2;
width:min(760px,65vw);
margin:0 0 78px clamp(28px,6vw,96px);
}
.examples-hero h1{
margin:14px 0 22px;
font:500 clamp(50px,6vw,88px)/1.06 "Bodoni Moda",Didot,serif;
letter-spacing:-.035em;
}
.examples-hero h1 span{color:#64bdff}
.examples-hero-copy>p:not(.eyebrow){
max-width:650px;
color:#d5e3ef;
font-size:16px;
line-height:1.75;
}
.examples-hero-copy .button{margin-top:20px}
.examples-intro{
max-width:1440px;
}
.examples-intro .section-heading,
.testimonial-section .section-heading{
max-width:900px;
}
.examples-intro .section-heading h2,
.testimonial-section .section-heading h2,
.examples-cta h2{
font:500 clamp(38px,4.4vw,64px)/1.08 "Bodoni Moda",Didot,serif;
}
.examples-intro .section-heading>p:last-child,
.testimonial-section .section-heading>p:last-child,
.examples-cta>p:not(.eyebrow){
color:#a9bfd3;
line-height:1.75;
}
.example-project-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
}
.example-project-card{
overflow:hidden;
border:1px solid rgba(91,181,240,.24);
border-radius:22px;
background:linear-gradient(145deg,rgba(11,38,66,.88),rgba(4,18,35,.94));
box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.example-project-card>img{
display:block;
width:100%;
height:310px;
object-fit:cover;
}
.example-project-card>div{padding:28px 30px 32px}
.example-project-card span{
color:#55b9ff;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.example-project-card h3{
margin:10px 0 12px;
font:500 30px/1.1 "Bodoni Moda",Didot,serif;
}
.example-project-card p{
color:#afc3d5;
font-size:13px;
line-height:1.7;
}
.example-project-card ul{
margin:18px 0 0;
padding:0;
list-style:none;
}
.example-project-card li{
position:relative;
padding:6px 0 6px 18px;
color:#d5e3ee;
font-size:11px;
}
.example-project-card li::before{
content:"";
position:absolute;
left:0;
top:12px;
width:6px;
height:6px;
border-radius:50%;
background:#56bdff;
box-shadow:0 0 10px rgba(86,189,255,.6);
}
.testimonial-section{
max-width:none;
background:
linear-gradient(rgba(2,11,23,.78),rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp") center/cover no-repeat;
border-top:1px solid rgba(88,177,239,.15);
border-bottom:1px solid rgba(88,177,239,.15);
}
.testimonial-grid{
max-width:1320px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.testimonial-grid article{
margin:0;
padding:30px;
border:1px solid rgba(91,181,240,.26);
border-radius:20px;
background:rgba(5,24,45,.82);
}
.testimonial-grid article h3{
margin:0 0 18px;
color:#70c5ff;
font:500 28px/1.15 "Bodoni Moda",Didot,serif;
}
.testimonial-grid article p{
margin:0;
color:#d5e3ee;
font-size:14px;
line-height:1.75;
}
.examples-cta{
max-width:1050px;
text-align:center;
}
.examples-cta .button{margin-top:18px}
@media(max-width:900px){
.example-project-grid{grid-template-columns:1fr}
.testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
.examples-hero{min-height:680px;background-position:63% center}
.examples-hero-copy{width:auto;margin:0 24px 52px}
.examples-hero h1{font-size:47px}
.example-project-card>img{height:240px}
.example-project-card>div{padding:24px}
}
/* Pre-launch mobile hero: keep the approved artwork and its embedded copy fully visible. */
@media(max-width:760px){
.home-hero{
height:auto;
min-height:0;
aspect-ratio:auto;
padding-top:calc(74px + 52.662vw);
background-color:#020b17;
background-size:100% auto;
background-position:center 74px;
}
}
/* Version 2.113 — Google Nest and ecobee in the homepage partner strip */
.home-partner-row{
grid-template-columns:repeat(11,minmax(0,1fr));
}
.home-partner-row img[src*="partner-google-nest-official"]{
width:128px;
height:38px;
}
.home-partner-row img[src*="partner-ecobee-official"]{
width:112px;
height:34px;
}
@media(max-width:1050px){
.home-partner-row{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-partner-row img[src*="partner-google-nest-official"]{width:112px;height:34px}
.home-partner-row img[src*="partner-ecobee-official"]{width:100px;height:31px}
}
@media(max-width:760px){
.home-partner-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Version 2.114 — water and energy conservation in the connected home */
.experience .check-list .conservation-item::before{
color:#62dc91;
}
.experience .check-list .conservation-item{
color:#cfe4d7;
}
.route-irrigation{
width:31%;
transform:rotate(90deg);
background:linear-gradient(90deg,rgba(91,216,139,.78),rgba(91,216,139,.05));
}
.route-energy{
width:35%;
transform:rotate(-58deg);
background:linear-gradient(90deg,rgba(91,216,139,.78),rgba(91,216,139,.05));
}
.route-irrigation i,
.route-energy i{
background:#8ae7ac;
box-shadow:0 0 14px 4px rgba(62,204,118,.78);
}
.route-irrigation i{animation-delay:2.65s}
.route-energy i{animation-delay:3.05s}
.device-irrigation{
left:39%;
bottom:1.5%;
}
.device-energy{
right:7%;
top:9%;
}
.connected-house-card .eco-device .device-icon{
border-color:rgba(103,223,149,.66);
background:rgba(4,37,34,.88);
box-shadow:
inset 0 0 16px rgba(54,181,111,.18),
0 0 17px rgba(43,190,104,.24);
}
.connected-house-card .eco-device>span:last-child{
color:#dff8e8;
}
@media(max-width:600px){
.device-irrigation{left:34%;bottom:1%}
.device-energy{right:1%;top:7%}
.connected-house-card .device-energy>span:last-child{max-width:52px;line-height:1.25}
}
@media(max-width:760px){
.home-hero .shooting-star{left:28%;top:18%}
.home-hero .shooting-star::before{width:100px}
}
@media(prefers-reduced-motion:reduce){
.home-hero .shooting-star{display:none}
}
/* Version 2.69 — current Apple Home, Google Home and Alexa identities */
.ecosystem-logo-row article{
min-height:156px;
justify-content:center;
gap:12px;
}
.ecosystem-mark{
width:78px;
height:78px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:19px;
background:#fff;
box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.ecosystem-mark img,
.ecosystem-logo-row .ecosystem-mark img{
width:100%;
height:100%;
object-fit:contain;
}
.ecosystem-mark-wide{
width:132px;
padding:8px 12px;
border-radius:16px;
}
.ecosystem-mark-wide img,
.ecosystem-logo-row .ecosystem-mark-wide img{
width:100%;
height:auto;
}
.ecosystem-logo-row strong{
font-size:14px;
}
/* Version 2.77 — descriptive icons replace immersive-audio numbering */
.av-audio-section .av-format-icon{
width:44px;
height:32px;
display:flex;
align-items:center;
justify-content:flex-start;
}
.av-audio-section .av-format-icon img{
width:34px;
height:34px;
object-fit:contain;
filter:drop-shadow(0 0 8px rgba(83,185,255,.28));
}
.av-audio-section .av-format-icon-wide{
width:74px;
}
.av-audio-section .av-format-icon-wide img{
width:70px;
height:30px;
}
.av-audio-section .av-format-grid h3{
margin-top:30px;
}
/* Version 2.72 — balanced Lutron mark and animated blinds */
.security-lifestyle-card.caseta-shades-card .security-card-copy img{
width:82px;
height:40px;
}
.caseta-shades-card .blinds-closed,
.caseta-shades-card .blinds-open{
position:absolute;
inset:0;
}
.caseta-shades-card .blinds-open{
opacity:0;
animation:casetaBlindsCycle 11.67s ease-in-out infinite;
}
.caseta-shades-card .security-card-shade,
.caseta-shades-card .security-card-copy{
z-index:2;
}
@keyframes casetaBlindsCycle{
0%,16%,88%,100%{opacity:0}
35%,68%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
.caseta-shades-card .blinds-open{
animation:none;
opacity:0;
}
}
/* Version 2.74 — subtle fantasy battle animation on the eero display */
.eero-network-card .eero-room-frame,
.eero-network-card .eero-battle-frame{
position:absolute;
inset:0;
}
.eero-network-card .eero-battle-frame{
z-index:1;
opacity:0;
clip-path:polygon(0 0,51% 0,51% 52%,0 52%);
animation:eeroBattleCycle 6.67s ease-in-out infinite;
}
.eero-network-card .battle-fire-glow{
position:absolute;
z-index:1;
left:17%;
top:12%;
width:26%;
height:31%;
border-radius:50%;
pointer-events:none;
opacity:.08;
mix-blend-mode:screen;
background:radial-gradient(circle,rgba(255,222,145,.8),rgba(255,92,30,.42) 34%,transparent 72%);
animation:battleFireFlicker 1.83s ease-in-out infinite;
}
.eero-network-card .security-card-shade,
.eero-network-card .security-card-copy{
z-index:2;
}
@keyframes eeroBattleCycle{
0%,14%,88%,100%{opacity:0}
34%,66%{opacity:1}
}
@keyframes battleFireFlicker{
0%,100%{opacity:.07;transform:scale(.96)}
30%{opacity:.19;transform:scale(1.05)}
58%{opacity:.1;transform:scale(.99)}
76%{opacity:.22;transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
.eero-network-card .eero-battle-frame,
.eero-network-card .battle-fire-glow{
animation:none;
opacity:0;
}
}
/* Version 2.70 — homepage house blended into the consultation panel */
.contact-panel{
overflow:hidden;
}
.contact-copy{
position:relative;
isolation:isolate;
min-height:100%;
}
.contact-copy::after{
content:"";
position:absolute;
z-index:-1;
left:-50px;
right:-18px;
bottom:-50px;
height:58%;
pointer-events:none;
opacity:.48;
background:url("assets/partners-hero-house.webp") 58% bottom/cover no-repeat;
filter:saturate(.86) brightness(.82);
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 15%,#000 48%);
mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 15%,#000 48%);
}
.contact-copy::before{
content:"";
position:absolute;
z-index:-1;
inset:39% -18px -50px -50px;
pointer-events:none;
background:
linear-gradient(90deg,rgba(5,22,42,.88),transparent 55%),
linear-gradient(0deg,rgba(4,17,33,.18),transparent 45%);
}
@media(max-width:900px){
.contact-copy{
min-height:620px;
}
.contact-copy::after{
right:-50px;
height:66%;
background-position:center bottom;
}
}
@media(max-width:600px){
.contact-copy{
min-height:510px;
}
.contact-copy::after{
left:-27px;
right:-27px;
bottom:-27px;
opacity:.4;
}
}
/* Keep the hero's two photographs visually continuous after all legacy rules. */
.partners-page .partners-hero{
background-image:
linear-gradient(90deg,rgba(2,11,24,.97) 0%,rgba(2,11,24,.82) 43%,rgba(2,11,24,.42) 72%,rgba(2,11,24,.22) 100%),
url("assets/milky-way-interior-background.webp");
background-position:center,center;
background-size:cover,cover;
}
@media(max-width:760px){
.partners-page .partners-hero{
background-image:
linear-gradient(180deg,rgba(2,11,24,.55),rgba(2,11,24,.96)),
url("assets/milky-way-interior-background.webp");
background-position:center,center;
background-size:cover,cover;
}
}
/* Version 2.97 — ecosystem labels aligned with the site's editorial type */
.ecosystem-logo-row strong{
font-family:"Bodoni Moda",Didot,"Times New Roman",serif;
font-size:18px;
font-weight:500;
line-height:1.15;
letter-spacing:.01em;
}
/* Version 2.98 — a focused halo around the O in each GEOLINK wordmark */
.brand{
position:relative;
display:inline-block;
isolation:isolate;
}
.brand::after,
.footer-logo::after,
.ecosystem-wordmark::after{
content:"";
position:absolute;
z-index:2;
pointer-events:none;
border:1px solid rgba(105,203,255,.7);
border-radius:50%;
box-shadow:
0 0 5px rgba(101,202,255,.8),
0 0 14px rgba(45,159,236,.48),
inset 0 0 7px rgba(111,211,255,.22);
animation:wordmark-o-halo 4.8s ease-in-out infinite;
}
.brand::after{
left:40.8%;
top:50%;
width:14%;
aspect-ratio:1;
transform:translate(-50%,-50%);
}
.footer-logo{
position:relative;
display:block;
width:185px;
}
.footer-logo::after{
left:40.8%;
top:50%;
width:14%;
aspect-ratio:1;
transform:translate(-50%,-50%);
}
.ecosystem-wordmark{
position:relative;
}
.ecosystem-wordmark::after{
left:31%;
top:50%;
width:28px;
height:28px;
transform:translate(-50%,-50%);
}
@keyframes wordmark-o-halo{
0%,100%{opacity:.55;filter:brightness(.9)}
50%{opacity:1;filter:brightness(1.25)}
}
@media(prefers-reduced-motion:reduce){
.brand::after,
.footer-logo::after,
.ecosystem-wordmark::after{
animation:none;
}
}
/* Version 2.103 — conservation-green GEOLINK planet */
.ecosystem-core{
border-color:rgba(105,224,153,.72);
background:
radial-gradient(circle at 38% 28%,rgba(104,238,163,.24),transparent 25%),
radial-gradient(circle at 50% 45%,#14754d,#05271f 70%);
animation-name:ecosystem-core-conservation;
}
.ecosystem-core::before,
.ecosystem-core::after{
border-color:rgba(105,224,153,.62);
box-shadow:
0 0 9px rgba(88,224,145,.5),
0 0 30px rgba(45,177,109,.25),
inset 0 0 12px rgba(111,234,162,.18);
}
.ecosystem-core::after{
border-color:rgba(133,235,174,.38);
}
.ecosystem-wordmark b{
color:#75e6a2;
}
.ecosystem-core small{
color:#a8ebc1;
}
.ecosystem-wordmark::after{
border-color:rgba(117,230,162,.78);
box-shadow:
0 0 5px rgba(117,230,162,.86),
0 0 15px rgba(63,194,119,.52),
inset 0 0 7px rgba(131,236,173,.24);
}
@keyframes ecosystem-core-conservation{
0%,100%{
box-shadow:0 0 46px rgba(52,190,116,.28),0 0 0 0 rgba(91,221,147,.16);
}
50%{
box-shadow:0 0 78px rgba(52,205,124,.48),0 0 0 16px rgba(91,221,147,0);
}
}
/* Version 2.104 — Arizona sunset whole-home gallery scene */
#gallery .gallery-card.large{
background-image:url("assets/project-gallery-arizona-sunset-home.webp");
background-position:center center;
}
/* Version 2.107 — finer service-icon rendering */
.home-services img{
width:61px;
height:55px;
filter:none;
image-rendering:auto;
}
/* Version 2.116 — continuous Milky Way treatment on the About page */
.about-page .about-redesign{
background-color:#020b17;
background-image:
linear-gradient(180deg,rgba(2,11,23,.62),rgba(2,11,23,.76) 52%,rgba(2,11,23,.9)),
url("assets/milky-way-interior-background.webp");
background-position:center top,center top;
background-size:cover,cover;
background-attachment:fixed,fixed;
}
.about-page .about-hero-new{
border-bottom:0;
}
.about-page .about-hero-new::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:url("assets/milky-way-interior-background.webp") center 18%/cover no-repeat;
opacity:.23;
mix-blend-mode:screen;
-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 30%,transparent 66%);
mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 30%,transparent 66%);
}
.about-page .about-hero-new::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:150px;
z-index:1;
pointer-events:none;
background:linear-gradient(to bottom,transparent,rgba(2,11,23,.96));
}
.about-page .about-hero-shade{
z-index:1;
}
.about-page .about-hero-content{
z-index:2;
}
.about-page .about-philosophy{
position:relative;
isolation:isolate;
}
.about-page .about-philosophy::before{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:50%;
width:100vw;
transform:translateX(-50%);
background:linear-gradient(180deg,rgba(2,11,23,.94),rgba(2,11,23,.48) 22%,rgba(2,11,23,.62) 78%,rgba(2,11,23,.94));
}
.about-page .about-local{
border-top:0;
}
.about-page .about-local::before{
content:"";
position:absolute;
inset:0 0 auto;
height:130px;
z-index:1;
pointer-events:none;
background:linear-gradient(180deg,#020b17,rgba(2,11,23,.55) 45%,transparent);
}
@media(max-width:760px){
.about-page .about-redesign{
background-attachment:scroll,scroll;
}
.about-page .about-hero-new::before{
opacity:.17;
background-position:62% 15%;
}
}
/* Version 2.119 — Energy & Water Conservation */
.conservation-page{
--conservation:#71dda0;
--conservation-deep:#174e38;
}
.conservation-main{
overflow:hidden;
}
.conservation-hero{
min-height:760px;
display:flex;
align-items:flex-end;
position:relative;
padding:150px clamp(28px,7vw,118px) 110px;
background:
linear-gradient(90deg,rgba(2,10,22,.96) 0%,rgba(2,10,22,.76) 43%,rgba(2,10,22,.18) 76%),
linear-gradient(0deg,rgba(2,10,22,.94),transparent 58%),
url("assets/project-gallery-arizona-sunset-home.webp") center/cover no-repeat;
border-bottom:1px solid rgba(113,221,160,.26);
}
.conservation-hero::after{
content:"";
position:absolute;
inset:auto 0 0;
height:150px;
pointer-events:none;
background:linear-gradient(transparent,#020b17);
}
.conservation-hero-copy{
position:relative;
z-index:1;
max-width:910px;
}
.conservation-hero h1,
.conservation-intro h2,
.conservation-feature h2,
.conservation-process h2,
.conservation-cta h2{
font-family:"Bodoni Moda",serif;
font-weight:400;
letter-spacing:-.035em;
color:#f7fbff;
}
.conservation-hero h1{
max-width:820px;
margin:14px 0 22px;
font-size:clamp(62px,7.6vw,126px);
line-height:.93;
}
.conservation-hero-copy>p:not(.eyebrow){
max-width:780px;
color:#c3d3e4;
font-size:clamp(18px,1.6vw,25px);
line-height:1.7;
}
.conservation-page .eyebrow.green{
color:var(--conservation);
}
.conservation-intro{
max-width:1160px;
text-align:center;
padding-top:130px;
padding-bottom:130px;
}
.conservation-intro h2{
margin:16px auto 24px;
max-width:1000px;
font-size:clamp(43px,5vw,76px);
line-height:1.08;
}
.conservation-intro>p:last-child{
max-width:850px;
margin:0 auto;
color:#aebfd1;
font-size:20px;
line-height:1.75;
}
.conservation-feature{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
gap:clamp(48px,7vw,110px);
align-items:center;
max-width:1550px;
padding-top:110px;
padding-bottom:110px;
}
.conservation-feature-image{
position:relative;
border:1px solid rgba(113,221,160,.32);
border-radius:36px;
overflow:hidden;
box-shadow:0 32px 90px rgba(0,0,0,.38);
}
.conservation-feature-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(2,11,23,.46),transparent 48%);
pointer-events:none;
}
.conservation-feature-image img{
display:block;
width:100%;
min-height:610px;
object-fit:cover;
}
.conservation-feature-copy h2{
margin:12px 0 24px;
font-size:clamp(44px,4.8vw,74px);
line-height:1.02;
}
.conservation-feature-copy>p:not(.eyebrow){
color:#b6c7d8;
font-size:19px;
line-height:1.75;
}
.conservation-list{
list-style:none;
margin:30px 0 0;
padding:0;
}
.conservation-list li{
position:relative;
padding:12px 0 12px 34px;
color:#d6e2ec;
border-bottom:1px solid rgba(113,221,160,.14);
}
.conservation-list li::before{
content:"";
position:absolute;
left:2px;
top:19px;
width:11px;
height:11px;
border:2px solid var(--conservation);
border-radius:50%;
box-shadow:0 0 12px rgba(113,221,160,.45);
}
.conservation-actions{
display:flex;
align-items:center;
gap:25px;
flex-wrap:wrap;
margin-top:34px;
}
.button.conservation-button{
color:#dff9e9;
border:1px solid var(--conservation);
background:rgba(23,78,56,.18);
box-shadow:0 0 22px rgba(113,221,160,.1);
}
.button.conservation-button:hover{
background:rgba(36,112,78,.34);
box-shadow:0 0 30px rgba(113,221,160,.23);
}
.conservation-page .text-link{
color:#95e8b8;
}
.conservation-energy{
grid-template-columns:minmax(500px,1.03fr) minmax(0,.97fr);
}
.conservation-solutions{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:32px;
}
.conservation-solutions article{
padding:24px 20px;
border:1px solid rgba(88,177,239,.2);
border-radius:22px;
background:rgba(7,30,54,.64);
}
.conservation-solutions img{
width:38px;
height:38px;
object-fit:contain;
margin-bottom:18px;
}
.conservation-solutions h3{
margin:0 0 10px;
font-family:"Bodoni Moda",serif;
font-size:25px;
color:#f3f8ff;
}
.conservation-solutions p{
margin:0;
color:#a9bdd0;
font-size:14px;
line-height:1.65;
}
.conservation-energy-visual{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.conservation-energy-visual figure{
position:relative;
min-height:570px;
margin:0;
overflow:hidden;
border:1px solid rgba(88,177,239,.24);
border-radius:30px;
}
.conservation-energy-visual figure:nth-child(2){
margin-top:74px;
}
.conservation-energy-visual img{
width:100%;
height:100%;
object-fit:cover;
}
.conservation-energy-visual figcaption{
position:absolute;
left:20px;
right:20px;
bottom:18px;
padding:12px 16px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
color:#fff;
text-align:center;
background:rgba(2,11,23,.7);
backdrop-filter:blur(12px);
}
.conservation-process{
max-width:1500px;
padding-top:120px;
padding-bottom:135px;
}
.conservation-process>div:first-child{
max-width:760px;
}
.conservation-process h2{
margin:12px 0 50px;
font-size:clamp(48px,5.2vw,82px);
line-height:1.02;
}
.conservation-steps{
display:grid;
grid-template-columns:repeat(3,1fr);
border-top:1px solid rgba(113,221,160,.28);
}
.conservation-steps article{
padding:35px 34px 20px 0;
}
.conservation-steps article+article{
padding-left:34px;
border-left:1px solid rgba(113,221,160,.18);
}
.conservation-steps span{
color:var(--conservation);
font-weight:700;
letter-spacing:.16em;
}
.conservation-steps h3{
margin:20px 0 12px;
font-family:"Bodoni Moda",serif;
font-size:35px;
color:#f4f8fd;
}
.conservation-steps p{
color:#a9bbcd;
line-height:1.7;
}
.conservation-cta{
min-height:540px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
position:relative;
padding:100px clamp(28px,7vw,118px);
background:
linear-gradient(90deg,rgba(2,10,22,.96),rgba(2,10,22,.7) 55%,rgba(2,10,22,.2)),
url("assets/about-desert-landscape-lighting.webp") center/cover no-repeat;
border-top:1px solid rgba(113,221,160,.24);
}
.conservation-cta h2{
max-width:900px;
margin:12px 0 34px;
font-size:clamp(48px,6vw,92px);
line-height:1;
}
@media(max-width:1100px){
.conservation-feature,
.conservation-energy{
grid-template-columns:1fr;
}
.conservation-energy-visual{
order:-1;
}
}
/* Version 2.121 — descriptive premium-video icons */
.av-video-section .av-video-icon{
width:48px;
height:42px;
display:flex;
align-items:center;
justify-content:flex-start;
}
.av-video-section .av-video-icon img{
width:42px;
height:42px;
display:block;
object-fit:contain;
filter:drop-shadow(0 0 8px rgba(83,185,255,.25));
}
.av-video-section .av-format-grid h3{
margin-top:29px;
}
/* Version 2.122 — eco process icons */
.conservation-step-icon{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(113,221,160,.32);
border-radius:50%;
background:radial-gradient(circle,rgba(34,126,82,.22),rgba(5,28,38,.12) 68%);
box-shadow:0 0 22px rgba(113,221,160,.12);
}
.conservation-step-icon img{
width:34px;
height:34px;
display:block;
object-fit:contain;
filter:drop-shadow(0 0 7px rgba(113,221,160,.28));
}
.conservation-steps h3{
margin-top:24px;
}
/* Version 2.123 — continuous Milky Way blending on Conservation */
.conservation-page{
background-color:#020b17;
background-image:
linear-gradient(180deg,rgba(2,11,23,.74),rgba(2,11,23,.86)),
url("assets/milky-way-interior-background.webp");
background-position:center top,center top;
background-size:cover,cover;
background-attachment:fixed,fixed;
}
.conservation-main{
position:relative;
background:
linear-gradient(180deg,rgba(2,11,23,.14),rgba(2,11,23,.34)),
url("assets/milky-way-interior-background.webp") center top/cover fixed;
}
.conservation-hero{
isolation:isolate;
background:
linear-gradient(90deg,rgba(2,10,22,.96) 0%,rgba(2,10,22,.76) 43%,rgba(2,10,22,.2) 76%),
linear-gradient(0deg,rgba(2,10,22,.98) 0%,rgba(2,10,22,.46) 31%,transparent 66%),
url("assets/project-gallery-arizona-sunset-home.webp") center/cover no-repeat;
}
.conservation-hero::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:url("assets/milky-way-interior-background.webp") center 12%/cover no-repeat;
opacity:.14;
mix-blend-mode:screen;
-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.58) 34%,transparent 68%);
mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.58) 34%,transparent 68%);
}
.conservation-hero::after{
height:230px;
z-index:0;
background:linear-gradient(to bottom,transparent 0%,rgba(2,11,23,.72) 56%,#020b17 100%);
}
.conservation-hero-copy{
z-index:2;
}
.conservation-intro,
.conservation-feature,
.conservation-process{
position:relative;
z-index:1;
}
.conservation-intro::before,
.conservation-water::before,
.conservation-energy::before,
.conservation-process::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
width:100vw;
transform:translateX(-50%);
z-index:-1;
pointer-events:none;
}
.conservation-intro::before{
background:linear-gradient(180deg,#020b17 0%,rgba(2,11,23,.56) 24%,rgba(2,11,23,.38) 76%,rgba(2,11,23,.66) 100%);
}
.conservation-water::before{
background:
radial-gradient(circle at 14% 46%,rgba(27,107,72,.12),transparent 40%),
linear-gradient(180deg,rgba(2,11,23,.66),rgba(2,11,23,.36) 45%,rgba(2,11,23,.68));
}
.conservation-energy::before{
background:
radial-gradient(circle at 86% 48%,rgba(54,145,205,.11),transparent 40%),
linear-gradient(180deg,rgba(2,11,23,.68),rgba(2,11,23,.38) 45%,rgba(2,11,23,.7));
}
.conservation-process::before{
background:linear-gradient(180deg,rgba(2,11,23,.7),rgba(2,11,23,.46) 42%,rgba(2,11,23,.88));
}
.conservation-cta{
isolation:isolate;
border-top:0;
background:
linear-gradient(90deg,rgba(2,10,22,.96),rgba(2,10,22,.7) 55%,rgba(2,10,22,.22)),
linear-gradient(0deg,rgba(2,10,22,.34),transparent 58%),
url("assets/about-desert-landscape-lighting.webp") center/cover no-repeat;
}
.conservation-cta::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(180deg,#020b17 0%,rgba(2,11,23,.76) 15%,transparent 42%),
url("assets/milky-way-interior-background.webp") center top/cover no-repeat;
opacity:.78;
-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 19%,transparent 54%);
mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 19%,transparent 54%);
}
.conservation-cta>*{
position:relative;
z-index:1;
}
@media(max-width:760px){
.conservation-page,
.conservation-main{
background-attachment:scroll,scroll;
}
.conservation-hero::before{
opacity:.1;
}
.conservation-hero::after{
height:175px;
}
}
/* Version 2.125 — seamless Projects Milky Way canvas */
#gallery{
background-color:#020b17;
background-image:
linear-gradient(180deg,#020b17 0%,rgba(2,11,23,.62) 14%,rgba(2,11,23,.48) 52%,rgba(2,11,23,.68) 86%,#020b17 100%),
linear-gradient(90deg,rgba(2,11,23,.5),rgba(2,11,23,.12) 50%,rgba(2,11,23,.5)),
url("assets/milky-way-interior-background.webp");
background-position:center top,center,center top;
background-size:cover,cover,cover;
background-attachment:scroll,scroll,fixed;
}
#gallery::before,
#gallery::after{
height:190px;
z-index:0;
}
#gallery::before{
background:linear-gradient(180deg,#020b17 0%,rgba(2,11,23,.72) 42%,transparent 100%);
}
#gallery::after{
background:linear-gradient(0deg,#020b17 0%,rgba(2,11,23,.72) 42%,transparent 100%);
}
#gallery .section-heading,
#gallery .gallery-grid{
z-index:1;
}
#gallery .gallery-card{
box-shadow:
inset 0 0 34px rgba(2,11,23,.12),
0 24px 65px rgba(0,0,0,.3);
}
@media(max-width:760px){
#gallery{
background-attachment:scroll,scroll,scroll;
background-position:center top;
}
#gallery::before,
#gallery::after{
height:130px;
}
}
/* Version 2.126 — header-matched footer and balanced service area */
.site-footer{
position:relative;
background-color:#030d1c;
background-image:
linear-gradient(90deg,rgba(3,13,28,.84),rgba(3,13,28,.66),rgba(3,13,28,.84)),
url("assets/milky-way-interior-background.webp");
background-position:center top,center top;
background-size:cover,cover;
background-attachment:scroll,fixed;
border-top:1px solid rgba(98,186,255,.2);
box-shadow:inset 0 26px 55px rgba(2,11,23,.34);
}
.footer-service{
min-width:290px;
}
.footer-service>span{
display:block;
margin-bottom:16px;
letter-spacing:.22em;
}
.footer-service-cities{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px 17px;
}
.footer-service-cities span{
position:relative;
color:#d5e2ee;
font-size:13px;
font-weight:500;
line-height:1.55;
letter-spacing:.015em;
text-transform:none;
}
.footer-service-cities span+span{
padding-left:18px;
}
.footer-service-cities span+span::before{
content:"";
position:absolute;
left:0;
top:50%;
width:4px;
height:4px;
border-radius:50%;
background:#62baff;
box-shadow:0 0 8px rgba(98,186,255,.5);
transform:translateY(-50%);
}
@media(max-width:760px){
.site-footer{
background-attachment:scroll,scroll;
background-position:center top;
}
.footer-service{
min-width:0;
}
.footer-service-cities{
justify-content:center;
}
}
/* Version 2.127 — larger Ready to Start label */
.cta-band .eyebrow{
font-size:14.3px;
}
/* Version 2.137 — current-product lifestyle showcase */
.cta-band{
max-width:1320px;
min-height:720px;
justify-content:flex-start;
padding-top:clamp(58px,6vw,82px);
padding-bottom:clamp(34px,4vw,52px);
}
.cta-copy{
position:relative;
z-index:2;
display:flex;
width:100%;
flex-direction:column;
align-items:center;
}
.cta-copy h2{
max-width:900px;
}
.cta-lifestyle-grid{
position:relative;
z-index:2;
display:grid;
width:100%;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:38px;
}
.cta-lifestyle-card{
position:relative;
min-height:190px;
overflow:hidden;
border:1px solid rgba(113,195,255,.42);
border-radius:18px;
background:#061426;
box-shadow:0 16px 36px rgba(0,0,0,.34);
isolation:isolate;
}
.cta-lifestyle-card::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(0deg,rgba(2,11,24,.94) 0%,rgba(2,11,24,.43) 44%,rgba(2,11,24,.05) 74%),
linear-gradient(90deg,rgba(4,18,35,.18),transparent 55%);
transition:background .35s ease;
}
.cta-lifestyle-card img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transition:transform .55s ease,filter .55s ease;
}
.cta-lifestyle-card:nth-child(1) img{
object-position:center 52%;
}
.cta-lifestyle-card:nth-child(2) img{
object-position:center 58%;
}
.cta-lifestyle-card:nth-child(3) img{
object-position:center 48%;
}
.cta-lifestyle-copy{
position:absolute;
right:20px;
bottom:17px;
left:20px;
z-index:2;
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
}
.cta-lifestyle-copy small{
margin-bottom:7px;
color:#6fc4ff;
font:700 9px/1.2 Montserrat,Arial,sans-serif;
letter-spacing:.18em;
}
.cta-lifestyle-copy strong{
color:#fff;
font:500 clamp(17px,1.55vw,22px)/1.12 "Bodoni Moda",Georgia,serif;
text-shadow:0 2px 16px rgba(0,0,0,.9);
}
.cta-lifestyle-card:hover{
border-color:rgba(114,203,255,.82);
box-shadow:0 20px 48px rgba(8,109,195,.22);
}
.cta-lifestyle-card:hover img{
transform:scale(1.035);
filter:brightness(1.08);
}
.cta-apple-tv::after{
background:
linear-gradient(0deg,rgba(2,11,24,.96) 0%,rgba(2,11,24,.5) 43%,rgba(6,20,38,.08) 74%),
linear-gradient(90deg,rgba(5,22,42,.18),transparent 62%);
}
.cta-apple-tv img{
filter:brightness(.82) saturate(.88);
}
.cta-apple-tv:hover img{
filter:brightness(.9) saturate(.94);
}
@media(max-width:900px){
.cta-band{
min-height:690px;
}
}
@media(max-width:700px){
.cta-band{
min-height:0;
align-items:stretch;
background-position:64% center;
}
.cta-copy{
align-items:center;
}
.cta-lifestyle-grid{
grid-template-columns:none;
grid-auto-flow:column;
grid-auto-columns:minmax(250px,82%);
overflow-x:auto;
padding:2px 2px 14px;
scroll-snap-type:x mandatory;
}
.cta-lifestyle-card{
min-height:205px;
scroll-snap-align:center;
}
}
/* Version 2.140 — product showcase moved to the Partners page */
.cta-band{
max-width:1050px;
min-height:430px;
justify-content:center;
padding-top:105px;
padding-bottom:105px;
}
.partner-featured-products{
max-width:1450px;
margin:42px auto 10px;
padding:0 clamp(24px,5vw,80px);
}
.partner-featured-heading{
max-width:760px;
margin:0 auto;
text-align:center;
}
.partner-featured-heading h2{
margin:10px 0 0;
color:#f4f8fc;
font:500 clamp(30px,3vw,44px)/1.08 "Bodoni Moda",Georgia,serif;
}
.partner-featured-products .cta-lifestyle-grid{
margin-top:28px;
}
.partner-featured-products .cta-lifestyle-card{
min-height:255px;
}
.partner-image-link{
display:block;
width:100%;
height:100%;
border-radius:inherit;
margin:0!important;
padding:0!important;
border:0!important;
text-transform:none;
}
.partner-image-link img{
margin:0;
}
.partner-image-link:focus-visible{
outline:2px solid #61bdff;
outline-offset:-4px;
}
/* Version 2.142 — featured technology cards match the partner showcase */
.partner-featured-card-grid{
max-width:none;
margin-top:28px;
padding:0;
}
.partner-featured-card{
min-height:520px;
}
.partners-page .partner-featured-card .partner-logo-frame{
height:88px;
margin-bottom:20px;
}
.partners-page .partner-featured-card .partner-logo-frame img{
transform:none;
}
.partners-page .partner-featured-card:hover .partner-logo-frame img{
transform:scale(1.035);
}
.partners-page .partner-featured-card .lifestyle-product-photo img{
transform:none;
}
.partners-page .partner-featured-card:hover .lifestyle-product-photo img{
transform:scale(1.035);
}
.partners-page .partner-featured-card .partner-yale-logo img{
width:min(190px,78%);
height:74px;
max-width:190px;
border-radius:0;
object-fit:contain;
clip-path:none;
}
.partners-page .partner-featured-card .partner-apple-logo img{
width:64px;
height:76px;
max-width:64px;
}
.partners-page .partner-featured-card .partner-brilliant-logo img{
width:min(230px,84%);
height:78px;
max-width:230px;
object-fit:contain;
}
.partners-page .partner-featured-card .partner-brilliant-product{
padding:12px;
background:
radial-gradient(circle at 50% 58%,rgba(76,190,255,.16),transparent 52%),
linear-gradient(145deg,#0a1c2d,#03101e);
}
.partners-page .partner-featured-card .partner-brilliant-product img{
width:100%;
height:100%;
padding:4px;
box-sizing:border-box;
object-fit:contain;
object-position:center;
background:#eef2f4;
}
@media(max-width:900px){
.partner-featured-card-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:600px){
.partner-featured-card-grid{
grid-template-columns:1fr;
}
.partner-featured-card{
min-height:470px;
}
}
@media(max-width:900px){
.cta-band{
min-height:430px;
padding-top:80px;
padding-bottom:80px;
}
}
@media(max-width:700px){
.cta-band{
min-height:400px;
align-items:center;
padding-top:80px;
padding-bottom:80px;
}
.partner-featured-products{
margin-top:32px;
}
.partner-featured-heading{
text-align:left;
}
.partner-featured-products .cta-lifestyle-card{
min-height:225px;
}
}
/* Version 2.128 — larger, centered footer information */
.site-footer{
grid-template-columns:minmax(270px,1.2fr) minmax(250px,1fr) minmax(410px,1.35fr) auto;
font-size:14.4px;
}
.footer-brand p{
font-size:14.4px;
}
.footer-contact span,
.footer-service>span{
font-size:12px;
}
.footer-contact a{
font-size:15.6px;
}
.footer-service{
display:flex;
min-width:410px;
flex-direction:column;
align-items:center;
}
.footer-service>span{
width:100%;
text-align:center;
}
.footer-service-cities{
width:100%;
justify-content:center;
}
.footer-service-cities span{
font-size:15.6px;
}
.footer-top{
font-size:14.4px;
}
@media(max-width:1180px){
.site-footer{
grid-template-columns:1fr 1fr;
}
.footer-service{
min-width:0;
align-items:flex-start;
}
.footer-service>span{
text-align:left;
}
.footer-service-cities{
justify-content:flex-start;
}
}
@media(max-width:600px){
.footer-service{
align-items:center;
}
.footer-service>span{
text-align:center;
}
.footer-service-cities{
justify-content:center;
}
}
/* Version 2.129 — animated back-to-top icon */
.footer-top{
width:58px;
height:58px;
display:grid;
place-items:center;
align-self:center;
border:1px solid rgba(101,193,255,.28);
border-radius:50%;
background:rgba(5,25,46,.48);
box-shadow:
inset 0 0 18px rgba(71,167,234,.08),
0 0 22px rgba(46,153,228,.08);
backdrop-filter:blur(10px);
transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.footer-top img{
width:42px;
height:42px;
display:block;
}
.footer-top:hover,
.footer-top:focus-visible{
color:inherit;
outline:none;
transform:translateY(-5px);
border-color:rgba(101,193,255,.76);
background:rgba(9,47,82,.68);
box-shadow:
inset 0 0 20px rgba(90,190,255,.14),
0 0 30px rgba(61,174,247,.3);
}
/* Version 2.130 — exact Service Area centering */
.footer-service{
width:max-content;
min-width:0;
justify-self:center;
}
.footer-service>span{
width:100%;
font-size:11.4px;
text-align:center;
}
.footer-service-cities{
width:max-content;
flex-wrap:nowrap;
}
.footer-service-cities span{
font-size:14.82px;
}
@media(max-width:1180px){
.footer-service{
width:auto;
justify-self:start;
}
.footer-service-cities{
width:auto;
flex-wrap:wrap;
}
}
@media(max-width:600px){
.footer-service{
justify-self:center;
}
}
/* Version 2.131 — simplified three-column footer */
.site-footer{
grid-template-columns:minmax(270px,1.15fr) minmax(260px,1fr) minmax(410px,1.35fr);
}
/* Version 2.132 — refined footer contact scale */
.footer-contact span{
font-size:11.4px;
}
.footer-contact a{
font-size:14.82px;
}
/* Version 2.133 — Service Area aligned directly over Scottsdale */
.footer-service{
display:grid;
width:max-content;
grid-template-columns:max-content 8px max-content 8px max-content;
grid-template-rows:auto auto;
column-gap:12px;
align-items:center;
justify-self:center;
}
.footer-service>span{
grid-column:3;
grid-row:1;
width:auto;
justify-self:center;
text-align:center;
}
.footer-service-cities{
display:contents;
}
.footer-service-cities span{
padding-left:0;
white-space:nowrap;
}
.footer-service-cities span:nth-child(1){
grid-column:1;
grid-row:2;
}
.footer-service-cities span:nth-child(2){
grid-column:3;
grid-row:2;
}
.footer-service-cities span:nth-child(3){
grid-column:5;
grid-row:2;
}
.footer-service-cities span+span::before{
content:none;
}
.footer-service-cities span:nth-child(1)::after,
.footer-service-cities span:nth-child(2)::after{
content:"";
position:absolute;
top:50%;
right:-20px;
width:4px;
height:4px;
border-radius:50%;
background:#62baff;
box-shadow:0 0 8px rgba(98,186,255,.5);
transform:translateY(-50%);
}
@media(max-width:600px){
.footer-service{
column-gap:8px;
}
.footer-service-cities span:nth-child(1)::after,
.footer-service-cities span:nth-child(2)::after{
right:-14px;
}
}
@media(max-width:760px){
.conservation-hero{
min-height:690px;
padding-bottom:70px;
}
.conservation-hero h1{
font-size:clamp(51px,15vw,76px);
}
.conservation-intro{
text-align:left;
}
.conservation-feature-image img{
min-height:440px;
}
.conservation-solutions,
.conservation-steps{
grid-template-columns:1fr;
}
.conservation-energy-visual figure{
min-height:430px;
}
.conservation-energy-visual figure:nth-child(2){
margin-top:24px;
}
.conservation-steps article+article{
padding-left:0;
border-left:0;
border-top:1px solid rgba(113,221,160,.18);
}
}
/* Mobile performance and responsive layout audit */
html{
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
img{
max-width:100%;
}
@media(max-width:900px){
body,
.home-services,
#solutions,
#gallery,
#process,
#contact,
.partners-page main,
.about-ecosystem{
background-attachment:scroll;
}
.site-header{
left:0;
right:0;
top:0;
height:74px;
padding:10px 18px;
border-left:0;
border-right:0;
border-radius:0;
}
.site-header.scrolled{
height:66px;
}
.nav-links{
position:fixed;
top:70px;
left:12px;
right:12px;
width:auto;
max-height:calc(100dvh - 86px);
overflow-y:auto;
gap:4px;
padding:14px;
border:1px solid rgba(87,178,241,.34);
box-shadow:0 20px 60px rgba(0,0,0,.48);
}
.nav-links a{
width:100%;
min-height:44px;
display:flex;
align-items:center;
padding:10px 12px;
border-radius:8px;
}
.nav-cta{
justify-content:center;
margin-top:4px;
}
.section-pad{
padding-top:72px;
padding-bottom:72px;
}
.home-services,
.home-partner-row,
.partner-page-grid,
.partner-featured-card-grid,
.example-project-grid,
.av-format-grid,
.av-logo-grid,
.lighting-scene-grid,
.conservation-solutions,
.conservation-steps{
min-width:0;
}
.button,
button,
input,
select,
textarea{
min-height:44px;
}
}
@media(max-width:600px){
.site-header .brand img{
width:134px;
max-height:31px;
}
.menu-button{
min-width:48px;
min-height:44px;
font-size:13px;
}
.home-hero{
height:auto;
min-height:0;
aspect-ratio:auto;
padding-top:calc(74px + 52.662vw);
background-color:#020b17;
background-size:100% auto;
background-position:center 74px;
}
.home-services{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
padding:12px 10px;
}
.home-services article{
min-width:0;
padding:20px 9px;
}
.home-services img{
width:48px;
height:48px;
}
.home-services h3{
font-size:12px;
}
.home-services p{
font-size:10px;
}
.home-partners{
padding-left:10px;
padding-right:10px;
}
.home-partners h2{
gap:10px;
font-size:11px;
letter-spacing:.15em;
}
.home-partner-row{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-partner-row a{
height:76px;
}
.home-partner-row img{
max-width:112px;
max-height:34px;
}
.section-pad{
padding:60px 20px;
}
.section-heading{
margin-bottom:34px;
}
.section-heading h2,
.experience h2,
.contact h2,
.cta-band h2,
.partners-hero h1,
.about-hero-content h1,
.av-guide-hero h1,
.lighting-guide-hero h1,
.examples-hero h1,
.conservation-hero h1{
font-size:clamp(38px,11vw,46px)!important;
line-height:1.12!important;
letter-spacing:-.025em;
overflow-wrap:normal;
word-break:normal;
text-wrap:balance;
}
.partners-hero,
.av-guide-hero,
.lighting-guide-hero,
.examples-hero,
.conservation-hero{
min-height:620px;
padding-left:20px;
padding-right:20px;
}
.partners-hero-copy,
.av-guide-hero-copy,
.lighting-guide-hero-copy,
.examples-hero-copy,
.conservation-hero-copy{
width:auto;
max-width:100%;
}
.partner-page-card,
.partner-featured-card{
min-height:0;
padding:26px 18px;
}
.partner-logo-frame{
height:78px;
}
.partner-logo-frame img{
height:62px;
}
.lifestyle-product-photo,
.official-product-photo{
height:auto;
min-height:220px;
}
.lifestyle-product-photo img,
.official-product-photo img{
height:240px;
}
.contact-panel{
gap:30px;
padding:24px 18px;
}
input,
select,
textarea{
font-size:16px;
}
.cta-band{
min-height:380px;
padding:64px 20px;
}
.about-hero-content{
margin-left:20px;
margin-right:20px;
}
.about-principles article{
gap:14px;
}
.about-principles h3{
font-size:22px;
}
.ecosystem-orbit article,
.ecosystem-orbit article:nth-of-type(n){
width:min(150px,44vw);
min-height:150px;
}
.conservation-feature-image img,
.example-project-card>img{
min-height:0;
height:250px;
object-fit:cover;
}
.power-calculator,
.power-calculator-layout{
min-width:0;
}
.site-footer{
grid-template-columns:1fr!important;
gap:28px;
padding:38px 20px;
text-align:center;
}
.footer-brand img{
margin-left:auto;
margin-right:auto;
}
.footer-contact{
justify-items:center;
}
.footer-service{
display:flex!important;
width:100%;
flex-direction:column;
align-items:center;
justify-self:stretch;
gap:10px;
}
.footer-service>span{
width:auto;
text-align:center;
}
.footer-service-cities{
display:flex!important;
width:100%;
justify-content:center;
flex-wrap:wrap;
gap:8px 16px;
}
.footer-service-cities span{
position:relative;
grid-column:auto!important;
grid-row:auto!important;
font-size:14px;
}
.footer-service-cities span::after{
content:none!important;
}
}
@media(max-width:380px){
.home-hero{
background-position:center 74px;
}
.section-heading h2,
.experience h2,
.contact h2,
.cta-band h2,
.partners-hero h1,
.about-hero-content h1,
.av-guide-hero h1,
.lighting-guide-hero h1,
.examples-hero h1,
.conservation-hero h1{
font-size:37px!important;
}
.home-services h3{
font-size:11px;
}
}
/* Mobile Safari reliability, navigation and footer refinements */
@media(max-width:900px){
body.nav-open{
overflow:hidden!important;
overscroll-behavior:none;
}
.site-header,
.site-header.scrolled{
height:74px;
background:rgba(3,13,28,.97);
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
.menu-button{
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
}
.nav-links{
top:74px;
max-height:calc(100svh - 86px);
max-height:calc(100dvh - 86px);
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
.reveal,
.reveal.visible{
opacity:1!important;
transform:none!important;
transition:none!important;
}
#solutions,
#gallery,
#process,
#contact{
scroll-margin-top:88px;
}
.home-hero .shooting-star{
display:none!important;
animation:none!important;
}
}
@media(max-width:600px){
.site-footer{
gap:24px;
padding:36px 24px 40px;
}
.footer-brand p{
max-width:290px;
margin-left:auto;
margin-right:auto;
font-size:13px;
line-height:1.55;
}
.footer-contact{
width:100%;
gap:7px;
}
.footer-contact span,
.footer-service>span{
font-size:10.5px;
line-height:1.4;
letter-spacing:.16em;
}
.footer-contact a{
width:100%;
max-width:100%;
font-size:15px;
line-height:1.45;
overflow-wrap:anywhere;
}
.footer-service-cities{
gap:6px 14px;
}
.footer-service-cities span{
font-size:13.5px;
line-height:1.45;
}
}
@media(max-width:360px){
.site-footer{
padding-left:18px;
padding-right:18px;
}
.footer-service-cities{
flex-direction:column;
gap:3px;
}
}