
:root{--blue:#2389d7;--deep:#092b55;--teal:#087e86;--pale:#eaf7ff;--soft:#f7fbff;--text:#172033;--muted:#5d6b7e;--line:#d8e8f6;--white:#fff;--shadow:0 18px 45px rgba(21,96,148,.12);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fcff,#fff);line-height:1.65}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:14px 5vw;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--deep);min-width:max-content}.logo-mark{width:46px;height:46px;flex:0 0 46px}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;color:#2472af;font-size:.78rem;line-height:1.15}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;font-size:.92rem}.main-nav a{color:#10233f;text-decoration:none;padding:10px 11px;border-radius:999px}.main-nav a:hover,.main-nav a.active{background:#eaf5ff;color:#0870c7}.menu-toggle{display:none;margin-left:auto;border:0;background:#eaf5ff;color:var(--deep);border-radius:12px;padding:8px 12px;font-size:1.3rem}.container{width:min(1120px,90vw);margin:0 auto}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eff9ff 0%,#e4f3ff 47%,#f8fcff 100%);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:url('hero-illustration.svg') right center/contain no-repeat;opacity:.9}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:30px;min-height:620px;align-items:center;padding:70px 0}.eyebrow{display:inline-block;color:var(--teal);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.hero h1,.page-hero h1{font-family:Georgia, 'Times New Roman', serif;color:var(--deep);font-size:clamp(2.5rem,5vw,5.3rem);line-height:.98;margin:12px 0}.hero h1 em{color:var(--blue);font-style:italic}.lead{font-size:1.15rem;max-width:650px;color:#22324b}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:800;border:1px solid #1684d7}.btn.primary{background:linear-gradient(135deg,#2389d7,#087e86);color:white;box-shadow:0 10px 25px rgba(35,137,215,.22)}.btn.secondary{background:white;color:#096baa}.phone-card{justify-self:center;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.phone{width:280px;border:12px solid #13233b;border-radius:34px;background:white;box-shadow:0 18px 38px rgba(9,43,85,.22);overflow:hidden}.phone-top{height:64px;background:#0d3766;color:white;padding:18px;font-weight:800}.app-card{margin:14px;border:1px solid #e5edf5;border-radius:14px;padding:14px;background:#f8fbff}.app-card small{color:var(--muted)}.quick-features{margin-top:-50px;position:relative}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:white;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.feature{padding:28px;text-align:center;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.icon{width:48px;height:48px;color:var(--blue);margin-bottom:10px}.section{padding:70px 0}.section.alt{background:#f1f9ff}.section h2,.article h2{color:var(--deep);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:0 0 18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(21,96,148,.08)}.card h3{color:var(--deep);margin-top:0}.cta-band{background:linear-gradient(135deg,#0c7b89,#2389d7);color:white;padding:38px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{margin:0;color:white}.page-hero{background:linear-gradient(135deg,#eff9ff,#fff);border-bottom:1px solid var(--line);padding:66px 0}.article{width:min(860px,90vw);margin:0 auto;padding:55px 0}.article p{font-size:1.08rem}.article ul{padding-left:1.3rem}.article li{margin:.45rem 0}.callout{border-left:5px solid var(--blue);background:#f2f9ff;padding:22px 24px;border-radius:0 18px 18px 0;margin:28px 0}.form-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea{width:100%;padding:13px 14px;border:1px solid #cfe2f3;border-radius:12px;font:inherit}textarea{min-height:130px}.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.check input{width:auto;margin-top:6px}.site-footer{background:#082a4e;color:white;padding:36px 5vw}.site-footer a{color:white;text-decoration:none}.footer-brand .brand small,.footer-brand small{color:#c7e8ff}.footer-links{display:flex;flex-wrap:wrap;gap:20px;margin:26px 0}.copyright{color:#b7d8ef;font-size:.9rem}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{background:#e9f6ff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#084a7e;font-weight:700}.notice{font-size:.95rem;color:var(--muted)}@media (max-width:920px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:14px 5vw;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu-open .main-nav{display:flex}.main-nav a{padding:12px}.hero:before{opacity:.35;background-position:center bottom;background-size:900px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:52px 0 80px}.phone-card{display:none}.feature-strip,.grid-3,.grid-2{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.quick-features{margin-top:-35px}.cta-band .container{display:block}.hero h1,.page-hero h1{font-size:clamp(2.35rem,12vw,4rem)}.site-header{padding:12px 4vw}.brand strong{font-size:.98rem}.brand small{font-size:.72rem}.logo-mark{width:40px;height:40px;flex-basis:40px}}@media (max-width:520px){.button-row{display:grid}.btn{width:100%}.feature{padding:22px}.section{padding:52px 0}.article{padding:38px 0}.hero-inner{padding-top:42px}.lead{font-size:1.05rem}}
