@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#06111a;--navy:#0b1a27;--panel:#0f2232;--panel2:#132a3d;--text:#edf6ff;--muted:#9fb1c1;--blue:#64b5ef;--gold:#d2ad4f;--line:rgba(151,190,219,.16);--ease:cubic-bezier(.2,.7,.2,1);--max:1440px}
html{scroll-behavior:smooth}
body{font-family:Manrope,sans-serif;background:var(--ink);color:var(--text);overflow-x:hidden}
img{max-width:100%}a{color:inherit}
.site-header{height:84px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(6,17,26,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav-inner{width:min(var(--max),calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;gap:3rem}
.brand{width:224px;flex:0 0 224px;display:block;text-decoration:none}.brand svg{display:block;width:100%;height:auto}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:2.15rem;margin-left:auto;min-width:0}
.nav-link,.nav-trigger{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;font:600 .64rem/1 Manrope,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .25s}
.nav-link:hover,.nav-trigger:hover,.nav-link.active,.nav-trigger.active{color:var(--text)}
.portfolio-menu{position:relative;display:flex;align-items:center}.nav-trigger{gap:.6rem}.nav-arrow{width:7px;height:7px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform .25s}.portfolio-menu.open .nav-arrow{transform:rotate(225deg) translate(-1px,-1px)}
.dropdown{position:absolute;top:calc(100% + 6px);left:50%;width:300px;padding:.6rem;transform:translate(-50%,8px);background:rgba(6,17,26,.98);border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transition:.25s}
.portfolio-menu:hover .dropdown,.portfolio-menu:focus-within .dropdown,.portfolio-menu.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dropdown a{display:block;padding:.85rem 1rem;border-radius:7px;text-decoration:none;color:var(--text);font-size:.78rem;font-weight:700}.dropdown a:hover{background:rgba(100,181,239,.09)}.dropdown small{display:block;margin-top:.2rem;color:var(--muted);font-size:.66rem;font-weight:400}
.nav-cta{padding:0 1.2rem;background:var(--text);color:var(--ink)!important;border-radius:4px;font-weight:800}.nav-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.2rem;border-radius:4px}
main{padding-top:84px}.container{width:min(var(--max),calc(100% - 128px));margin:auto}.section{padding:7rem 0}.section-dark{background:var(--navy)}
.eyebrow{display:flex;align-items:center;gap:.75rem;color:var(--blue);font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;font-weight:800;margin-bottom:1.2rem}.eyebrow:before{content:'';width:22px;height:1px;background:currentColor}
.display{font-size:clamp(3.4rem,7vw,8.2rem);line-height:.92;letter-spacing:-.06em}.display em,.section-title em{font-family:'Playfair Display',serif;font-weight:500;color:var(--gold)}
.section-title{font-size:clamp(2.25rem,4vw,4.6rem);line-height:1;letter-spacing:-.045em}.lead{font-size:1rem;line-height:1.9;color:var(--muted);font-weight:300}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:3.5rem}
.actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2.2rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.3rem;border:1px solid var(--line);border-radius:4px;text-decoration:none;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;transition:transform .25s,background .25s,border-color .25s}.button:hover{transform:translateY(-3px);border-color:var(--blue);background:rgba(100,181,239,.08)}.button.primary{background:var(--text);color:var(--ink)}.button.primary:hover{background:var(--gold);border-color:var(--gold)}
.home-hero{min-height:calc(100svh - 84px);display:flex;align-items:end;position:relative;overflow:hidden}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.86)}.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,26,.95),rgba(6,17,26,.45) 58%,rgba(6,17,26,.18)),linear-gradient(0deg,var(--ink),transparent 30%)}.hero-content{position:relative;z-index:1;width:min(var(--max),calc(100% - 128px));margin:0 auto;padding:5rem 0 6rem;max-width:var(--max)}.hero-copy{max-width:760px}.hero-copy .lead{max-width:610px;margin-top:1.6rem}
.service-visuals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:var(--ink)}.service-visual{height:410px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;text-decoration:none}.service-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:transform .7s var(--ease),filter .4s}.service-visual:hover img{transform:scale(1.055);filter:brightness(.9)}.service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,17,26,.92),transparent 58%)}.service-visual span{position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1.2rem;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.service-visual strong{display:block;font-size:1.08rem;letter-spacing:0;text-transform:none;margin-bottom:.35rem}
.capabilities{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:42px 1fr;gap:1.2rem;padding:2rem 1.4rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .25s}.capability:hover{background:rgba(100,181,239,.05)}.capability b{color:var(--blue);font-size:.65rem}.capability h3{font-size:1.25rem;margin-bottom:.55rem}.capability p{color:var(--muted);font-size:.8rem;line-height:1.75}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.person{display:grid;grid-template-columns:130px 1fr;gap:1.5rem;padding:1.4rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.person img{width:130px;height:160px;object-fit:cover;object-position:center;border-radius:7px}.person h3{font-size:1.4rem}.person .role{color:var(--blue);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin:.35rem 0 .8rem}.person p{color:var(--muted);font-size:.78rem;line-height:1.7}
.page-hero{min-height:670px;display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:center;padding:5rem 0}.page-hero-copy .lead{margin-top:1.5rem}.page-hero-media{height:560px;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;background:var(--panel)}.page-hero-media>img{width:100%;height:100%;object-fit:cover;display:block}.page-hero-media .dashboard{object-position:left top}.media-label{position:absolute;left:1rem;bottom:1rem;background:rgba(6,17,26,.88);border:1px solid rgba(255,255,255,.18);padding:.75rem 1rem;border-radius:5px;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}
.morbit-logo{width:min(340px,80%);filter:brightness(0) invert(1);margin:1rem 0 1.6rem}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.metric{padding:1.5rem;background:var(--panel);border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:1.65rem;color:var(--blue)}.metric span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tabs{display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem}.tab-list{display:flex;flex-direction:column}.tab-button{padding:1.15rem;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);font:700 .78rem Manrope;cursor:pointer}.tab-button.active{color:var(--text);background:rgba(100,181,239,.07);border-left:2px solid var(--blue)}.tab-panel{display:none;padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tab-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.tab-panel img{width:100%;height:300px;object-fit:cover;border-radius:7px}.tab-panel h3{font-size:1.7rem;margin-bottom:.7rem}.tab-panel p{font-size:.85rem;line-height:1.8;color:var(--muted)}
.property-hero .page-hero-media{height:620px}.property-hero .page-hero-media img{filter:brightness(.8)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.fact{padding:1.5rem;background:var(--panel)}.fact strong{font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--gold);display:block}.fact span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.reveal{position:relative;height:min(68vw,720px);min-height:430px;border:1px solid var(--line);border-radius:12px;overflow:hidden;touch-action:none}.reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reveal-after{clip-path:inset(0 50% 0 0)}.reveal-line{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:white;transform:translateX(-1px)}.reveal-handle{position:absolute;top:50%;left:50%;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:rgba(6,17,26,.75);font-size:1.1rem}.reveal input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.reveal-label{position:absolute;z-index:2;top:1rem;padding:.6rem .8rem;background:rgba(6,17,26,.78);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.reveal-label.before{left:1rem}.reveal-label.after{right:1rem}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.location-card{padding:1.5rem;border:1px solid var(--line);background:var(--panel);border-radius:8px}.location-card strong{font-size:1.45rem;color:var(--gold)}.location-card h3{font-size:.95rem;margin:.55rem 0}.location-card p{font-size:.76rem;line-height:1.7;color:var(--muted)}
.map-card{height:580px;background:linear-gradient(145deg,#0c2a3a,#07121c);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.map-card svg{width:100%;height:100%}.map-pin{position:absolute;display:flex;align-items:center;gap:.45rem;font-size:.62rem;font-weight:800}.map-pin:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(100,181,239,.12)}.map-pin.primary:before{background:var(--gold);box-shadow:0 0 0 8px rgba(210,173,79,.15)}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.work-card{position:relative;height:460px;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;background:var(--panel)}.work-card iframe{width:100%;height:100%;border:0;pointer-events:none;filter:brightness(.72);transition:transform .7s,filter .35s}.work-card:hover iframe{transform:scale(1.035);filter:brightness(.9)}.work-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,17,26,.95),transparent 60%);display:flex;flex-direction:column;justify-content:end;padding:1.5rem}.work-overlay span{font-size:.58rem;color:var(--blue);letter-spacing:.15em;text-transform:uppercase}.work-overlay h3{font-size:1.5rem;margin:.4rem 0}.work-overlay p{font-size:.76rem;color:var(--muted)}
.site-footer{background:#0b1a27;border-top:1px solid var(--line)}.footer-inner{width:min(var(--max),calc(100% - 128px));margin:auto;padding:3rem 0;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.footer-brand{font-weight:800;font-size:1.1rem}.footer-brand span{color:var(--gold);font-weight:400}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#b9cad8}.footer-links a:hover{color:white}.footer-meta{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8fa4b5;font-size:.62rem}
.cta-band{padding:5rem 0;text-align:center;background:radial-gradient(circle at center,rgba(100,181,239,.1),transparent 55%)}.cta-band .section-title{margin-bottom:1rem}.cta-band .lead{max-width:650px;margin:auto}

@media(max-width:1120px){.nav-inner{width:calc(100% - 32px)}.nav-links{display:none;position:absolute;top:84px;left:0;right:0;padding:1rem;background:rgba(6,17,26,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header.mobile-open .nav-links{display:flex}.nav-link,.nav-trigger{width:100%;justify-content:flex-start;padding:0 1rem}.portfolio-menu{display:block}.dropdown{position:static;width:100%;transform:none!important;box-shadow:none;display:none;opacity:1;visibility:visible}.portfolio-menu.open .dropdown{display:block}.nav-toggle{display:block}.nav-cta{margin-top:.5rem;justify-content:center}.brand{width:210px;flex-basis:210px}}
@media(max-width:900px){.container,.hero-content,.footer-inner{width:calc(100% - 40px)}.section{padding:5rem 0}.section-head,.page-hero,.tabs{grid-template-columns:1fr;gap:2rem}.service-visuals{grid-template-columns:1fr 1fr}.service-visual{height:320px}.page-hero{padding:3.5rem 0}.page-hero-media,.property-hero .page-hero-media{height:440px}.team-grid,.work-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.tab-panel.active{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-meta{flex-direction:column;gap:.6rem}}
@media(max-width:560px){main{padding-top:70px}.site-header{height:70px}.nav-links{top:70px}.brand{width:178px;flex-basis:178px}.display{font-size:clamp(3.1rem,16vw,4.7rem)}.hero-content{padding:4rem 0}.service-visuals,.capabilities,.facts,.location-grid{grid-template-columns:1fr}.service-visual{height:280px}.person{grid-template-columns:82px 1fr}.person img{width:82px;height:105px}.page-hero-media,.property-hero .page-hero-media{height:340px}.metric-row{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.reveal{height:430px}.work-card{height:380px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}
/* Refined OpenGate character */
body{font-family:'Plus Jakarta Sans',sans-serif}
.brand text{font-family:'Plus Jakarta Sans',sans-serif!important}
.nav-link,.nav-trigger,.tab-button{font-family:'Plus Jakarta Sans',sans-serif}
.display em,.section-title em{font-family:'Plus Jakarta Sans',sans-serif;font-style:italic;font-weight:300}
.dropdown{top:100%;transform:translate(-50%,0)}
.portfolio-menu:after{content:'';position:absolute;left:-18px;right:-18px;top:42px;height:18px}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,color .35s,border-color .25s;background-color:transparent}
.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--blue),var(--gold));transform:translateX(-102%);transition:transform .48s var(--ease);z-index:-1}
.button:hover{transform:translateY(-3px);border-color:var(--blue);color:var(--ink);background-color:transparent}
.button:hover:before{transform:translateX(0)}
.button.primary{background:var(--text);color:var(--ink)}.button.primary:before{background:linear-gradient(110deg,var(--gold),#f0cf79)}
.nav-cta{position:relative;overflow:hidden;isolation:isolate;transition:color .35s}.nav-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--gold),#f0cf79);transform:translateX(-102%);transition:transform .48s var(--ease);z-index:-1}.nav-cta:hover:before{transform:translateX(0)}
.technology-page{--accent:#f08a28}.real-estate-page{--accent:#6ca77c}.web-design-page{--accent:#8f7fe8}
.technology-page .page-hero{position:relative}.technology-page .page-hero:before{content:'';position:absolute;inset:-84px calc(50% - 50vw) 0;background:radial-gradient(circle at 78% 32%,rgba(240,138,40,.18),transparent 38%),linear-gradient(180deg,rgba(74,37,12,.22),transparent 68%);z-index:-1}
.technology-page .eyebrow,.technology-page .metric strong{color:#f0a44f}.technology-page .tab-button.active{border-left-color:#f08a28;background:rgba(240,138,40,.08)}
.real-estate-page .page-hero{position:relative}.real-estate-page .page-hero:before{content:'';position:absolute;inset:-84px calc(50% - 50vw) 0;background:radial-gradient(circle at 76% 32%,rgba(108,167,124,.2),transparent 38%),linear-gradient(180deg,rgba(32,71,47,.32),transparent 72%);z-index:-1}
.real-estate-page .section-dark{background:linear-gradient(145deg,#10271d,#0a1820 70%)}
.web-design-page .page-hero{position:relative}.web-design-page .page-hero:before{content:'';position:absolute;inset:-84px calc(50% - 50vw) 0;background:radial-gradient(circle at 78% 30%,rgba(143,127,232,.16),transparent 42%);z-index:-1}
.service-visual,.capability,.person,.location-card,.work-card{transition:transform .45s var(--ease),border-color .35s,background .35s}.service-visual:hover,.capability:hover,.person:hover,.location-card:hover,.work-card:hover{transform:translateY(-6px);border-color:rgba(100,181,239,.42)}
.person{display:block;padding:2rem}.person-head{display:flex;align-items:center;gap:1.3rem;margin-bottom:1.35rem}.person img{width:82px;height:82px;border-radius:50%;border:2px solid rgba(100,181,239,.28);object-position:center}.person-bio{color:var(--muted);font-size:.82rem;line-height:1.8}.person-highlights{display:grid;gap:.55rem;margin:1.2rem 0}.person-highlights span{font-size:.7rem;color:rgba(237,246,255,.63);display:flex;align-items:center;gap:.65rem}.person-highlights span:before{content:'';width:12px;height:1px;background:var(--blue)}.person-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:3px;color:var(--blue);text-decoration:none;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.person-link:hover{background:rgba(100,181,239,.08);border-color:var(--blue)}
.dashboard-frame{height:auto;aspect-ratio:1.9/1;background:#f4f5f6}.dashboard-frame>img.dashboard{object-fit:contain;object-position:left top}.tab-panel img.dashboard,.tab-panel:first-child img{object-fit:contain;background:#f4f5f6}
.ecosystem-stage{position:relative;min-height:560px;border:1px solid rgba(240,138,40,.2);border-radius:14px;overflow:hidden;background:#09131d}.ecosystem-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.ecosystem-stage:hover img{transform:scale(1.025)}.ecosystem-copy{position:absolute;z-index:2;top:2rem;left:2rem;max-width:470px;padding:1.4rem;background:rgba(6,17,26,.72);border:1px solid rgba(240,138,40,.2);backdrop-filter:blur(16px);border-radius:8px}.ecosystem-copy h3{font-size:1.5rem;margin-bottom:.55rem}.ecosystem-copy p{font-size:.78rem;line-height:1.75;color:var(--muted)}
.motion-item{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.motion-item.in-view{opacity:1;transform:none}
@media(max-width:900px){.dashboard-frame{height:auto!important;aspect-ratio:1.35/1}.ecosystem-stage{min-height:440px}.ecosystem-copy{left:1rem;right:1rem;top:1rem}.portfolio-menu:after{display:none}}
@media(max-width:560px){.person{padding:1.4rem}.person-head{align-items:flex-start}.person img{width:72px;height:72px}.ecosystem-stage{min-height:360px}.ecosystem-copy{position:relative;margin:1rem}.ecosystem-stage img{object-position:center bottom}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.motion-item{opacity:1;transform:none}}