:root{
  --bg:#07111c;--panel:#0d1a28;--panel2:#101f31;--line:#22384f;--text:#f6fbff;
  --muted:#91a5ba;--orange:#ff9f1c;--green:#42d98b;--red:#ff6b7a;--blue:#5baeff;
  --amber:#ffd166;--shadow:0 18px 44px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#153a5c 0,#07131f 28%,#06101a 70%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.shell{max-width:880px;margin:auto;padding:14px 14px 96px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 14px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(7,17,28,.98),rgba(7,17,28,.78),transparent);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.03em}.radar{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,var(--orange) 0 9%,transparent 10% 27%,rgba(255,159,28,.65) 28% 31%,transparent 32% 48%,rgba(255,159,28,.25) 49% 53%,transparent 54%);position:relative;box-shadow:0 0 28px rgba(255,159,28,.18)}.radar:after{content:"";position:absolute;left:50%;top:50%;width:44%;height:2px;background:var(--orange);transform-origin:left center;transform:rotate(-28deg)}.brand em{font-style:normal;color:var(--orange)}
.mode{font-size:10px;font-weight:900;color:#ffd9a3;border:1px solid #5d4216;background:#2d210d;border-radius:999px;padding:5px 8px;letter-spacing:.08em}.mode.live{color:#9ff0c0;border-color:#2d6647;background:#123322}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,7vw,46px);line-height:1;letter-spacing:-.045em;margin-bottom:8px}h2{font-size:19px;margin-bottom:8px}h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b8c7d7;margin-bottom:7px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}
.hero{background:linear-gradient(135deg,#122d48,#0b1b2d);border:1px solid #2a4562;border-radius:22px;padding:19px;box-shadow:var(--shadow)}.section{margin-top:14px}.card{background:linear-gradient(180deg,rgba(16,31,49,.97),rgba(11,24,39,.97));border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.s12{grid-column:span 12}.s6{grid-column:span 6}.s4{grid-column:span 4}.kpi{background:#091624;border:1px solid #1e344c;border-radius:15px;padding:13px}.kpi b{font-size:25px;display:block;letter-spacing:-.03em}.kpi span{font-size:11px;color:var(--muted);font-weight:800}
.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}
.btn{border:0;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer;background:var(--orange);color:#151b22}.btn.secondary{background:#17283a;color:#fff;border:1px solid #34516d}.btn.ghost{background:transparent;color:#c8d5e2;border:1px solid #314c67}.btn.green{background:#163c2e;color:#87f0b8}.btn.red{background:#40232b;color:#ffc1c8}.btn.full{width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:950}.ready{background:rgba(66,217,139,.13);color:#7df1b2;border:1px solid rgba(66,217,139,.25)}.need{background:rgba(255,209,102,.12);color:#ffe29d;border:1px solid rgba(255,209,102,.28)}.scout{background:rgba(91,174,255,.12);color:#9dd0ff;border:1px solid rgba(91,174,255,.28)}.lost{background:rgba(255,107,122,.12);color:#ffadb6;border:1px solid rgba(255,107,122,.26)}
.opp{background:#091725;border:1px solid #263e58;border-radius:16px;padding:14px}.opp.hot{border-color:rgba(66,217,139,.45)}.opp .title{font-size:18px;font-weight:950}.money{font-weight:950;font-size:18px}.why{padding:10px 11px;border-radius:10px;background:#0c1c2d;border-left:3px solid var(--orange);color:#cfdae5;font-size:12px}.next{padding:11px;border-radius:11px;background:linear-gradient(90deg,rgba(255,159,28,.15),rgba(255,159,28,.04));border:1px solid rgba(255,159,28,.22)}.next b{color:#ffdda9}.score{min-width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:5px solid #39506a;background:#08121d;font-size:18px;font-weight:1000}.score.good{border-color:var(--green)}.score.mid{border-color:var(--amber)}.score.low{border-color:var(--red)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:11px;font-weight:800;color:#b8c8d9}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:11px;background:#071522;border:1px solid #2c4661;color:#fff;outline:none}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5f8ab0}
.choicegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{padding:11px;border:1px solid #2b455f;border-radius:12px;background:#0a1826;cursor:pointer;color:#d8e3ec;font-weight:800}.choice.on{border-color:var(--orange);background:#2b210f;color:#ffd89b}
.notice{padding:11px 12px;border-radius:12px;background:#10233a;border:1px solid #27486c;color:#b8d1e8;font-size:12px}.warning{padding:11px 12px;border-radius:12px;background:#2b2110;border:1px solid #654c1c;color:#ffe0a0;font-size:12px}.success{padding:11px 12px;border-radius:12px;background:#113522;border:1px solid #2c6c46;color:#baf2ce;font-size:12px}.divider{height:1px;background:#1f344b;margin:12px 0}.empty{text-align:center;padding:24px;border:1px dashed #34516b;border-radius:14px;color:var(--muted)}
.bottomnav{position:fixed;left:0;right:0;bottom:0;background:rgba(6,15,25,.94);backdrop-filter:blur(14px);border-top:1px solid #23384e;z-index:20}.navinner{max-width:880px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 8px max(7px,env(safe-area-inset-bottom))}.navbtn{background:transparent;border:0;color:#7e93a8;font-size:10px;font-weight:900;padding:8px 4px;border-radius:10px;cursor:pointer}.navbtn b{display:block;font-size:18px;line-height:1.2}.navbtn.active{color:#fff;background:#112338}
.customerShell{max-width:720px;margin:auto;padding:15px 14px 40px}.customerTop{display:flex;align-items:center;justify-content:space-between;padding:4px 0 16px}.stepdots{display:flex;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:#263b52}.dot.on{background:var(--orange)}.question{font-size:26px;font-weight:950;line-height:1.08;letter-spacing:-.035em;margin-bottom:6px}.photoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photoGrid img{width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid #2d465f}.detailGrid{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.detailGrid b{color:#9eb3c8}.auth{max-width:460px;margin:12vh auto;padding:16px}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:end center;z-index:50;padding:12px}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0b1827;border:1px solid #2c4661;border-radius:22px;padding:16px;box-shadow:0 28px 70px rgba(0,0,0,.5)}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:80;background:#0f2337;border:1px solid #375674;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;font-size:12px}.linkbox{word-break:break-all;background:#071522;border:1px solid #2c4661;padding:10px;border-radius:10px;color:#cce2f6;font-size:11px}.scoutResult{border:1px solid #28425b;border-radius:14px;padding:12px;background:#091725}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #45627f;border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.s6,.s4{grid-column:span 12}.choicegrid{grid-template-columns:1fr}.photoGrid{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:110px 1fr}.hero,.card{padding:14px}.top{position:relative;background:none;backdrop-filter:none}}

.consentRow{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:12px;background:#0a1826;border:1px solid #2b455f;color:#c9d8e6;font-size:12px;line-height:1.45}.consentRow input{margin-top:3px;flex:0 0 auto}.customerShell a{color:#9dd0ff}
.review{background:rgba(255,159,28,.13);color:#ffd39a;border:1px solid rgba(255,159,28,.32)}


/* ServesHere brand exploration — purely visual, isolated from production.
   Forest green, weathered copper, warm cream, winding backroad. */
:root{
  --bg:#0c1712;--panel:#15271d;--panel2:#203b2a;--line:#375643;
  --text:#f3f0e5;--muted:#becbbd;--orange:#c98c56;
  --green:#83c89c;--red:#ec9fa6;--blue:#9dcfbd;--amber:#e4c482;
}
body{background:radial-gradient(circle at 82% -15%,#274b32 0,#13271c 35%,#0b1712 74%);color:var(--text)}
.top{background:linear-gradient(180deg,rgba(12,23,18,.98),rgba(12,23,18,.84),transparent)}
.brand{gap:11px;letter-spacing:-.015em}
.brand .radar{flex:0 0 38px;width:38px;height:38px;border-radius:0;
  background:url('./serveshere-mark.svg') center / contain no-repeat;
  box-shadow:none}
.brand .radar:after{display:none}
.brandName,.auth .brand>div:last-child,.customerTop .brand>div:last-child{
  font-family:Georgia,'Times New Roman',serif;font-size:23px;
  letter-spacing:-.035em;color:#f6eee0;font-weight:800}
.brand em{font-style:normal;color:#d8a172}
.brandStack{display:flex;flex-direction:column;gap:2px;line-height:1.06}
.brandSub{font:600 10px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.035em;color:#b8cab8;max-width:220px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandTagline{color:#d9ac7a;font-family:Georgia,serif;font-style:italic;
  font-weight:600;font-size:17px;line-height:1.35;margin:3px 0 18px}
.hero{background:linear-gradient(140deg,#274331,#182c20 62%,#142519);
  border-color:#476248}
.card{background:linear-gradient(180deg,rgba(30,51,35,.97),rgba(19,36,25,.97))}
.kpi,.opp,.scoutResult{background:#162c20;border-color:#385441}
.opp.hot{border-color:#7cb891}
.btn{color:#201b13}
.btn.secondary{background:#2b4535;color:#f3f0e5;border-color:#53735c}
.btn.ghost{color:#eee9df;border-color:#60775f}
.btn.green{background:#224431;color:#b8ecc3}
.bottomnav{background:rgba(13,27,19,.96);border-top-color:#496147}
.navbtn{color:#b1c5b1}
.navbtn.active{color:#f2d0a5}
.modal{background:#14261c;border-color:#48624c}
.toast{background:#223e2b;border-color:#6d8a6e}
.linkbox{background:#13261b;border-color:#45664d;color:#e4f0db}
.consentRow{background:#1d3627;border-color:#4d6b4e;color:#e5ecdc}
.customerShell a{color:#dfb67f}
.mode.live{color:#bdeac7;border-color:#477456;background:#203e29}
.review{background:rgba(201,140,86,.16);color:#efd1ae;border-color:rgba(201,140,86,.4)}
@media(max-width:700px){.top{background:none}.brandName{font-size:21px}}

/* A gentle discovery link from the private contractor sign-in to the brand welcome page. */
.welcomeLink{display:inline-flex;align-items:center;gap:6px;color:#e7c19b;font-size:13px;font-weight:750;text-underline-offset:4px;line-height:1.5}.welcomeLink:hover{color:#f8e3c6}

.demoToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 20px}.demoToolbar .row{flex-wrap:wrap}.demoToolbar .btn{font-size:13px;padding:9px 12px}@media(max-width:520px){.demoToolbar{align-items:flex-start}.demoToolbar .row{gap:7px}.demoToolbar .small{display:block;margin-top:4px}}