/* ClaimThread visual system — approved direction: Human + Evidence */
:root{
  --ct-ink:#0F2D4A; --ct-teal:#0EA5A0; --ct-amber:#F4B942;
  --ct-paper:#FDFDFB; --ct-mist:#E6EAEE; --ct-slate:#52677A;
  --ct-line:#D9E1E7; --ct-teal-soft:#E6F5F3; --ct-amber-soft:#FFF5DC;
  --ct-red:#B94B4B; --ct-green:#16806E;
  --ct-radius-sm:8px; --ct-radius:14px; --ct-radius-lg:22px;
  --ct-shadow:0 16px 44px rgba(15,45,74,.10);
  --ct-font-display:Inter,"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ct-font-body:"Source Sans 3",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --paper:var(--ct-paper); --paper2:#F7F9FA; --white:#fff;
  --ink:var(--ct-ink); --ink2:#194563; --muted:var(--ct-slate);
  --line:var(--ct-line); --softline:#EAF0F3;
  --teal:var(--ct-teal); --teal2:#087E7A; --thread:var(--ct-amber);
  --thread-soft:var(--ct-amber-soft); --sand:#D9B868;
}
*{scrollbar-color:#B9CDD7 #F4F7F8}
html{scroll-behavior:smooth}
body{font-family:var(--ct-font-body);background:var(--ct-paper);color:var(--ct-ink);line-height:1.6}
h1,h2,h3,h4,strong,b{font-family:var(--ct-font-display)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(14,165,160,.45)!important;outline-offset:3px!important;border-radius:5px}
::selection{background:rgba(14,165,160,.18);color:var(--ct-ink)}
/* Brand mark and public navigation */
.mkt-header{height:76px!important;background:rgba(253,253,251,.96)!important;border-bottom:1px solid var(--ct-line)!important;box-shadow:0 4px 18px rgba(15,45,74,.035);padding-inline:max(24px,calc((100vw - 1280px)/2))!important}
.brand-svg{width:44px!important;height:42px!important;object-fit:contain}
.mkt-brand{gap:9px!important}.mkt-brand strong{font-size:18px!important;letter-spacing:-.04em!important;color:var(--ct-ink)}
.mkt-brand small{font-size:9px!important;letter-spacing:.12em!important;color:#667E91!important}
.mkt-nav{gap:4px!important}.mkt-nav a{color:#536B7F!important;border-radius:9px;padding:10px 11px!important;transition:background .18s,color .18s}
.mkt-nav a:hover,.mkt-nav a.active{background:#EEF5F6;color:var(--ct-ink)!important}
.mkt-nav .cta{background:var(--ct-ink)!important;color:#fff!important;border-radius:10px!important;padding:11px 16px!important}
.mkt-nav .cta:hover{background:var(--ct-teal)!important;color:#fff!important}
.mkt-menu-toggle{border-radius:10px!important}
.ct-icon{display:inline-block;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
/* Consistent action controls and states */
.btn,button,.mkt-nav .cta{font-family:var(--ct-font-display);border-radius:10px!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.btn{min-height:46px!important;padding:12px 18px!important;font-size:13px!important;font-weight:750!important}
.btn.primary,button.primary:not(.mkt-menu-toggle){background:var(--ct-ink)!important;border:1px solid var(--ct-ink)!important;color:#fff!important;box-shadow:0 4px 10px rgba(15,45,74,.12)}
.btn.primary:hover,button.primary:hover{background:#194563!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,45,74,.18)}
.btn.secondary{background:#fff!important;border:1px solid #BED0DA!important;color:var(--ct-ink)!important}
.btn.secondary:hover{background:#F1F7F7!important;border-color:var(--ct-teal)!important}
.btn.quiet{background:transparent!important;color:#087E7A!important;border-color:transparent!important;box-shadow:none!important}.btn.quiet:hover{background:var(--ct-teal-soft)!important}
.btn.attention{background:var(--ct-amber)!important;color:var(--ct-ink)!important;border-color:#E7AE35!important}.btn.attention:hover{background:#E7AE35!important}
.btn:disabled,button:disabled,[aria-disabled="true"]{opacity:.48!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
button:not(.mkt-menu-toggle){padding:10px 15px;border:1px solid #BFCED8;background:#fff;color:var(--ct-ink);font-weight:700;cursor:pointer}
button:not(.mkt-menu-toggle):hover{border-color:var(--ct-teal);background:#F5FBFA}
button:active,.btn:active{transform:translateY(1px)}
/* Home page: people, evidence and a clear path */
.home-photo-hero{padding:clamp(52px,7vw,92px) 24px 66px!important;background:linear-gradient(120deg,#FDFDFB 0%,#F1F8F8 56%,#F5F8FA 100%)!important;border-bottom:0!important}
.home-photo-grid{max-width:1280px!important;margin:auto!important;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)!important;gap:clamp(32px,5vw,72px)!important}
.home-photo-copy h1{max-width:720px!important;font-size:clamp(42px,5.3vw,70px)!important;line-height:1.03!important;letter-spacing:-.065em!important;color:var(--ct-ink)!important;margin:0 0 23px!important}
.home-photo-copy>p:not(.hero-positioning){max-width:620px;font-size:18px!important;line-height:1.72!important;color:#536B7F!important}
.eyebrow-line{color:#087E7A!important;letter-spacing:.13em!important;font-size:10px!important}
.thread-dot{background:var(--ct-amber)!important;box-shadow:0 0 0 5px rgba(244,185,66,.18)!important}
.hero-promise{display:flex;flex-wrap:wrap;gap:8px 17px;margin:22px 0 4px}
.hero-promise strong{font-size:14px;color:var(--ct-ink);position:relative}
.hero-promise strong+strong:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ct-amber);margin:0 13px 2px 0}
.hero-positioning{color:#60778A!important;font-size:12px!important;max-width:580px}
.home-hero-photo{margin:0!important;position:relative;border-radius:24px!important;overflow:hidden;border:1px solid rgba(15,45,74,.08)!important;box-shadow:var(--ct-shadow)!important;background:var(--ct-mist)}
.home-hero-photo img{display:block;width:100%;height:100%;min-height:390px;aspect-ratio:1.52;object-fit:cover}
.home-hero-photo figcaption{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);padding:9px 13px;border-radius:9px;background:rgba(15,45,74,.84);color:#fff;font-size:11px;backdrop-filter:blur(8px)}
.home-value-strip{background:var(--ct-ink)!important;color:#fff!important;border:0!important}
.home-value-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important}
.home-value-grid>div{padding:24px 22px!important;border-right:1px solid rgba(255,255,255,.14)}
.home-value-grid>div:last-child{border:0}
.home-value-grid b{color:var(--ct-amber)!important;font:800 10px ui-monospace,monospace!important}
.home-value-grid strong{display:block;color:#fff;font-size:14px;margin:8px 0}
.home-value-grid span{display:block;color:#D7E3EA;font-size:12px;line-height:1.5}
.home-real-world{background:#F7F9FA!important}
.real-world-grid{gap:18px!important}
.real-world-card{border:1px solid var(--ct-line)!important;border-radius:16px!important;overflow:hidden;background:#fff!important;box-shadow:0 8px 24px rgba(15,45,74,.055);transition:transform .2s,box-shadow .2s}
.real-world-card:hover{transform:translateY(-3px);box-shadow:var(--ct-shadow)}
.real-world-card img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}
.real-world-card>div{padding:20px 22px!important}.real-world-card>div>span{color:#087E7A!important}
.real-world-card h3{color:var(--ct-ink);font-size:20px;line-height:1.22}
.section{padding-block:clamp(56px,7vw,96px)!important}
.section-intro h2,.page-hero h1{color:var(--ct-ink)!important;letter-spacing:-.045em!important}
.section-intro p,.page-hero p{color:#526B80!important}
.kicker,.section-number,.mono-label{color:#087E7A!important}
.page-hero,.phase2-hero{background:linear-gradient(125deg,#FDFDFB,#EFF6F7)!important;border-bottom:1px solid var(--ct-line)!important}
.product-hero-panel,.claim-file,.qr-flow-card,.oversight-card,.audience-card,.wl-browser,.wl-phone,.policy-entry-copy,.record-module,.product-type,.fragment-column,.panel,.card,.tab,.modal-card{border-radius:var(--ct-radius)!important}
.product-hero-panel,.claim-file,.qr-flow-card,.oversight-card,.audience-card,.wl-browser,.wl-phone,.panel,.card,.tab{border-color:var(--ct-line)!important;box-shadow:0 10px 30px rgba(15,45,74,.055)}
/* Clear statuses: teal = confirmed, amber = action/review, red = exception */
.chip.good,.file-status,.status-good{background:var(--ct-teal-soft)!important;color:#087E7A!important;border-color:#B9E4DF!important}
.chip.warn,.chip.info,.product-status,.status-review{background:var(--ct-amber-soft)!important;color:#755610!important;border-color:#F1D88D!important}
.chip.bad,.status-error{background:#FCECEC!important;color:var(--ct-red)!important;border-color:#F0C5C5!important}
.thread-dot,.section-number,.ledger-row.alert em{color:#8A6110}
/* Workspace shell: calm, legible and structurally consistent */
.shell{background:#F5F8FA!important;color:var(--ct-ink)!important}
.rail{background:var(--ct-ink)!important;border-right:0!important;color:#EAF3F6!important;box-shadow:8px 0 26px rgba(15,45,74,.08)}
.rail .brand{color:#fff!important}.rail .brand small{color:#BFD0DD!important}
.rail .brand .mark{display:block;width:40px;height:40px;border-radius:12px;background-color:#fff!important;background-image:url("/static/brand/claimthread-mark-dark.svg");background-size:30px 30px;background-position:center;background-repeat:no-repeat;color:transparent!important;text-indent:-9999px}
.rail .nav a{border-radius:9px!important;color:#D3E1E9!important}
.rail .nav a:hover,.rail .nav a.active{background:rgba(14,165,160,.2)!important;color:#fff!important}
.rail .navh{color:#8DB1C2!important}
.shell main{background:#F5F8FA!important}
.shell .top h1{color:var(--ct-ink)!important;letter-spacing:-.04em}
.shell .lead,.shell .sub{color:#5E7487!important}
.shell .panel,.shell .card,.shell .tab{background:#fff!important;border:1px solid var(--ct-line)!important;border-radius:14px!important;box-shadow:0 6px 20px rgba(15,45,74,.045)}
.shell .panel .head{border-bottom-color:var(--ct-line)!important}
.shell .btn{border-radius:9px!important}
.shell input,.shell select,.shell textarea{border:1px solid #BFCED8!important;border-radius:9px!important;background:#fff!important;color:var(--ct-ink)!important}
.shell input:focus,.shell select:focus,.shell textarea:focus{border-color:var(--ct-teal)!important;box-shadow:0 0 0 3px rgba(14,165,160,.14)!important}
.mkt-footer{background:var(--ct-ink)!important;color:#fff!important}
.footer-note,.footer-links a,.footer-bottom{color:#D8E4EB!important}
.footer-links a:hover{color:var(--ct-amber)!important}
@media(max-width:900px){
 .home-photo-grid{grid-template-columns:1fr!important}
 .home-photo-copy h1{max-width:780px!important}
 .home-hero-photo img{min-height:0;aspect-ratio:1.45}
 .home-value-grid{grid-template-columns:repeat(2,1fr)!important}
 .home-value-grid>div:nth-child(2){border-right:0}
 .home-value-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
}
@media(max-width:700px){
 .mkt-header{height:66px!important}
 .mkt-nav{background:#fff!important;border:1px solid var(--ct-line)!important;border-radius:14px!important;box-shadow:var(--ct-shadow)!important}
 .home-photo-hero{padding:44px 18px 42px!important}
 .home-photo-copy h1{font-size:clamp(39px,12vw,56px)!important}
 .home-photo-copy>p:not(.hero-positioning){font-size:16px!important}
 .home-hero-photo img{aspect-ratio:1.12;object-position:56% center}
 .home-hero-photo figcaption{position:static;max-width:none;border-radius:0;background:var(--ct-ink);font-size:10px}
 .home-value-grid{grid-template-columns:1fr!important}
 .home-value-grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:18px 20px!important}
 .home-value-grid>div:last-child{border-bottom:0!important}
 .hero-actions{flex-wrap:wrap;gap:10px}
 .btn{width:auto;min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
