*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1d2b4a;--navy2:#162038;--navy3:#0e1525;--teal:#36999f;--teal2:#4aafb5;--teal3:#60c5cb;--white:#fff;--off:#e8f0f1;--muted:#8aaab0;--card:#1e2e48;--border:#36999f2e;--font:"Segoe UI", "Helvetica Neue", Arial, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--navy3);color:var(--white);line-height:1.7}.btn{letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:14px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover{background:var(--teal2);transform:translateY(-1px)}.btn-outline{color:var(--teal2);border:1.5px solid var(--teal);background:0 0;margin-left:14px}.btn-outline:hover{background:var(--border)}section{padding:90px 5%}.section-inner{max-width:1100px;margin:0 auto}.section-tag{letter-spacing:3px;color:var(--teal);text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600}.section-title{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.15}.section-sub{color:var(--muted);max-width:560px;margin-bottom:56px;font-size:16px;line-height:1.8}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.service-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--teal);transform:translateY(-3px)}.service-icon{background:#36999f1f;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.service-icon svg{width:24px;height:24px;stroke:var(--teal2);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin-bottom:10px;font-size:17px;font-weight:700}.service-card p{color:var(--muted);font-size:14px;line-height:1.7}.teal-divider{background:linear-gradient(90deg, transparent, var(--teal), transparent);opacity:.3;height:1px;margin:0 5%}footer{border-top:1px solid var(--border);background:var(--navy3);justify-content:space-between;align-items:center;padding:40px 5%;display:flex}footer p{color:var(--muted);font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--muted);cursor:pointer;font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--teal2)}.page-wrapper{min-height:100vh;padding-top:70px}@media (width>=769px){nav button[aria-label=Toggle\ menu]{display:none!important}}@media (width<=768px){nav>div:last-of-type{display:none!important}nav button[aria-label=Toggle\ menu]{display:flex!important}nav{height:60px!important;padding:0 4%!important}.page-wrapper{padding-top:60px!important}.hero{padding:48px 5%!important}.hero h1{letter-spacing:-.5px!important;font-size:34px!important}.hero-sub{font-size:15px!important}.hero-tagline{font-size:11px!important}.hero-inner{grid-template-columns:1fr!important;gap:32px!important}.hero-visual{display:none!important}.btn{padding:12px 20px!important;font-size:12px!important}.btn-outline{margin-left:8px!important}section{padding:56px 5%!important}.section-title{font-size:28px!important}.section-sub{margin-bottom:32px!important;font-size:14px!important}.services-grid{grid-template-columns:1fr!important;gap:14px!important}.service-card{padding:22px!important}.about-grid,.contact-grid{grid-template-columns:1fr!important;gap:40px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}.portfolio-grid{grid-template-columns:1fr!important;gap:14px!important}footer{text-align:center!important;flex-direction:column!important;gap:16px!important;padding:32px 5%!important}.footer-links{gap:16px!important}}