/* ClearanceBrief design system. 8px grid: --s1 4 --s2 8 --s3 16 --s4 24 --s5 32 --s6 48 --s7 64.
   Palette: deep navy ink, teal primary (links/buttons), amber + red only for recall status. */
:root{--ink:#0f2a3d;--ink2:#3d5566;--mut:#677d8c;--line:#dfe7ea;--bg:#ffffff;--bg2:#f4f8f8;--pri:#0b7a75;--pri2:#095f5b;--pri-t:#e3f2f0;
--amb:#a15c07;--amb-t:#fdf1dc;--red:#b42318;--red-t:#fde8e6;--ok:#4b6b5f;--ok-t:#e9f0ed;
--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--r:8px;--w:1120px;
--f:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--t1:12px;--t2:14px;--t3:16px;--t4:20px;--t5:28px;--t6:36px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 var(--t3)/1.5 var(--f);color:var(--ink);background:var(--bg)}
a{color:var(--pri);text-decoration:none}a:hover{color:var(--pri2);text-decoration:underline}
h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.01em}
h1{font-size:var(--t6);line-height:1.15;font-weight:700;margin-bottom:var(--s3);max-width:22ch}
h2{font-size:var(--t4);line-height:1.3;font-weight:650;margin-bottom:var(--s3)}
p{margin:0 0 var(--s3)}ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--s4)}
main.wrap{padding-top:var(--s5);padding-bottom:var(--s7);min-height:60vh}
.skip{position:absolute;left:-999px}.skip:focus{left:var(--s2);top:var(--s2);background:#fff;padding:var(--s2);z-index:9}
.mut{color:var(--mut)}.xs{font-size:var(--t1)}.sm{font-size:var(--t2)}.r{text-align:right}.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sub{font-size:18px;line-height:1.55;color:var(--ink2);max-width:62ch;margin-bottom:var(--s4)}
.eyebrow{font-size:var(--t1);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pri);margin-bottom:var(--s2)}
.eyebrow a{color:inherit;text-decoration:underline}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pri);margin-right:var(--s2);vertical-align:1px}
/* header */
.switch{background:var(--ink);color:#c9d6dd;font-size:var(--t1)}.switch .wrap{display:flex;gap:var(--s3);align-items:center;height:28px}
.switch a{color:#fff}.switch a.on{font-weight:700;text-decoration:underline}.switch .mut{color:#9fb3be}
.top{border-bottom:1px solid var(--line);background:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--s3)}
.brand{display:flex;align-items:center;gap:var(--s2);font-weight:700;font-size:18px;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none;color:var(--ink)}
.brand svg{width:28px;height:28px;flex:none}
.nav{display:flex;align-items:center;gap:var(--s4);font-size:var(--t2)}.nav a{color:var(--ink2)}.nav a.on{color:var(--pri);font-weight:600}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:0 var(--s3);border-radius:var(--r);border:1px solid var(--pri);
background:var(--pri);color:#fff!important;font:600 var(--t2)/1 var(--f);cursor:pointer;white-space:nowrap;text-decoration:none!important}
.btn:hover{background:var(--pri2);border-color:var(--pri2)}.btn.acc{background:var(--ink);border-color:var(--ink)}.btn.acc:hover{background:#000}
.btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink2);background:#fff}
.btn.sm{height:32px;padding:0 12px;font-size:13px}
/* optical centring: trim the font's ascender/descender space so caps sit in the middle on every OS font (Segoe UI sat low) */
.btn{line-height:1;text-box:trim-both cap alphabetic;text-align:center}.btn.wide{width:100%}
.cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4)}
/* forms */
input,select,textarea{font:inherit;color:inherit}
input[type=search],input[type=email],input[type=text],select{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;width:100%}
input:focus{outline:2px solid var(--pri-t);border-color:var(--pri)}
.search{display:flex;gap:var(--s2);max-width:560px;margin-bottom:var(--s3)}
/* layout */
.sec{margin-top:var(--s6)}.sec>h2{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}
.sec>h2 a{font-size:var(--t2);font-weight:500}
.grid{display:grid;gap:var(--s3)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}
a.card{color:var(--ink);display:block}a.card:hover{border-color:var(--pri);text-decoration:none}
.card.flat{padding:0;overflow:hidden}.card.tablewrap{padding:0;overflow-x:auto}
.hero{padding:var(--s3) 0 var(--s2)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);margin:var(--s5) 0 0}
.stats>div{padding:var(--s3) var(--s4);border-left:1px solid var(--line)}.stats>div:first-child{border-left:0}
.stats b{display:block;font-size:var(--t5);line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.stats span{font-size:var(--t1);color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;gap:var(--s2);align-items:baseline;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:var(--t2);color:var(--ink)}
.chip b{color:var(--pri)}.chip:hover{border-color:var(--pri);text-decoration:none}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:var(--t2)}
.tbl th{text-align:left;font-size:var(--t1);font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;padding:12px var(--s3);background:var(--bg2);border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px var(--s3);border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:last-child td{border-bottom:0}
.tbl td b{font-weight:600}.tbl .d{white-space:nowrap;color:var(--ink2);width:1%}.tbl .c{width:1%;white-space:nowrap;font-weight:600}
.tbl .k{width:1%;white-space:nowrap}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mut);font-size:13px;margin-top:2px}
.kv td:first-child{width:160px;color:var(--mut);white-space:nowrap}
.tag{display:inline-block;padding:2px var(--s2);border-radius:4px;font-size:var(--t1);font-weight:600;line-height:18px;white-space:nowrap;background:var(--ok-t);color:var(--ok);margin-top:var(--s1)}
.tag.open{background:var(--amb-t);color:var(--amb)}.tag.c1{background:var(--red-t);color:var(--red)}.tag.own{background:var(--pri-t);color:var(--pri2)}
.tabs{display:flex;gap:var(--s4);border-bottom:1px solid var(--line);margin:var(--s4) 0 var(--s3)}
.tabs a{padding:var(--s2) 0;color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--ink);border-color:var(--pri);font-weight:600}
.pager{display:flex;gap:var(--s2);align-items:center;margin:var(--s3) 0}
.note{background:var(--bg2);border-radius:var(--r);padding:var(--s3);font-size:var(--t2)}
/* pricing */
.plan{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}
.split{display:flex;justify-content:space-between;align-items:center}.price{font-size:var(--t6);font-weight:700}.price small{font-size:var(--t2);color:var(--mut);font-weight:400}
.ticks{flex:1}.ticks li{padding:var(--s1) 0 var(--s1) var(--s4);position:relative;font-size:var(--t2)}.ticks li:before{content:"";position:absolute;left:2px;top:12px;width:10px;height:5px;border-left:2px solid var(--pri);border-bottom:2px solid var(--pri);transform:rotate(-45deg)}
.faq details{border-bottom:1px solid var(--line);padding:var(--s3) 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:var(--s2) 0 0;color:var(--ink2)}
.stack>*+*{margin-top:var(--s3)}
/* footer */
.foot{background:var(--bg2);border-top:1px solid var(--line);padding:var(--s6) 0 var(--s5);font-size:var(--t2);color:var(--ink2)}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s4);margin-bottom:var(--s4)}
.foot b{display:block;color:var(--ink);margin-bottom:var(--s2)}.foot li{margin:var(--s1) 0}.foot a{color:var(--ink2)}.foot p{margin:var(--s2) 0 0;max-width:36ch}
.foot .xs{max-width:none;border-top:1px solid var(--line);padding-top:var(--s3);color:var(--mut)}
.consent{position:fixed;bottom:var(--s3);left:var(--s3);right:var(--s3);max-width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);box-shadow:0 4px 16px rgba(15,42,61,.12);z-index:20}
@media (max-width:760px){
 :root{--t6:28px;--t5:22px}.wrap{padding:0 var(--s3)}main.wrap{padding-top:var(--s4);padding-bottom:var(--s6)}
 .nav{gap:var(--s3)}.nav a{white-space:nowrap}.nav a:not(.btn):not(:first-child){display:none}.sub{font-size:var(--t3)}
 .g2,.g3,.g4{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}
 .stats>div{padding:12px var(--s3)}.sec{margin-top:var(--s5)}
 .foot .cols{grid-template-columns:1fr 1fr}.foot .cols>div:first-child{grid-column:1/-1}
 .tbl th,.tbl td{padding:10px 12px}.tbl .hm{display:none}.kv td:first-child{width:110px}
 .search .btn{flex:none}
}
@media print{.top,.foot,.switch,.cta,.consent{display:none}}
.found{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);border:1px solid var(--pri);background:var(--pri-t);border-radius:var(--r);padding:var(--s4);margin:0 0 var(--s4);max-width:820px}
.found .fh{display:block;font-size:var(--t4);margin-bottom:var(--s2)}.found p{margin-bottom:var(--s3);max-width:60ch}
.seats{display:flex;align-items:center;gap:var(--s1)}.seats i{width:14px;height:14px;border-radius:3px;background:#c4d6d4}.seats i.on{background:var(--pri)}.seats span{margin-left:var(--s2)}
.sec .found{max-width:none}
@media (max-width:760px){.found{flex-direction:column;align-items:stretch}.found .btn{width:100%}}
@media print{.found .btn,.cta{display:none}.tbl .hm{display:table-cell!important}}
/* home v3: hero with inbox example */
.hero2{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s6);align-items:start}.hero2 h1{max-width:24ch}
.firm-h{max-width:none;font-size:clamp(24px,12px + 2.2vw,32px);text-wrap:balance}
.gets{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s4)}
.inbox{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 8px 24px rgba(15,42,61,.08);overflow:hidden}
.ib-h{background:var(--ink);color:#fff;padding:var(--s3)}.ib-h b{display:block;color:#fff}.ib-h .mut{color:#9fb3be}
.ib-i{padding:var(--s3);border-bottom:1px solid var(--line)}.ib-i b{display:block;margin-top:var(--s1)}.ib-i .sm{margin-top:var(--s2)}
.ib-f{padding:12px var(--s3);background:var(--bg2)}
.why h3{font-size:var(--t3);margin-bottom:var(--s2)}.why p{margin:0;color:var(--ink2)}.why .card{padding:var(--s3)}
.plan .for{margin:0;color:var(--ink2)}
@media (max-width:960px){.hero2{grid-template-columns:1fr;gap:var(--s4)}.g4{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.gets,.g4{grid-template-columns:1fr}}