:root{--bg:#081017;--panel:#0d1822;--panel-2:#132331;--line:#223544;--text:#f2f7fa;--muted:#89a0af;--accent:#168aad;--accent-bright:#38b6d8;--accent-soft:rgba(22,138,173,.14);--success:#37c98b;--warning:#f3b63f;--danger:#f16f67;--critical:#ef476f}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at top right,rgba(22,138,173,.13),transparent 30%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(8,16,23,.88);backdrop-filter:blur(18px);padding:22px 16px;display:flex;flex-direction:column}.brand,.login-brand{font-weight:800;display:flex;align-items:center;gap:10px}.brand{padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 8px 24px rgba(22,138,173,.28)}nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted)}.nav-item:hover,.nav-item.active{background:var(--panel-2);color:var(--text)}.project-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-bright)}.sidebar-footer{margin-top:auto}.sidebar-footer form{margin:2px 0 0}.logout-button{border:0;background:transparent;width:100%;text-align:left}.main{padding:32px 42px 80px;max-width:1440px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted);font-weight:700}.topbar h1,.settings-header h1{margin:0;font-size:28px;letter-spacing:-.04em}.live-pill{padding:8px 12px;border:1px solid var(--line);background:var(--panel);border-radius:999px;color:var(--muted);font-size:13px}.live-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:7px;box-shadow:0 0 0 5px rgba(55,201,139,.1)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel);border-radius:16px}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:30px;margin-top:8px}.stat-card.danger strong{color:var(--danger)}.stat-card.warning strong{color:var(--warning)}.filters{display:grid;grid-template-columns:1fr 160px auto;gap:10px;margin:18px 0}.filters input,.filters select,.stack-form input,.source-form input,.login-form input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 12px;border-radius:10px;outline:none}.filters input:focus,.filters select:focus,.stack-form input:focus,.source-form input:focus,.login-form input:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-soft)}button{border:0;border-radius:10px;padding:10px 13px;background:var(--panel-2);color:var(--text);cursor:pointer}button:hover{filter:brightness(1.12)}button.primary,.filters button{background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#031116;font-weight:750}button.ghost{border:1px solid var(--line);background:transparent}.event-list{display:grid;gap:10px}.event{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:flex-start;padding:17px;border:1px solid var(--line);background:rgba(13,24,34,.92);border-radius:15px;transition:.15s ease}.event:hover{transform:translateY(-1px);border-color:#315064}.event.is-muted{opacity:.55}.event-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-weight:800;background:var(--panel-2);color:var(--muted)}.event.level-success .event-icon{color:var(--success);background:rgba(55,201,139,.1)}.event.level-warning .event-icon{color:var(--warning);background:rgba(243,182,63,.1)}.event.level-error .event-icon{color:var(--danger);background:rgba(241,111,103,.1)}.event.level-critical .event-icon{color:#fff;background:var(--critical)}.event-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.event-meta time{margin-left:auto}.badge,.status-chip{padding:3px 7px;border:1px solid var(--line);border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.event h2{font-size:15px;margin:9px 0 5px}.event p{margin:0 0 8px;color:#b9c9d3;font-size:14px;line-height:1.5}.event code,.login-hint code{font-size:11px;color:var(--accent-bright);background:var(--accent-soft);padding:3px 6px;border-radius:6px}.event-actions{display:flex;gap:8px;align-items:center}.empty-state{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.empty-state strong{color:var(--text)}.settings-page{max-width:1180px;margin:auto;padding:36px 28px 80px}.settings-header{display:flex;gap:24px;align-items:center;margin-bottom:26px}.settings-header>a{color:var(--muted)}.settings-logout{margin-left:auto}.settings-grid{display:grid;grid-template-columns:340px 1fr;gap:18px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px}.panel h2{margin-top:0}.stack-form{display:grid;gap:13px}.stack-form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.project-row{padding:16px 0;border-top:1px solid var(--line)}.project-row:first-of-type{border-top:0}.project-row>div{display:flex;justify-content:space-between;margin-bottom:12px}.project-row span{color:var(--muted);font-size:13px}.source-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.login-body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,rgba(56,182,216,.18),transparent 38%),linear-gradient(180deg,#071017,#09141d)}.login-shell{width:100%;max-width:430px}.login-card{border:1px solid var(--line);background:rgba(13,24,34,.94);box-shadow:0 28px 80px rgba(0,0,0,.34);border-radius:22px;padding:34px}.login-brand{margin-bottom:34px}.login-card h1{font-size:31px;letter-spacing:-.045em;margin:5px 0 10px}.login-intro{color:var(--muted);line-height:1.55;margin:0 0 25px}.login-form{display:grid;gap:9px}.login-form label{font-size:13px;font-weight:650;color:#cbd9e1;margin-top:7px}.login-form input{padding:13px 14px}.password-label{display:flex;justify-content:space-between;align-items:center}.login-submit{margin-top:12px;min-height:45px}.login-error{border:1px solid rgba(241,111,103,.35);background:rgba(241,111,103,.1);color:#ffb1ac;padding:11px 12px;border-radius:10px;font-size:13px;margin-bottom:17px}.login-hint{color:var(--muted);font-size:12px;line-height:1.55;margin:23px 0 0}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto}.sidebar-footer{display:none}.main{padding:24px 16px}.stats{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.event{grid-template-columns:38px 1fr}.event-actions{grid-column:2}.settings-grid{grid-template-columns:1fr}.source-form{grid-template-columns:1fr}}@media(max-width:480px){.login-body{padding:14px}.login-card{padding:26px 22px;border-radius:18px}.login-card h1{font-size:27px}}
.panel-copy{margin:4px 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-heading h2{margin:0}.token-panel{margin-top:18px}.token-list{margin-top:12px}.token-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.token-row:first-child{border-top:0}.token-main{min-width:0}.token-title{display:flex;align-items:center;gap:9px}.token-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:var(--muted);font-size:12px}.token-meta span:not(:last-child)::after{content:"·";margin-left:8px;color:#486171}.token-state{font-size:10px;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:3px 7px}.token-state.active{color:var(--success);background:rgba(55,201,139,.1)}.token-state.revoked{color:var(--danger);background:rgba(241,111,103,.1)}.token-actions{display:flex;gap:8px;flex-shrink:0}.danger-button{color:#ffaaa4}.empty-inline{padding:26px 0;color:var(--muted)}.token-reveal-shell{width:100%;max-width:620px}.token-reveal-card h1{font-size:31px;letter-spacing:-.045em;margin:5px 0 10px}.token-secret-wrap{display:grid;grid-template-columns:1fr auto;gap:10px}.token-secret{width:100%;min-width:0;border:1px solid var(--line);background:#071017;color:var(--accent-bright);padding:13px 14px;border-radius:10px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.token-warning{margin:15px 0;color:var(--warning);font-size:13px}.continue-link{display:inline-flex;margin-top:12px;color:var(--accent-bright);font-weight:700}@media(max-width:700px){.token-row{align-items:flex-start;flex-direction:column}.token-actions{width:100%;flex-wrap:wrap}.token-secret-wrap{grid-template-columns:1fr}.panel-heading{display:block}}
.count-chip{font-size:11px;color:var(--accent-bright);background:var(--accent-soft);padding:2px 7px;border-radius:999px}.action-link{display:inline-flex;margin:9px 8px 0 0;font-size:12px;color:var(--accent-bright)}select{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 12px;border-radius:10px}.ghost-link{margin-left:auto;color:var(--muted)}.lower-grid{margin-top:18px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.check-card strong{margin-left:7px}.check-card p{margin:6px 0;color:var(--muted);font-size:12px}.state-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted)}.state-healthy .state-dot{background:var(--success)}.state-late .state-dot,.state-failure .state-dot{background:var(--danger);box-shadow:0 0 0 5px rgba(241,111,103,.1)}.check-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:12px 0}.check-card code{display:block;margin:10px 0;overflow:auto}.window-row,.audit-row{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:5px}.window-row span,.audit-row span,.audit-row small{color:var(--muted);font-size:12px}.policy-list{display:grid;gap:8px}.policy-row{display:grid;grid-template-columns:minmax(170px,1fr) repeat(4,auto) 105px 105px auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.policy-row label{font-size:12px;color:var(--muted);white-space:nowrap}.policy-row input[type=time]{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:7px;border-radius:8px}.audit-panel{margin-top:18px}.audit-row{grid-template-columns:180px 1fr auto}.detail-page{max-width:920px;margin:auto;padding:44px 22px}.back-link{display:inline-flex;color:var(--muted);margin-bottom:20px}.detail-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px}.detail-card h1{font-size:30px;letter-spacing:-.04em}.detail-body{font-size:16px;line-height:1.7;color:#bed0da}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.primary-link{background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#031116;font-weight:750;padding:10px 13px;border-radius:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid div{padding:14px;background:var(--panel-2);border-radius:12px}.detail-grid dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.detail-grid dd{margin:7px 0 0}.detail-card pre{overflow:auto;background:#061018;border:1px solid var(--line);padding:14px;border-radius:12px;color:#b9d5e3}@media(max-width:900px){.check-grid{grid-template-columns:1fr}.policy-row{grid-template-columns:1fr 1fr}.audit-row{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
.header-links{margin-left:auto;display:flex;gap:14px;align-items:center}.api-console{max-width:1260px}.api-token-panel{margin-bottom:18px}.token-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.token-input-label{display:grid;gap:6px;color:var(--muted);font-size:13px}.token-input-label input,.api-builder textarea{width:100%;border:1px solid var(--line);background:#071017;color:var(--text);padding:11px 12px;border-radius:10px;outline:none}.api-builder textarea{resize:vertical;min-height:280px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.token-input-label input:focus,.api-builder textarea:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-soft)}.remember-token{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted);font-size:12px}.security-note{margin:9px 0 0;color:#698392;font-size:11px;line-height:1.5}.token-validation{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;border:1px solid var(--line)}.token-validation.idle,.token-validation.checking{color:var(--muted)}.token-validation.valid{color:var(--success);background:rgba(55,201,139,.1);border-color:rgba(55,201,139,.25)}.token-validation.invalid{color:var(--danger);background:rgba(241,111,103,.1);border-color:rgba(241,111,103,.25)}.token-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.token-details>div{display:grid;gap:4px;padding:12px;background:var(--panel-2);border-radius:11px}.token-details span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.token-details code{font-size:11px;color:var(--accent-bright)}.token-details p{margin:0;color:var(--danger)}.api-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.api-builder>div{display:grid;gap:13px}.api-actions{display:flex!important;gap:10px;flex-wrap:wrap}.api-output-panel{min-width:0}.code-output{margin:14px 0 0;min-height:250px;max-height:430px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#061018;border:1px solid var(--line);padding:16px;border-radius:12px;color:#b9d5e3;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.response-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.response-heading h3{margin:0;font-size:15px}.response-output{min-height:150px}.response-status{font-size:11px;color:var(--muted);border-radius:999px;padding:5px 8px;border:1px solid var(--line)}.response-status.ok{color:var(--success)}.response-status.failed{color:var(--danger)}.response-status.pending{color:var(--warning)}.api-reference{margin-top:18px}.level-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-reference>div{padding:14px;background:var(--panel-2);border-radius:12px}.level-reference p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:900px){.api-grid{grid-template-columns:1fr}.token-details,.level-reference{grid-template-columns:1fr}.token-check-row{grid-template-columns:1fr}.header-links{margin-left:0;flex-wrap:wrap}.settings-header{align-items:flex-start;flex-wrap:wrap}.settings-logout{margin-left:0}}
.event.is-reopened,.detail-card.is-reopened{border-color:rgba(243,182,63,.78);box-shadow:0 0 0 1px rgba(243,182,63,.16),0 16px 44px rgba(0,0,0,.16)}
.reopened-chip{padding:3px 7px;border:1px solid rgba(243,182,63,.45);border-radius:999px;background:rgba(243,182,63,.12);color:var(--warning);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:750}
.reopened-banner{margin:16px 0;padding:12px 14px;border:1px solid rgba(243,182,63,.4);border-radius:11px;background:rgba(243,182,63,.09);color:#f7d994;font-size:13px;line-height:1.5}
.occurrence-list{display:grid;gap:0;margin:10px 0 28px}
.occurrence-row{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.occurrence-marker{width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px rgba(137,160,175,.08)}
.occurrence-row.level-success .occurrence-marker{background:var(--success)}
.occurrence-row.level-warning .occurrence-marker{background:var(--warning)}
.occurrence-row.level-error .occurrence-marker{background:var(--danger)}
.occurrence-row.level-critical .occurrence-marker{background:var(--critical)}
.occurrence-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:7px}
.occurrence-head time{font-variant-numeric:tabular-nums}
.occurrence-row strong{font-size:14px}
.occurrence-row p{margin:6px 0 8px;color:#b9c9d3;font-size:13px;line-height:1.5}
.occurrence-row details{margin-top:9px;color:var(--muted);font-size:12px}
.occurrence-row summary{cursor:pointer}
.occurrence-row pre{margin-top:8px}
.muted-copy{color:var(--muted)}

/* Public landing page */
.landing-body{background:
  radial-gradient(circle at 72% 13%,rgba(56,182,216,.16),transparent 28rem),
  radial-gradient(circle at 12% 35%,rgba(22,138,173,.09),transparent 24rem),
  #071017;color:var(--text)}
.landing-nav{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between}
.landing-brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em}
.landing-nav nav{display:flex;align-items:center;gap:28px}
.landing-nav nav a{color:#9eb1bd;font-size:13px;font-weight:650}
.landing-nav nav a:hover{color:var(--text)}
.landing-nav .landing-login{color:var(--text);padding:9px 14px;border:1px solid #2b4352;border-radius:10px;background:rgba(13,24,34,.65)}
.landing-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:82px 0 108px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:76px;align-items:center}
.hero-kicker{display:flex;align-items:center;gap:9px;color:#93a9b7;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:750}
.hero-kicker span{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(55,201,139,.09)}
.hero-copy h1{font-size:clamp(44px,5.1vw,72px);line-height:1.01;letter-spacing:-.064em;margin:20px 0 24px;max-width:760px}
.hero-copy h1 em{font-style:normal;color:#61c9e5}
.hero-copy>p{max-width:630px;margin:0;color:#9db2be;font-size:17px;line-height:1.7}
.hero-actions{display:flex;gap:12px;align-items:center;margin-top:32px}
.landing-primary,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 18px;border-radius:11px;font-size:14px;font-weight:780}
.landing-primary{background:linear-gradient(135deg,#45c7e9,var(--accent));color:#041118;box-shadow:0 14px 36px rgba(22,138,173,.23)}
.landing-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.landing-secondary{border:1px solid #28404f;background:rgba(13,24,34,.58);color:#c3d1d9}
.hero-proof{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:24px;color:#6f8998;font-size:11px}
.hero-proof span::before{content:"✓";color:var(--success);margin-right:7px}
.product-preview{position:relative;padding:17px;border:1px solid #294352;background:linear-gradient(145deg,rgba(19,35,49,.96),rgba(8,17,24,.96));border-radius:22px;box-shadow:0 38px 90px rgba(0,0,0,.38);transform:rotate(.8deg)}
.product-preview::before{content:"";position:absolute;inset:-1px;border-radius:22px;pointer-events:none;background:linear-gradient(125deg,rgba(97,201,229,.22),transparent 32%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 17px}
.preview-topbar>div{display:flex;align-items:center;gap:8px;font-size:12px}
.preview-logo{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:linear-gradient(135deg,var(--accent-bright),var(--accent));font-weight:850;color:#041118}
.preview-live{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #294352;border-radius:999px;color:#8ea5b3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.preview-live i{width:6px;height:6px;border-radius:50%;background:var(--success)}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}
.preview-stats>div{padding:12px;border:1px solid #243a48;background:#0d1923;border-radius:11px}
.preview-stats small{display:block;color:#718b9a;font-size:9px}
.preview-stats strong{display:block;margin-top:5px;font-size:21px}
.preview-stats .preview-error{color:var(--danger)}.preview-stats .preview-warning{color:var(--warning)}
.preview-events{display:grid;gap:7px}
.preview-events article{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #233845;background:#0b161f;border-radius:11px}
.preview-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;font-weight:850;background:#132632}
.preview-icon.success{color:var(--success);background:rgba(55,201,139,.1)}.preview-icon.warning{color:var(--warning);background:rgba(243,182,63,.1)}.preview-icon.error{color:var(--danger);background:rgba(241,111,103,.1)}
.preview-events small{display:block;color:#698493;font-size:8px;letter-spacing:.05em}
.preview-events strong{display:block;margin:5px 0 3px;font-size:11px}
.preview-events p{margin:0;color:#8097a5;font-size:9px}
.preview-events time{color:#637d8c;font-size:9px}
.landing-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:90px 0;border-top:1px solid #1d303c}
.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:40px}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2,.workflow-section h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.052em;line-height:1.08;margin:10px 0 0}
.section-heading>p:last-child,.workflow-section>div>p:last-child{margin:0;color:#8da4b1;line-height:1.7;font-size:15px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.feature-grid article{min-height:240px;padding:25px;border:1px solid #203641;background:linear-gradient(180deg,rgba(19,35,49,.7),rgba(10,20,28,.7));border-radius:16px}
.feature-number{color:#4fc4e3;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.feature-grid h3{margin:58px 0 10px;font-size:19px;letter-spacing:-.025em}
.feature-grid p{margin:0;color:#849ba9;font-size:13px;line-height:1.65}
.workflow-section{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;padding:56px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;border:1px solid #27404e;background:linear-gradient(135deg,rgba(18,37,50,.94),rgba(9,20,28,.94));border-radius:22px}
.workflow-section pre{margin:0;overflow:auto;padding:23px;border:1px solid #253d4b;background:#061018;border-radius:13px;color:#9bb5c4;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}
.workflow-section pre span{color:#5ed4a1}.workflow-section pre b{color:#67cde7;font-weight:500}
.landing-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #1d303c;color:#718b99;font-size:12px}
.landing-footer p{margin:0}.landing-footer>a:last-child{justify-self:end;color:#a9bbc5;font-weight:700}

/* Heartbeat discovery */
.discovery-panel{margin-top:18px}
.discovery-list{margin-top:5px}
.discovery-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--line)}
.discovery-row:first-child{border-top:0}
.discovery-main>div:first-child{display:flex;align-items:center;gap:9px}
.discovery-main .state-dot{background:var(--accent-bright);box-shadow:0 0 0 5px var(--accent-soft)}
.discovery-main p{margin:7px 0;color:var(--muted);font-size:12px}
.discovery-meta{display:flex;gap:8px;flex-wrap:wrap;color:#78919f;font-size:11px}
.discovery-meta span:not(:last-child)::after{content:"·";margin-left:8px;color:#405a69}
.discovery-actions{display:flex;gap:8px;flex-shrink:0}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(56,182,216,.36);outline-offset:2px}

@media(max-width:1000px){
  .landing-hero{grid-template-columns:1fr;padding-top:58px;gap:54px}
  .product-preview{max-width:720px}
  .section-heading,.workflow-section{grid-template-columns:1fr;gap:24px}
}
@media(max-width:720px){
  .landing-nav{width:min(100% - 28px,1180px)}
  .landing-nav nav>a:not(.landing-login){display:none}
  .landing-hero,.landing-section,.workflow-section,.landing-footer{width:min(100% - 28px,1180px)}
  .landing-hero{padding:54px 0 78px}
  .hero-copy h1{font-size:42px}
  .hero-copy>p{font-size:15px}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-proof{display:grid}
  .product-preview{padding:11px;transform:none}
  .preview-stats{grid-template-columns:1fr 1fr 1fr}
  .preview-events article{grid-template-columns:31px 1fr}
  .preview-events time{display:none}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid article{min-height:190px}
  .feature-grid h3{margin-top:34px}
  .workflow-section{padding:28px;margin-bottom:60px}
  .landing-footer{grid-template-columns:1fr auto}
  .landing-footer p{display:none}
  .discovery-row{align-items:flex-start;flex-direction:column}
  .discovery-actions{width:100%;flex-wrap:wrap}
}
.project-row-heading{display:flex!important;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.project-row-heading>div{display:grid;gap:4px}
.archived-projects-panel{margin-top:18px}
.archived-project-list{margin-top:8px}
.archived-project-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line)}
.archived-project-row:first-child{border-top:0}
.archived-project-row>div{display:grid;gap:5px}
.archived-project-row span{color:var(--muted);font-size:12px}
@media(max-width:700px){
  .archived-project-row,.project-row-heading{align-items:flex-start;flex-direction:column}
}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.heartbeat-stat strong{display:flex;align-items:baseline;gap:5px}
.heartbeat-stat small{color:var(--muted);font-size:13px;font-weight:650}
.dashboard-heartbeats{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(56,182,216,.035),transparent),var(--panel)}
.dashboard-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:15px}
.dashboard-section-heading h2{margin:0;font-size:19px}
.dashboard-section-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px}
.dashboard-section-heading .ghost-link{margin:0;white-space:nowrap}
.dashboard-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dashboard-check{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(7,16,23,.55)}
.dashboard-check.state-late,.dashboard-check.state-failure{border-color:rgba(241,111,103,.38);background:rgba(241,111,103,.045)}
.dashboard-check-head{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:start}
.dashboard-check-head .state-dot{margin-top:5px}
.dashboard-check-head>div{min-width:0;display:grid;gap:3px}
.dashboard-check-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.dashboard-check-head>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.dashboard-check-meta{display:flex;gap:5px 10px;flex-wrap:wrap;margin-top:11px;color:#718a99;font-size:10px}
.heartbeat-more-link{display:inline-flex;margin-top:14px;color:var(--accent-bright);font-size:12px;font-weight:700}
.dashboard-heartbeat-empty{display:flex;align-items:center;gap:10px;padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}
.dashboard-heartbeat-empty>span{color:var(--accent-bright);font-size:18px}
.dashboard-heartbeat-empty p{margin:0}
.dashboard-heartbeat-empty a{margin-left:auto;color:var(--accent-bright);font-weight:700}
@media(max-width:1150px){
  .dashboard-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .dashboard-section-heading{flex-direction:column}
  .dashboard-check-grid{grid-template-columns:1fr}
  .dashboard-heartbeat-empty{align-items:flex-start;flex-wrap:wrap}
  .dashboard-heartbeat-empty a{width:100%;margin-left:28px}
}
.activity-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:28px 0 12px}
.activity-heading h2{margin:0;font-size:19px}
.activity-heading>div>p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}
.view-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:rgba(13,24,34,.72)}
.view-tabs a{padding:7px 11px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.view-tabs a:hover{color:var(--text)}
.view-tabs a.active{background:var(--panel-2);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.04)}
.activity-heading+.filters{margin-top:0}
.event{grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;padding:14px 15px}
.event.is-routine{padding-top:11px;padding-bottom:11px;background:rgba(11,22,31,.78)}
.event.is-routine .event-icon{width:30px;height:30px;border-radius:9px;font-size:13px}
.event.is-routine h2{margin:5px 0 3px;font-size:14px}
.event.is-routine p{font-size:12px;margin-bottom:5px}
.event.is-routine .event-key{opacity:.72}
.event.is-attention{border-left-width:3px}
.event-time{align-self:start;padding-top:3px;color:var(--muted);font-size:11px;white-space:nowrap}
.event-actions{justify-content:flex-end}
.event-detail-link{padding:7px 9px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.event-detail-link:hover{color:var(--accent-bright)}
.lifecycle-chip{padding:2px 6px;border-radius:999px;background:rgba(137,160,175,.08);color:#91a8b6;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:750}
.lifecycle-completed{color:var(--success);background:rgba(55,201,139,.08)}
.lifecycle-failed{color:var(--danger);background:rgba(241,111,103,.09)}
.lifecycle-running{color:var(--accent-bright);background:var(--accent-soft)}
@media(max-width:900px){
  .event{grid-template-columns:32px minmax(0,1fr) auto}
  .event-time{grid-column:3;grid-row:1;align-self:start}
  .event-actions{grid-column:2/4}
}
@media(max-width:650px){
  .activity-heading{align-items:stretch;flex-direction:column}
  .view-tabs{overflow:auto}
  .event{grid-template-columns:30px minmax(0,1fr)}
  .event-time{grid-column:2;grid-row:auto}
  .event-actions{grid-column:2;justify-content:flex-start}
  .event-meta{gap:5px}
}
.stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.stat-card small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.35}
.stat-card.positive strong{color:var(--success)}
.issue-chip,.digest-chip{padding:3px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:750}
.issue-chip{border:1px solid rgba(241,111,103,.32);background:rgba(241,111,103,.09);color:#ffaaa4}
.digest-chip{border:1px solid rgba(56,182,216,.24);background:var(--accent-soft);color:var(--accent-bright)}
.event.is-digest{border-style:solid;background:linear-gradient(180deg,rgba(56,182,216,.035),transparent),rgba(11,22,31,.82)}
.copy-fix-brief{white-space:nowrap}
.fix-brief-panel{margin:24px 0;border:1px solid var(--line);border-radius:12px;background:rgba(7,16,23,.45)}
.fix-brief-panel summary{cursor:pointer;padding:14px 16px;color:var(--accent-bright);font-weight:750}
.fix-brief-panel pre{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 12px 12px;max-height:460px}
@media(max-width:1250px){
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .stats{grid-template-columns:1fr}
  .event-actions{align-items:flex-start;flex-wrap:wrap}
}