
:root{--navy:#06254a;--navy2:#0b3b72;--cyan:#3fbfe2;--sky:#eaf8ff;--ink:#102033;--muted:#637083;--line:#e5edf5;--bg:#f7fbff;--card:#fff;--gold:#d8b464}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.58}
a{color:var(--navy2)}.top{background:linear-gradient(135deg,var(--navy),#0f69a0);color:white;padding:22px 6% 72px;position:relative;overflow:hidden}
.top:after{content:"";position:absolute;inset:auto -120px -220px auto;width:520px;height:520px;border-radius:50%;background:rgba(63,191,226,.13)}
.nav{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-weight:900;font-size:22px}.brand img{height:52px;background:white;border-radius:8px;padding:4px}
.links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.links a{color:white;text-decoration:none;font-size:14px;opacity:.92}.links a:hover,.links a.active{color:#baf1ff}
.hero{max-width:1160px;margin:70px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;position:relative;z-index:2}
.eyebrow{color:#baf1ff;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.hero h1{font-size:50px;line-height:1.05;margin:12px 0 18px}.lead{font-size:20px;color:#e8f6ff;max-width:840px}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:24px;backdrop-filter:blur(8px)}
.hero-card img{width:100%;display:block;border-radius:14px;background:white;padding:12px}.hero-card video{width:100%;border-radius:14px;margin-top:12px}
.btn{display:inline-block;text-decoration:none;border-radius:8px;padding:13px 20px;font-weight:800;margin:10px 10px 0 0}.btn.primary{background:var(--cyan);color:#06254a}.btn.secondary{border:1px solid rgba(255,255,255,.55);color:white}
main{max-width:1220px;margin:auto;padding:44px 6%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-84px;position:relative;z-index:3}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 26px rgba(16,42,67,.08)}
.card h3,.panel h2{color:var(--navy);margin-top:0}.panel{margin:30px 0}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pill{display:inline-block;background:#f2fbff;border:1px solid #cdeefa;border-radius:999px;padding:7px 11px;margin:4px;color:#174c78;font-size:13px}
.notice{border-left:5px solid var(--cyan);background:#f2fbff;padding:18px;border-radius:10px}.warning{border-left-color:var(--gold);background:#fff9e8}
.matrix{width:100%;border-collapse:collapse;background:white}.matrix th{background:var(--navy);color:white;text-align:left}.matrix td,.matrix th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow:auto}
input,textarea,select{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #ccd8e5;border-radius:8px;font-size:15px}textarea{min-height:120px}button{background:var(--navy);color:white;border:0;border-radius:8px;padding:13px 20px;font-weight:800;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.deliverable{background:#061d38;color:white;border-radius:18px;padding:28px}.deliverable h2{color:white}.deliverable .muted{color:#c9d9e8}
footer{border-top:1px solid var(--line);padding:30px 6%;font-size:13px;color:var(--muted);background:white}.fine{max-width:1100px;margin-top:8px}
@media(max-width:900px){.hero,.cards,.grid2,.grid3,.form-row{grid-template-columns:1fr}.hero h1{font-size:34px}.links{margin-top:14px}.nav{display:block}.brand img{height:44px}}
