/* Reusable layout. Brand values are injected as CSS variables by gen.py. */
@font-face{font-family:"Client Display";src:url("/assets/client/fonts/display-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Client Display";src:url("/assets/client/fonts/display-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Client Body";src:url("/assets/client/fonts/body-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Client Body";src:url("/assets/client/fonts/body-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--font-display:"Client Display",sans-serif;--font-body:"Client Body",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--font-body)}img{display:block;max-width:100%;height:auto}a{color:var(--accent)}h1,h2,h3{color:var(--primary);line-height:1.15;text-wrap:balance}h1,h2{font-family:var(--font-display)}h1{font-size:clamp(2.2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,3vw,2.3rem)}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:64px 0}.surface{background:var(--surface)}.center{text-align:center}.topbar{background:var(--primary-deep);color:#fff}.topbar .wrap{min-height:38px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff}.nav{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.nav .wrap{min-height:78px;display:flex;align-items:center;gap:24px}.nav__logo{margin-right:auto}.nav__logo img{max-height:62px;width:auto}.nav__links{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.nav__links a{text-decoration:none}.nav__toggle{display:none;border:0;background:none;font-size:1.5rem}.btn{display:inline-block;border:0;border-radius:8px;background:var(--accent);color:#fff!important;padding:13px 22px;font:700 1rem var(--font-body);text-decoration:none;cursor:pointer}.phero{padding:42px 0;background:var(--primary);color:#fff}.phero h1{margin:0;color:#fff}.hero{position:relative;min-height:520px;background:var(--primary-deep);color:#fff;display:grid;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,var(--primary-deep) 0%,var(--primary) 54%,var(--accent) 100%);mix-blend-mode:multiply;opacity:.82;pointer-events:none}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.hero__content{position:relative;z-index:2;padding-block:70px}.hero__content h1{max-width:18ch;color:#fff;font-size:clamp(2rem,5vw,4rem);text-shadow:0 2px 10px rgba(0,0,0,.65)}.hero__content p{max-width:55ch}.grid{display:grid;gap:24px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}article,.card,.pricecard{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:22px}.card{padding:0;overflow:hidden}.card__img{width:100%;aspect-ratio:3/2;object-fit:cover}.card__body{padding:22px}.feature{width:min(850px,100%);max-height:560px;object-fit:cover;border-radius:12px;margin:28px 0}.faq details{border-bottom:1px solid var(--line);padding:14px}.faq summary{cursor:pointer;font-weight:700;color:var(--primary)}.crumbs{font-size:.9rem;color:var(--ink-soft)}.cta{background:var(--primary);color:#fff}.cta h2{color:#fff}blockquote{border-left:4px solid var(--accent);margin:24px 0;padding:10px 20px;color:var(--ink-soft)}form{display:grid;gap:10px;max-width:720px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit}textarea{min-height:130px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer{padding:50px 0 24px;background:var(--primary-deep);color:#fff}footer h2,footer a{color:#fff}footer ul{list-style:none;padding:0}.footer-logo{max-height:70px;width:auto}.footbottom{padding-top:25px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:20;background:#fff;padding:8px}@media(max-width:900px){.grid--3,.grid--4,.footgrid{grid-template-columns:repeat(2,1fr)}.nav__toggle{display:block}.nav__links{display:none;position:absolute;left:0;right:0;top:100%;padding:20px;background:var(--paper);flex-direction:column}.nav__links.open{display:flex}}@media(max-width:600px){.grid--3,.grid--4,.footgrid{grid-template-columns:1fr}.section{padding:45px 0}.topbar span{display:none}}