@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');
:root{
  --bg:#111827;--card:#1E2A38;--teal:#1D9E75;--teal-hi:#5DCAA5;
  --surface:#F2F8F6;--text:#E5EAF0;--muted:#8A9BB0;--border:#2A3A4A;--deep:#0A1020;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-weight:300;background:var(--bg);color:var(--text);line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* TEAL TOP BAR */
.tbar{height:2px;background:var(--teal);position:fixed;top:0;left:0;right:0;z-index:200;}

/* NAV */
nav{position:fixed;top:2px;left:0;right:0;z-index:100;background:rgba(10,16,32,0.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 52px;height:64px;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;gap:12px;}
.nav-name{font-weight:200;font-size:14px;letter-spacing:0.28em;text-transform:uppercase;color:var(--text);line-height:1;}
.nav-sub{font-size:7px;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-top:4px;opacity:.8;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:10px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,.35);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--text);}
.nav-cta{background:var(--teal)!important;color:#fff!important;padding:10px 20px;border-radius:6px;font-size:9.5px!important;font-weight:500!important;letter-spacing:0.12em;transition:background .2s!important;}
.nav-cta:hover{background:#178a60!important;}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.nav-burger span{width:22px;height:1.5px;background:var(--text);border-radius:2px;display:block;transition:.3s;}

/* BUTTONS */
.btn{display:inline-block;padding:14px 28px;border-radius:6px;font-size:10.5px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;transition:all .2s;border:none;cursor:pointer;font-family:'Inter',sans-serif;}
.btn-p{background:var(--teal);color:#fff;}
.btn-p:hover{background:#178a60;}
.btn-o{background:transparent;color:var(--text);border:1px solid var(--border);}
.btn-o:hover{border-color:var(--teal);color:var(--teal);}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 48px 80px;background:var(--deep);position:relative;overflow:hidden;}
.hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(29,158,117,.08) 1px,transparent 1px);background-size:40px 40px;}
.hero-inner{position:relative;z-index:2;max-width:720px;}
.hero-logo{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:36px;}
.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1.15;margin-bottom:18px;}
.hero h1 em{font-style:italic;color:var(--teal-hi);}
.hero p{font-size:15px;color:var(--muted);font-weight:300;max-width:540px;margin:0 auto 36px;line-height:1.8;}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hero-info{display:flex;gap:48px;justify-content:center;flex-wrap:wrap;margin-top:52px;padding-top:40px;border-top:1px solid var(--border);}
.hi-item .hi-label{font-size:8px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:6px;}
.hi-item .hi-val{font-size:14px;font-weight:300;color:var(--text);}
.hi-item .hi-val a{transition:color .2s;}.hi-item .hi-val a:hover{color:var(--teal);}

/* PAGE HERO */
.page-hero{padding:132px 52px 64px;background:var(--deep);border-bottom:1px solid var(--border);}
.page-hero .stag{font-size:8.5px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;display:block;}
.page-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(32px,4vw,48px);font-weight:400;margin-bottom:16px;}
.page-hero p{font-size:14px;color:var(--muted);max-width:520px;font-weight:300;line-height:1.75;}

/* SECTIONS */
.section{padding:88px 52px;}
.si{max-width:1080px;margin:0 auto;}
.stag{font-size:8.5px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;display:block;}
.stitle{font-family:'DM Serif Display',serif;font-size:clamp(26px,3.5vw,40px);font-weight:400;line-height:1.2;margin-bottom:12px;}
.sdesc{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;max-width:560px;margin-bottom:48px;}
.sc .sdesc{margin:0 auto 48px;}
.sc{text-align:center;}

/* HOW GRID */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;}
.how-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px 26px;}
.how-card .hnum{font-size:10px;font-weight:500;color:var(--teal);letter-spacing:0.18em;margin-bottom:14px;}
.how-card h3{font-size:15px;font-weight:500;margin-bottom:10px;}
.how-card p{font-size:13px;color:var(--muted);font-weight:300;line-height:1.7;}

