/* Shared visual hierarchy and product-led experience. */
:root{--ink:#123d3d;--muted:#536b6b;--accent:#139190}body{font-size:15px;color:var(--ink)}p{line-height:1.85;color:var(--muted)}.container{max-width:1280px}html{scroll-padding-top:120px}h1,h2,h3{letter-spacing:-.045em}h2{font-size:clamp(30px,3vw,44px);line-height:1.2}.eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.7}.section{padding-block:80px}.section-heading{align-items:end;gap:40px}.section-heading p{font-size:15px;max-width:430px}.button{font-size:13px;min-height:48px;border-radius:6px}.header{border-bottom:1px solid #e1e9e7}.nav-wrap{min-height:94px}nav{font-size:13px;gap:21px}.topbar{background:#043b3b;color:#fff}.topbar a,.topbar span{color:inherit}.topbar .container{min-height:34px;font-size:11px}.submenu{min-width:280px;padding:12px;border-radius:10px;border:1px solid #dce6e4}.submenu a{padding:12px;font-size:13px}.submenu a:hover{background:#eef6f4;border-radius:5px}.studio-hero{background:radial-gradient(ellipse at 85% 20%,#126b66 0,transparent 50%),#042f30;color:white;overflow:hidden}.studio-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding-block:84px}.studio-intro h1{font-size:clamp(40px,4.2vw,64px);line-height:1.12;letter-spacing:-.055em;margin:22px 0}.studio-intro h1 em{color:#76ddd2;font-style:normal}.studio-intro p{font-size:16px;color:#c2d8d5;max-width:520px}.studio-intro .eyebrow{color:#85d5cb}.studio-intro .hero-actions{flex-wrap:wrap;margin-top:30px;gap:12px}.studio-signature{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;padding-top:22px;border-top:1px solid #ffffff26;font-size:10px;letter-spacing:.1em;color:#afd0cb}.product-preview{display:block;background:#fff;border:1px solid #ffffff50;border-radius:14px;box-shadow:0 28px 65px #00181766;overflow:hidden;transform:perspective(1400px) rotateY(-5deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:20px;color:#143b3b}.preview-top>span:first-child{font-size:21px;font-weight:600}.preview-top>span:last-child{font-size:9px;letter-spacing:.14em}.preview-top i{display:inline-block;width:9px;height:9px;background:#139190;border-radius:50%;margin-right:8px}.product-preview img{display:block;width:100%;height:auto;border-block:1px solid #e5ecea}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:23px;color:#123d3d}.preview-bottom strong,.preview-bottom span{display:block}.preview-bottom strong{font-size:15px}.preview-bottom span{font-size:12px;margin-top:5px;color:#607675}.preview-bottom svg{width:24px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7e4e0;border-radius:12px;overflow:hidden;margin-top:32px}.portfolio-card{display:flex;flex-direction:column;padding:30px 25px;border-right:1px solid #d7e4e0;background:#fff;transition:background .2s}.portfolio-card:last-child{border:0}.portfolio-card:hover{background:#eef7f4}.portfolio-number{font-size:10px;letter-spacing:.08em;color:#607c76}.portfolio-card h3{font-size:30px;margin:26px 0 12px}.portfolio-card p{font-size:13px;margin:0 0 30px}.portfolio-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:12px}.portfolio-link svg{width:18px;flex-shrink:0}.gdoor-card{background:#edf5f1}.gps-showcase{background:#edf4f1;padding:70px 0;overflow:hidden}.gps-showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.gps-showcase h2{margin-top:18px}.gps-showcase p{font-size:15px}.gps-showcase img{display:block;width:100%;border-radius:12px;border:6px solid white;box-shadow:0 20px 50px #173e3920}.existing-access{display:block;font-size:12px;font-weight:500;margin-top:22px;color:#177c78;line-height:1.8}.service-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.service-steps article{border-top:2px solid #139190;padding-top:20px}.service-steps article>span{font-size:13px;color:#139190}.service-steps h3{font-size:24px;margin:16px 0 8px}.service-steps p{font-size:14px}.client-section{padding-block:35px;border-block:1px solid #e0e9e5}.client-logos span{font-size:11px}.company-brief{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.company-brief>img{width:100%;height:340px;object-fit:cover;border-radius:12px}.company-brief h2{margin-top:16px}.page-head{padding:40px 0 48px;background:radial-gradient(ellipse at 95% 0,#11605c,transparent 65%),#043b3b}.page-head h1{font-size:clamp(36px,4vw,54px);max-width:900px}.page-head p{font-size:16px;max-width:720px}.page-head .breadcrumb{margin-bottom:26px}.split p,.intro-grid p,.product-panel>p,.tracking-editorial p,.location-detail p,.location-detail a{font-size:15px}.three-values p,.plan li,.feature-link p{font-size:14px}.gdoor-representation{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:50px;background:#edf5f1;border:1px solid #cfdfd8;border-radius:12px;margin-block:60px}.gdoor-identity{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #c4d8ce;padding:30px 40px 30px 0}.gdoor-identity strong{font-size:clamp(44px,6vw,76px);letter-spacing:-.07em;color:#123d3d;line-height:1.3}.gdoor-identity>span:last-child{font-size:13px;margin-top:12px}.gdoor-representation h2{font-size:34px}.gdoor-representation p{font-size:15px;margin-bottom:24px}.solution-hero h1{font-size:clamp(38px,4vw,55px)}.solution-hero p{font-size:16px}.product-hero-image img{border-radius:8px}.product-tabs strong{font-size:15px}.product-tabs small{font-size:12px}.product-panel{border-radius:10px}.system-screen-description p{font-size:14px}.system-screen-description h3{font-size:20px}.footer-grid a,.footer-grid p{font-size:13px}.footer-grid h3{font-size:15px}.cta{margin-block:30px 65px}.client-access .submenu{right:0;left:auto}.client-access>.submenu-toggle{background:#043b3b;color:white;border-radius:6px;padding:13px 17px;font:inherit;font-weight:600}.submenu a small{display:block;color:#536b6b;font-size:11px;margin-top:3px}.location-content h2{font-size:32px}.location-content{padding:36px}.location-detail h3{font-size:15px}.quote-section p{font-size:15px}
@media(max-width:1150px){nav{gap:12px;font-size:12px}.brand img{width:145px}.studio-hero-grid{gap:30px}.portfolio-card{padding:25px 18px}.gps-showcase-grid{gap:32px}}
@media(max-width:900px){.studio-hero-grid{grid-template-columns:1fr;padding-block:50px;gap:35px}.studio-intro{max-width:650px}.studio-intro h1{font-size:52px}.product-preview{transform:none;max-width:700px}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card:nth-child(2){border-right:0}.portfolio-card:nth-child(-n+2){border-bottom:1px solid #d7e4e0}.gps-showcase-grid,.company-brief{grid-template-columns:1fr;gap:30px}.gdoor-representation{gap:30px;padding:32px}.gdoor-representation h2{font-size:28px}nav{font-size:15px}.client-access{width:100%}.client-access>.submenu-toggle{width:100%;text-align:left}.client-access .submenu{width:100%}.topbar .container>span{font-size:10px}.company-brief>img{max-height:350px}.section{padding-block:56px}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.studio-intro h1{font-size:40px}.studio-intro p{font-size:15px}.studio-hero-grid{padding-block:38px}.studio-signature{font-size:9px;gap:12px}.preview-top{padding:14px}.preview-top>span:first-child{font-size:18px}.preview-bottom{padding:17px}.preview-bottom strong{font-size:13px}.preview-bottom span{font-size:11px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:25px;border-right:0;border-bottom:1px solid #d7e4e0}.portfolio-card h3{margin-top:15px}.portfolio-card p{font-size:14px;margin-bottom:20px}.section-heading{display:block}.section-heading p{font-size:14px}.gps-showcase{padding-block:45px}.service-steps{grid-template-columns:1fr;gap:20px}.service-steps h3{margin:10px 0}.gdoor-representation{grid-template-columns:1fr;gap:25px;padding:26px}.gdoor-identity{border-right:0;border-bottom:1px solid #c4d8ce;padding:0 0 25px}.gdoor-identity strong{font-size:52px}.gdoor-representation h2{font-size:30px}.page-head p{font-size:14px}.page-head{padding-block:28px 35px}.page-head .breadcrumb{font-size:11px}.split p,.intro-grid p,.product-panel>p,.tracking-editorial p{font-size:14px}.product-tabs small{display:none}.product-tabs strong{font-size:12px}.product-panel-title .eyebrow{font-size:9px}.location-content{padding:25px}.location-content h2{font-size:29px}.footer-grid a,.footer-grid p{font-size:13px}.whatsapp span{display:none}.whatsapp{padding:13px}.company-brief>img{height:270px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}