/* The public site, sign-in and sign-up (Tyler's mock-up, 2026-11-10: "Field service for multi-site
   companies"). Every rule is scoped under body.site, so nothing here reaches the signed-in app, which keeps
   peertosite.css. Headlines use Archivo's wide axis (archivo-wdth.woff2, OFL — Tyler chose it for the public
   pages; docs/BRAND.md). Only the two breakpoints the app uses: 900px and 640px. */
@font-face{font-family:'Archivo Wide';font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url('/static/fonts/archivo-wdth.woff2') format('woff2')}
.site {--paper:#F4F4F8;--white:#EEF0FF;--ink:#1E1B4B;--mute:#5B5F77;--pine:#4F46E5;--pine-deep:#4338CA;--moss:#E0E7FF;--tint:#E0E7FF;
 --signal:#8B5CF6;--line:#DCDDE8;--rule:#1E1B4B;
 --disp:'Archivo Wide',Arial,sans-serif;--body:'Atkinson Hyperlegible Next',system-ui,sans-serif;--mono:'Atkinson Hyperlegible Mono',ui-monospace,Consolas,monospace;
 --w:1240px;--r:2px;}
.site, .site * {box-sizing:border-box}
body.site {margin:0;font-family:var(--body);font-size:17px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.site a {color:var(--pine)}
.site h1, .site h2, .site h3, .site h4 {font-family:var(--disp);font-weight:780;font-stretch:118%;letter-spacing:-.022em;line-height:1;margin:0;text-wrap:balance}
.site h3, .site h4 {font-stretch:108%;font-weight:700;letter-spacing:-.012em;line-height:1.1}
.site .wrap {max-width:var(--w);margin:0 auto;padding:0 32px}
.site .mono {font-family:var(--mono)}
.site .muted {color:var(--mute)}
.site .k {margin:0 0 10px;color:var(--pine);font-weight:600;font-size:15px}
.site em.hi {font-style:normal;color:inherit}
.site .btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1.5px solid var(--pine);border-radius:var(--r);background:var(--pine);color:var(--paper);font:600 16px var(--body);text-decoration:none;cursor:pointer;line-height:1}
.site .btn:hover {background:var(--pine-deep);border-color:var(--pine-deep)}
.site .btn.sec {background:transparent;color:var(--ink);border-color:var(--ink)}
.site .btn.sec:hover {background:var(--ink);color:var(--paper)}
.site .btn.sm {min-height:36px;padding:0 14px;font-size:14px}
.site .more {font-weight:600;color:var(--pine);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.site .more:hover {color:var(--pine-deep)}
.site .tagnote {display:inline-block;font:600 12px var(--body);color:var(--ink);background:#EDE9FE;padding:2px 8px;border-radius:var(--r);margin-left:6px;vertical-align:middle}
.site .pill {display:inline-block;padding:3px 9px;border-radius:var(--r);font-size:12px;font-weight:600;background:var(--tint);color:var(--ink)}
.site .pill.good {background:#DCFCE7;color:#166534}
.site .pill.warn {background:#FEF3C7;color:#92400E}
.site .pill.crit {background:#FEE2E2;color:#991B1B}
.site .pill.new {background:#E0E7FF;color:#3730A3}
.site .pill.enr {background:var(--pine);color:var(--paper)}
.site .pill.plan {background:#E6E5DF;color:var(--mute)}
.site .mast {position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:2px solid var(--rule)}
.site .mast .wrap {display:flex;align-items:center;min-height:72px;gap:8px}
.site .mast .logo {display:inline-flex;margin-right:36px}
.site .mast .logo img {height:26px}
.site .mast nav {display:flex;flex:1}
.site .mi>a, .site .mi>button {appearance:none;background:none;border:0;display:flex;align-items:center;gap:8px;height:72px;padding:0 14px;font:600 16px var(--body);color:var(--ink);text-decoration:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.site .mi>button::after {content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.site .mi.open>button::after {transform:rotate(225deg) translateY(2px)}
.site .mi>a:hover, .site .mi>button:hover, .site .mi.open>button, .site .mi>a[aria-current], .site .mi>button[aria-current] {border-bottom-color:var(--pine);color:var(--pine)}
.site .mi>a:focus-visible, .site .mi>button:focus-visible {outline:2px solid var(--pine);outline-offset:-4px}
.site .mega {display:none;position:fixed;left:0;right:0;top:72px;background:#FFFFFF;border-bottom:2px solid var(--rule);z-index:40;padding:28px 0 32px}
.site .mi.open .mega {display:block}
.site .mega .wrap {display:grid;gap:40px;align-items:start;min-height:0}
.site .mega .cols1 {grid-template-columns:1fr 2fr}
.site .mega .cols2 {grid-template-columns:1fr 1fr 1fr}
.site .mega .cols3 {grid-template-columns:1fr 1fr 1fr}
.site .mega h5 {margin:0 0 8px;font:600 14px var(--body);color:var(--mute);padding-bottom:8px;border-bottom:1px solid var(--line)}
.site .mega a {display:block;text-decoration:none;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--line)}
.site .mega a:last-child {border:0}
.site .mega a:hover b {color:var(--pine);text-decoration:underline;text-underline-offset:4px}
.site .mega a b {display:block;font-size:16px}
.site .mega a small {display:block;color:var(--mute);font-size:13px}
.site .mast .tools {display:flex;align-items:center;gap:18px}
.site .mast .signin {font-weight:600;color:var(--ink);text-decoration:none}
.site .mast .btn {min-height:42px;padding:0 18px;font-size:15px}
.site .burger {display:none;font-weight:600;color:var(--ink);text-decoration:none}
.site .crumbs {font-size:14px;color:var(--mute);margin-bottom:16px}
.site .crumbs a {color:var(--mute)}
.site .crumbs span {margin:0 8px}
.site .hero {background:var(--paper);border-bottom:2px solid var(--rule)}
.site .hero.home .wrap {padding:96px 32px 72px;max-width:1240px}
.site .hero h1 {font-size:clamp(44px,6.6vw,96px);max-width:16ch;margin:0 0 28px}
.site .hero .lead {font-size:21px;line-height:1.45;max-width:58ch;margin:0 0 32px;color:var(--ink)}
.site .hero .cta {display:flex;gap:12px;flex-wrap:wrap}
.site .hero.sub .wrap {display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:64px 32px}
.site .hero.sub h1 {font-size:clamp(38px,4.6vw,64px);max-width:14ch}
.site .hero.sub .lead {font-size:19px}
.site .tl {background:var(--night,#312E81);color:var(--paper)}
.site .tl .wrap {padding:40px 32px 36px}
.site .tl-head {display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid rgba(199,210,254,.25)}
.site .tl-head .mono {display:block;font-size:13px;color:#C7D2FE;margin-bottom:6px}
.site .tl-head b {font-family:var(--disp);font-stretch:112%;font-weight:700;font-size:26px;letter-spacing:-.01em}
.site .clock {text-align:right}
.site .clock small {display:block;color:#C7D2FE;font-size:13px}
.site .clock b {display:block;font-family:var(--disp);font-stretch:120%;font-weight:800;font-size:56px;line-height:1;color:var(--signal);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.site .nodes {list-style:none;margin:0;padding:34px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative}
.site .nodes::before {content:'';position:absolute;left:8px;right:8px;top:41px;height:2px;background:rgba(199,210,254,.25)}
.site .nodes li {position:relative;padding-top:24px}
.site .nodes li i {position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;border:2px solid var(--paper);background:var(--ink)}
.site .nodes li.on i {background:var(--paper)}
.site .nodes li.now i {background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 6px rgba(139,92,246,.25)}
@media (prefers-reduced-motion:no-preference) {
.site .nodes li.now i {animation:pulse 1.6s ease-in-out infinite}
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(139,92,246,.2)}50%{box-shadow:0 0 0 10px rgba(139,92,246,.05)}}
.site .nodes li b {display:block;font-size:16px}
.site .nodes li small {display:block;color:#C7D2FE;font-size:13px;min-height:1.4em}
.site .nodes li.now b {color:var(--signal)}
.site .nodes li:not(.on):not(.now) b {color:#A5B4FC}
.site .tl-foot {margin:28px 0 0;color:#C7D2FE;font-size:15px;max-width:72ch}
.site section.s {padding:80px 0}
.site .ledger .wrap {display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.site .lhead {position:sticky;top:96px}
.site .ledger .wrap>* {min-width:0}
.site .s h2 {font-size:38px;margin:0 0 14px}
.site .s .intro {font-size:17px;color:var(--mute);margin:0;max-width:34ch}
.site .band {background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site .dark {background:var(--ink);color:var(--paper)}
.site .dark h2, .site .dark h3 {color:var(--paper)}
.site .dark .intro, .site .dark .split p, .site .dark .split ul {color:#C7D2FE}
.site .dark .k {color:#A5B4FC}
.site .dark .more {color:var(--paper)}
.site .after {margin:24px 0 0}
.site .steps {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--rule)}
.site .steps li {padding:22px 20px 0 0}
.site .steps li+li {border-left:1px solid var(--line);padding-left:20px}
.site .steps .num {display:block;font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:44px;line-height:1;color:var(--pine);margin-bottom:14px}
.site .steps h3 {font-size:21px;margin:0 0 8px}
.site .steps p {margin:0;color:var(--mute);font-size:15px}
.site .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.site .cards.c4 {grid-template-columns:repeat(4,1fr)}
.site .cards.c2 {grid-template-columns:1fr 1fr}
.site .card {background:var(--paper);padding:26px 24px 24px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;min-width:0}
.site a.card:hover {background:#E0E7FF}
.site a.card:hover h3 {color:var(--pine)}
.site .card .ic {color:var(--pine);margin-bottom:8px}
.site .card h3 {font-size:20px}
.site .card p {margin:0;color:var(--mute);font-size:15px;flex:1}
.site .card .more {font-size:14px;margin-top:8px}
.site .card .n {font:600 12px var(--body);color:var(--mute)}
.site .dark .cards {background:rgba(199,210,254,.25);border-color:rgba(199,210,254,.25)}
.site .dark .card {background:var(--ink);color:var(--paper)}
.site .dark .card p {color:#C7D2FE}
.site .dark .card .ic {color:#A5B4FC}
.site .rows {display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:3px solid var(--rule)}
.site .frow {display:grid;grid-template-columns:40px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.site .frow .ic {color:var(--pine)}
.site .frow h3 {font-size:19px;margin:0 0 6px}
.site .frow p {margin:0 0 6px;color:var(--mute);font-size:15px}
.site .frow .more {font-size:14px}
.site .split {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.site .split.rev>:first-child {order:2}
.site .split h3 {font-size:30px;margin:0 0 12px;font-stretch:116%;letter-spacing:-.02em}
.site .split p {margin:0 0 14px;color:var(--mute)}
.site .split ul {margin:0 0 18px;padding-left:18px;color:var(--mute);font-size:15px}
.site .split li {margin-bottom:6px}
.site .shot {border:1.5px solid var(--ink);border-radius:var(--r);background:#FFFFFF;color:var(--ink);overflow:hidden;text-align:left}
.site .shot .bar {padding:8px 14px;border-bottom:1.5px solid var(--ink);font:500 12px var(--mono);color:var(--ink);background:var(--paper)}
.site .shot .in {padding:14px;font-size:13px}
.site .ui {border:1px solid var(--line);border-radius:var(--r);padding:12px;background:#F8F8FC;margin-bottom:10px}
.site .ui h5 {font:600 13px var(--body);margin:0 0 8px}
.site .opt {display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;margin-bottom:6px;gap:8px}
.site .opt.sel {border-color:var(--pine);box-shadow:inset 0 0 0 1px var(--pine)}
.site .row {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.site .row:last-child {border:0}
.site .bar2 {height:6px;border-radius:var(--r);background:var(--line);margin:8px 0}
.site .bar2 i {display:block;height:100%;border-radius:var(--r);background:var(--pine)}
.site .track {display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0 4px}
.site .track i {height:6px;border-radius:var(--r);background:var(--line);display:block}
.site .track i.on {background:var(--pine)}
.site .track i.now {background:var(--signal)}
.site .ticket {background:#312E81;color:var(--paper);border-radius:var(--r);padding:22px 24px;border-left:6px solid var(--signal)}
.site .tk-top {display:flex;justify-content:space-between;font-size:13px;color:#C7D2FE;padding-bottom:14px;border-bottom:1px solid rgba(199,210,254,.25);gap:12px;flex-wrap:wrap}
.site .tk-row {display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(199,210,254,.2)}
.site .tk-row.last {border:0;padding-bottom:4px}
.site .tk-row b {display:block;font-size:17px}
.site .tk-row b.big {font-family:var(--disp);font-stretch:120%;font-weight:800;font-size:40px;line-height:1}
.site .tk-row small {display:block;color:#C7D2FE;font-size:13px;margin-top:2px}
.site .av {width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 14px var(--disp);flex:none}
.site .stats {border-top:3px solid var(--rule);border-bottom:1px solid var(--line);background:var(--paper)}
.site .stats .wrap {display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:36px 32px}
.site .stats .p b, .site .stats .p .n {display:block;font-family:var(--disp);font-stretch:122%;font-weight:800;font-size:46px;line-height:1;color:var(--pine);margin-bottom:10px;letter-spacing:-.02em}
.site .stats .p span, .site .stats .p p {display:block;font-size:15px;color:var(--mute);margin:0}
.site .stats .n small {display:block;font:600 14px var(--body);color:var(--ink);margin-top:8px;letter-spacing:0}
.site .stats .n.w {font-size:34px}
.site .fit {background:#312E81;color:var(--paper)}
.site .fit .wrap {display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:80px 32px;align-items:start}
.site .fit h2 {font-size:38px;color:var(--paper);margin:0 0 12px}
.site .fit .intro {color:#C7D2FE;margin:0 0 28px}
.site .fit .k {color:#A5B4FC}
.site .plist {list-style:none;margin:0;padding:0;border-top:1px solid rgba(199,210,254,.3)}
.site .plist a {display:block;padding:18px 0;border-bottom:1px solid rgba(199,210,254,.3);color:#C7D2FE;text-decoration:none;font-family:var(--disp);font-stretch:112%;font-weight:700;font-size:24px}
.site .plist a:hover, .site .plist a.on {color:var(--paper);padding-left:14px;border-left:4px solid var(--signal)}
.site .fcard {background:#FFFFFF;color:var(--ink);padding:40px;border-radius:var(--r)}
.site .fcard h3 {font-size:36px;margin:0 0 14px}
.site .fcard p {color:var(--mute);margin:0 0 14px}
.site .fcard ul {margin:0 0 24px;padding-left:18px;color:var(--mute);font-size:15px}
.site .faq {border-top:3px solid var(--rule)}
.site .faq details {border-bottom:1px solid var(--line)}
.site .faq summary {cursor:pointer;padding:18px 0;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.site .faq summary::after {content:'+';font-family:var(--mono);color:var(--pine);font-size:20px}
.site .faq details[open] summary::after {content:'–'}
.site .faq p {margin:0 0 18px;color:var(--mute);font-size:16px;max-width:70ch}
.site .tbl {overflow-x:auto}
.site table.cmp {width:100%;min-width:640px;border-collapse:collapse;font-size:15px;background:#FFFFFF;border-top:3px solid var(--rule)}
.site .cmp th, .site .cmp td {text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.site .cmp thead th {font-family:var(--disp);font-stretch:110%;font-weight:700;font-size:17px}
.site .cmp thead th small {display:block;font:400 13px var(--body);color:var(--mute);margin-top:2px}
.site .cmp td:first-child {color:var(--mute);width:22%}
.site .cmp .us {background:#E0E7FF}
.site .cmp thead .us {color:var(--pine)}
.site .cmp .y {color:var(--pine);font-weight:600}
.site .cmp .n {color:#B91C1C}
.site .est {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.site .radios {display:grid;gap:8px}
.site .radios label {display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;cursor:pointer;background:#FFFFFF}
.site .radios label:has(input:checked) {border-color:var(--pine);box-shadow:inset 0 0 0 1px var(--pine)}
.site .radios small {color:var(--mute);display:block;font-size:13px}
.site .radios .w {font-size:13px;color:var(--mute)}
.site input[type=range] {width:100%;accent-color:var(--pine)}
.site fieldset {border:0;margin:0 0 18px;padding:0}
.site legend {font-weight:600;font-size:15px;margin-bottom:8px}
.site .bill {background:#FFFFFF;border:1.5px solid var(--ink);border-radius:var(--r);padding:24px}
.site .bill h3 {font-size:20px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.site .bill .l {display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.site .bill .tot {display:flex;justify-content:space-between;padding:16px 0 0;font-family:var(--disp);font-stretch:116%;font-weight:800;font-size:32px}
.site .bill .tot small {font:400 13px var(--body);color:var(--mute)}
.site .bill p {margin:12px 0 0;color:var(--mute);font-size:13px}
.site .tiles {display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.site .t {border:1px solid var(--line);border-radius:var(--r);min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--mute);background:var(--white)}
.site .t b {font-size:14px;color:var(--ink)}
.site .t.live {background:var(--pine);border-color:var(--pine);color:var(--paper)}
.site .t.live b {color:var(--paper)}
.site .t.next {background:var(--tint)}
.site .t.x {border:0;background:none}
.site .cities {display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;border-top:3px solid var(--rule)}
.site .city {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.site .jump {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.site .jump a {display:flex;align-items:center;gap:12px;background:var(--paper);padding:18px 20px;color:var(--ink);text-decoration:none;font-weight:600}
.site .jump a:hover {background:var(--tint);color:var(--pine)}
.site .jump a svg {color:var(--pine)}
.site [id^=retail], .site [id^=grocery], .site [id^=restaurants], .site [id^=offices] {scroll-margin-top:80px}
.site .final {background:#312E81;color:var(--paper)}
.site .final .wrap {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:88px 32px}
.site .final h2 {font-size:44px;color:var(--paper);margin:0 0 14px}
.site .final p {color:#C7D2FE;font-size:17px;margin:0 0 22px}
.site .final .btn.sec {color:var(--paper);border-color:var(--paper)}
.site .final .btn.sec:hover {background:var(--paper);color:var(--ink)}
.site .form {background:#FFFFFF;color:var(--ink);padding:28px;display:grid;gap:12px;border-radius:var(--r)}
.site .form label {font-size:13px;font-weight:600;display:block}
.site .form input, .site .form select {width:100%;min-height:44px;border:1.5px solid var(--ink);border-radius:var(--r);padding:6px 10px;font:15px var(--body);margin-top:4px;background:var(--white)}
.site .form .two {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.site .form small {color:var(--mute);font-size:13px}
.site .ctaband {background:var(--pine);color:var(--paper)}
.site .ctaband .wrap {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 32px;flex-wrap:wrap}
.site .ctaband h2 {font-size:28px;color:var(--paper);margin:0}
.site .ctaband p {margin:4px 0 0;color:#C7D2FE}
.site .ctaband .btn.sec {color:var(--paper);border-color:var(--paper)}
.site .ctaband .btn.sec:hover {background:var(--paper);color:var(--pine)}
.site .hero .form {border:1.5px solid var(--ink)}
.site footer {background:#1E1B4B;color:#C7D2FE;border-top:6px solid var(--signal)}
.site footer .wrap {padding:56px 32px 24px}
.site footer .big img {height:64px;display:block;margin-bottom:40px}
.site footer .cols {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.4fr;gap:36px;margin-bottom:36px}
.site footer h4 {font:600 14px var(--body);color:var(--paper);margin:0 0 12px}
.site footer .col a {display:block;color:#C7D2FE;text-decoration:none;font-size:14px;margin-bottom:8px}
.site footer .col a:hover {color:var(--paper);text-decoration:underline}
.site footer .col p {margin:0 0 10px;font-size:14px}
.site footer .ca {color:var(--paper)}
.site footer .trust {border-top:1px solid rgba(199,210,254,.25);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}
.site footer .trust a {color:#C7D2FE;text-decoration:none;margin-left:16px}
.site footer .trust a:hover {color:var(--paper)}
.site .mmenu {display:none;position:fixed;inset:0;z-index:50;background:var(--paper);color:var(--ink);overflow-y:auto}
.site .mmenu:target {display:block}
.site .mmenu .wrap {padding:18px 20px 40px}
.site .mm-head {display:flex;justify-content:space-between;align-items:center;font-family:var(--disp);font-stretch:115%;font-weight:800;font-size:22px;margin-bottom:10px;padding-bottom:12px;border-bottom:2px solid var(--rule)}
.site .mm-head a {font:600 15px var(--body);color:var(--ink);text-decoration:underline}
.site .mmenu h5 {font:600 13px var(--body);color:var(--mute);margin:22px 0 4px}
.site .mmenu a {display:block;color:var(--ink);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line);font-size:17px}
.site .mmenu a.btn {margin-top:24px;border:0;text-align:center;color:var(--paper)}
@media (max-width: 900px) {
.site .mast nav, .site .mast .signin {display:none}
.site .burger {display:inline-flex}
.site .hero.sub .wrap, .site .split, .site .fit .wrap, .site .final .wrap, .site .rows, .site .est, .site .ledger .wrap {grid-template-columns:1fr}
.site .lhead {position:static}
.site .split.rev>:first-child {order:0}
.site .stats .wrap {grid-template-columns:1fr 1fr}
.site .cards, .site .cards.c4, .site .jump {grid-template-columns:1fr 1fr}
.site .steps {grid-template-columns:1fr 1fr}
.site .steps li {padding-bottom:22px;border-bottom:1px solid var(--line)}
.site .steps li:nth-child(3) {border-left:0;padding-left:0}
.site .nodes {grid-template-columns:repeat(3,1fr);gap:24px 12px}
.site .nodes::before {display:none}
.site .clock b {font-size:44px}
.site .hero h1 {font-size:clamp(40px,8vw,64px)}
.site .s h2, .site .fit h2, .site .final h2 {font-size:32px}
}
@media (max-width: 640px) {
.site .hero.home .wrap {padding:56px 20px 44px}
.site .wrap {padding-left:20px;padding-right:20px}
.site .stats .wrap, .site .cards, .site .cards.c4, .site .cards.c2, .site .jump, .site .steps, .site .cities, .site footer .cols, .site .form .two {grid-template-columns:1fr}
.site .steps li+li {padding-left:0;border-left:0}
.site section.s {padding:52px 0}
.site .tiles {grid-template-columns:repeat(5,1fr)}
.site .fcard {padding:24px}
.site .ctaband .wrap {padding:28px 20px}
.site .nodes {grid-template-columns:1fr 1fr}
.site .tl-head b {font-size:20px}
.site .clock {text-align:left}
.site .hero h1 {font-size:38px}
.site .fit .wrap, .site .tl .wrap, .site .final .wrap {padding-left:20px;padding-right:20px}
.site .mast .btn {display:none}
}
.site {--paper:#FBFBFD;--white:#F3F4FA;--tint:#EEF0FF;--moss:#E0E7FF;--line:#DADCEA;--rule:#1E1B4B;--mute:#4F536E;--signal:#4F46E5}
body.site {color:#262A47}
.site h1, .site h2, .site h3, .site h4 {color:var(--ink);font-weight:720}
.site .hero h1 {font-size:clamp(40px,5.6vw,80px)}
.site .steps, .site .rows, .site .faq, .site .cities, .site table.cmp, .site .stats {border-top-width:2px}
.site .mast {border-bottom:1px solid var(--line);background:rgba(251,251,253,.96);backdrop-filter:saturate(1.2) blur(6px)}
.site .mi>a, .site .mi>button {font-weight:600;color:#262A47}
.site .mega {border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(30,27,75,.08)}
.site .hero {border-bottom:1px solid var(--line)}
.site .tl {background:var(--tint);color:var(--ink);border-bottom:1px solid var(--line)}
.site .tl-head {border-bottom-color:#C7CBE6}
.site .tl-head .mono, .site .clock small, .site .nodes li small, .site .tl-foot {color:var(--mute)}
.site .clock b {color:var(--pine)}
.site .nodes::before {background:#C7CBE6}
.site .nodes li i {border-color:var(--pine);background:var(--tint)}
.site .nodes li.on i {background:var(--pine)}
.site .nodes li.now i {background:var(--pine);border-color:var(--pine);box-shadow:0 0 0 6px rgba(79,70,229,.18)}
.site .nodes li.now b {color:var(--pine)}
.site .nodes li:not(.on):not(.now) b {color:#8A8FB0}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(79,70,229,.16)}50%{box-shadow:0 0 0 10px rgba(79,70,229,.04)}}
.site .fit {background:var(--white);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site .fit h2 {color:var(--ink)}
.site .fit .intro {color:var(--mute)}
.site .fit .k {color:var(--pine)}
.site .plist {border-top-color:#C7CBE6}
.site .plist a {color:#6B7090;border-bottom-color:#DADCEA}
.site .plist a:hover, .site .plist a.on {color:var(--ink);border-left-color:var(--pine)}
.site .fcard {background:#FFFFFF;border:1px solid var(--line);box-shadow:0 20px 50px rgba(30,27,75,.08)}
.site .final {background:var(--tint);color:var(--ink);border-top:1px solid var(--line)}
.site .final h2 {color:var(--ink)}
.site .final p {color:var(--mute)}
.site .final .btn.sec {color:var(--ink);border-color:var(--ink)}
.site .final .btn.sec:hover {background:var(--ink);color:#fff}
.site .form {border:1px solid var(--line);box-shadow:0 20px 50px rgba(30,27,75,.08)}
.site .form input, .site .form select {border:1px solid #B9BDD6}
.site .dark {background:var(--white);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site .dark h2, .site .dark h3 {color:var(--ink)}
.site .dark .intro, .site .dark .split p, .site .dark .split ul {color:var(--mute)}
.site .dark .k, .site .dark .more {color:var(--pine)}
.site .dark .cards {background:var(--line);border-color:var(--line)}
.site .dark .card {background:var(--paper);color:var(--ink)}
.site .dark .card p {color:var(--mute)}
.site .dark .card .ic {color:var(--pine)}
.site .ticket {background:#FFFFFF;color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--pine);box-shadow:0 20px 50px rgba(30,27,75,.08)}
.site .tk-top {color:var(--mute);border-bottom-color:var(--line)}
.site .tk-row {border-bottom-color:var(--line)}
.site .tk-row small {color:var(--mute)}
.site .av {background:var(--tint);color:var(--pine)}
.site .ctaband {background:var(--pine)}
.site footer {background:var(--white);color:var(--mute);border-top:1px solid var(--line)}
.site footer h4, .site footer .ca {color:var(--ink)}
.site footer .col a {color:var(--mute)}
.site footer .col a:hover {color:var(--ink)}
.site footer .trust {border-top-color:var(--line)}
.site footer .trust a {color:var(--mute)}
.site footer .trust a:hover {color:var(--ink)}
.site .shot {border:1px solid var(--line);box-shadow:0 14px 36px rgba(30,27,75,.08)}
.site .shot .bar {border-bottom:1px solid var(--line);background:var(--white)}
.site .ui {background:#FFFFFF}
.site .card {background:#FFFFFF}
.site a.card:hover {background:var(--tint)}
.site .cards, .site .jump {background:var(--line);border-color:var(--line)}
.site .bill {border:1px solid var(--line);box-shadow:0 14px 36px rgba(30,27,75,.08)}
.site .mmenu {background:var(--paper)}
.site .mast {background:var(--ink);border-bottom:0;backdrop-filter:none}
.site .mi>a, .site .mi>button {color:#C7D2FE;margin-bottom:0}
.site .mi>a:hover, .site .mi>button:hover, .site .mi.open>button, .site .mi>a[aria-current], .site .mi>button[aria-current] {color:#fff;border-bottom-color:#A5B4FC}
.site .mi>a:focus-visible, .site .mi>button:focus-visible {outline-color:#A5B4FC}
.site .mast .signin, .site .burger {color:#fff}
.site .mast .btn {background:var(--pine);border-color:var(--pine);color:#fff}
.site .mast .btn:hover {background:#fff;color:var(--ink);border-color:#fff}
.site .mega {top:72px}
.site .aud {background:#14122B}
.site .aud .wrap {display:flex;gap:4px;min-height:34px;align-items:stretch}
.site .aud a {display:inline-flex;align-items:center;padding:0 16px;font-size:13px;font-weight:600;color:#A5B4FC;text-decoration:none;border-bottom:2px solid transparent}
.site .aud a[aria-current] {color:#fff;background:var(--ink);border-bottom-color:var(--ink)}
.site .aud a:hover {color:#fff}
.site .mast {top:0}
.site .mega {top:72px}
.site .stats .n.w {font-size:30px}
.site .stats .p b {font-size:40px}
.site .mega .cols1 {grid-template-columns:minmax(0,520px)}
.site .mega {position:absolute;top:100%;left:0;right:0}
.site .mast.slim .wrap {justify-content:space-between}
.site .mast.slim .back {color:#C7D2FE;text-decoration:none;font-weight:600;font-size:15px}
.site .mast.slim .back:hover {color:#fff}
.site .auth .wrap {display:grid;grid-template-columns:minmax(0,560px) minmax(0,340px);gap:56px;justify-content:center;padding:56px 32px 80px;align-items:start}
.site .authcard {background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(30,27,75,.08);padding:36px 40px;border-radius:var(--r)}
.site .authcard h1 {font-size:40px;margin:0 0 10px}
.site .authcard .lead {color:var(--mute);margin:0 0 22px;font-size:17px}
.site .authcard form {display:grid;gap:14px}
.site .authcard label {display:block;font-size:14px;font-weight:600}
.site .authcard label small {display:block;font-weight:400;color:var(--mute);font-size:13px;margin-top:4px}
.site .authcard input:not([type=checkbox]) {width:100%;min-height:46px;border:1px solid #B9BDD6;border-radius:var(--r);padding:6px 12px;font:16px var(--body);margin-top:6px;background:#fff}
.site .authcard input:focus-visible {outline:2px solid var(--pine);outline-offset:1px}
.site .authcard .two {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.site .authcard .check {display:flex;gap:10px;align-items:center;font-weight:400}
.site .authcard .tiny {float:right;font-weight:400;font-size:13px}
.site .btn.wide {width:100%}
.site .btn.ms {width:100%;background:#fff;color:var(--ink);border-color:#B9BDD6;gap:10px}
.site .btn.ms:hover {background:var(--tint);border-color:var(--ink)}
.site .ms-ico {width:16px;height:16px;display:grid;grid-template-columns:1fr 1fr;gap:1px}
.site .ms-ico::before, .site .ms-ico::after {content:'';background:#F25022;display:block}
.site .ms-ico::after {background:#7FBA00}
.site .or {display:flex;align-items:center;gap:12px;color:var(--mute);font-size:13px;margin:4px 0}
.site .or::before, .site .or::after {content:'';flex:1;height:1px;background:var(--line)}
.site .authcard .small, .site .authside .small {font-size:14px;color:var(--mute);margin:18px 0 0}
.site .authside h3 {font-size:20px;margin:8px 0 10px}
.site .authside p {color:var(--mute);font-size:15px;margin:0 0 12px}
.site .ticks {list-style:none;margin:0;padding:0}
.site .ticks li {position:relative;padding:6px 0 6px 24px;font-size:14px;color:var(--mute)}
.site .ticks li::before {content:'';position:absolute;left:0;top:12px;width:12px;height:7px;border-left:2px solid var(--pine);border-bottom:2px solid var(--pine);transform:rotate(-45deg)}
.site .plain {margin:0;padding-left:20px;color:var(--mute);font-size:14px}
.site .plain li {margin-bottom:8px}
.site .plain b {color:var(--ink)}
.site .choose {display:grid;gap:12px;margin-bottom:8px}
.site .choose a {display:grid;grid-template-columns:44px 1fr;gap:6px 16px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:20px;text-decoration:none;color:var(--ink)}
.site .choose a:hover {border-color:var(--pine);background:var(--tint)}
.site .choose .ic {grid-row:1/4;color:var(--pine)}
.site .choose b {font-size:18px}
.site .choose small {color:var(--mute);font-size:14px;line-height:1.45}
.site .choose .more {font-size:14px}
.site .stepbar {list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.site .stepbar li {font-size:12px;color:var(--mute);border-top:3px solid var(--line);padding-top:8px}
.site .stepbar li span {display:none}
.site .stepbar li.done {border-top-color:var(--pine)}
.site .stepbar li.now {border-top-color:var(--pine);color:var(--ink);font-weight:600}
.site footer.slim .wrap {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:20px 32px;font-size:13px}
.site footer.slim a {margin-left:16px}
@media (max-width: 900px) {
.site .auth .wrap {grid-template-columns:1fr}
.site .authcard {padding:24px 20px}
.site .authcard h1 {font-size:32px}
.site .authcard .two {grid-template-columns:1fr}
.site .stepbar li {font-size:11px}
}

/* ===== Beyond the mock-up: what the real pages need ===== */
.site .skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:8px 14px;border:2px solid var(--pine)}
.site .skip-link:focus{left:8px}
.site main{display:block;outline:none}
.site a:focus-visible,.site button:focus-visible,.site input:focus-visible,.site select:focus-visible,.site textarea:focus-visible{outline:2px solid var(--pine);outline-offset:2px}
.site .notice{border:1px solid var(--line);border-left:4px solid var(--pine);background:#fff;padding:12px 14px;margin:0 0 16px;font-size:15px;border-radius:var(--r)}
.site .notice.good{border-left-color:#15803D;background:#F0FDF4;color:#166534}
.site .notice.warn{border-left-color:#B45309;background:#FFFBEB;color:#92400E}
.site footer .trust-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}
.site footer .trust-footer a{color:var(--mute);text-decoration:none;margin-left:16px}.site footer .trust-footer a:hover{color:var(--ink)}
.site footer.slim .trust-footer{border:0;padding:0;width:100%}
.site .form textarea{width:100%;border:1px solid #B9BDD6;border-radius:var(--r);padding:8px 10px;font:15px var(--body);margin-top:4px;background:var(--white)}

/* Sign-in and sign-up: the real forms put a label before its box, not around it. */
.site .auth .wrap.solo{grid-template-columns:minmax(0,640px)}
.site .authcard form{display:block}
.site .authcard label{margin:14px 0 0;color:var(--ink)}
.site .authcard form > label:first-of-type{margin-top:0}
.site .authcard select,.site .authcard textarea{width:100%;min-height:46px;border:1px solid #B9BDD6;border-radius:var(--r);padding:6px 12px;font:16px var(--body);margin-top:6px;background:#fff}
.site .authcard .hint{color:var(--mute);font-size:13px;margin:4px 0 0}
.site .authcard button[type=submit],.site .authcard .btn.wide{width:100%;margin-top:20px;min-height:48px;border-radius:var(--r);font:600 16px var(--body)}
.site .authcard button.secondary{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.site .authcard .btn.ms{margin-top:0}
.site .authcard input[type=checkbox],.site .authcard input[type=radio]{width:auto;min-height:0;margin:0}
.site .authcard .card{border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:0 0 16px;background:#fff;box-shadow:none}
.site .authcard h2{font-size:22px;margin:22px 0 8px}
.site .switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);margin:0 0 20px;overflow:hidden}
.site .switch a{text-align:center;padding:10px 8px;text-decoration:none;color:var(--mute);font-weight:600;font-size:15px}
.site .switch a[aria-current]{background:var(--pine);color:#fff}
.site .switch a:not([aria-current]):hover{background:var(--tint);color:var(--ink)}
.site .authcard .stepbar li span{display:none}

/* Older public pages kept as they were (help articles, legal, developers' reference) inside the new frame. */
.site .page-body{padding:48px 0 72px}
.site .page-body .wrap > h1{font-size:clamp(32px,4vw,48px);margin:0 0 16px}
body.site{max-width:none;margin:0;padding:0}
.site .switch a{display:block}
.site .mast nav{padding:0;margin:0;border:0;background:none}
.site .mast.slim .wrap{max-width:var(--w)}
.site .mi>button{margin:0;box-shadow:none}
.site main.page-body{max-width:var(--w);margin:0 auto;padding:48px 32px 72px}
.site main.page-body h1{font-size:clamp(32px,4vw,48px);margin:0 0 16px}
.site main.page-body h2{font-size:26px;margin:32px 0 12px}
@media (max-width: 640px) {.site main.page-body{padding:32px 20px 56px}}
.site .radios.levels label{grid-template-columns:1fr auto;cursor:default}
.site .radios.levels label small{display:block;color:var(--mute);font-size:13px}
.site .radios.levels .w{font-size:13px;color:var(--mute);text-align:right}
.site .mast nav > :first-child{margin-right:0}
.site .mast nav a{font-size:16px}
.site main.page-body nav{display:block;padding:0;border:0;gap:0}
.site main.page-body nav > :first-child{margin-right:0}
.site main.page-body .docs-nav{top:120px}
/* Landing page hero (Tyler, 2026-11-10): the tagline as the headline, a card that explains each part. */
.site .hero.tagline .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding:80px 32px 72px}
.site .tag-h1{font-size:clamp(48px,7vw,104px);line-height:1.02;max-width:none;margin:0 0 28px}
.site .tag-h1 span{display:block}.site .tag-h1 .on-call{color:var(--pine)}
.site .tag-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 40px;box-shadow:0 20px 50px rgba(30,27,75,.08)}
.site .tag-row{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:26px 0;border-top:1px solid var(--line)}
.site .tag-row:first-child{border-top:0}
.site .tag-row .ic{color:var(--pine);padding-top:2px}
.site .tag-row h3{font-size:26px;margin:0 0 8px}
.site .tag-row p{margin:0;color:var(--mute);font-size:17px}
@media (max-width: 900px) {.site .hero.tagline .wrap{grid-template-columns:1fr;gap:40px;padding:56px 32px}}
@media (max-width: 640px) {.site .hero.tagline .wrap{padding:44px 20px}.site .tag-card{padding:4px 22px}.site .tag-row h3{font-size:22px}}
/* The logo takes its own width (943 × 198 at 26px high), and sits 22px from the first menu item — as in the
   signed-in bar — so the gap matches the gaps between the menu items. */
.site .mast .logo {margin-right:22px}
.site .mast .logo img {width:auto;height:26px;display:block}