/* ==================================================================================================================
   Clean layer, loaded after errand.css and competition.css. Same colours (dark green, lime accent), quieter everything else:
   flat surfaces and neutral hairlines instead of textures and glows, small radii, one sans for the interface (Geist),
   medium-weight headings with tight tracking, centred nav links, and more room between sections.
   ================================================================================================================== */
:root{
  --sans:"Geist","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --round:"Geist","DM Sans",system-ui,sans-serif;
  --display:"Geist","DM Sans",system-ui,sans-serif;
  --bg:#0b100d; --surface:#111814; --surface-2:#151d18;
  --card:#111814; --card-2:#151d18;
  --line:rgba(238,242,231,.08); --line-2:rgba(238,242,231,.13);
  --edge:rgba(238,242,231,.08); --edge-2:rgba(238,242,231,.13);
  --halftone:none; --shadow:none;
  --r:8px; --max:1200px;
}

/* ---- page: a flat background, no dot grid or drifting light */
body{background:var(--bg);font:15px/1.6 var(--sans);letter-spacing:-.006em}
/* (background layers are redefined in the glass layer below) */
h1,h2,h3,h4{letter-spacing:-.03em}
::selection{background:rgba(201,255,63,.25)}

/* ---- the Orbio strip above the nav: one quiet line */
.orbio-bar{background:var(--bg);color:var(--muted);border-bottom:1px solid var(--line);font:400 12.5px/1 var(--sans)}
.orbio-bar .wrap{height:32px}
.orbio-bar i{box-shadow:none;width:5px;height:5px}
.orbio-bar b{font:500 12.5px var(--sans);color:var(--text-2)}
.orbio-bar .sep{background:var(--line-2)}
.orbio-bar a:hover{color:var(--ink)}

/* ---- nav: logo left, links centred, actions right; a single hairline underneath */
.top{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--line)}
.top .wrap{position:relative;height:60px;gap:8px}
.logo{font:600 19px/1 var(--mono);letter-spacing:-.03em}
.logo i{animation:none}
.logo .lk{display:none}
nav.links{gap:2px;margin-left:0}
nav.links a,nav.links summary{padding:6px 12px;border-radius:6px;font:450 14px var(--sans);letter-spacing:-.005em;color:var(--muted);transition:color .15s,background .15s}
nav.links a:hover,nav.links summary:hover{color:var(--ink);background:rgba(238,242,231,.05)}
nav.links a[aria-current]{color:var(--ink);background:rgba(238,242,231,.07)}
.more-m{border-radius:8px;border-color:var(--line-2);background:var(--surface);box-shadow:0 16px 40px -16px rgba(0,0,0,.8);padding:4px}
.more-m a{border-radius:6px!important}
.mode{display:none}
.kbtn{height:34px;min-width:0;padding:0 8px 0 10px;border-radius:6px;border-color:var(--line-2);background:transparent;font-size:13.5px}
.kbtn:hover{border-color:var(--line-2);background:rgba(238,242,231,.04);color:var(--ink)}
kbd{border-radius:4px;border-bottom-width:1px;background:transparent}
@media(min-width:1121px){nav.links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}
@media(max-width:900px){nav.links{background:var(--bg);border-top-color:var(--line)}nav.links a{font-size:11px}}

/* ---- buttons: one height system, 6px corners, sans labels, no halos */
.btn{height:36px;padding:0 14px;border-radius:6px;border-color:var(--line-2);background:transparent;font:500 14px var(--sans);letter-spacing:-.005em;transition:background .15s,border-color .15s,filter .15s}
.btn:hover{border-color:rgba(238,242,231,.24);background:rgba(238,242,231,.04)}
.btn:active{transform:none}
.btn.primary{background:#eef2e7;border-color:#eef2e7;color:#0b100d}
.btn.primary:hover{background:#fff;border-color:#fff}
.btn.accent,.btn.accent.xl,.h2-hero .btn.accent,.pf .btn.accent,.h2-end .btn.accent{border-radius:6px;font:500 14px var(--sans);box-shadow:none}
.btn.accent:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.06)}
.btn.accent .arr{background:none;width:auto;margin:0}
.btn.ghost{border-color:transparent}
.btn.sm{height:32px;padding:0 12px;border-radius:6px;font-size:13.5px}
.btn.lg,.h2-hero .btn.lg,.pf .btn.lg,.h2-end .btn{height:44px;padding:0 20px;border-radius:7px;font-size:15px}
.btn.xl{height:48px;padding:0 24px;border-radius:7px;font-size:15px}
.link:hover{color:var(--ink)}

