/* Data2Distance — shared mockup styles (nav, footer, components) */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Montserrat:wght@500;600;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');
:root{
  --navy:#002D4C; --blue:#1D70B7; --green:#00723F; --green-bright:#0a8f52;
  --cream:#F9F7F2; --amber:#E8833A; --text:#0d1520; --muted:#63788c; --border:#e4e0d8;
  --fdisp:'Archivo Black',sans-serif; --fsub:'Montserrat',sans-serif; --fbody:'Inter',sans-serif; --fmono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fbody);color:var(--text);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.btn{display:inline-block;font-family:var(--fsub);font-weight:700;font-size:15px;padding:14px 28px;border-radius:40px;transition:.2s;cursor:pointer;border:2px solid transparent}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-bright)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{border-color:#fff}
.btn-ghost-navy{background:transparent;border-color:var(--navy);color:var(--navy)}
.btn-ghost-navy:hover{background:var(--navy);color:#fff}
.eyebrow{font-family:var(--fsub);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
nav{display:flex;align-items:center;justify-content:space-between;height:88px}
.logo img{height:60px;width:auto;display:block}
.navlinks{display:flex;align-items:center;gap:30px;font-family:var(--fsub);font-weight:600;font-size:15px}
.navlinks a{color:#33475b}
.navlinks a:hover{color:var(--navy)}
.navlinks a.btn-green{color:#fff;padding:11px 22px}
.navlinks a.btn-green:hover{color:#fff}

/* PAGE HERO (inner pages) */
.page-hero{background:radial-gradient(900px 420px at 72% -20%,rgba(29,112,183,.32),transparent 60%),linear-gradient(160deg,#001f36,var(--navy) 60%,#003a62);color:#fff;padding:70px 0 74px;text-align:center}
.page-hero h1{font-family:var(--fdisp);font-size:46px;line-height:1.05;letter-spacing:-.5px;margin:12px 0}
.page-hero p{font-family:var(--fsub);font-weight:500;font-size:19px;color:rgba(255,255,255,.72);max-width:600px;margin:0 auto}

/* SECTIONS */
section.band{padding:80px 0}
.center{text-align:center;max-width:700px;margin:0 auto 50px}
.center h2{font-family:var(--fbody);font-weight:800;font-size:34px;color:var(--navy);letter-spacing:-.5px;margin:12px 0}
.center p{font-size:18px;color:var(--muted)}
.lead{font-size:18px;color:var(--muted);max-width:720px}

/* steps / cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px}
.card .n{font-family:var(--fdisp);font-size:15px;color:#fff;background:var(--navy);width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.card h3{font-weight:700;font-size:19px;color:var(--navy);margin-bottom:8px}
.card p{color:var(--muted);font-size:15px}
.card ul{color:var(--muted);font-size:15px;margin:10px 0 0 18px;display:flex;flex-direction:column;gap:6px}

/* value dots */
.val h3{font-weight:700;font-size:18px;color:var(--navy);margin:0 0 6px;display:flex;align-items:center;gap:9px}
.val .dot{width:12px;height:12px;border-radius:4px;background:var(--green);flex:none}
.val p{color:var(--muted);font-size:15px}

/* final cta */
.final{background:radial-gradient(800px 400px at 50% 120%,rgba(0,114,63,.4),transparent 60%),var(--navy);color:#fff;text-align:center;border-radius:24px;padding:60px 32px;margin:0 32px}
.final h2{font-family:var(--fdisp);font-size:38px;margin-bottom:12px}
.final p{color:rgba(255,255,255,.72);font-size:18px;max-width:520px;margin:0 auto 26px}

/* footer */
footer{background:var(--navy);color:#fff;margin-top:80px;padding:52px 0 0}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:38px}
.flogo img{height:92px;width:auto;margin-bottom:12px}
footer .fabout p{color:rgba(255,255,255,.6);font-size:14px;max-width:280px}
footer h4{font-family:var(--fsub);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:14px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px}
footer ul a{color:rgba(255,255,255,.62);font-size:14px}
footer ul a:hover{color:#fff}
.fbar{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:12.5px;color:rgba(255,255,255,.45);text-align:center}

@media(max-width:900px){
  .grid3,.grid2{grid-template-columns:1fr}
  .navlinks{display:none}
  .page-hero h1{font-size:34px}.center h2{font-size:27px}
}