:root{color-scheme:light;--bg: #f6f8f7;--panel: rgba(255, 255, 255, .9);--panel-strong: rgba(255, 255, 255, .98);--ink: #182528;--ink-soft: #526568;--line: rgba(24, 37, 40, .12);--teal: #123f46;--teal-soft: #25616a;--copper: #9c653f;--moss: #507257;--danger: #aa4436;--warning: #a96d24;--info: #2c6f83;--shadow: 0 22px 70px rgba(18, 63, 70, .11);font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8faf9,#eef4f2 44%,#f7f7f3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.page-shell{position:relative;max-width:1440px;margin:0 auto;padding:28px}.ambient{display:none}.ambient--one{width:280px;height:280px;right:6%;top:4%;background:#b46e4538}.ambient--two{width:360px;height:360px;left:2%;bottom:6%;background:#1b525924}.topbar,.topnav,.hero,.marketing-grid,.content-page,.auth-layout,.workspace{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.topnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:560px}.topnav__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(18,63,70,.12);background:#ffffffc7;color:var(--teal);border-radius:999px;cursor:pointer;font-weight:700;padding:.62rem .9rem}.topnav__item--active{background:var(--teal);color:#fff}.topbar h1,.hero h2,.content-page h2,.panel h3,.panel h4{font-family:Baskerville,Palatino Linotype,serif;letter-spacing:0}.topbar h1{margin:6px 0 0;font-size:clamp(2rem,4vw,3.3rem);line-height:.95;max-width:12ch}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-soft)}.topbar__status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:var(--ink-soft)}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.status-dot--checking{background:var(--warning)}.status-dot--online{background:var(--moss)}.status-dot--offline{background:var(--danger)}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:stretch;margin-bottom:28px}.hero__copy,.hero__panel,.panel,.banner{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);animation:rise-in .55s ease both}.hero__copy{padding:34px}.hero__panel{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero__lede{max-width:56ch;line-height:1.65;color:var(--ink-soft);font-size:1.04rem}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px}.hero__note{color:var(--ink-soft)}.scorecard{border-radius:8px;padding:18px;background:linear-gradient(180deg,#10353af5,#1b5259e0);color:#f5efe2;display:flex;flex-direction:column;justify-content:space-between;min-height:164px}.scorecard strong{font-size:2.3rem;line-height:1}.scorecard__label{margin:0;color:#ffffffb8;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.marketing-grid,.metric-grid,.workspace-grid,.auth-layout,.admin-console,.admin-detail-grid,.three-up,.two-up,.split{display:grid;gap:20px}.marketing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.content-page{display:grid;gap:22px;margin-bottom:28px}.content-page h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;max-width:760px}.journey-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.journey-step{min-height:210px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.journey-step span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;margin-bottom:16px}.journey-step p{color:var(--ink-soft);line-height:1.55}.feature-band{align-items:stretch}.auth-layout{grid-template-columns:1fr 1fr;margin-bottom:28px}.workspace{display:grid;gap:24px}.workspace-grid{grid-template-columns:1.6fr 1fr}.admin-console{grid-template-columns:minmax(280px,.95fr) minmax(280px,1.05fr) minmax(240px,.75fr);align-items:start}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-grid>.signal-row,.admin-detail-grid>.stack{grid-column:1 / -1}.mini-stat{padding:14px;border:1px solid rgba(16,53,58,.08);border-radius:8px;background:#123f460a}.mini-stat span{display:block;color:var(--teal);font-size:1.6rem;font-weight:800;line-height:1}.mini-stat small{color:var(--ink-soft)}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.split--alerts{grid-template-columns:1fr 1fr}.panel{padding:24px}.panel--marketing{min-height:210px}.panel--wide{grid-column:1 / -1}.panel--inner{background:var(--panel-strong);border-radius:8px;border:1px solid var(--line);padding:18px;box-shadow:none}.panel h3,.panel h4{margin:0}.panel p{color:var(--ink-soft);line-height:1.55}.metric-card{min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.metric-card__label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--teal-soft)}.metric-card strong{font-size:2.1rem;line-height:1}.banner{margin-bottom:20px;padding:14px 18px}.banner--error{border-color:#b0493847;color:var(--danger)}.banner--success{border-color:#567b5742;color:var(--moss)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.82rem 1.2rem;background:linear-gradient(135deg,var(--teal),var(--teal-soft));color:#f8f4ea;cursor:pointer;font-weight:600;transition:transform .18s ease,opacity .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.68;cursor:progress}.button--ghost{background:#10353a14;color:var(--teal);border:1px solid rgba(16,53,58,.12)}.toggle-row,.inline-actions,.section-heading,.visit-card__top,.alert-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.toggle{flex:1;border:0;border-radius:999px;padding:.75rem 1rem;background:#10353a14;color:var(--ink);cursor:pointer}.toggle--active{background:var(--teal);color:#f8f4ea}.form-grid,.stack{display:grid;gap:14px}.stack--tight{gap:10px}.input{width:100%;margin-top:6px;border-radius:8px;border:1px solid rgba(16,53,58,.14);background:#ffffffeb;padding:.85rem .95rem;color:var(--ink)}.input:focus,.button:focus{outline:2px solid rgba(16,53,58,.25);outline-offset:2px}.input--compact{max-width:280px}.textarea{min-height:110px;resize:vertical}.checkbox{display:flex;gap:10px;align-items:center;color:var(--ink)}.checkbox input{margin:0}.feature-list{padding-left:18px;margin:0;color:var(--ink-soft);line-height:1.65}.pill{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;line-height:1;text-transform:uppercase;letter-spacing:.08em}.pill--neutral,.pill--muted{background:#10353a14;color:var(--teal)}.pill--success{background:#567b5729;color:var(--moss)}.pill--warning{background:#c9862729;color:var(--warning)}.pill--danger{background:#b0493829;color:var(--danger)}.pill--info{background:#236f7a24;color:var(--info)}.section-heading--compact{margin-bottom:14px}.muted{color:var(--ink-soft)}.alert-card,.visit-card,.list-card,.signal-row{border-radius:8px;padding:16px;background:#ffffff80;border:1px solid rgba(16,53,58,.08)}.alert-card--danger{border-left:4px solid var(--danger)}.alert-card--warning{border-left:4px solid var(--warning)}.alert-card--info{border-left:4px solid var(--info)}.signal-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.signal-row__score{text-align:right}.signal-row__score span{display:block;font-size:1.7rem;line-height:1;color:var(--teal)}.empty-state{padding:18px;border-radius:8px;background:#10353a0a;color:var(--ink-soft)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.hero,.auth-layout,.workspace-grid,.admin-console,.admin-detail-grid,.split--alerts,.marketing-grid,.three-up,.journey-grid,.metric-grid,.hero__panel{grid-template-columns:1fr}}@media (max-width: 840px){.page-shell{padding:18px}.topbar,.topbar__status,.topnav,.hero__actions{flex-direction:column;align-items:flex-start}.two-up{grid-template-columns:1fr}}