:root{--navy:#071a36;--navy2:#0b2b55;--cyan:#00d4ff;--cyan2:#00a8d4;--white:#fff;--soft:#f4f8fc;--text:#24344d;--muted:#64748b;--shadow:0 18px 50px rgba(7,26,54,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.section{padding:88px 0}.eyebrow{color:var(--cyan2);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.section-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;color:var(--navy);margin:10px 0 16px}.section-lead{max-width:720px;color:var(--muted);font-size:1.08rem}.topbar{background:#041226;color:#cbd8ea;font-size:.88rem;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.navbar{position:sticky;top:0;z-index:1000;background:rgba(7,26,54,.96);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800}.brand img{width:54px;height:54px;object-fit:contain}.brand span{font-size:1.08rem}.nav-links{display:flex;align-items:center;gap:26px;list-style:none;color:#dfeaf8}.nav-links a{font-weight:650;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.25s}.btn-primary{color:#03203f;background:linear-gradient(135deg,var(--cyan),#70e8ff);box-shadow:0 10px 28px rgba(0,212,255,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,212,255,.35)}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06)}.btn-outline:hover{background:#fff;color:var(--navy)}
.hero{min-height:690px;display:grid;place-items:center;position:relative;color:#fff;background:linear-gradient(90deg,rgba(3,17,37,.93),rgba(7,26,54,.72)),url('../../images/hero-banner.jpg') center/cover no-repeat}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.hero h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.02;margin:14px 0 18px;max-width:780px}.hero h1 span{color:var(--cyan)}.hero p{color:#dce9f8;max-width:680px;font-size:1.16rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;color:#dce9f8;font-size:.92rem}.trust-row i{color:var(--cyan);margin-right:7px}.hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 60px rgba(0,0,0,.25);padding:28px;border-radius:20px;backdrop-filter:blur(12px)}.hero-panel h3{font-size:1.55rem;margin-bottom:14px}.hero-panel ul{list-style:none;display:grid;gap:12px}.hero-panel li{display:flex;gap:10px}.hero-panel i{color:var(--cyan);margin-top:5px}.page-hero{padding:110px 0;background:linear-gradient(90deg,rgba(3,17,37,.94),rgba(7,26,54,.72)),url('../../images/page-banner.jpg') center/cover;color:#fff}.page-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.05}.page-hero p{max-width:700px;color:#d8e5f4;margin-top:14px;font-size:1.1rem}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative}.about-image img{height:500px;width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.experience-card{position:absolute;right:-18px;bottom:24px;background:var(--navy);color:#fff;border-left:5px solid var(--cyan);padding:20px 24px;border-radius:12px;box-shadow:var(--shadow)}.ticks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.ticks i{color:var(--cyan2);margin-right:8px}.services{background:var(--soft)}.section-head{text-align:center;margin:0 auto 40px}.section-head .section-lead{margin:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;padding:28px;border-radius:16px;border:1px solid #e5edf6;box-shadow:0 8px 28px rgba(7,26,54,.06);transition:.3s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cyan),var(--navy2));transform:scaleX(0);transform-origin:left;transition:.3s}.service-card:hover{transform:translateY(-9px);box-shadow:0 22px 50px rgba(7,26,54,.14);border-color:#c9f4ff}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#e8fbff;color:#007c9c;font-size:1.45rem;margin-bottom:18px}.service-card h3{color:var(--navy);margin-bottom:9px;font-size:1.12rem}.service-card p{font-size:.95rem;color:var(--muted)}.why{background:var(--navy);color:#fff}.why .section-title{color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.feature{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}.feature i{color:var(--cyan);font-size:1.65rem}.feature h3{margin:13px 0 8px}.feature p{color:#c7d6e9;font-size:.94rem}.cta{background:linear-gradient(135deg,#00bfe8,#00e8ff);color:#03203f}.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08}.cta p{max-width:650px;margin-top:10px}.btn-dark{background:var(--navy);color:#fff;white-space:nowrap}.btn-dark:hover{transform:translateY(-2px)}
.contact-card{padding:30px;background:var(--soft);border-radius:18px}.contact-list{list-style:none;display:grid;gap:20px;margin-top:26px}.contact-list li{display:flex;gap:14px}.contact-list i{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:var(--cyan)}.contact-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 15px;border:1px solid #cfdae8;border-radius:9px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan2);box-shadow:0 0 0 3px rgba(0,168,212,.12)}.contact-form textarea{min-height:145px;resize:vertical}.map{border:0;width:100%;height:380px;border-radius:18px;margin-top:38px}.footer{background:#041226;color:#b9c7da;padding:62px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:38px}.footer h3,.footer h4{color:#fff;margin-bottom:15px}.footer-links{list-style:none;display:grid;gap:9px}.footer a:hover{color:var(--cyan)}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #30435f;border-radius:9px}.copyright{border-top:1px solid #1b304c;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.8rem;box-shadow:0 12px 28px rgba(0,0,0,.23);z-index:999;transition:.25s}.whatsapp:hover{transform:translateY(-4px) scale(1.04);color:#fff}.badge{position:absolute;right:9px;top:-5px;background:#fff;color:#117a3d;font-size:.63rem;border-radius:8px;padding:2px 6px;font-weight:800}.notice{padding:14px;border-radius:10px;background:#eafcff;border-left:4px solid var(--cyan2);font-size:.92rem;color:#245266}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--navy);padding:20px 4%;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:100px 0}.hero-panel{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-wrap{align-items:flex-start;flex-direction:column}.topbar{display:none}}@media(max-width:600px){.section{padding:66px 0}.service-grid,.feature-grid,.footer-grid,.form-row,.ticks{grid-template-columns:1fr}.brand span{font-size:.94rem}.navbar .btn-primary{display:none}.about-image img{height:360px}.experience-card{right:10px}.hero h1{font-size:2.75rem}.page-hero{padding:80px 0}}