/* Landing-page layout; colors, typography, buttons, and fonts come from the case styles. */
.nav{position:relative;flex-wrap:wrap}
.nav nav{display:flex;gap:var(--s5);font-size:var(--t-small)}
.skip-link{position:absolute;top:-100px;left:20px;z-index:50;background:var(--paper);padding:12px}
.skip-link:focus{top:12px}
.landing-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:var(--s6);padding-block:var(--s7)}
.hero-copy{display:grid;gap:var(--s4)}
h1{font-size:clamp(40px,4.6vw,72px);overflow-wrap:break-word}
.lede{font-size:var(--t-sub);color:#5b544b;max-width:50ch}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-block:var(--s2)}
figure{margin:0;min-width:0}
figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--chalk-2);border-radius:var(--r2);box-shadow:var(--shadow)}
figcaption{font-size:var(--t-caption);color:#5b544b;margin-top:var(--s3)}
figcaption a,.fine a{border-bottom:1px solid currentColor}
.section{padding-block:var(--s7);border-top:1px solid var(--ink-16)}
.section h2,.closing h2{font-size:clamp(32px,3.8vw,54px);max-width:24ch;margin-block:var(--s4) var(--s5)}
.intro{max-width:76ch;font-size:var(--t-sub);color:#5b544b}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s5)}
h3{font:500 var(--t-headline)/1.15 var(--f-display);margin-bottom:var(--s3)}
article p,.steps p{color:#5b544b;max-width:65ch}
.how-section{background:var(--chalk-2)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6);padding:0;margin:0}
.steps .mono{display:block;margin-bottom:var(--s4);color:#5b544b}
.price-card{padding:clamp(20px,3vw,40px);border:1px solid var(--ink-16);border-radius:var(--r2);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4)}
.price-card:first-child{border-color:var(--ink)}
.price-card h3{font-size:56px;margin:0}
.price-card h3 span{font:400 var(--t-small)/1.5 var(--f-body);display:block;margin-top:8px;color:#5b544b}
.price-card .btn{margin-top:auto}
.fine{font-size:var(--t-small);color:#5b544b}
.prices+.fine{margin-top:var(--s4);max-width:80ch}
.faq{max-width:1000px}
details{border-top:1px solid var(--ink-16);padding:var(--s4) 0}
details:last-child{border-bottom:1px solid var(--ink-16)}
summary{font-weight:600;cursor:pointer;padding:4px 0}
details p{color:#5b544b;max-width:80ch;margin-top:var(--s3)}
.closing{background:var(--night);color:var(--chalk);padding-block:var(--s7)}
.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s5)}
.closing h2{margin-top:0;margin-bottom:var(--s4)}
.closing .btn{background:var(--chalk);color:var(--ink)}
footer nav{flex-wrap:wrap}
footer nav a{padding-block:10px}
.service-links{width:100%}
.comparison{margin-top:var(--s6)}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--t-small);margin-block:var(--s4)}
caption{text-align:left;color:#5b544b;margin-bottom:var(--s3)}
th,td{text-align:left;padding:16px;border-bottom:1px solid var(--ink-16);vertical-align:top}
thead{background:var(--chalk-2)}
@media(max-width:900px){.nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding-block:var(--s6)}.steps{grid-template-columns:1fr;gap:var(--s5)}.two-col{grid-template-columns:1fr}.section{padding-block:var(--s6)}.closing .wrap{flex-direction:column;align-items:flex-start}.nav{gap:12px}.nav .btn{padding:11px 14px}}
@media(max-width:380px){.brand b{font-size:14px}.brand{gap:8px}.nav .btn{font-size:12px;padding:10px}.ctas .btn{white-space:normal}}