/* HQ design system r4: navy / cobalt / teal / coral */
:root{
 --navy:#0a1f4d;--navy2:#10306e;--ink:#13275a;--mut:#4a5f8c;
 --cobalt:#1e63e9;--cobalt-d:#1450c4;--teal:#0aa5b8;--teal-d:#077e8d;
 --coral:#f4506e;--coral-d:#d93a57;
 --line:#d8e4f6;--bg:#f3f7fd;--card:#ffffff;
 --sh-sm:0 2px 6px rgba(10,31,77,.05),0 10px 26px rgba(10,31,77,.07);
 --sh-lg:0 6px 16px rgba(10,31,77,.08),0 26px 60px rgba(10,31,77,.16);
 --r-lg:22px;--r-md:16px;--r-sm:11px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:auto;padding:0 30px}
/* staging bar */
.stage{background:linear-gradient(90deg,var(--navy) 0%,#143a80 55%,var(--teal-d) 100%);color:#eaf6ff;text-align:center;font-size:12px;font-weight:600;letter-spacing:.4px;padding:10px 18px}
/* header */
header{background:#fff;border-bottom:1px solid var(--line);position:relative;box-shadow:0 1px 0 rgba(10,31,77,.03)}
header:after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--cobalt) 0%,var(--teal) 55%,var(--coral) 100%)}
header .wrap{padding-top:20px}
.brand{font-size:28px;font-weight:800;text-decoration:none;color:var(--navy);letter-spacing:-1.2px}
.brand span{background:linear-gradient(100deg,var(--cobalt),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
header small{margin-left:16px;color:var(--mut)}
nav{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:16px}
nav a{font-size:13px;font-weight:650;color:var(--mut);text-decoration:none;padding:7px 12px;border-radius:999px;transition:color .15s,background .15s}
nav a:hover{color:var(--cobalt-d);background:#eaf2ff;text-decoration:none}
/* type */
main.wrap{padding-top:46px;padding-bottom:34px}
h1{font-size:52px;line-height:1.07;font-weight:800;letter-spacing:-1.8px;color:var(--navy);margin:14px 0 22px}
h2{font-size:26px;line-height:1.25;font-weight:750;letter-spacing:-.5px;color:var(--navy);margin:12px 0}
h3{font-size:19px;font-weight:750;color:var(--navy)}
p{margin:10px 0 18px}
.sub{font-size:19px;line-height:1.55;color:var(--mut);max-width:760px;margin-bottom:32px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--cobalt);text-transform:uppercase;margin-bottom:6px}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;background:
 radial-gradient(900px 500px at 85% -10%,rgba(10,165,184,.35),transparent 60%),
 radial-gradient(700px 480px at -10% 110%,rgba(244,80,110,.28),transparent 55%),
 linear-gradient(128deg,#081a42 0%,#0e2f77 52%,#0b6f8b 100%);
 border-radius:28px;padding:56px 54px;color:#fff;margin-bottom:34px;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:26px 26px;pointer-events:none;opacity:.5}
.hero>*{position:relative;z-index:1}
.hero .eyebrow{color:#7df0e4}
.hero h1{color:#fff;font-size:60px}
.hero .sub{color:#d5e9ff;font-size:21px;margin-bottom:18px}
.hero>div>p:not(.eyebrow):not(.sub){max-width:430px;color:#e8f3ff}
.hero small{color:#bcd9f7;line-height:1.65}
.hero .house{display:block;width:100%;max-width:440px;height:auto;margin:26px 0 18px;filter:drop-shadow(0 14px 22px rgba(3,12,38,.35))}
/* hero form panel */
.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.panel{padding:32px;box-shadow:var(--sh-lg);border:0;color:var(--ink)}
.panel h2{margin:0 0 16px;font-size:23px}
.panel button{width:100%}
.panel small{margin-top:12px}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease}
article.card:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(10,31,77,.07),0 22px 44px rgba(10,31,77,.12)}
.card h2{font-size:21px;margin-top:14px}
.card p{color:var(--mut);font-size:15px}
.card a:not(.btn){font-weight:650}
/* icon chip */
.icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--cobalt),var(--cobalt-d));box-shadow:0 6px 14px rgba(30,99,233,.28)}
.icon svg{width:24px;height:24px}
article.card:nth-child(3n+2)>.icon{background:linear-gradient(135deg,var(--teal),var(--teal-d));box-shadow:0 6px 14px rgba(10,165,184,.28)}
article.card:nth-child(3n)>.icon{background:linear-gradient(135deg,var(--coral),var(--coral-d));box-shadow:0 6px 14px rgba(244,80,110,.26)}
/* sections */
.section{margin:52px 0 22px;font-size:30px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:54px 0}
.serif{font-size:37px;line-height:1.14;font-weight:800;letter-spacing:-1.2px;color:var(--navy)}
.split>div>h2:not(.serif){color:var(--navy)}
/* trust strip */
.truststrip{display:flex;justify-content:space-between;align-items:center;gap:32px;background:linear-gradient(115deg,#d8f6fb 0%,#dbe9ff 70%,#e7e4ff 100%);border:1px solid #b3d8f2;border-radius:var(--r-lg);padding:30px 34px;margin:38px 0;box-shadow:var(--sh-sm)}
.truststrip h2{margin-top:2px}
.truststrip p{max-width:640px;font-size:15px;color:var(--mut)}
.truststrip .btn{flex-shrink:0}
/* paid / proposal band */
.paid{margin-top:44px;background:linear-gradient(120deg,#e8f0ff 0%,#e6fbfd 100%);border:1px solid #c2d8fb;border-radius:var(--r-lg);padding:32px 34px;max-width:none;box-shadow:var(--sh-sm)}
.paid h2{color:var(--navy2)}
/* notes */
.note{background:#fff2f5;border:1px solid #f8c3d0;border-left:4px solid var(--coral);border-radius:var(--r-md);padding:18px 22px;font-size:14px;margin:26px 0;color:#7c2540}
/* buttons */
a{color:var(--cobalt-d)}
a:hover{text-decoration:underline}
button,.btn{display:inline-block;background:linear-gradient(120deg,var(--cobalt) 0%,var(--cobalt-d) 100%);color:#fff;border:0;border-radius:999px;padding:14px 24px;font:700 14px/1.3 inherit;letter-spacing:.2px;cursor:pointer;text-decoration:none;margin-top:14px;box-shadow:0 8px 18px rgba(30,99,233,.30);transition:transform .15s,box-shadow .15s}
button{font-size:15px}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(30,99,233,.36);text-decoration:none;color:#fff}
.ghost,.btn.ghost{background:#fff;color:var(--cobalt-d);border:1.5px solid #b9cff2;box-shadow:0 3px 10px rgba(10,31,77,.06)}
.btn.ghost:hover{background:#eef5ff;box-shadow:0 8px 18px rgba(10,31,77,.10)}
/* forms */
label{display:block;font-size:14px;font-weight:650;margin:18px 0 5px;color:var(--ink)}
input,select,textarea{display:block;width:100%;border:1.5px solid #c3d4ee;border-radius:var(--r-sm);background:#fff;color:var(--ink);padding:12px 13px;font:15px/1.5 inherit;margin-top:5px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(30,99,233,.14);outline:none}
textarea{font-family:inherit;resize:vertical}
.choice{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r-md);padding:13px 14px;margin:9px 0;font-size:15px;font-weight:550;background:#fbfdff;transition:border-color .15s,background .15s}
.choice:hover{border-color:#a9c6f2;background:#f4f9ff}
.choice input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--cobalt)}
small{display:block;color:var(--mut);font-size:12px;line-height:1.6}
header small{display:inline}
/* tables */
.tablewrap{overflow:auto;border-radius:var(--r-md)}
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;margin:22px 0;min-width:580px;box-shadow:var(--sh-sm)}
th,td{padding:16px;text-align:left;font-size:14px;vertical-align:top;border-bottom:1px solid var(--line)}
thead{background:linear-gradient(120deg,var(--navy2),#1554ab);color:#fff}
thead th{font-size:13px;letter-spacing:.3px}
thead strong{display:block;font-size:16px;letter-spacing:0;margin-top:2px}
thead small{color:#cfe6ff}
tbody th{background:#f2f7ff;font-weight:700;color:var(--navy)}
tbody tr:nth-child(even) td{background:#fafdff}
.check{color:var(--teal-d);font-weight:800}
.dash{color:#b6c6e2}
/* status tags */
.tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:4px 10px;border-radius:999px;margin-top:6px}
.tag.preview{background:#d9f7f4;color:#06707e;border:1px solid #9fe4de}
.tag.planned{background:#e7e9ff;color:#4d5fd1;border:1px solid #c3c9f7}
/* tier price cards */
.cards>.card.tier{border-top:5px solid var(--cobalt);padding-top:22px}
.cards>.card.tier:nth-child(2){border-top-color:var(--coral)}
.card.tier h3{font-size:20px;margin:0 0 6px}
.card.tier p{margin:6px 0}
/* misc */
fieldset{min-width:0;margin:0;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:24px;box-shadow:var(--sh-sm)}
legend{font-size:22px;font-weight:750;color:var(--navy);padding:0 8px}
.quoteinputs{grid-template-columns:repeat(3,1fr);gap:16px}
.quoteinputs label{font-size:13px}
.quoteinputs input,.quoteinputs textarea{font-size:14px}
#result{border:2px solid var(--teal);background:#effcfd;margin:26px 0}
.hidden{display:none!important}
.status{font-weight:700;color:var(--teal-d)}
.score{font-size:72px;line-height:1.05;font-weight:800;letter-spacing:-3px;color:var(--cobalt-d)}
.score span{font-size:32px;letter-spacing:-1px}
.sample{background:#eef5ff}
.meter{height:10px;border-radius:10px;background:#dbe8fb;overflow:hidden;margin:20px 0}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cobalt))}
li{margin:9px 0}
ul,ol{padding-left:24px}
/* footer */
footer{background:linear-gradient(120deg,#0a1f4d 0%,#10306e 70%,#0c4d68 100%);margin-top:60px;padding:36px 0 40px;color:#dce9ff;font-size:13px}
footer b{color:#fff}
footer a{color:#7ce8ec}
footer small{color:#b9d2f7;max-width:860px}
/* focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
#records .card{margin:14px 0}
/* tablet */
@media(max-width:900px){
 .hero{grid-template-columns:1fr;gap:34px;padding:40px 32px}
 .hero h1{font-size:46px}
 h1{font-size:40px}
 .split{grid-template-columns:1fr;gap:26px;margin:42px 0}
}
/* phone */
@media(max-width:700px){
 .wrap{padding-left:18px;padding-right:18px}
 .stage{font-size:10px;padding:9px 12px}
 .brand{font-size:24px}
 header small{display:block;margin:4px 0 0;font-size:11px}
 nav{gap:2px 2px;margin-top:12px;flex-wrap:wrap}
 nav a{font-size:12px;padding:6px 10px}
 main.wrap{padding-top:28px}
 .hero{padding:30px 22px;margin-left:-4px;margin-right:-4px;border-radius:20px}
 .hero h1{font-size:37px;letter-spacing:-1.2px}
 h1{font-size:33px;letter-spacing:-1px}
 .hero .sub{font-size:18px;margin-bottom:12px}
 .sub{font-size:16px}
 .hero .house{max-width:100%;margin:20px 0 12px}
 .panel{padding:24px 20px}
 .cards,.quoteinputs{grid-template-columns:1fr}
 .card{padding:22px}
 .truststrip{display:block;padding:24px}
 .section{font-size:25px;margin:42px 0 18px}
 .choice{font-size:14px}
 input,select,textarea{font-size:16px}
 button,.btn{font-size:14px;padding:13px 20px;width:100%;text-align:center}
 .truststrip .btn,.paid .btn{width:auto}
 .serif{font-size:29px}
 .paid{padding:24px 22px;margin-top:34px}
 footer{margin-top:42px}
 .tablewrap{overflow:visible;box-shadow:none}
 table{min-width:0;width:100%;border:0;background:transparent;box-shadow:none}
 thead{display:none}
 tbody,tr,th,td{display:block;width:100%}
 tr{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin-bottom:14px;overflow:hidden;box-shadow:var(--sh-sm)}
 tbody th{font-size:15px;background:#eaf2ff}
 td{font-size:14px;border:0;background:#fff!important}
 td:before{content:attr(data-label);display:block;font-weight:750;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--cobalt);margin-bottom:4px}
 .quoteinputs fieldset{width:100%}
}
/* r5 mockup home page */
body.home2 header{background:linear-gradient(120deg,#081a42 0%,#0e2f77 60%,#0c3f5e 100%);border-bottom:0;box-shadow:none}
body.home2 header:after{display:none}
body.home2 .brand{color:#fff}
body.home2 .brand span{background:linear-gradient(100deg,#ffc55c,#f6a821);-webkit-background-clip:text;background-clip:text;color:transparent}
body.home2 header small{color:#9fb8e8}
body.home2 nav a{color:#c7d9f7}
body.home2 nav a:hover{color:#fff;background:rgba(255,255,255,.10)}
body.home2 nav a[href="join.html"]{background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05;font-weight:800}
body.home2 nav a[href="join.html"]:hover{background:#ffc55c;color:#231a05}
.hero2{background:radial-gradient(1000px 520px at 88% -10%,rgba(10,165,184,.30),transparent 60%),radial-gradient(760px 520px at -8% 112%,rgba(30,99,233,.30),transparent 58%),linear-gradient(128deg,#081a42 0%,#0d2a68 55%,#0b3d5c 100%);position:relative;overflow:hidden}
.hero2:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.4px);background-size:26px 26px;pointer-events:none;opacity:.45}
.hero2in{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:66px 30px 76px;position:relative;z-index:1}
.livepill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:600;color:#dce9ff;margin:0}
.livepill i{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 8px #3ddc97}
.hero2 h1{color:#fff;font-size:64px;margin:24px 0 18px}
.hl{color:#f6a821}
.sub2{color:#c9dcf6;font-size:18.5px;line-height:1.6;max-width:520px}
.ctarow{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 34px}
.ctarow .btn{margin-top:0}
.btn.amber{background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05;box-shadow:0 10px 22px rgba(246,168,33,.35)}
.btn.amber:hover{color:#231a05;box-shadow:0 14px 26px rgba(246,168,33,.42)}
.btn.outline{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;box-shadow:none}
.btn.outline:hover{background:rgba(255,255,255,.10);color:#fff;box-shadow:none}
.stats{display:flex;gap:46px}
.stats b{display:block;font-size:34px;font-weight:800;letter-spacing:-1px;color:#fff;line-height:1.1}
.stats span{font-size:13px;color:#9fb8e8}
.starnote{color:#8ba7d6;margin-top:12px}
.phone{background:#fff;border-radius:26px;padding:22px;box-shadow:0 24px 60px rgba(3,12,38,.45);color:var(--ink);max-width:400px;width:100%;margin-left:auto}
.phonetop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.phonetop b{font-size:16px;color:var(--navy)}
.extag{font-size:10px;font-weight:800;letter-spacing:1.1px;background:#fff3d6;color:#8a5a00;border:1px solid #f3d488;padding:4px 10px;border-radius:999px}
.phonedark{background:linear-gradient(135deg,#0a1f4d,#14408c);color:#fff;border-radius:16px;padding:18px;position:relative}
.phonedark small{color:#7df0e4;letter-spacing:1.6px;font-size:10px;font-weight:700}
.phonedark b{display:block;font-size:17.5px;margin:8px 0 3px}
.phonedark p{color:#c9dcf6;font-size:12.5px;margin:0;max-width:220px}
.phonedark .amt{position:absolute;right:16px;top:40px;font-weight:800;color:#ffc55c;font-size:15px}
.phonerow{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px}
.phonerow b{display:block;font-size:14px;color:var(--navy)}
.phonerow small{font-size:12px;color:var(--mut);line-height:1.45}
.pico{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px}
.pico svg{width:19px;height:19px}
.pico.amber{background:#fff3d6;color:#b97a0a}
.pico.teal{background:#dcf5f2;color:#0a7d70}
.pico.lilac{background:#e7e9ff;color:#4d5fd1}
.ticker{background:linear-gradient(90deg,#f6a821,#ffb63d);padding:15px 0}
.ticker .wrap{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;align-items:center}
.ticker a{color:#2a1c00;font-weight:800;font-size:14.5px;text-decoration:none}
.ticker a:hover{text-decoration:underline}
.ticker i{color:#8a5f08;font-style:normal;font-size:11px}
.plansec{padding-top:66px}
.planhead{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:end;margin-bottom:36px}
.big{font-size:46px;letter-spacing:-1.7px;line-height:1.07;margin:8px 0 0}
.side{color:var(--mut);font-size:15.5px;max-width:400px;margin:0}
.feat{grid-template-columns:repeat(3,1fr)}
.feat .card{padding:28px}
.feat .card>p:first-of-type{margin:14px 0 4px}
.feat h3{font-size:21px;margin:2px 0 8px}
.feat .card p:not(:first-of-type){font-size:14.5px}
.feat .card a{font-weight:700;font-size:14.5px}
.chip{width:46px;height:46px;border-radius:14px;background:#0e2a5e;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 14px rgba(10,31,77,.22)}
.chip svg{width:22px;height:22px}
.chip.amber{background:linear-gradient(135deg,#ffc55c,#f6a821);color:#231a05;box-shadow:0 6px 14px rgba(246,168,33,.4)}
.chip.g-amber{color:#ffc55c}
.chip.g-teal{color:#3ddbc8}
.chip.g-lilac{color:#a9b6ff}
.chip.g-coral{color:#ff8fa3}
.tag.try{background:#d9f7f4;color:#06707e;border:1px solid #9fe4de}
.tag.soon{background:#e7e9ff;color:#4d5fd1;border:1px solid #c3c9f7}
.feat .c-navy{background:linear-gradient(135deg,#0a1f4d,#14408c);border:0;color:#fff}
.feat .c-navy h3{color:#fff}
.feat .c-navy p{color:#c9dcf6}
.feat .c-navy a{color:#7df0e4}
.feat .c-ice{background:#eaf2ff}
.feat .c-mint{background:#e3faf3}
.feat .c-lilac{background:#edf0ff}
.moretools{margin-top:26px;font-size:15px}
.pricing{background:radial-gradient(900px 480px at 92% -10%,rgba(10,165,184,.28),transparent 60%),linear-gradient(150deg,#081a42,#0e2f77 60%,#0c4358);margin-top:70px;padding:66px 0 54px;color:#fff;position:relative;overflow:hidden}
.pricing:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.4px);background-size:26px 26px;pointer-events:none;opacity:.4}
.pricing .wrap{position:relative;z-index:1}
.pricing h2{color:#fff;font-size:44px;letter-spacing:-1.6px;margin:6px 0 8px}
.sub3{color:#c9dcf6;margin:0 0 8px}
.eyebrow.amber-t{color:#ffc55c}
.tiers5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
.td{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:22px;display:flex;flex-direction:column}
.td.featured{background:linear-gradient(160deg,#ffc55c,#f6a821);color:#231a05;border:0;box-shadow:0 18px 40px rgba(246,168,33,.30)}
.tname{font-weight:800;font-size:15.5px;color:#fff;margin:0}
.featured .tname{color:#231a05}
.fpill{font-size:9px;font-weight:800;letter-spacing:.9px;background:#231a05;color:#ffc55c;padding:3px 8px;border-radius:999px;vertical-align:2px;margin-left:7px}
.tprice{font-size:32px;font-weight:800;color:#fff;margin:14px 0 2px;letter-spacing:-1px}
.tprice small{font-size:13.5px;font-weight:650;color:#9fb8e8;letter-spacing:0}
.featured .tprice,.featured .tprice small{color:#231a05}
.tdesc{font-size:12.8px;color:#c9dcf6;line-height:1.55;flex:1;margin:8px 0 0}
.featured .tdesc{color:#4a3a08}
.td .btn.w{background:#fff;color:var(--navy);box-shadow:none;align-self:stretch;text-align:center;margin-top:18px;font-size:13.5px;padding:12px 14px}
.td .btn.w:hover{background:#eaf2ff;color:var(--navy)}
.td.featured .btn.w{background:#0a1f4d;color:#fff}
.td.featured .btn.w:hover{background:#14408c;color:#fff}
.pricing .fine{color:#9fb8e8;font-size:12.5px;margin:28px 0 0;max-width:780px}
.propanel{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;background:linear-gradient(125deg,#d93a57 0%,#f4506e 55%,#ff7a6b 100%);border-radius:28px;padding:54px;color:#fff;margin-top:70px;box-shadow:var(--sh-lg)}
.eyebrow.light{color:#ffd6de}
.proleft h2{color:#fff;font-size:42px;letter-spacing:-1.4px;margin:6px 0 14px}
.proleft p{color:#ffe6eb;max-width:430px;font-size:16px}
.proleft .btn.w{background:#fff;color:#c22749;box-shadow:0 10px 22px rgba(90,8,30,.28)}
.proleft .btn.w:hover{background:#ffeef1;color:#c22749}
.promin{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}
.pm{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:20px}
.pm b{display:block;font-size:23px;color:#fff;letter-spacing:-.5px}
.pm span{font-size:12.5px;color:#ffe6eb}
.promise{padding-top:70px}
.big2{font-size:38px;letter-spacing:-1.3px;margin:0}
.promgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:30px;border-top:1px solid var(--line);padding-top:30px}
.promgrid b{display:block;font-size:16px;color:var(--navy);margin-bottom:8px}
.promgrid p{font-size:13.5px;color:var(--mut);margin:0}
.ctafinal{background:radial-gradient(800px 400px at 50% -20%,rgba(30,99,233,.35),transparent 60%),linear-gradient(150deg,#081a42,#0e2f77 65%,#0c4358);margin-top:70px;padding:76px 0;text-align:center;color:#fff}
.ctafinal h2{color:#fff;font-size:44px;letter-spacing:-1.5px;max-width:840px;margin:0 auto 12px}
.ctafinal p{color:#c9dcf6;margin:0}
.hwform{max-width:780px;margin:30px auto 0}
.hwrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hwrow input{width:230px;display:inline-block;border-radius:999px;border:0;padding:15px 20px;margin:0}
.hwrow button{border-radius:999px;background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05;font-weight:800;padding:15px 30px;margin:0;box-shadow:0 10px 22px rgba(246,168,33,.35)}
.hwrow button:hover{color:#231a05}
.hwc{display:flex;justify-content:center;gap:10px;font-size:13px;color:#c9dcf6;margin:20px 0 0;align-items:center;font-weight:500}
.hwc input{width:auto;margin:0}
.hwc a{color:#7df0e4}
.ctafinal .status{color:#7df0e4;margin:12px 0 0}
.ctafinal small{color:#8ba7d6;margin-top:14px}
@media(max-width:900px){
 .hero2in{grid-template-columns:1fr;gap:44px;padding:46px 30px 56px}
 .hero2 h1{font-size:44px}
 .phone{margin:0 auto}
 .planhead{grid-template-columns:1fr;gap:16px}
 .feat{grid-template-columns:repeat(2,1fr)}
 .tiers5{grid-template-columns:repeat(2,1fr)}
 .propanel{grid-template-columns:1fr;padding:42px 30px;gap:30px}
 .promgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hero2in{padding:38px 18px 46px}
 .hero2 h1{font-size:36px;letter-spacing:-1.2px}
 .sub2{font-size:16.5px}
 .stats{gap:28px}
 .stats b{font-size:26px}
 .big{font-size:33px}
 .feat{grid-template-columns:1fr}
 .tiers5{grid-template-columns:1fr}
 .pricing{padding:48px 0 42px;margin-top:48px}
 .pricing h2,.ctafinal h2{font-size:29px;letter-spacing:-1px}
 .propanel{padding:34px 22px;margin-top:48px}
 .proleft h2{font-size:31px}
 .promin{grid-template-columns:1fr 1fr}
 .promgrid{grid-template-columns:1fr}
 .plansec,.promise{padding-top:48px}
 .ctafinal{margin-top:48px;padding:54px 0}
 .hwrow input{width:100%}
 .hwrow button{width:100%}
 .ticker .wrap{gap:12px}
 .ticker a{font-size:13px}
 .ticker i{display:none}
 .big2{font-size:29px}
}
body.home2 footer{margin-top:0}
.hwc{display:block;text-align:center}
.hwc input{width:auto;display:inline-block;vertical-align:-2px;margin-right:8px}
/* r6 site-wide home palette: navy / amber / light blue-white / coral + purple highlights */
:root{--purple:#6d5df6;--purple-d:#4d3fd1;--plum:#3d2f8f}
header{background:linear-gradient(120deg,#081a42 0%,#0e2f77 60%,#0c3f5e 100%);border-bottom:0;box-shadow:none}
header:after{display:none}
.brand{color:#fff}
.brand span{background:linear-gradient(100deg,#ffc55c,#f6a821);-webkit-background-clip:text;background-clip:text;color:transparent}
header small{color:#9fb8e8}
nav a{color:#c7d9f7}
nav a:hover{color:#fff;background:rgba(255,255,255,.10)}
nav a[href="join.html"]{background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05;font-weight:800}
nav a[href="join.html"]:hover{background:#ffc55c;color:#231a05}
button,.btn{background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05;box-shadow:0 8px 18px rgba(246,168,33,.30)}
button:hover,.btn:hover{box-shadow:0 12px 24px rgba(246,168,33,.38);color:#231a05}
.ghost,.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid #c3cfe6;box-shadow:0 3px 10px rgba(10,31,77,.06)}
.btn.ghost:hover{background:#f2f6ff;color:var(--navy);box-shadow:0 8px 18px rgba(10,31,77,.10)}
.icon{background:linear-gradient(135deg,#ffc55c,#f6a821);color:#231a05;box-shadow:0 6px 14px rgba(246,168,33,.35)}
article.card:nth-child(3n+2)>.icon{background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;box-shadow:0 6px 14px rgba(10,165,184,.28)}
article.card:nth-child(3n)>.icon{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;box-shadow:0 6px 14px rgba(109,93,246,.30)}
.truststrip{background:linear-gradient(115deg,#ece9ff 0%,#e3e0ff 60%,#efeaff 100%);border:1px solid #c9c2f5}
.truststrip h2{color:var(--plum)}
.paid{background:linear-gradient(120deg,#e9e5ff 0%,#f1efff 100%);border:1px solid #c3bbf2}
.paid h2{color:var(--plum)}
thead{background:linear-gradient(120deg,var(--navy2),#4d3fa8)}
/* r8: purple removed; amber/yellow blocks + one harmonious green accent (Vijay 2026-10-19) */
:root{--grn:#2fa36b;--grn-d:#1e7a4f;--grn-deep:#14563f;--grn-t:#e8f6ee;--grn-b:#c4e6d4;--amber-t:#fff6dc;--amber-t2:#ffedc0;--amber-b:#eed393}
article.card:nth-child(3n)>.icon{background:linear-gradient(135deg,var(--grn),var(--grn-d));color:#fff;box-shadow:0 6px 14px rgba(30,122,79,.30)}
.truststrip{background:linear-gradient(115deg,var(--amber-t) 0%,var(--amber-t2) 60%,#fff3d2 100%);border:1px solid var(--amber-b)}
.truststrip h2{color:var(--navy2)}
.paid{background:linear-gradient(120deg,var(--grn-t) 0%,#f1faf5 100%);border:1px solid var(--grn-b)}
.paid h2{color:var(--grn-deep)}
thead{background:linear-gradient(120deg,var(--navy2),var(--grn-d))}
.tag.planned,.tag.soon{background:#fff1cf;color:var(--navy);border:1px solid var(--amber-b)}
.tag.free{background:#d9f2e2;color:#1c6b3a;border:1px solid #9fd8b4}
.pico.lilac{background:var(--grn-t);color:var(--grn-d)}
/* r8b: Handyman HQ wordmark in vivid parrot green (Vijay 2026-10-19) */
.hqmark{color:#1fa55c;font-weight:800}
footer .hqmark,.ctafinal .hqmark{color:#3ce17f}
/* r8c: coral panels/notes -> navy, amber, green (no purple, no brown) */
.propanel{background:linear-gradient(125deg,#081a42 0%,#10306e 55%,#14563f 130%);border:1px solid #0a1f4d}
.proleft p{color:#cfe0f5}
.proleft .btn.w{background:#fff;color:var(--navy);box-shadow:0 10px 22px rgba(4,12,36,.35)}
.proleft .btn.w:hover{background:#fff3d6;color:var(--navy)}
.pm b{color:#ffd98a}
.pm span{color:#cfe0f5}
.note{background:#fff8e6;border:1px solid #eed393;border-left:4px solid #f6a821;color:#4a5f8c}
.note b{color:var(--navy)}
.cards>.card.tier{border-top:5px solid var(--navy2)}
.cards>.card.tier:nth-child(2){border-top-color:#f6a821}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f6a821;outline-offset:3px}
.chip.g-coral{color:#ffd98a}

.savenote{font-size:13px;color:var(--mut);background:#fff7e6;border:1px solid var(--amber-b);border-radius:10px;padding:10px 12px;margin-top:10px}
label.check{display:flex;gap:8px;align-items:flex-start;font-size:14px}
label.check input{margin-top:3px}
/* r15: home rebuild (Vijay 2026-10-19) - 3 colour-coded audience blocks + steps */
.hero3{grid-template-columns:1fr;gap:0;padding-bottom:60px}
.hero3 .sub2{max-width:640px}
.audsec{padding-top:44px}
.audtitle{font-size:28px;letter-spacing:-.8px;margin:0 0 20px;color:var(--navy)}
.aud{display:block;text-decoration:none;border-radius:24px;padding:30px 28px;margin:0 0 18px;box-shadow:var(--sh-sm);transition:transform .15s}
.aud:hover{text-decoration:none;transform:translateY(-2px)}
.aud b{display:block;font-size:26px;letter-spacing:-.6px;margin:12px 0 6px}
.audtxt span{display:block;font-size:15.5px;line-height:1.55}
.audico{width:52px;height:52px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center}
.audico svg{width:26px;height:26px}
.audbtn{display:inline-block;margin-top:18px;font-weight:800;font-size:15px;border-radius:999px;padding:13px 22px}
.aud-home{background:linear-gradient(130deg,#ffc55c,#f6a821);color:#231a05}
.aud-home .audico{background:rgba(255,255,255,.55);color:#7a5200}
.aud-home .audtxt span{color:#4a3a08}
.aud-home .audbtn{background:#0a1f4d;color:#fff}
.aud-mgr{background:linear-gradient(130deg,#0a1f4d,#1a4a9e);color:#fff}
.aud-mgr .audico{background:rgba(255,255,255,.16);color:#ffd98a}
.aud-mgr .audtxt span{color:#cfe0f5}
.aud-mgr .audbtn{background:linear-gradient(120deg,#ffc55c,#f6a821);color:#231a05}
.aud-pro{background:linear-gradient(130deg,#14563f,#2fa36b);color:#fff}
.aud-pro .audico{background:rgba(255,255,255,.16);color:#eafff3}
.aud-pro .audtxt span{color:#dff3e8}
.aud-pro .audbtn{background:#fff;color:#14563f}
.howsec{padding-top:26px;padding-bottom:34px}
.steps{list-style:none;padding:0;margin:18px 0 8px;display:grid;gap:14px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-sm)}
.steps b{display:block;font-size:16.5px;color:var(--navy);margin-bottom:4px}
.steps span{font-size:14.5px;color:var(--mut)}
.toolstrip{font-size:14.5px;color:var(--mut);margin-top:20px}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hero3{padding:38px 18px 44px}.aud b{font-size:23px}.aud{padding:24px 20px}}

/* r15 home rework */
.venture{color:#f6a821;font-size:13px;letter-spacing:.4px;text-align:center;margin:6px 0 0}
.pilotbar{background:#fff7e6;color:#5c4708;border:1px solid #ffe1a0;border-radius:8px;padding:8px 14px;font-size:14px;text-align:center;margin:14px auto 0;max-width:760px}
.hero{max-width:820px;margin:56px auto 40px;padding:0 20px;text-align:center}
.hero h1{font-size:clamp(30px,6vw,46px);line-height:1.15;color:#0f2440;margin:0 0 16px}
.hero .lede{font-size:clamp(16px,2.6vw,19px);color:#33455e;max-width:640px;margin:0 auto 34px}
.audq{font-size:15px;text-transform:uppercase;letter-spacing:1.2px;color:#0f2440;margin:0 0 18px}
.audrow{display:grid;gap:14px;grid-template-columns:1fr;max-width:720px;margin:0 auto}
@media(min-width:720px){.audrow{grid-template-columns:1fr 1fr 1fr}}
.audbtn{display:block;border:2px solid #0f2440;border-radius:12px;padding:18px 16px;text-decoration:none;background:#fff;transition:background .15s}
.audbtn strong{display:block;color:#0f2440;font-size:17px;margin-bottom:6px}
.audbtn span{display:block;color:#4a5b74;font-size:14px;line-height:1.4}
.audbtn:hover{background:#ffc55c}
.fineline{font-size:13px;color:#66788f;margin:22px 0 0}
.contactrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 0}
.contactbtn{display:inline-block;border-radius:999px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none}
.contactbtn.call{background:#0f2440;color:#fff}
.contactbtn.wa{background:#25d366;color:#fff}
.how{max-width:820px;margin:0 auto 48px;padding:0 20px}
.how h2,.planstrip h2{color:#0f2440;font-size:24px;text-align:center;margin:0 0 20px}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:720px){.steps{grid-template-columns:1fr 1fr 1fr}}
.steps li{counter-increment:s;padding:16px 18px;border-left:3px solid #ffc55c;background:#f8fafd;border-radius:0 10px 10px 0}
.steps li strong{display:block;color:#0f2440;margin-bottom:5px}
.steps li strong::before{content:counter(s) ". ";color:#f6a821}
.steps li span{color:#4a5b74;font-size:14px;line-height:1.45}
.planstrip{max-width:680px;margin:0 auto 48px;padding:28px 20px;background:#fff;border:1px solid #e6ebf2;border-radius:14px;text-align:center}
.planstrip p{color:#33455e;margin:10px 0;font-size:15px;line-height:1.5}
.planstrip strong{color:#0f2440}
.soon{max-width:680px;margin:0 auto 56px;text-align:center}
.soon p{display:inline-block;background:#0f2440;color:#ffc55c;border-radius:999px;padding:9px 22px;font-size:14px}

/* r15 overrides: neutralize r13 hero/brand rules on new home */
.sitehead{background:#0f2440;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:10px;color:#ffc55c;text-decoration:none;font-weight:700;font-size:20px}
.brandmark{width:32px;height:32px;max-width:32px;max-height:32px;flex:none;color:#ffc55c}
.sitenav{display:flex;gap:8px;flex-wrap:wrap}
.sitenav a{color:#fff;text-decoration:none;font-size:14px;padding:7px 12px;border-radius:999px}
.sitenav a:hover{background:#ffc55c;color:#0f2440}
.hero{background:#fff;min-height:0;display:block;color:#0f2440}
.hero h1{color:#0f2440}
.hero .lede{color:#33455e}

/* r15 hero scene + service icons */
.herovisual{max-width:340px;margin:26px auto 0}
.herovisual svg{width:100%;height:auto;display:block}
.herovisual img{width:100%;height:auto;display:block;border-radius:20px}
.svcrow{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin:22px 0 0}
.svc{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#33455e;font-weight:600}
.svc svg{width:26px;height:26px;fill:none;stroke:#0f2440;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:#fff7e6;border-radius:50%;padding:5px;box-sizing:content-box}
@media(min-width:900px){
.heroin{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;text-align:left}
.hero .lede{margin:0 0 8px}
.svcrow{justify-content:flex-start}
.herovisual{margin:0;max-width:none}
}

/* r15 navy hero band + thankyou + global brand */
.hero{max-width:1180px;margin:26px auto 44px;padding:54px 44px 46px;background:linear-gradient(135deg,#0c2142 0%,#123059 55%,#0f2440 100%);border-radius:26px;text-align:center;color:#fff}
@media(max-width:719px){.hero{margin:16px 12px 36px;padding:40px 20px 32px;border-radius:20px}}
.hero h1{color:#fff}
.hero .lede{color:#c9d8ee}
.audq{color:#ffc55c;margin-top:36px}
.svc{color:#dbe6f5}
.svc svg{background:rgba(255,197,92,.15);stroke:#ffc55c}
.hero .fineline{color:#9fb3cf}
.hero .fineline a{color:#ffc55c}
.thankyou{background:linear-gradient(135deg,#0c2142,#123059);color:#fff;border:0;border-radius:18px;padding:34px 26px;text-align:center;margin-top:22px}
.thankyou h2{color:#fff;margin:10px 0 8px}
.thankyou .eyebrow{color:#ffc55c}
.thankyou p{color:#c9d8ee}
.tycheck{width:56px;height:56px;display:block;margin:0 auto 6px}
.brand::before{content:"";display:inline-block;width:26px;height:26px;border-radius:7px;background:#ffc55c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11l8-6.5L20 11v9H4v-9z' fill='none' stroke='%230f2440' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9.5 20v-6h5v6' fill='none' stroke='%230f2440' stroke-width='2'/%3E%3C/svg%3E") center/16px no-repeat;vertical-align:-6px;margin-right:8px}
header .brand+small{color:#f6a821}
footer .wrap>p:first-of-type{color:#f6a821}
.svcset{border:1px solid #e6ebf2;border-radius:10px;padding:12px 14px;margin:0 0 14px;display:grid;gap:8px;grid-template-columns:1fr 1fr}
.svcset legend{font-weight:700;color:#0f2440;padding:0 6px}
.svcset .check{font-weight:400;font-size:14px}

/* r15 thankyou beats r13 #result */
#result.thankyou{border:0;background:linear-gradient(135deg,#0c2142,#123059)}

/* r15 consent row fix */
label.check{display:flex;gap:10px;align-items:flex-start;text-align:left;font-weight:400;font-size:15px;line-height:1.5;margin:10px 0}
label.check input[type=checkbox]{flex:none;width:18px;height:18px;margin:2px 0 0}

/* r15 consent fix v2: keep text flow intact */
label.check{display:block;position:relative;padding-left:30px;text-align:left;font-weight:400;font-size:15px;line-height:1.5;margin:10px 0}
label.check input[type=checkbox]{position:absolute;left:0;top:3px;width:18px;height:18px;margin:0}

/* r17 hero photo carousel (4 Pexels photos, auto-rotate 5s, reduced-motion safe) */
.herocar{position:relative;aspect-ratio:1000/667;border-radius:20px;overflow:hidden;background:#0c2142}
.herocar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0;opacity:0;transition:opacity .8s ease}
.herocar img.on{opacity:1}
.herodots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:9px;justify-content:center;z-index:2}
.herodots button{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(12,33,66,.35);padding:0;cursor:pointer}
.herodots button.on{background:#ffc55c;border-color:#ffc55c}
@media (prefers-reduced-motion: reduce){.herocar img{transition:none}}

/* r17 dropdown forms */
form select{width:100%;padding:12px 14px;border:1.5px solid #c9d4e2;border-radius:10px;font-size:16px;background:#fff;color:#0f2440;margin-top:6px}
form select:focus{outline:2px solid #f6a821;border-color:#f6a821}

/* r19 feedback mock stars */
.stars{display:flex;gap:4px;margin:2px 0 14px}
.stars button{font-size:34px;line-height:1;color:#c3d4ee;background:none;border:0;cursor:pointer;padding:2px 6px}
.stars button.on{color:#f6a821}
.fblabel{margin:0}

/* r20 plan tiers */
.tierprice{font-size:20px;font-weight:700;color:#0f2440;margin:2px 0 8px}
.card.tier ul{margin:0 0 10px;padding-left:20px;font-size:14.5px;line-height:1.6;color:#33455e}
@media(min-width:900px){.tiers3{grid-template-columns:1fr 1fr 1fr}}

/* r22 front-page plan comparison */
.plantable{width:100%;border-collapse:collapse;font-size:14.5px}
.plantable th,.plantable td{padding:9px 10px;border-bottom:1px solid #e6ebf2;text-align:left}
.plantable td{text-align:center;color:#0f2440}
.plantable thead th{background:#0f2440;color:#ffc55c;text-align:center;font-size:14px}
.plantable thead th:first-child{text-align:left}
.plantable .tagline{font-weight:400;font-size:11.5px;color:#c9d8ee}
.plantable tbody th{font-weight:600;color:#33455e;font-size:13.5px}

/* r25 praised plan table */
.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:2px 9px;vertical-align:2px;margin-left:6px}
.pill.now{background:#e2f5e9;color:#1c7a3d}
.pill.plan{background:#fff3d6;color:#8a6d1a}

/* r26 why-join lists + legal box */
.whylist{margin:0;padding-left:20px;font-size:15px;line-height:1.65;color:#33455e}
.whylist li{margin-bottom:9px}
.legalbox{border-left:4px solid #f6a821}
.legalbox ul{margin:0;padding-left:20px;font-size:14px;line-height:1.65;color:#33455e}
.legalbox h2{font-size:19px}

/* r33 plan comparison: keep one real compact table on phones (Vijay Oct 19) */
@media(max-width:700px){
 .plantable{border-collapse:separate;border-spacing:0;font-size:12px;table-layout:fixed;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm);overflow:visible}
 .plantable thead th:first-child{border-top-left-radius:var(--r-md)}
 .plantable thead th:last-child{border-top-right-radius:var(--r-md)}
 .plantable thead{display:table-header-group}
 .plantable tbody{display:table-row-group}
 .plantable tr{display:table-row;border:0;background:transparent;margin:0;box-shadow:none;overflow:visible}
 .plantable th,.plantable td{display:table-cell;width:auto;padding:7px 6px;border-bottom:1px solid #e6ebf2;vertical-align:middle}
 .plantable td:before{content:none}
 .plantable thead th{position:sticky;top:0;z-index:2;font-size:11.5px;padding:9px 6px}
 .plantable thead th:first-child{width:52%}
 .plantable .tagline{font-size:10px;line-height:1.3}
 .plantable tbody th{font-size:11.5px;line-height:1.45}
 .plantable .pill{font-size:9px;padding:1px 6px;margin-left:4px}
}

/* r34: Caveat hand font (SIL OFL 1.1, self-hosted caveat-var.woff2) + app-like mobile home (Vijay Oct 19) */
.hand{font-family:inherit;font-weight:600}
.pill.lit{text-transform:none;letter-spacing:.2px}
.hero{background:#fff;color:#0f2440;max-width:760px;margin:26px auto 40px;padding:34px 20px 30px;border-radius:0;text-align:left}
.hmock h1{font-size:clamp(38px,10vw,58px);line-height:1.08;color:#0f2440;margin:0 0 14px;font-weight:600}
.hsub{font-size:18px;line-height:1.5;color:#33455e;margin:0 0 20px;max-width:560px}
.hctas{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.hbtn{display:inline-block;border-radius:999px;padding:11px 24px;font-size:20px;text-decoration:none;line-height:1.2}
.hbtn.primary{background:#0f2440;color:#fff}
.hbtn.ghost{background:#fff;color:#0f2440;border:2px solid #0f2440}
.hphoto{max-width:640px;margin:0 0 16px}
.hphoto .herocar{border-radius:18px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px}
.tile{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:16px 6px 12px;text-align:center;text-decoration:none;box-shadow:0 1px 3px rgba(10,31,77,.06);display:block}
.tile svg{width:28px;height:28px;fill:none;stroke:#1c7a3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 6px}
.tile span{font-size:19px;color:#0f2440;display:block;line-height:1.1}
.hero .fineline{color:#66788f;max-width:640px}
.help{max-width:680px;margin:0 auto 44px;padding:0 20px}
.heyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#66788f;margin:0 0 4px;font-weight:700}
.help h2{font-size:clamp(34px,8vw,44px);color:#0f2440;margin:0 0 16px;font-weight:600}
.rrow{display:flex;align-items:center;gap:14px;background:#f2f5f9;border-radius:16px;padding:16px 18px;margin:0 0 12px;text-decoration:none}
.rrow .rico{flex:none;width:30px;height:30px}
.rrow .rico svg{width:30px;height:30px;fill:none;stroke:#1c7a3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rtxt strong{display:block;font-size:24px;color:#0f2440;line-height:1.1;font-weight:600}
.rtxt span{display:block;font-size:14px;color:#4a5b74;margin-top:2px}
.rchev{margin-left:auto;font-size:30px;color:#9fb3cf;line-height:1}
.tablenote{font-size:14.5px;font-weight:600;color:#0f2440;margin:0 0 10px}
.fp12{font-size:12px !important;line-height:1.5}
.plantable td .pill{margin-left:0}
@media(max-width:700px){
 .hero{margin:8px 0 28px;padding:26px 18px 22px}
 .plantable td .pill{font-size:9px;padding:1px 6px}
 .plantable thead th{font-size:12px}
 .plantable tbody th{font-size:12px}
}

/* r34b: r13 navy-hero rule (.hero>div>p:not(.eyebrow):not(.sub)) outranks r34; pin light-hero colors */
.hsub{color:#33455e !important}
.hero .fineline{color:#66788f !important}

/* r34c: role rows read as cards on the light page (gray-on-gray was invisible) */
.rrow{background:#fff;border:1px solid #e6ebf2;box-shadow:0 1px 3px rgba(10,31,77,.06)}

/* r35: same site font throughout; keep both mobile actions on one row. */
@media(max-width:700px){
 .hctas{gap:10px}
 .hbtn{font-size:16px;padding:11px 16px}
 .tile span{font-size:16px;line-height:1.3}
 .rtxt strong{font-size:22px;line-height:1.2}
}
/* Public contact remains readable on the navy header. */
header small a{color:inherit;text-decoration:underline}
#savedrecords>p{font-size:16px;line-height:1.6}
#savedrecords h2{font-size:25px;line-height:1.25}
#savedrecords{scroll-margin-top:16px}
button:disabled{opacity:.55;cursor:not-allowed}
.acknote{font-size:13px;line-height:1.6;color:var(--ink)}
/* r9 theme proposal (staging only, 2026-10-20): solid full-colour trades palette. Deep green + amber + teal, coral only for cautions. No gradients, no glows, no brown/beige surfaces, one system font everywhere. */
:root{--ink:#17251f;--navy:#0d4f3c;--navy2:#0a4030;--mut:#4c6357;--cobalt:#0e7d8c;--cobalt-d:#0a6572;--line:#d9e6dc;--bg:#f5f9f6;--card:#ffffff}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,.serif,.audtitle{color:var(--navy)}
a{color:var(--cobalt-d)}
.stage{background:#0d4f3c;color:#eaf7f0}
header{background:#0d4f3c;border-bottom:0}
header:after{display:none}
.brand{color:#fff}
.brand span{background:none;color:#ffc55c;-webkit-text-fill-color:#ffc55c}
header small{color:#b8d8c8}
nav a{color:#cfe6d9}
nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
nav a[href="join.html"]{background:#f6a821;color:#231a05}
nav a[href="join.html"]:hover{background:#ffc55c;color:#231a05}
.hero,.hero2{background:#0d4f3c}
.hero:after,.hero2:after{display:none}
.hero .eyebrow,.hero2 .eyebrow{color:#ffd98a}
.hero .sub{color:#d9ecdf}
.hero>div>p:not(.eyebrow):not(.sub){color:#e6f2ea}
.hero small{color:#b8d8c8}
.livepill{color:#e6f2ea;border-color:rgba(255,255,255,.32)}
button,.btn{background:#f6a821;color:#231a05;box-shadow:0 3px 0 #c07f0a}
button:hover,.btn:hover{background:#ffc55c;color:#231a05;box-shadow:0 4px 0 #c07f0a;transform:none}
.ghost,.btn.ghost{background:#fff;color:#0d4f3c;border:1.5px solid #b9d3c4;box-shadow:none}
.btn.ghost:hover{background:#eef7f1;color:#0d4f3c;box-shadow:none}
.icon,article.card:nth-child(3n+2)>.icon,article.card:nth-child(3n)>.icon{background:#0e7d8c;color:#fff;box-shadow:none}
article.card:nth-child(3n+2)>.icon{background:#f6a821;color:#231a05}
article.card:nth-child(3n)>.icon{background:#0d4f3c;color:#fff}
.card,.panel{border-color:var(--line);box-shadow:0 2px 8px rgba(13,79,60,.06)}
article.card:hover{transform:none;box-shadow:0 4px 14px rgba(13,79,60,.10)}
.truststrip{background:#fff6dc;border:1px solid #eed393}
.truststrip h2{color:var(--navy)}
.truststrip p{color:#5c5648}
.paid{background:#e8f6ee;border:1px solid #c4e6d4}
.paid h2{color:var(--navy)}
thead{background:#0d4f3c}
thead small{color:#cfe6d9}
tbody th{background:#f0f7f2;color:var(--navy)}
.note{background:#fff6dc;border:1px solid #eed393;border-left:4px solid #f6a821;color:#4c6357}
.note b{color:var(--navy)}
.propanel{background:#0d4f3c;border:0}
footer{background:#0a4030;color:#d9ece0}
footer a{color:#9fe0c8}
footer small{color:#a9c9b8}
footer .wrap>p:first-of-type{color:#ffc55c}
.aud-home{background:#f6a821;color:#231a05}
.aud-home .audtxt span{color:#3f3408}
.aud-home .audbtn{background:#0d4f3c;color:#fff}
.aud-mgr{background:#0d4f3c;color:#fff}
.aud-mgr .audtxt span{color:#d9ece0}
.aud-mgr .audbtn{background:#f6a821;color:#231a05}
.aud-pro{background:#0e7d8c;color:#fff}
.aud-pro .audtxt span{color:#dcf2f4}
.aud-pro .audbtn{background:#fff;color:#0a6572}
.pill.now{background:#dcf2e4;color:#146c37}
.pill.plan{background:#fff3d6;color:#7a5f12}
input:focus,select:focus,textarea:focus{border-color:#0e7d8c;box-shadow:0 0 0 4px rgba(14,125,140,.14)}
.choice input{accent-color:#0d4f3c}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f6a821;outline-offset:3px}
/* r9 flow strip: 3 plain steps above each interest form */
.flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 10px}
.fstep{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.fstep i{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#f6a821;color:#231a05;font-style:normal;font-weight:800;align-items:center;justify-content:center;font-size:15px}
.fstep b{display:block;margin:9px 0 3px;font-size:16px;color:var(--navy)}
.fstep p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mut)}
.formjump{display:inline-block;margin-top:4px}
@media (max-width:720px){.flow3{grid-template-columns:1fr}}

/* r9 contrast fixes: light hero text over the new deep green */
.hero h1,.hero .hmock h1,.hero2 h1{color:#fff !important}
.hero .hsub,.hero .sub,.hero2 .sub{color:#d9ecdf !important}
.hero .hbtn.primary,.hero2 .hbtn.primary{background:#f6a821;color:#241a02;border-bottom:3px solid #b97b06}
.hero .hbtn.ghost,.hero2 .hbtn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.hero .herodots button{border-color:#fff}

/* r9 fix: site-head variant used on home/tools pages follows the same deep green */
.sitehead{background:#0d4f3c}

/* r9 fix: fieldset legend wraps inside the card on phones */
.svcset{min-width:0;width:100%;box-sizing:border-box}
.svcset legend{display:table;max-width:100%;white-space:normal;line-height:1.35;color:var(--navy)}