/*
Theme Name: Omni Focus Insurance v2
Theme URI: https://omnifocusinsurance.com
Author: OpenAI
Description: Custom WordPress theme for Omni Focus Insurance. Includes a static homepage converted from the provided HTML design.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: omni-focus-insurance
*/

:root{--navy:#062A55;--gold:#C99A2E;--light:#F7F9FC;--ink:#1E2A36;--muted:#64748B;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:white}
a{text-decoration:none;color:inherit}
.topbar{background:var(--navy);color:white;padding:8px 6%;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 6%;border-bottom:1px solid #e5e7eb;background:white;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy)}
.brand img{width:64px;height:auto}.navlinks{display:flex;gap:22px;font-weight:600;color:var(--navy)}
.btn{background:var(--gold);color:white;padding:12px 22px;border-radius:999px;font-weight:700;display:inline-block}.btn.secondary{background:var(--navy)}
.hero{padding:80px 6%;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f3f6fb 100%)}
.hero h1{font-size:54px;line-height:1.08;color:var(--navy);margin:0 0 18px}.hero p{font-size:20px;color:var(--muted);margin-bottom:28px}
.hero-card{background:white;border-radius:28px;padding:32px;box-shadow:0 20px 60px rgba(6,42,85,.12);text-align:center}.hero-card img{max-width:100%}
.section{padding:72px 6%}.section h2{font-size:38px;color:var(--navy);margin:0 0 12px;text-align:center}.section .lead{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 40px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:28px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.card h3{color:var(--navy);margin-top:0}.icon{font-size:34px}
.why{background:var(--light)}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.check{background:white;padding:20px;border-radius:18px;border-left:5px solid var(--gold);font-weight:700;color:var(--navy)}
.cta{background:var(--navy);color:white;text-align:center}.cta h2{color:white}.cta p{color:white}.form{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:12px;font-size:16px}.form textarea{grid-column:1/-1;min-height:120px}.form .btn{border:0;cursor:pointer;grid-column:1/-1}
.footer{background:#031B38;color:white;padding:36px 6%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer h4{color:var(--gold)}
.wp-content-page{padding:64px 6%;max-width:1100px;margin:0 auto}.wp-content-page h1{color:var(--navy)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:40px}.grid,.checks,.footer{grid-template-columns:1fr}.navlinks{display:none}.form{grid-template-columns:1fr}.brand span{font-size:14px}.topbar{font-size:12px}}
