:root{--color-blue-deep:#0167fa;--color-purple-vivid:#7324ce;--color-navy-dark:#041549;--color-gradient-primary:linear-gradient(135deg, var(--color-blue-deep) 0%, var(--color-purple-vivid) 100%);--color-footer-bg:#041549;--color-bg:#f8f9fa;--color-surface:#fff;--color-text-main:#041549;--color-text-muted:#5e5e70;--color-border:#e2e4e9;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00339914;--shadow-lg:0 16px 48px #7b00d91f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-main);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.gradient-text{background:var(--color-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary,a.btn-primary,button.btn-primary{border-radius:var(--radius-sm);background:var(--color-gradient-primary);min-height:46px;font-family:var(--font-heading);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;text-align:center;touch-action:manipulation;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex;color:#fff!important}.btn-primary:hover,a.btn-primary:hover,button.btn-primary:hover,.btn-primary:focus,.btn-primary:active{box-shadow:var(--shadow-md);transform:translateY(-2px);color:#fff!important}.btn-secondary{border-radius:var(--radius-sm);min-height:46px;color:var(--color-blue-deep);font-family:var(--font-heading);border:2px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;text-align:center;touch-action:manipulation;background:#fff;justify-content:center;align-items:center;padding:12px 28px;font-size:1.05rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--color-purple-vivid);color:var(--color-purple-vivid);transform:translateY(-2px)}.section-padding{padding:48px 0}@media (width>=768px){.section-padding{padding:80px 0}}@media (width>=1024px){.section-padding{padding:100px 0}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-sm);transition:padding var(--transition-fast);background-color:#fffffffa;padding:14px 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex;position:relative}.logo{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-image{object-fit:contain;flex-shrink:0;width:44px;height:44px;margin-right:10px}.logo-text{flex-direction:column;width:fit-content;display:flex}.logo-brand-name{width:100%;color:var(--color-navy-dark,#041549);font-size:1.38rem;font-weight:900;line-height:1;font-family:var(--font-heading);justify-content:space-between;display:flex}.logo-tagline{letter-spacing:1.5px;color:var(--color-purple-vivid,#7324ce);text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.65rem;font-weight:700}.logo-limited-row{width:100%;color:var(--color-navy-dark,#041549);letter-spacing:2px;align-items:center;gap:6px;margin-top:1px;font-size:.55rem;font-weight:800;display:flex}.logo-line{background-color:var(--color-purple-vivid,#7324ce);flex:1;height:1.5px}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav ul{gap:24px;display:flex}.desktop-nav ul a{color:var(--color-text-main);transition:color var(--transition-fast);padding:8px 4px;font-size:1rem;font-weight:500}.desktop-nav ul a:hover{color:var(--color-purple-vivid)}.header-cta,.desktop-nav .header-cta,.desktop-nav a.header-cta{min-height:42px;padding:10px 22px;font-size:.98rem;text-decoration:none;color:#fff!important}.header-cta:hover,.desktop-nav .header-cta:hover,.desktop-nav a.header-cta:hover{color:#fff!important}.mobile-menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;z-index:1002;touch-action:manipulation;width:44px;height:44px;transition:all var(--transition-fast);background:0 0;flex-direction:column;flex-shrink:0;justify-content:space-around;padding:10px 8px;display:none}.mobile-menu-btn:hover,.mobile-menu-btn:active{border-color:var(--color-blue-deep);background:#0167fa0f}.hamburger-bar{background-color:var(--color-navy-dark,#041549);transform-origin:1px;border-radius:2px;width:100%;height:2.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn.open .hamburger-bar:first-child{transform:rotate(45deg)translate(2px,-1px)}.mobile-menu-btn.open .hamburger-bar:nth-child(2){opacity:0;transform:translate(10px)}.mobile-menu-btn.open .hamburger-bar:nth-child(3){transform:rotate(-45deg)translate(2px,1px)}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#04154980;width:100vw;height:100vh;position:fixed;top:0;left:0}.mobile-drawer{z-index:1001;background:#fff;flex-direction:column;width:85%;max-width:340px;height:100dvh;padding:24px;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #00000026}.mobile-drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.mobile-drawer-title{font-family:var(--font-heading);color:var(--color-navy-dark);font-size:1.15rem;font-weight:700}.mobile-drawer-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.mobile-drawer-close:active{color:var(--color-navy-dark);background:#f0f0f4}.mobile-nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.mobile-nav-links a{color:var(--color-navy-dark);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;padding:14px 16px;font-size:1.15rem;font-weight:600;display:flex}.mobile-nav-links a:active,.mobile-nav-links a.active{color:var(--color-blue-deep);background:#0167fa14}.mobile-drawer-actions{margin-top:24px;padding-top:16px}.mobile-quote-btn,a.mobile-quote-btn{text-align:center;width:100%;padding:14px 20px;font-size:1.05rem;text-decoration:none;color:#fff!important}.mobile-quote-btn:hover,a.mobile-quote-btn:hover{color:#fff!important}.mobile-drawer-contact{border-top:1px solid var(--color-border);flex-direction:column;gap:14px;margin-top:auto;padding-top:28px;display:flex}.mobile-contact-item{background:var(--color-bg);border-radius:var(--radius-sm);color:inherit;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.mobile-contact-item:active{background:#e9ecef}.mobile-contact-icon{font-size:1.3rem}.mobile-contact-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.mobile-contact-val{color:var(--color-blue-deep);font-size:.95rem;font-weight:600}@media (width<=860px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}}@media (width<=420px){.header{padding:10px 0}.logo-image{width:38px;height:38px;margin-right:8px}.logo-brand-name{font-size:1.25rem}.logo-tagline{letter-spacing:1.2px;font-size:.58rem}.logo-limited-row{letter-spacing:1.5px;font-size:.5rem}.mobile-menu-btn{width:40px;height:40px;padding:9px 7px}}.footer{background-color:var(--color-footer-bg,var(--color-text-main));color:var(--color-footer-text,white);padding-top:48px}@media (width>=768px){.footer{padding-top:80px}}.footer-container{grid-template-columns:1fr;gap:36px;margin-bottom:40px;display:grid}@media (width>=768px){.footer-container{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:64px}}.footer-logo-img{object-fit:contain;width:44px;height:44px;margin-right:10px}.footer-brand-title{color:#fff;fontSize:1.42rem;width:100%;font-weight:900;line-height:1;font-family:var(--font-heading);justify-content:space-between;display:flex}.footer-brand-sub{letter-spacing:1.5px;color:#a0a0b0;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.68rem;font-weight:700}.footer-brand-ltd{color:#a0a0b0;letter-spacing:2px;align-items:center;gap:6px;width:100%;margin-top:1px;font-size:.58rem;font-weight:800;display:flex}.footer-line{background-color:#fff3;flex:1;height:1.5px}.footer-description{color:#a0a0b0;max-width:320px;margin-top:20px;font-size:.95rem;line-height:1.6}.footer h4{color:var(--color-footer-text,white);margin-bottom:18px;font-size:1.2rem}.footer-links ul,.footer-contact ul{flex-direction:column;gap:12px;display:flex}.footer-links a,.footer-contact li{color:#a0a0b0;transition:color var(--transition-fast);font-size:.95rem}.footer-links a:hover,.footer-contact-link:hover{color:#fff}.footer-contact-link{color:#a0a0b0;text-underline-offset:3px;transition:color var(--transition-fast);text-decoration:underline}.footer-bottom{text-align:center;color:#a0a0b0;border-top:1px solid #ffffff1a;padding:20px 0;font-size:.85rem}.hero{background-color:var(--color-bg);padding:48px 0 60px;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (width>=992px){.hero{padding:50px 0 65px}.hero-container{grid-template-columns:1.05fr .95fr;align-items:flex-start;gap:40px;display:grid}}.hero-content{width:100%}.hero-title{letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(1.85rem,5.5vw,2.85rem);line-height:1.18}.hero-subtitle{color:var(--color-text-muted);margin-bottom:28px;font-size:clamp(.95rem,2vw,1.02rem);line-height:1.62}.hero-p{margin-bottom:12px}.hero-highlight-p{color:var(--color-text-main);margin-bottom:0;font-weight:500}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.hero-shape{background:var(--color-gradient-primary);filter:blur(80px);opacity:.22;z-index:0;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=768px){.hero-shape{filter:blur(100px);width:400px;height:400px}}.hero-surveyor-wrapper{z-index:1;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.hero-surveyor-img{object-fit:contain;object-position:top center;filter:drop-shadow(0 14px 28px #04154929);width:auto;max-width:100%;transition:transform var(--transition-normal);display:block}.hero-surveyor-img:hover{transform:translateY(-4px)scale(1.01)}@media (width<=991px){.hero{padding:32px 0 44px}.hero-container{gap:32px}.hero-surveyor-wrapper{align-items:center;max-height:380px}.hero-surveyor-img{max-height:340px}}@media (width<=480px){.hero{padding:24px 0 36px}.hero-actions{flex-direction:column;gap:10px;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%}.hero-surveyor-wrapper{max-height:300px}.hero-surveyor-img{max-height:280px}}.services{background-color:var(--color-surface)}.section-header{text-align:center;max-width:600px;margin:0 auto 40px}@media (width>=768px){.section-header{margin:0 auto 64px}}.section-header h2{margin-bottom:16px;font-size:clamp(1.85rem,5vw,2.5rem)}.section-header p{color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.services-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.services-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (width>=1024px){.services-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.service-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-normal);flex-direction:column;padding:24px 20px;display:flex}@media (width>=768px){.service-card{padding:36px 28px}}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.service-icon{background:var(--color-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-size:2.6rem}.service-card h3{color:var(--color-navy-dark);margin-bottom:12px;font-size:clamp(1.25rem,3.5vw,1.45rem)}.service-card p{color:var(--color-text-muted);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.service-link{color:var(--color-blue-deep);align-items:center;padding:4px 0;font-size:.98rem;font-weight:600;display:inline-flex}.service-card:hover .service-link{color:var(--color-purple-vivid)}.why-choose-us{background-color:var(--color-bg)}.wcu-container{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (width>=992px){.wcu-container{grid-template-columns:1fr 1fr;gap:64px}}.wcu-visual{border-radius:var(--radius-lg);height:100%;min-height:380px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);justify-content:center;align-items:flex-end;padding:24px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.wcu-visual{min-height:480px;padding:32px}}.wcu-visual-img{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.wcu-visual:hover .wcu-visual-img{transform:scale(1.025)}.wcu-visual-overlay{z-index:1;pointer-events:none;background:linear-gradient(#04154914 0%,#0415496b 60%,#041549c7 100%);width:100%;height:100%;position:absolute;top:0;left:0}.glass-card{z-index:2;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);color:#fff;background:#041549c7;border:1px solid #fff3;width:100%;padding:20px 22px;position:relative;box-shadow:0 8px 32px #00000040}@media (width>=768px){.glass-card{padding:24px 28px}}.glass-card h3{color:#fff;margin-bottom:8px;font-size:clamp(1.2rem,3.5vw,1.5rem)}.glass-card p{color:#ffffffe6;font-size:clamp(.88rem,2vw,.95rem);line-height:1.55}.wcu-content h2{margin-bottom:20px;font-size:clamp(1.85rem,5vw,2.5rem)}.wcu-lead{color:var(--color-text-muted);margin-bottom:32px;font-size:clamp(.98rem,2.5vw,1.15rem)}.wcu-list{flex-direction:column;gap:20px;display:flex}.wcu-list li{flex-direction:column;display:flex}.wcu-list strong{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:4px;font-size:clamp(1.1rem,3vw,1.25rem)}.wcu-list span{color:var(--color-text-muted);font-size:.95rem}@media (width<=480px){.wcu-visual{min-height:320px;padding:16px}.glass-card{padding:16px 18px}}.about-gallery-section{border-top:1px solid var(--color-border);padding:32px 0 64px}@media (width>=768px){.about-gallery-section{padding:48px 0 90px}}.about-gallery-header{text-align:center;margin-bottom:36px}@media (width>=768px){.about-gallery-header{margin-bottom:48px}}.about-gallery-title{margin-bottom:14px;font-size:clamp(1.85rem,5vw,2.5rem)}.about-gallery-subtitle{color:var(--color-text-muted);max-width:650px;margin:0 auto;font-size:clamp(.98rem,2vw,1.125rem);line-height:1.6}.about-masonry-grid{column-count:1;column-gap:16px}@media (width>=560px){.about-masonry-grid{column-count:2;column-gap:20px}}@media (width>=992px){.about-masonry-grid{column-count:3;column-gap:24px}}.about-masonry-item{break-inside:avoid;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;margin-bottom:16px;overflow:hidden}@media (width>=768px){.about-masonry-item{margin-bottom:24px}}.about-masonry-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-masonry-img{object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.about-masonry-item:hover .about-masonry-img{transform:scale(1.02)}main{min-height:calc(100vh - 380px)}
