:root{
  --ink:#0d1720;
  --ink-2:#182632;
  --paper:#f5f3ee;
  --white:#fff;
  --line:rgba(13,23,32,.12);
  --muted:#6d7881;
  --accent:#d6ff49;
  --accent-2:#a8ce26;
  --sand:#e6e1d7;
  --shadow:0 24px 80px rgba(5,13,20,.12);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.eyebrow{display:inline-flex;gap:9px;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:#52606a}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 5px rgba(168,206,38,.14)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.9;letter-spacing:-.065em;margin-bottom:26px;max-width:980px}
h2{font-size:clamp(2.3rem,4vw,4.3rem);line-height:.98;letter-spacing:-.045em;margin-bottom:22px}
h3{font-size:1.25rem;letter-spacing:-.02em}
.lede{font-size:clamp(1.12rem,2vw,1.38rem);color:#4b5963;max-width:760px;line-height:1.5}
.nav{position:fixed;z-index:90;top:0;left:0;right:0;background:rgba(245,243,238,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,23,32,.08)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}
.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;width:22px;height:8px;background:var(--accent);transform:rotate(-42deg);border-radius:99px}
.brand-mark::before{top:8px;left:4px}.brand-mark::after{right:3px;bottom:7px}
.brand small{display:block;font-weight:700;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#67747e;margin-top:1px}
.nav-links{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:700}
.nav-links a{position:relative}.nav-links a:after{content:"";height:2px;background:var(--ink);position:absolute;left:0;right:100%;bottom:-9px;transition:.22s}.nav-links a:hover:after{right:0}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 20px;font-weight:850;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#1e2c37}
.btn-accent{background:var(--accent);color:var(--ink)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(168,206,38,.25)}
.btn-outline{border:1px solid var(--line);background:rgba(255,255,255,.4)}
.menu-btn{display:none;background:none;border:0;font-size:1.4rem}
.hero{padding:150px 0 58px;overflow:hidden;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}
.hero-copy h1{font-size:clamp(3.2rem,6.4vw,6.5rem)}
.hero-copy .lede{max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:38px;color:#5c6972;font-size:.85rem;font-weight:700}.trust-row span{display:flex;gap:7px;align-items:center}.trust-row i{color:#719208}
.hero-stage{min-height:620px;background:var(--ink);border-radius:38px;position:relative;overflow:hidden;box-shadow:var(--shadow);isolation:isolate}
.hero-stage::before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 72% 25%,rgba(214,255,73,.32),transparent 26%),linear-gradient(135deg,#263947,#0a1218 68%);z-index:-2}
.hero-stage::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
.building{position:absolute;left:7%;right:7%;bottom:0;height:82%;display:flex;align-items:flex-end;gap:8px}
.tower{flex:1;background:linear-gradient(180deg,#d9d9d2,#8e989d);border-radius:7px 7px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);position:relative;overflow:hidden}
.tower:nth-child(1){height:57%}.tower:nth-child(2){height:84%}.tower:nth-child(3){height:72%}.tower:nth-child(4){height:95%}.tower:nth-child(5){height:68%}
.windows{position:absolute;inset:10px;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(6,17,24,.65) 23px 29px),repeating-linear-gradient(90deg,rgba(8,19,26,.6) 0 20px,rgba(189,217,220,.2) 21px 24px)}
.tower:nth-child(4) .windows{box-shadow:52px 100px 0 rgba(214,255,73,.58),-8px 180px 0 rgba(214,255,73,.55)}
.float-card{position:absolute;background:rgba(255,255,255,.96);color:var(--ink);border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.25);font-size:.78rem;font-weight:780;animation:float 5s ease-in-out infinite}.float-card b{display:block;font-size:1.1rem}.float-card small{color:#71808b;font-weight:700}.fc1{top:12%;left:7%}.fc2{right:5%;top:38%;animation-delay:-1.8s}.fc3{left:9%;bottom:9%;animation-delay:-3.1s}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8db800;margin-right:6px;box-shadow:0 0 0 4px rgba(141,184,0,.13)}
@keyframes float{50%{transform:translateY(-10px)}}
.metrics{padding:25px 0 80px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:30px 24px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{font-size:2.1rem;letter-spacing:-.04em;display:block}.metric span{color:var(--muted);font-size:.88rem}
.section{padding:105px 0}.section-dark{background:var(--ink);color:#fff}.section-dark .lede,.section-dark .eyebrow{color:#aab4bb}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head .lede{max-width:520px;margin-bottom:0}
.pill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.pill{border:1px solid var(--line);background:transparent;padding:10px 15px;border-radius:999px;font-weight:780;cursor:pointer;color:#46535c}.pill.active,.pill:hover{background:var(--ink);color:white}
.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.solution-card{background:#fff;border:1px solid rgba(13,23,32,.08);border-radius:22px;padding:24px;min-height:220px;display:flex;flex-direction:column;transition:.22s;position:relative;overflow:hidden}.solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(10,18,24,.09)}.solution-card .icon{width:46px;height:46px;border-radius:13px;background:#eef1e7;display:grid;place-items:center;margin-bottom:28px}.solution-card p{color:#66737b;font-size:.9rem;margin-bottom:0}.solution-card .arrow{margin-top:auto;font-size:1.4rem}.solution-card.featured{background:var(--accent)}.solution-card.featured .icon{background:rgba(255,255,255,.55)}
.system-map{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.map-panel{background:#131f28;border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:32px;min-height:520px;position:relative;overflow:hidden}.map-panel h3{font-size:1.5rem}.map-panel p{color:#9ba8b0;max-width:500px}
.orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(214,255,73,.22);border-radius:50%;left:50%;top:58%;transform:translate(-50%,-50%)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(214,255,73,.13);border-radius:50%;inset:44px}.orbit:after{inset:98px}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:var(--accent);color:#0d1720;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.05;box-shadow:0 0 50px rgba(214,255,73,.25)}.node{position:absolute;background:#23323d;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;white-space:nowrap}.n1{left:38%;top:-13px}.n2{right:-45px;top:34%}.n3{right:7px;bottom:10%}.n4{left:-25px;bottom:18%}.n5{left:-55px;top:29%}.n6{left:35%;bottom:-16px}
.workflow{display:grid;gap:10px;margin-top:30px}.flow{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:16px;border-radius:16px;background:#17252f;border:1px solid rgba(255,255,255,.06)}.flow-no{width:42px;height:42px;border-radius:12px;background:#263742;display:grid;place-items:center;color:var(--accent);font-weight:900}.flow p{margin:2px 0 0;font-size:.8rem}.flow strong{font-size:.88rem}.flow .status{font-size:.72rem;color:#9cb56a}
.residential{padding:0 0 110px}.res-shell{background:#0c151d;border-radius:36px;min-height:680px;color:white;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:var(--shadow)}
.res-visual{min-height:540px;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(4,11,16,.58)),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=85') center/cover}.res-visual .label{position:absolute;left:28px;bottom:28px;background:rgba(10,18,24,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px 18px;font-weight:800}.res-copy{padding:60px}.res-copy .eyebrow{color:#c1c9ce}.res-copy h2{margin-top:20px}.res-copy p{color:#aab5bd}.res-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 34px}.res-list span{padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-weight:750;font-size:.85rem;background:rgba(255,255,255,.035)}
.industries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry{border-radius:24px;padding:28px;background:#fff;border:1px solid var(--line);min-height:250px;display:flex;flex-direction:column}.industry .num{font-size:.72rem;color:#849098;font-weight:900}.industry h3{font-size:1.6rem;margin:35px 0 12px}.industry p{color:#68757e}.industry a{margin-top:auto;font-weight:850}
.cta{padding:100px 0;background:var(--accent)}.cta-box{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.cta h2{font-size:clamp(2.8rem,5.4vw,5.7rem);margin:12px 0 0}.cta p{font-size:1.1rem;max-width:550px}.cta-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.footer{background:#081118;color:#fff;padding:65px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px}.footer p,.footer a{color:#9eabb3;font-size:.9rem}.footer a:hover{color:#fff}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{margin-bottom:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;color:#6f7d86;font-size:.78rem}
.page-hero{padding:155px 0 70px;background:var(--ink);color:#fff}.page-hero .lede{color:#b1bbc1}.page-hero h1{font-size:clamp(3.6rem,7vw,6.7rem)}
.search-tools{display:flex;gap:12px;margin:32px 0}.search-tools input{flex:1;padding:15px 18px;border:1px solid var(--line);background:white;border-radius:15px;outline:none}.search-tools input:focus{border-color:#96b826;box-shadow:0 0 0 3px rgba(150,184,38,.12)}
.solution-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.directory-card{background:#fff;padding:25px;border-radius:20px;border:1px solid var(--line)}.directory-card .meta{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;color:#87939b;font-weight:900}.directory-card p{color:#66737b;font-size:.9rem}.directory-card ul{padding-left:18px;color:#64717a;font-size:.85rem}
.res-hero{min-height:88vh;background:linear-gradient(90deg,rgba(6,14,20,.92) 0%,rgba(6,14,20,.63) 52%,rgba(6,14,20,.16)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=85') center/cover;color:#fff;display:flex;align-items:center;padding-top:80px}.res-hero h1{max-width:900px}.res-hero .lede{color:#c4cdd2;max-width:650px}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list{display:grid;gap:12px}.feature-row{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px;border-radius:18px;background:white;border:1px solid var(--line)}.feature-row .icon{width:42px;height:42px;border-radius:12px;background:#eef1e7;display:grid;place-items:center}.feature-row p{margin:3px 0 0;color:#69757d;font-size:.88rem}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-card{background:var(--ink);color:white;padding:34px;border-radius:26px}.contact-card p{color:#a9b4bb}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.8rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 15px;outline:none}.field textarea{min-height:150px;resize:vertical}.form-note{grid-column:1/-1;color:#77838b;font-size:.75rem}
.reveal{opacity:0;transform:translateY(20px);transition:.65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav-links{display:none}.menu-btn{display:block}.nav.open .nav-links{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero-grid,.system-map,.res-shell,.cta-box,.feature-split,.contact-grid{grid-template-columns:1fr}.hero-stage{min-height:520px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.industries{grid-template-columns:1fr 1fr}.solution-directory{grid-template-columns:1fr 1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.nav-actions .btn{display:none}.hero{padding-top:120px}.hero-stage{min-height:430px;border-radius:25px}.float-card{transform:scale(.85);transform-origin:left}.fc2{right:-5%}.solutions-grid,.industries,.solution-directory,.footer-grid{grid-template-columns:1fr}.section{padding:78px 0}.section-head{display:block}.metrics-grid{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--line)!important}.metric:last-child{border-bottom:0!important}.res-copy{padding:36px 25px}.res-list{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}

/* Luxury Residential brand ecosystem */
.brand-section{background:#ece9e2}
.brand-groups{display:grid;gap:18px}
.brand-group{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 40px rgba(5,13,20,.045)}
.brand-category{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900;color:#68757d;margin-bottom:15px}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.brand-tile{min-height:74px;border:1px solid rgba(13,23,32,.1);border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:.98rem;font-weight:900;letter-spacing:-.025em;color:#1b2831;transition:.2s}
.brand-tile:hover{transform:translateY(-2px);border-color:rgba(13,23,32,.22);box-shadow:0 10px 24px rgba(5,13,20,.07)}
.brand-tile-hero{background:var(--ink);color:#fff;border-color:var(--ink)}
.brand-note{margin:18px 2px 0;color:#707c84;font-size:.78rem}
.res-brand-line{margin:-10px 0 28px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:3px}
.res-brand-line small{text-transform:uppercase;letter-spacing:.11em;color:#7f8d96;font-size:.62rem;font-weight:900}
.res-brand-line strong{font-size:.82rem;color:#dce3e7;line-height:1.5}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-group{padding:18px}.brand-tile{min-height:64px;font-size:.88rem}}