/* STATS */
.stats-strip{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:44px 52px;}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin:0 auto;text-align:center;}
.stat-num{font-family:'DM Serif Display',serif;font-size:36px;color:var(--teal-hi);line-height:1;margin-bottom:6px;}
.stat-lbl{font-size:9.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;}
.svc-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:32px 28px;transition:border-color .2s;}
.svc-card:hover{border-color:var(--teal);}
.svc-icon{width:40px;height:40px;background:rgba(29,158,117,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.svc-card h3{font-size:16px;font-weight:500;margin-bottom:8px;}
.svc-card p{font-size:13px;color:var(--muted);font-weight:300;line-height:1.7;margin-bottom:14px;}
.svc-list{list-style:none;}
.svc-list li{font-size:12.5px;color:var(--muted);font-weight:300;padding:5px 0;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center;}
.svc-list li:last-child{border-bottom:none;}
.svc-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0;}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;}
.testi{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:26px;}
.testi-bar{width:28px;height:2px;background:var(--teal);margin-bottom:16px;}
.testi-q{font-family:'DM Serif Display',serif;font-style:italic;font-size:14px;color:var(--text);line-height:1.6;margin-bottom:18px;}
.testi-name{font-size:11px;font-weight:500;color:var(--text);}
.testi-role{font-size:10px;color:var(--muted);margin-top:2px;}

/* WHY GRID */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;}
.why-card{background:var(--card);border:1px solid var(--border);border-left:2px solid var(--teal);border-radius:10px;padding:28px 24px;}
.why-card .wi{width:40px;height:40px;background:rgba(29,158,117,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.why-card h3{font-size:15px;font-weight:500;margin-bottom:8px;}
.why-card p{font-size:13px;color:var(--muted);font-weight:300;line-height:1.7;}

/* 2-COL SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split-visual{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:40px;text-align:center;}
.split-visual .sv-em{font-family:'DM Serif Display',serif;font-size:20px;font-style:italic;color:var(--teal-hi);margin-bottom:8px;}
.split-visual p{font-size:12.5px;color:var(--muted);}
.split .svc-list{margin-bottom:24px;}

/* CTA BAND */
.cta-band{background:var(--teal);padding:68px 52px;text-align:center;}
.cta-band h2{font-family:'DM Serif Display',serif;font-size:34px;font-weight:400;color:#fff;margin-bottom:12px;}
.cta-band p{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:26px;}
.cta-band .btn{background:#fff;color:var(--teal);}
.cta-band .btn:hover{background:var(--deep);color:#fff;}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.ci-block{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:20px 22px;margin-bottom:12px;}
.ci-label{font-size:8px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:6px;}
.ci-val{font-size:14px;font-weight:300;color:var(--text);}
.ci-val a{transition:color .2s;}.ci-val a:hover{color:var(--teal);}
.ci-sub{font-size:11px;color:var(--muted);margin-top:3px;}

/* FORM */
.form-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:40px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fg{display:flex;flex-direction:column;gap:6px;}
.fg.full{grid-column:1/-1;}
.fg label{font-size:9.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.fg input,.fg select,.fg textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:11px 13px;font-family:'Inter',sans-serif;font-size:13px;color:var(--text);font-weight:300;outline:none;transition:border-color .2s;-webkit-appearance:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--teal);}
.fg select option{background:var(--bg);}
.fg textarea{resize:vertical;min-height:100px;}
.fsec-title{font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal);margin:28px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.fsec-title:first-child{margin-top:0;}
.form-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:14px;}
.form-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;}
.form-check input[type=checkbox]{accent-color:var(--teal);flex-shrink:0;margin-top:2px;}
.form-check label{font-size:11px;color:var(--muted);line-height:1.6;}

/* FOOTER */
footer{background:var(--deep);border-top:1px solid var(--border);padding:56px 52px 28px;}
.footer-inner{max-width:1080px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:44px;}
.footer-brand p{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.75;max-width:280px;font-weight:300;}
.footer-col h4{font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--text);margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-col ul li a{font-size:12.5px;color:var(--muted);font-weight:300;transition:color .2s;}
.footer-col ul li a:hover{color:var(--teal);}
.footer-col p{font-size:12.5px;color:var(--muted);font-weight:300;line-height:1.8;}
.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-bottom p{font-size:10px;color:rgba(255,255,255,.15);}

/* RESPONSIVE */
@media(max-width:900px){
  nav{padding:0 24px;}
  .nav-links{display:none;}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:66px;left:0;right:0;background:var(--deep);padding:24px;gap:16px;border-bottom:1px solid var(--border);z-index:99;}
  .nav-burger{display:flex;}
  .hero{padding:100px 24px 60px;}
  .section{padding:60px 24px;}
  .page-hero{padding:110px 24px 52px;}
  .how-grid,.svc-grid,.testi-grid,.why-grid,.split,.contact-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr;gap:28px;}
  .form-grid{grid-template-columns:1fr;}
  .fg.full{grid-column:1;}
  .hero-info{gap:24px;}
  .cta-band{padding:56px 24px;}
}