@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#081b38;--blue:#0763e5;--orange:#f58214;--muted:#53647b;--line:#dce4ed;--pale:#edf5fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.65 Inter,Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{line-height:1.14;letter-spacing:-.045em;margin:0 0 16px;font-weight:750}h1{font-size:clamp(36px,4.4vw,58px)}h2{font-size:32px}h3{font-size:20px}p{margin:0 0 17px}.wrap{width:min(1190px,calc(100% - 64px));margin:auto}.header{background:white;border-bottom:1px solid var(--line)}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:30px;font-weight:800;letter-spacing:-1.6px;color:var(--ink)}.brand span{color:var(--blue)}.links{display:flex;gap:31px;font-size:13px;font-weight:600;align-items:center}.links a{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 23px;border:0;border-radius:4px;background:var(--orange);color:#fff;font-size:14px;font-weight:700;min-height:45px}.btn:hover{background:#d66b08}.menu{display:none;background:transparent;border:0;font-size:25px}.hero{background:linear-gradient(90deg,#082448 0%,#09396b 38%,#0b417300 78%),url('assets/hero.png') center 55%/cover;color:white;padding:61px 0 49px}.hero .copy{max-width:610px}.hero h1{max-width:640px}.hero p{max-width:560px;font-size:16px;color:#f0f5ff}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;margin-bottom:20px;font-weight:600}.finder{display:flex;padding:5px;background:white;border:1px solid #d8e3ee;border-radius:5px;max-width:600px;margin-top:29px;gap:8px}.finder select{flex:1;min-width:0;color:#526780;border:0;padding:10px;background:white;font-size:13px}.family-nav{border-bottom:1px solid var(--line)}.families{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:25px 0}.family{padding:0 22px;text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:650;color:var(--ink)}.family:last-child{border:0}.family img{width:100%;height:78px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:11px}.section{padding:53px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head .eyebrow{margin-bottom:10px}.section-head h2{margin:0}.textlink{font-size:13px;font-weight:600}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:3px;overflow:hidden;color:var(--ink);background:white}.card img{width:100%;height:145px;object-fit:cover}.cardbody{padding:19px 17px}.card h3{font-size:18px;letter-spacing:-.035em;margin-bottom:10px}.card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:18px}.small{font-size:12px;color:var(--muted)}.compare-band{background:var(--pale);padding:38px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.example{background:white;border:1px solid var(--line);padding:24px;border-radius:4px}.barrow{display:grid;grid-template-columns:95px 1fr 60px;gap:10px;font-size:12px;align-items:center;margin-top:14px}.bar{height:19px;background:#2585eb;border-radius:2px}.bar.light{background:#99cbf4}.directory{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.directory h3{font-size:17px}.directory a{display:block;font-size:13px;padding:5px 0}.footer{border-top:1px solid var(--line);padding:25px 0}.foot{display:flex;align-items:center;gap:28px;font-size:11px;color:var(--muted)}.foot .brand{font-size:25px;margin-right:auto}.prototype-note{font-size:11px;background:#f4f7fa;text-align:center;padding:8px;color:#5c6c81}.crumb{font-size:12px;padding:22px 0}.page-title{padding:17px 0 28px}.page-title h1{font-size:43px}.page-title p{font-size:17px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding-bottom:55px}.article h2{font-size:26px;margin-top:30px}.answer{background:var(--pale);padding:25px;border-radius:4px}.answer h2{margin:0 0 12px;font-size:22px}.answer p:last-child{margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.55}th,td{border:1px solid #cbd8e6;padding:12px;text-align:left}th{background:#eaf2fa;font-weight:650}td:first-child{font-weight:600}tr:nth-child(even){background:#f8fafc}.notice{font-size:11px;color:var(--muted);margin-top:10px}.costcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.costcards>div{background:var(--pale);padding:18px 12px;border-radius:4px}.costcards b{font-size:13px;display:block;margin-bottom:7px}.costcards p{font-size:12px;color:var(--muted);margin:0}.sidebar{align-self:start;position:sticky;top:20px}.toc,.cta,.locations{border:1px solid var(--line);border-radius:4px;padding:20px;margin-bottom:20px}.toc h3,.cta h3,.locations h3{font-size:18px}.toc a,.locations a{display:block;font-size:13px;padding:5px 0}.cta{background:#fff5eb;border-color:#ef8b37}.cta p{font-size:13px}.cta .btn{width:100%}.quote-modal{position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);border:0;border-radius:20px;background:#fff;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #173b7033;padding:0;color:var(--ink)}.quote-modal::backdrop{background:#173b7080}.formtop{display:flex;align-items:center;justify-content:space-between;padding:24px 30px 12px;gap:16px}.formtop .brand{font-size:23px}.closeform{font-size:26px;background:none;border:0;padding:0 5px;color:var(--ink)}.formwrap{padding:12px 30px 30px}.formwrap h2{font-size:27px}.formwrap .small{margin-top:10px}.preview-choices{display:grid;gap:10px;margin:24px 0}.preview-choices button{border:1px solid #dce2e9;background:#f8f9fa;border-radius:7px;text-align:left;padding:17px;color:var(--ink)}.preview-choices button:hover{border-color:var(--orange)}.motion{animation:step-in .2s ease-out}.progress{height:5px;background:#edf0f4;margin:15px 0 25px}.progress span{display:block;width:20%;height:100%;background:var(--orange)}.dialog-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px}.field{display:block;margin:15px 0;font-size:13px}.field input{width:100%;border:1px solid #cad7e4;border-radius:4px;padding:11px;margin-top:6px}.mobile-only{display:none}:focus-visible{outline:3px solid #3396ff;outline-offset:3px}@keyframes step-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.links{gap:16px}.wrap{width:calc(100% - 36px)}.hero .copy{max-width:530px}.hero{background:linear-gradient(90deg,#082448ed,#09396baf),url('assets/hero.png') center/cover}.cards{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 240px;gap:22px}.directory{grid-template-columns:repeat(2,1fr)}.costcards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.nav{height:73px;gap:15px}.brand{font-size:27px}.menu{display:block;margin-left:auto}.links{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:24px;z-index:5;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.links.open{display:flex}.nav>.btn{font-size:12px;padding:10px 14px}.hero{padding:42px 0}.hero h1{font-size:39px}.hero p{font-size:15px}.finder{flex-direction:column}.families{grid-template-columns:repeat(2,1fr);row-gap:25px}.family:nth-child(2){border:0}.family img{height:60px}.section{padding:36px 0}.section-head{align-items:start;flex-direction:column;gap:12px}h2{font-size:27px}.cards{gap:13px}.card img{height:115px}.cardbody{padding:14px 12px}.card h3{font-size:16px}.split{grid-template-columns:1fr;gap:25px}.directory{gap:25px}.article-grid{grid-template-columns:1fr}.page-title h1{font-size:35px}.sidebar{position:static}.foot{flex-wrap:wrap;gap:15px}.foot .brand{width:100%}.quote-modal .formwrap{padding:12px 22px 25px}.formtop{padding:20px 22px 10px}.formwrap h2{font-size:25px}}
@media(min-width:651px) and (max-width:1050px){.menu{display:block;margin-left:auto}.links{display:none;position:absolute;top:87px;left:0;right:0;background:white;padding:24px;z-index:5;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.links.open{display:flex}}
@media(min-width:1051px){.hero .copy{max-width:700px}.hero h1{max-width:700px;font-size:54px}}