/* I Hate My Insurance Company — homeowner claim-help microsite.
   Powered by ClaimZilla / The Elite Company. Clean, minimal, icon-free.
   Navy ink + a confident rose accent for the "fight" energy. */

:root{
  --ink:#0b1220;
  --body:#414b59;
  --muted:#838b98;
  --line:#e9e7e2;
  --bg:#ffffff;
  --bg-soft:#f7f6f3;
  --accent:#e11d48;
  --accent-ink:#be123c;
  --accent-soft:#fff1f3;
  --navy:#0b1c2c;
  --radius:16px;
  --maxw:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--body);background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-ink);}
h1,h2,h3,h4{color:var(--ink);}

.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;max-width:var(--maxw);margin:0 auto;}
.brand{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--ink);}
.brand b{color:var(--accent);}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{font-size:15px;color:var(--body);font-weight:450;}
.nav-links a:hover{color:var(--ink);}
.nav-cta{background:var(--accent) !important;color:#fff !important;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap;}
.nav-cta:hover{background:var(--accent-ink) !important;}
@media(max-width:780px){.nav-links a:not(.nav-cta){display:none;}}

.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:inherit;font-weight:600;border-radius:11px;padding:15px 26px;font-size:16px;line-height:1;transition:background .15s,transform .08s;}
.btn:hover{transform:translateY(-1px);}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 24px -8px rgba(225,29,72,.6);}
.btn-accent:hover{background:var(--accent-ink);color:#fff;}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:#fff;}
.btn-dark{background:var(--ink);color:#fff;}
.btn-lg{padding:17px 30px;font-size:17px;}

/* Hero (dark navy) */
.hero{background:radial-gradient(1000px 460px at 78% -10%,rgba(225,29,72,.22),transparent),linear-gradient(180deg,#0b1c2c,#0b1220);color:#fff;}
.hero-in{max-width:var(--maxw);margin:0 auto;padding:96px 28px 84px;}
.hero .eyebrow{color:#ff9db1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:20px;}
.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:60px;line-height:1.04;letter-spacing:-.03em;margin:0 0 22px;color:#fff;max-width:16ch;}
.hero p.sub{font-size:20px;color:#c2cad6;max-width:600px;margin:0 0 34px;line-height:1.6;}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero .micro{margin-top:26px;font-size:14px;color:#8d97a4;}
@media(max-width:680px){.hero-in{padding:64px 24px 56px;}.hero h1{font-size:40px;}}

.section{max-width:var(--maxw);margin:0 auto;padding:80px 28px;}
.section.tight{max-width:760px;}
.eyebrow-c{text-align:center;color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin-bottom:12px;}
.section h2{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-.025em;margin:0 0 12px;text-align:center;font-weight:600;}
.section .lead-c{text-align:center;color:var(--body);max-width:620px;margin:0 auto 44px;font-size:18px;}
.soft{background:var(--bg-soft);}

.grid{display:grid;gap:20px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
@media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr;}}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:border-color .15s,box-shadow .2s,transform .15s;}
.card:hover{border-color:#e2ded6;box-shadow:0 18px 40px -24px rgba(11,18,32,.25);transform:translateY(-3px);}
.card h3{font-family:'Space Grotesk',sans-serif;font-size:19px;margin:0 0 10px;font-weight:600;}
.card p{margin:0;color:var(--body);font-size:15.5px;}
.card a.more{display:inline-block;margin-top:16px;font-weight:600;font-size:14.5px;}

.steps{max-width:820px;margin:0 auto;}
.step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:30px 0;border-top:1px solid var(--line);}
.step:last-child{border-bottom:1px solid var(--line);}
.step .n{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600;color:var(--accent);}
.step h3{font-family:'Space Grotesk',sans-serif;font-size:20px;margin:0 0 6px;}
.step p{margin:0;font-size:16px;color:var(--body);}

/* Article */
.article{max-width:720px;margin:0 auto;padding:64px 28px;}
.article h1{font-family:'Space Grotesk',sans-serif;font-size:42px;line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;font-weight:600;}
.article .meta{display:flex;gap:10px;font-size:14px;color:var(--muted);margin-bottom:36px;}
.article .meta span+span::before{content:"·";margin-right:10px;color:#cfcdc6;}
.article > p:first-of-type,.article .standfirst{font-size:20px;color:var(--ink);line-height:1.55;}
.article h2{font-family:'Space Grotesk',sans-serif;font-size:27px;margin:48px 0 12px;letter-spacing:-.02em;font-weight:600;}
.article p,.article li{font-size:17px;color:var(--body);}
.article ul,.article ol{padding-left:22px;}.article li{margin-bottom:9px;}
.callout{background:var(--accent-soft);border:1px solid #fbd5dd;padding:20px 24px;margin:28px 0;border-radius:14px;}
.callout strong{color:var(--accent-ink);}
.note{background:var(--bg-soft);border:1px solid var(--line);padding:18px 22px;margin:24px 0;border-radius:14px;font-size:16px;}

.cta-band{background:var(--ink);color:#fff;border-radius:24px;padding:60px 32px;text-align:center;margin:64px auto;max-width:880px;}
.cta-band h2{font-family:'Space Grotesk',sans-serif;font-size:30px;margin:0 0 12px;color:#fff;letter-spacing:-.025em;font-weight:600;}
.cta-band p{font-size:18px;color:#aeb4c0;margin:0 auto 26px;max-width:520px;}
.cta-band small{display:block;margin-top:16px;color:#7e8593;font-size:13px;}

.faq{max-width:740px;margin:0 auto;}
.faq details{border-bottom:1px solid var(--line);padding:6px 4px;}
.faq summary{cursor:pointer;font-weight:600;font-family:'Space Grotesk',sans-serif;font-size:17px;padding:20px 0;list-style:none;color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';float:right;color:var(--muted);font-size:22px;}
.faq details[open] summary::after{content:'–';}
.faq details p{margin:0 0 20px;color:var(--body);font-size:16px;}

.footer{background:var(--bg-soft);border-top:1px solid var(--line);color:var(--body);padding:60px 28px 40px;margin-top:80px;}
.footer-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;}
.footer h4{color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-weight:600;}
.footer a{color:var(--body);display:block;font-size:14.5px;margin-bottom:10px;}
.footer a:hover{color:var(--ink);}
.footer .brand{display:block;margin-bottom:12px;}
.footer .legal{max-width:var(--maxw);margin:40px auto 0;border-top:1px solid var(--line);padding-top:24px;font-size:13px;color:var(--muted);}
@media(max-width:680px){.footer-in{grid-template-columns:1fr;gap:24px;}}