:root{--ob-ink:#10221b;--ob-muted:#62736a;--ob-line:#dfe8e3;--ob-soft:#f4f8f6;--ob-accent:#0ea56f;--ob-accent-dark:#08764f;--ob-mint:#e7f8ef}
body{background:#fff}.app{background:#fff;box-shadow:none}.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(223,232,227,.9)}.main{background:linear-gradient(180deg,#fff 0,#fff 18%,#f7faf8 100%)}
.hero{position:relative;padding:30px 0 18px}.hero:before{content:"";position:absolute;right:-18px;top:-10px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#e2f7ed 0,rgba(226,247,237,.55) 45%,rgba(226,247,237,0) 72%);pointer-events:none}.hero>*{position:relative}.hero h2{font-size:34px;line-height:1.02;letter-spacing:-.045em}.lead{font-size:16px;max-width:560px}
.panel,.card,.job-card,.quote-card,.support-card{border-radius:18px;box-shadow:0 8px 28px rgba(16,34,27,.055)}.dark{background:var(--ob-ink)}.primary{background:var(--ob-ink)}.primary.accent{background:var(--ob-accent)}
.ob-home-block{margin:18px 0 22px}.ob-home-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 12px}.ob-home-heading h3{margin:0;font-size:20px;letter-spacing:-.025em}.ob-home-heading span{font-size:12px;color:var(--ob-muted)}
.ob-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ob-service{min-width:0;min-height:104px;border:1px solid var(--ob-line);background:#fff;border-radius:18px;padding:14px 10px;text-align:left;color:var(--ob-ink);transition:transform .16s ease,border-color .16s ease,background .16s ease}.ob-service:active{transform:scale(.98);background:var(--ob-soft)}.ob-service-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ob-mint);font-size:19px;margin-bottom:10px}.ob-service strong{display:block;font-size:13px;line-height:1.15}.ob-service small{display:block;color:var(--ob-muted);font-size:10px;margin-top:4px}
.ob-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ob-quick{border:1px solid var(--ob-line);background:#fff;border-radius:16px;padding:14px;text-align:left;color:var(--ob-ink);min-height:82px}.ob-quick b{display:block;margin-bottom:4px}.ob-quick span{display:block;color:var(--ob-muted);font-size:11px;line-height:1.35}.ob-quick.primary-card{background:var(--ob-ink);color:#fff;border-color:var(--ob-ink)}.ob-quick.primary-card span{color:#bdd0c7}
.ob-live{display:inline-flex;align-items:center;gap:7px;color:var(--ob-accent-dark);font-weight:800;font-size:12px}.ob-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ob-accent);box-shadow:0 0 0 4px rgba(14,165,111,.12)}
.ob-progress{display:flex;align-items:center;gap:7px;margin:14px 0 0}.ob-progress-step{height:5px;flex:1;border-radius:999px;background:#e4ece8}.ob-progress-step.on{background:var(--ob-accent)}
#appProviderResults .job-card{position:relative;overflow:hidden}#appProviderResults .job-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ob-accent)}#appProviderResults .job-card .choose-provider{margin-top:6px}
.bottom-nav{background:rgba(255,255,255,.97);box-shadow:0 -8px 28px rgba(16,34,27,.06)}.nav-btn{min-height:54px}.nav-btn.active{background:var(--ob-soft);color:var(--ob-ink)}.nav-btn[data-screen="action"].active{background:var(--ob-ink);color:#fff}
.stats{gap:9px}.stat{border-radius:16px;background:#fff}.stat strong{font-size:25px}.install-banner{background:var(--ob-ink);border-radius:18px}
@media(max-width:520px){.ob-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-service{min-height:92px}.ob-quick-grid{grid-template-columns:1fr 1fr}.hero h2{font-size:31px}}
@media(max-width:340px){.ob-service-grid,.ob-quick-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ob-service{transition:none}}

/* Future layer */
body{background:radial-gradient(circle at 90% 8%,rgba(0,106,228,.10),transparent 24rem),#f4f8fd}.app{background:rgba(255,255,255,.78)}.topbar{backdrop-filter:blur(22px) saturate(145%)}.panel,.card,.job-card,.quote-card,.support-card,.ob-service,.ob-quick{border-color:rgba(5,39,80,.10);box-shadow:0 12px 38px rgba(5,39,80,.07);backdrop-filter:blur(14px)}.ob-service-icon{background:linear-gradient(135deg,#eaf3ff,#eaf9f0);color:#006ae4}.bottom-nav{backdrop-filter:blur(22px) saturate(145%)}