/* ===== Tabbed hub layout ===== */
.hero2{position:relative;overflow:hidden;padding:64px 0 40px}
.hero2 .stripes{position:absolute;right:-140px;top:-80px;width:560px;height:560px;opacity:.85;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 30%,var(--blue-900) 30% 38%,transparent 38% 42%,var(--blue-700) 42% 50%,transparent 50% 54%,var(--blue-400) 54% 62%,transparent 62%)}
.hero2 .wrap{position:relative}
.hero2 h1{max-width:900px;font-size:clamp(2.2rem,5vw,3.9rem)}
.hero2 h1 span{color:var(--lime);display:block}
.sig{font-size:1.15rem;color:#E8EEF2;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.sig span{color:var(--muted-d);font-size:.92rem}
.hero2 .actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.tact{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;padding:0;margin:30px 0 0;font-family:var(--head);font-stretch:118%;font-weight:700;font-size:1.05rem;color:#C9D5DE;letter-spacing:.02em}
.tact b{color:var(--lime);font-weight:900;font-size:1.25rem}
@media (max-width:640px){.hero2 .stripes{opacity:.3}.hero2{padding:44px 0 30px}}

/* tab bar: sticky under nav on desktop, fixed bottom on mobile */
.tabbar{position:sticky;top:72px;z-index:40;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgba(14,26,35,.05)}
.tabbar .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.tabbar .wrap::-webkit-scrollbar{display:none}
.tabbar button{border:0;background:transparent;font-family:var(--head);font-weight:700;font-size:.95rem;color:var(--muted);padding:11px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}
.tabbar button .i{opacity:.7}
.tabbar button:hover{color:var(--ink);background:var(--paper)}
.tabbar button[aria-selected="true"]{background:var(--ink);color:#fff}
.tabbar button.hot{margin-left:auto;background:var(--lime);color:var(--ink)}
.tabbar button.hot[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
@media (max-width:760px){
  .tabbar{position:fixed;top:auto;bottom:0;left:0;right:0;border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -6px 20px rgba(14,26,35,.12);padding-bottom:env(safe-area-inset-bottom)}
  .tabbar .wrap{padding:6px 6px;gap:2px;justify-content:space-between}
  .tabbar button{flex:1;flex-direction:column;gap:2px;font-size:.66rem;padding:7px 4px;border-radius:12px}
  .tabbar button .i{font-size:1.05rem;opacity:1}
  .tabbar button.hot{margin-left:0}
  footer{padding-bottom:110px}
}
.panel-tab{padding:56px 0 72px;min-height:60vh;animation:fadein .2s ease}
.panel-tab[hidden]{display:none}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* why */
.fit{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.testi{margin:0;background:var(--ink);color:#fff;border-radius:var(--r);padding:28px;font-size:1.08rem;font-weight:600;line-height:1.5}
.testi cite{display:block;margin-top:12px;font-style:normal;color:var(--lime);font-size:.86rem;font-weight:700}
@media (max-width:900px){.fit{grid-template-columns:1fr}}
.tact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.tact-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative;overflow:hidden}
.tact-grid .big{position:absolute;right:14px;top:-6px;font-family:var(--head);font-weight:900;font-stretch:125%;font-size:5rem;color:var(--blue-700);opacity:.09;line-height:1}
.tact-grid h3{font-size:1.3rem;color:var(--blue-900)}
.tact-grid ul{margin:0;padding-left:18px;color:var(--muted);font-size:.93rem}
.tact-grid li{margin:6px 0}
@media (max-width:980px){.tact-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tact-grid{grid-template-columns:1fr}}
.svc-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:10px}
.svc-mini div{background:#fff;padding:20px 22px}
.svc-mini b{display:block;font-family:var(--head);font-size:1.02rem;margin-bottom:4px}
.svc-mini span{color:var(--muted);font-size:.9rem}
@media (max-width:860px){.svc-mini{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc-mini{grid-template-columns:1fr}}
.newbie{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;background:var(--lime);border-radius:var(--r);padding:22px 26px}
.newbie b{display:block;font-family:var(--head);font-size:1.15rem}
.newbie span{font-size:.93rem}

/* pricing */
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.pdl{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.pdl .btn-ghost{color:var(--ink)}
.seg{display:inline-flex;background:var(--ink);border-radius:999px;padding:5px;margin:8px 0 22px}
.seg button{border:0;background:transparent;color:#C9D5DE;font-family:var(--head);font-weight:700;padding:10px 20px;border-radius:999px;cursor:pointer}
.seg button[aria-selected="true"]{background:var(--lime);color:var(--ink)}
#gridTabs{margin-bottom:14px}
.note{color:var(--muted);font-size:.9rem;margin-top:12px}
.order-terms{margin-top:24px}
#tab-order .dl-grid{margin-top:28px}

/* ask */
#tab-ask .contact-grid{margin-top:0}
.faq{margin:18px 0 22px}
.faq details{border-top:1px solid rgba(255,255,255,.1);padding:4px 0}
.faq details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.faq summary{cursor:pointer;list-style:none;padding:12px 28px 12px 0;font-weight:700;color:#fff;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:8px;font-size:1.3rem;color:var(--lime)}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--muted-d);font-size:.94rem;margin:0 0 12px}
.call-check{background:#F2FBE6;border:1.5px solid var(--lime);border-radius:10px;padding:10px 12px;margin:4px 0 14px;font-weight:700}
.pgrid td.q{background:var(--paper)!important;font-weight:700;white-space:normal;min-width:110px}
.pgrid td.q a{color:var(--blue-700)}

/* ===== Brand orange (#FC7753, tertiary palette) ===== */
:root{--orange:#FC7753;--orange-d:#E5603D}
.tact b{color:var(--orange)}                              /* T-A-C-T letters in hero */
.tact-grid .big{color:var(--orange);opacity:.16}
.tact-grid article{border-top:4px solid var(--orange)}
.pgrid thead th{background:var(--orange);color:#fff}       /* matches the PDF price sheet */
.pgrid tbody th{color:var(--ink)}
.btn-orange,.pdl a[download]{background:var(--orange);color:#fff}
.pdl a[download]:hover{background:var(--orange-d)}
.eyebrow::before{background:repeating-linear-gradient(115deg,var(--orange) 0 3px,transparent 3px 6px)}
.ta-card:nth-child(2){background:var(--orange)}
.testi cite{color:var(--orange)}
.faq summary::after{color:var(--orange)}
.grid-notes div::before{color:var(--orange)}

/* ===== Brand pass: BLUE is primary, ORANGE is the accent (replaces lime) ===== */
:root{--accent:#FC7753;--accent-d:#E5603D;--primary:#0836C1;--primary-2:#1D63DC;--primary-deep:#06298F}
/* nav + hero in brand blue */
.nav{background:rgba(6,41,143,.97);border-bottom-color:rgba(255,255,255,.08)}
.hero2.dark{background:var(--primary)}
.hero2 .stripes{background:linear-gradient(115deg,transparent 0 30%,var(--primary-deep) 30% 38%,transparent 38% 42%,var(--primary-2) 42% 50%,transparent 50% 54%,#3E88EF 54% 62%,transparent 62%)}
.hero2 h1 span{color:var(--accent)}
.dark .eyebrow{color:#fff}
.sig span,.dark .lede{color:#D6E2FF}
.tact{color:#fff}
/* buttons: orange accent with dark text (readable), blue secondary */
.btn-primary,a.btn-primary,.dark a.btn-primary{background:var(--accent);color:var(--ink)}
.btn-primary:hover{background:var(--accent-d);box-shadow:0 6px 18px rgba(252,119,83,.35)}
.btn-orange,.pdl a[download]{color:var(--ink)}
.btn-blue,a.btn-blue{background:var(--primary);color:#fff}
.btn-blue:hover{background:var(--primary-deep)}
/* tabs */
.tabbar button[aria-selected="true"]{background:var(--primary);color:#fff}
.tabbar button.hot{background:var(--accent);color:var(--ink)}
.seg{background:var(--primary)}
.seg button{color:#D6E2FF}
.seg button[aria-selected="true"]{background:var(--accent);color:var(--ink)}
.tab[aria-selected="true"]{background:var(--primary);color:#fff}
/* why tab */
.eyebrow{color:var(--primary)}
.testi{background:var(--primary)}
.testi cite{color:#FFB199}
.tact-grid h3{color:var(--primary)}
.newbie{background:var(--primary);color:#fff}
.newbie .btn-blue{background:var(--accent);color:var(--ink)}
/* pricing */
.out{background:var(--primary)}
.out .big{color:#fff}
.out .kv{border-top-color:rgba(255,255,255,.15)}
.wp-check,.call-check{background:#FFF1EC;border-color:var(--accent)}
/* turnaround cards: blue, orange, deep blue */
.ta-card{background:var(--primary)}
.ta-card:nth-child(2){background:var(--accent);color:var(--ink)}
.ta-card:nth-child(3){background:var(--primary-deep)}
/* ask tab + footer in deep blue */
#tab-ask.dark{background:var(--primary-deep)}
.cbox{background:rgba(255,255,255,.07)}
.dark a{color:#FFB199}
.dark a.btn{color:var(--ink)}
.faq summary::after{color:var(--accent)}
.checks li::before{background-color:var(--accent)}
footer{background:#051F6B}
:focus-visible{outline-color:var(--accent)}
.dark a.btn-ghost,.nav a.btn-ghost{color:#fff}
.cbox p,.faq p,.routes span{color:#D6E2FF}

/* ===== FINAL PALETTE: charcoal + orange (brand book cover charcoal, tertiary orange) =====
   Not blue/orange (reads as UF) and not lime/blue (Standard Issue). Blue lives in the logo only. */
:root{--primary:#1E1F22;--primary-2:#2C2E33;--primary-deep:#141517;--accent:#FC7753;--accent-d:#E5603D;--soft:#C9CCD1}
body{background:#F2F2F2}
.nav{background:rgba(20,21,23,.97)}
.hero2.dark{background:var(--primary)}
.hero2 .stripes{background:linear-gradient(115deg,transparent 0 30%,#2C2E33 30% 38%,transparent 38% 42%,#3A3C42 42% 50%,transparent 50% 54%,var(--accent) 54% 58%,transparent 58%)}
.sig span,.dark .lede,.cbox p,.faq p,.routes span,.seg button{color:var(--soft)}
.eyebrow{color:var(--primary)}
.dark .eyebrow{color:#fff}
.tabbar button[aria-selected="true"],.tab[aria-selected="true"]{background:var(--primary);color:#fff}
.tact-grid h3{color:var(--primary)}
.tact-grid article{border-top-color:var(--accent)}
.testi{background:var(--primary)}
.newbie{background:var(--primary)}
.out{background:var(--primary)}
.out .big{color:var(--accent)}
.ta-card{background:var(--primary)}
.ta-card:nth-child(3){background:var(--primary-2)}
#tab-ask.dark{background:var(--primary)}
.cbox{background:var(--primary-2)}
footer{background:var(--primary-deep)}
.btn-blue,a.btn-blue{background:var(--primary);color:#fff}
.btn-blue:hover{background:#000}
.svc-mini b,.pgrid tbody th{color:var(--primary)}
a{color:#C24A28}
.dark a{color:#FFB199}

/* ===== PALETTE v3: dark NAVY (not black) + orange accent + a little medium blue ===== */
:root{--primary:#1B3264;--primary-2:#244283;--primary-deep:#142650;--mid:#1D63DC;--soft:#C8D3EA}
.nav{background:rgba(20,38,80,.97)}
.hero2 .stripes{background:linear-gradient(115deg,transparent 0 30%,#244283 30% 38%,transparent 38% 42%,var(--mid) 42% 50%,transparent 50% 54%,var(--accent) 54% 58%,transparent 58%)}
.eyebrow{color:var(--mid)}
.eyebrow::before{background:repeating-linear-gradient(115deg,var(--accent) 0 3px,transparent 3px 6px)}
a{color:var(--mid)}
.tact-grid h3{color:var(--primary)}
.tabbar button[aria-selected="true"],.tab[aria-selected="true"]{background:var(--primary);color:#fff}
.svc-mini b{color:var(--primary)}
.grid-notes div::before{color:var(--mid)}
footer{background:#10203F}
/* hero secondary text link (Michael call is an option, not the main ask) */
.textlink{align-self:center;color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;margin-left:6px}
.textlink:hover{color:var(--accent)}
.dark a.textlink{color:#fff}
.small-alt{margin:14px 0 0;font-size:.88rem}
#quickModal .form-panel{max-width:560px}
#quickModal textarea{min-height:96px}

/* ===== Navy lifted 25% lighter (Michael: "a little dark, go 125") ===== */
:root{--primary:#223E7D;--primary-2:#2D52A4;--primary-deep:#192F64}
.nav{background:rgba(25,47,100,.97)}
.hero2 .stripes{background:linear-gradient(115deg,transparent 0 30%,#2D52A4 30% 38%,transparent 38% 42%,var(--mid) 42% 50%,transparent 50% 54%,var(--accent) 54% 58%,transparent 58%)}
footer{background:#14284F}
.opt{font-weight:500;color:var(--muted);font-size:.78rem;margin-left:4px}
#quickModal textarea{min-height:64px}
.drop input[type=file]{border:2px dashed var(--line);border-radius:10px;padding:14px;background:#FAFBFC;font:inherit;font-size:.9rem;cursor:pointer;width:100%}
.drop input[type=file]:hover{border-color:var(--accent)}
input[type=file]{font:inherit;font-size:.88rem}