@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-400.woff2") format("woff2"); font-display:swap; font-weight:400; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-600.woff2") format("woff2"); font-display:swap; font-weight:600; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-700.woff2") format("woff2"); font-display:swap; font-weight:700; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-800.woff2") format("woff2"); font-display:swap; font-weight:800; }
:root { --ink:#000e1b; --night:#07111d; --paper:#f3f4f6; --white:#fff; --signal:#003afe; --signal-dark:#0030d4; --signal-lift:#8eaeff; --muted:#596473; --line:#dfe3e9; --max:1160px; --font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:82px; } body { min-width:320px; margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } h1,h2,h3,p { margin:0; } .shell { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; } .skip-link { position:fixed; top:-60px; left:16px; z-index:100; padding:10px 14px; color:#fff; background:var(--signal); font-weight:700; } .skip-link:focus { top:16px; } :focus-visible { outline:3px solid var(--signal); outline-offset:3px; }
.site-header { position:sticky; top:0; z-index:20; color:#fff; background:var(--ink); border-bottom:1px solid rgba(255,255,255,.13); } .nav-shell { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; } .brand { display:inline-block; width:178px; } .brand img { width:100%; height:auto; } .site-nav { display:flex; align-items:center; gap:26px; } .site-nav > a:not(.button) { color:rgba(255,255,255,.78); font-size:13px; font-weight:600; } .site-nav > a:not(.button):hover { color:#fff; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; gap:14px; padding:13px 22px; color:#fff; background:var(--signal); border:1px solid var(--signal); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:background .16s ease,transform .16s ease; } .button:hover { color:#fff; background:var(--signal-dark); border-color:var(--signal-dark); transform:translateY(-2px); } .button--small { min-height:42px; padding:9px 16px; } .button--light { color:var(--ink); background:#fff; border-color:#fff; } .button--light:hover { color:#fff; background:transparent; border-color:#fff; }
.hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(74px,10vw,132px) 0 clamp(50px,7vw,82px); color:#fff; background:linear-gradient(108deg,#000e1b 0%,#000e1b 50%,#001d55 100%); } .hero::before { position:absolute; z-index:-1; top:-42vw; right:-20vw; width:75vw; height:75vw; content:""; border:1px solid rgba(142,174,255,.26); border-radius:50%; box-shadow:0 0 0 4vw rgba(0,58,254,.12),0 0 0 10vw rgba(0,58,254,.065); } .hero-layout { position:relative; } .eyebrow,.section-label { color:var(--signal); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .hero .eyebrow { display:flex; align-items:center; gap:10px; color:var(--signal-lift); } .eyebrow span { width:8px; height:8px; background:var(--signal); border-radius:50%; box-shadow:0 0 0 4px rgba(142,174,255,.18); } .hero h1 { max-width:780px; margin-top:16px; font-size:clamp(48px,7.2vw,88px); font-weight:800; letter-spacing:-.065em; line-height:.98; } .hero h1 em { color:var(--signal-lift); font-style:normal; } .hero-intro { max-width:650px; margin-top:24px; color:rgba(255,255,255,.8); font-size:clamp(17px,2vw,21px); line-height:1.65; } .hero > .shell > .button { margin-top:29px; } .hero-proof { display:flex; flex-wrap:wrap; gap:9px 24px; margin:34px 0 0; padding:0; color:rgba(255,255,255,.82); font-size:13px; font-weight:600; list-style:none; } .hero-proof li::before { margin-right:8px; color:var(--signal-lift); content:"✓"; } .hero-brands { max-width:820px; margin-top:46px; padding-top:24px; border-top:1px solid rgba(255,255,255,.18); } .stack-label { margin-bottom:18px; color:rgba(255,255,255,.56); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .brand-logo-grid { display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; } .brand-logo { display:grid; flex:0 1 142px; place-items:center; min-height:43px; } .brand-logo img { max-width:142px; height:35px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); opacity:.72; } .logo-toyota img { width:92px; }.logo-premiergarage img { width:142px; }.logo-andersen img { width:140px; }.logo-motley-rice img { width:110px; }
.signal-bar { padding:20px 0; color:#fff; background:var(--signal); } .signal-bar p { font-size:clamp(16px,2.3vw,22px); font-weight:700; letter-spacing:-.025em; } .model-section,.services-section,.contact-section { padding:clamp(64px,9vw,108px) 0; } .model-section { background:var(--paper); } .section-label { display:block; margin-bottom:10px; } h2 { max-width:800px; color:var(--ink); font-size:clamp(36px,5vw,62px); font-weight:800; letter-spacing:-.055em; line-height:1.02; } .section-intro { max-width:710px; margin-top:18px; color:var(--muted); font-size:17px; line-height:1.7; } .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:48px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; } .steps li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:27px 24px 0 0; border-right:1px solid var(--line); } .steps li + li { padding-left:24px; }.steps li:last-child { border-right:0; } .steps span,.service-card > span { color:var(--signal); font-size:12px; font-weight:800; letter-spacing:.06em; } .steps h3,.service-card h3 { margin:0 0 9px; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.17; } .steps p,.service-card p { color:var(--muted); font-size:14px; line-height:1.7; }
.services-section { background:#fff; } .section-head-row { display:grid; grid-template-columns:1.15fr .85fr; gap:58px; align-items:end; } .section-head-row .section-intro { margin-bottom:2px; } .services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:44px; } .service-card { min-height:270px; padding:28px; color:#fff; background:var(--ink); border-top:4px solid var(--signal); } .service-card > span { display:block; margin-bottom:50px; color:var(--signal-lift); } .service-card h3 { color:#fff; font-size:23px; }.service-card p { color:rgba(255,255,255,.72); } .service-card-link { margin-top:18px; } .service-card-link a { color:#7fa9ff; font-size:14px; font-weight:700; text-decoration:underline; } .service-card-link a:hover { color:#fff; }
.contact-section { color:#fff; background:#071a33; } .contact-section .section-label { color:var(--signal-lift); }.contact-section h2 { color:#fff; }.contact-section p:not(.section-label) { max-width:630px; margin-top:18px; color:rgba(255,255,255,.76); font-size:17px; line-height:1.7; } .contact-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:60px; align-items:center; }.contact-action { display:grid; justify-items:start; gap:12px; }.contact-action p { font-size:13px!important; }
.site-footer { padding:44px 0; background:#fff; border-top:1px solid var(--line); }.footer-grid { display:grid; grid-template-columns:1.3fr auto auto; gap:clamp(30px,6vw,76px); align-items:start; }.site-footer .brand { width:150px; }.site-footer .brand img { filter:none; }.footer-grid p { max-width:270px; margin-top:14px; color:var(--muted); font-size:13px; }.footer-grid nav,.footer-grid > div:last-child { display:grid; gap:10px; font-size:14px; }.footer-grid a:hover { color:var(--signal-dark); }.draft { margin-left:5px; padding:2px 6px; background:var(--paper); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.brand-note { max-width:680px; margin:18px 0 0; color:rgba(255,255,255,.5); font-size:11px; line-height:1.65; }.footer-grid .footer-legal { grid-column:1/-1; max-width:none; margin:8px 0 0; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.7; }.footer-grid .footer-legal a { font-weight:600; text-decoration:underline; }
@media (max-width:900px) { .services-grid { grid-template-columns:repeat(2,1fr); }.section-head-row,.contact-layout { grid-template-columns:1fr; gap:24px; }.footer-grid { grid-template-columns:1fr; gap:28px; } }
@media (max-width:680px) { .site-nav > a:not(.button) { display:none; }.brand { width:148px; }.hero h1 { font-size:clamp(45px,12vw,62px); }.steps,.services-grid { grid-template-columns:1fr; }.steps li,.steps li + li { padding:24px 0; border-right:0; border-bottom:1px solid var(--line); }.brand-logo-grid { display:grid; grid-template-columns:repeat(2,1fr); }.hero-proof { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.button--light { width:100%; }.site-footer .brand { width:142px; } }