/* ---- surfaces: flat cards with hairlines */
.panel,.kpi,.step,.bridge,.lp-card{background:var(--surface);border-color:var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.panel{border-radius:10px}
.in{border-radius:6px;border-color:var(--line-2);background:#0e1411}
.in:focus{border-color:rgba(201,255,63,.45);box-shadow:0 0 0 3px rgba(201,255,63,.08)}
.seg{border-radius:7px;padding:2px;background:rgba(238,242,231,.05)}
.seg button{border-radius:5px}
.tabs{border-bottom-color:var(--line)}
.tabs button{font:500 14px var(--sans);letter-spacing:0}
.tabs button[aria-selected="true"]{color:var(--ink)}
.chip{border-radius:6px}
.pill{border-radius:5px}
.pill-live,.mode{border-radius:5px}
.eyebrow{font:500 12px/1 var(--sans);letter-spacing:.02em;text-transform:none;color:var(--muted)}
.sec{margin-top:clamp(64px,8vw,104px)}

/* ---- home: hero */
.h2-hero{padding:clamp(72px,9vw,112px) 0 32px}
.h2-hero::before{display:none}
.h2-kick{border-radius:6px;border-color:var(--line-2);font:450 13px var(--sans);padding:5px 12px}
.h2-kick i{width:6px;height:6px;box-shadow:none}
.h2-title{margin-top:24px;font:600 clamp(40px,5.4vw,66px)/1.04 var(--round);letter-spacing:-.045em}
.h2-hl{color:var(--accent)!important;-webkit-text-fill-color:currentColor;background:none!important;filter:none!important;padding:0;margin:0;animation:clean-up .7s .12s cubic-bezier(.2,.8,.2,1) both!important}
.h2-hl::after,.h2-hl::before{display:none!important}
.h2-w,.h2-kick,.h2-lede,.h2-ask{animation-name:clean-up}
@keyframes clean-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.h2-lede{margin-top:20px;font:400 17px/1.55 var(--sans);color:var(--text-2)}
.h2-ask{margin-top:36px;padding:8px;border-radius:10px;background:var(--surface);border-color:var(--line-2);box-shadow:none}
.h2-ask:focus-within{border-color:rgba(201,255,63,.45);box-shadow:0 0 0 3px rgba(201,255,63,.07)}
.h2-ask textarea{font:400 16px/1.5 var(--sans)}
.h2-stats{gap:0;margin-top:48px}
.h2-stats li{padding:2px 36px;border-left:1px solid var(--line)}
.h2-stats li:first-child{border-left:0}
.h2-stats b{font:600 28px var(--round);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.h2-stats span{font:400 13px var(--sans)}
@media(max-width:640px){.h2-stats{gap:16px 0}.h2-stats li{padding:2px 18px}.h2-stats b{font-size:24px}}

/* ---- home: example requests */
.h2-ex-h{font:500 14px var(--sans);letter-spacing:0;color:var(--muted)}
.h2-chip{padding:10px 16px;border-radius:8px;background:var(--surface);border-color:var(--line);font:450 14px var(--sans)}
.h2-chip:hover{transform:none;border-color:var(--line-2);background:var(--surface-2)}
.h2-chip small{border-radius:4px;font:500 11px var(--sans);letter-spacing:.02em;text-transform:none}

/* ---- home: section heads, left-aligned */
.h2-sec-h{text-align:left;margin-bottom:32px}
.h2-sec-h h2{font:600 clamp(26px,2.8vw,36px)/1.1 var(--round);letter-spacing:-.04em}
.h2-sec-h p{margin-top:10px;font-size:16px;color:var(--muted)}

/* ---- home: how it works */
.h2-steps{gap:12px}
.h2-steps li{padding:24px 22px;border-radius:10px;background:var(--surface);border-color:var(--line)}
.h2-steps li:hover{transform:none!important;border-color:var(--line-2)}
.h2-steps li:hover .h2-step-i{transform:none}
.h2-step-i{width:36px;height:36px;border-radius:8px;font-size:17px;background:rgba(201,255,63,.08);margin-bottom:18px}
.h2-step-n{font:500 12px var(--sans)}
.h2-steps b{font:600 16px var(--round);letter-spacing:-.02em}
.h2-steps p{font-size:14px}

/* ---- home: done by agents */
.h2-done-grid{gap:12px}
.h2-done{padding:20px;border-radius:10px;background:var(--surface);border-color:var(--line)}
.h2-done:hover{transform:none;border-color:var(--line-2)}
.h2-done-h{font:600 16px/1.35 var(--round);letter-spacing:-.02em}
.h2-done-t b{font:600 13px var(--mono)}
.h2-kind{font:500 12px var(--sans);letter-spacing:0;text-transform:none}
.h2-done-f{border-top-color:var(--line)}

/* ---- home: questions */
.h2-q{max-width:none;margin:0;gap:0;border-top:1px solid var(--line)}
.h2-q details{border-radius:0;background:none;border:0;border-bottom:1px solid var(--line);padding:0 4px}
.h2-q summary{font:500 17px var(--round);letter-spacing:-.02em;padding:22px 0}

/* ---- home: closing call to action */
.h2-end{border-radius:12px;background:var(--surface);border-color:var(--line)}
.h2-end::after{display:none}
.h2-end h2{font:600 clamp(28px,3.4vw,44px)/1.08 var(--round);letter-spacing:-.045em}
.h2-end-p b{font:600 24px var(--round);letter-spacing:-.03em}

/* ---- footer */
footer{background:var(--bg);border-top:1px solid var(--line);padding:32px 0 44px;font-size:13px}
footer a:hover{color:var(--ink)}

/* ---- motion: rises without blur, a little quicker */
[data-rise]{transform:translateY(20px);transition-duration:.6s}
[data-stagger]>*{transform:translateY(12px)}

/* ---- inner pages: titles in the sans, flat cards that don't jump on hover */
.page-h{padding-top:clamp(40px,5vw,64px);padding-bottom:24px}
.h-page{font:600 clamp(30px,3.6vw,44px)/1.08 var(--round);letter-spacing:-.045em}
.page-h .lede{color:var(--muted)}
.mgrid{gap:12px}
.mcard,.fl-card,.fcard,.ocard,.pf-card,.kpi{border-radius:10px;background:var(--surface);border-color:var(--line);box-shadow:none}
.mcard:hover,.mcard:focus-visible,.fl-card:hover,.fcard:hover{transform:none;border-color:var(--line-2);background:var(--surface-2);box-shadow:none}
.mc-st{border-radius:5px}
.mc-pay span{font:500 11.5px var(--sans);letter-spacing:.02em}
.fl-kind{font:450 12.5px var(--sans);letter-spacing:0;text-transform:none}
.fl-skill{border-radius:5px;background:rgba(238,242,231,.05);color:var(--text-2)}
.ocard h3{font:600 20px/1.2 var(--round);letter-spacing:-.03em}
.ocard .use b{font:500 12px var(--sans);letter-spacing:.02em;text-transform:none}
.ocard .figs div{border-radius:8px}
.ocard .figs b{font:600 18px var(--round)}
.mg-n{border-radius:5px}
.mg-more{border-radius:10px;border-width:1px;background:var(--surface)}
.mg-more:hover{background:var(--surface-2);border-color:var(--line-2)}
.mg-quiet{border-radius:8px}

/* ---- the home footer line sits clear of the footer */
.h2-end+*{margin-bottom:40px}

/* ---- nav: the More menu matches the other links */
details.more > summary{padding:6px 12px;border-radius:6px;font:450 14px var(--sans);color:var(--muted)}
details.more > summary:hover,details.more[open] > summary{color:var(--ink);background:rgba(238,242,231,.05)}
details.more:has(a[aria-current]) > summary{color:var(--ink);background:rgba(238,242,231,.07)}

/* ---- leaderboard podium: flat steps instead of wooden blocks */
.pod-base,.bt-podium .pod-base{background:var(--surface)!important;border:1px solid var(--line);border-bottom:0;box-shadow:none!important;border-radius:8px 8px 0 0}
.pod-1 .pod-base{background:linear-gradient(180deg,rgba(201,255,63,.08),var(--surface) 70%)!important;border-color:rgba(201,255,63,.25)}
.pod-1 .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
.pod-3 .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5px #b8733a}
.pod-v{font-weight:600;letter-spacing:-.02em}

/* ---- small labels: sentence case, not shouting */
.oc{font:500 11.5px/1 var(--sans);letter-spacing:.01em;text-transform:none;border-radius:5px;background:rgba(201,255,63,.12);color:var(--accent);padding:5px 9px}

/* ---- panel titles and figures: the sans, sentence case */
h3{font:600 15px var(--sans);letter-spacing:-.015em}
.kpi-l{font:500 12.5px var(--sans);letter-spacing:0;text-transform:none}
.kpi b{font:600 28px/1.15 var(--round);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.kpi b small{font:500 12px var(--sans)}

/* ---- phones: stats in a tidy 2 × 2, the bottom bar's More matches its neighbours */
@media(max-width:640px){
  .h2-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;width:100%;max-width:360px}
  .h2-stats li{padding:2px 12px;border-left:0}
  .h2-stats li:nth-child(even){border-left:1px solid var(--line)}
}
@media(max-width:900px){details.more > summary{font-size:11px;padding:8px 4px}}