/* Uptimer product experience: the pulse identity, quiet surfaces and deliberate density. */
:root{--bg-page:#101719;--surface-elevated:#172124;--surface-base:#172124;--surface-muted:#1d2a2e;--surface-accent:#223338;--border-soft:#304247;--border-strong:#527174;--text-primary:#eaf0f2;--text-secondary:#b1bfc5;--text-muted:#a8bac1;--accent:#57d3b2;--accent-strong:#8bead3;--button-start:#096553;--button-end:#096553;--success:#57d3b2;--danger:#ff91a0;--warning:#edc276;--shadow-card:none}
:root[data-theme=light]{--bg-page:#f5f7f8;--surface-elevated:#ffffff;--surface-base:#ffffff;--surface-muted:#eaf0f2;--surface-accent:#eaf0f2;--border-soft:#cbd5d9;--border-strong:#a8beb3;--text-primary:#17252b;--text-secondary:#4c5f68;--text-muted:#52676f;--accent:#0b725d;--accent-strong:#054b3d;--button-start:#0b725d;--button-end:#0b725d;--success:#0b725d;--danger:#b93146;--warning:#815716;--shadow-card:none}
html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg-page)}h1,h2,h3{line-height:1.2;letter-spacing:-.015em}h1{font-size:2rem;font-weight:700}h2{font-size:1.18rem}h3{font-size:1rem}p{line-height:1.6}a{color:var(--accent)}button,.button-link{box-shadow:none!important;background:var(--button-start);border-radius:7px;font-weight:600;min-height:38px;padding:.55rem .9rem;line-height:1.25;color:#fff}button.secondary,.button-link.secondary{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-strong)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea{min-height:40px;border-radius:6px!important;background:var(--surface-base);font:inherit;color:var(--text-primary)}input[type=checkbox],input[type=radio]{min-height:0}label{font-size:.85rem;font-weight:600}.card{box-shadow:none;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-base);padding:1.4rem}.card h2:first-child{margin-top:0}.muted{color:var(--text-muted)}.eyebrow,.hero-kicker{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.13em}.status-pill{font-size:.73rem;line-height:1.4;font-weight:650}.experience-layout{background:var(--bg-page);min-height:100vh}.experience-layout>.topbar{background:var(--surface-base);border-bottom:1px solid var(--border-soft);box-shadow:none;min-height:64px;padding:14px 28px;gap:24px}.experience-layout .brand-mark{box-shadow:none;width:29px;height:29px}.experience-layout .brand-name{font-size:1.15rem;letter-spacing:-.035em}.experience-layout .dev-environment-tag{font-size:9px;border-radius:4px;background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border-soft);padding:3px 5px}.experience-layout .topnav{gap:20px}.experience-layout .topnav a{font-size:.84rem;color:var(--text-secondary)}.experience-layout .topnav i{display:none}.experience-layout>.content{padding:32px;max-width:1440px;width:100%;margin:0 auto;min-width:0}.experience-layout .app-footer{background:var(--surface-base);border-top:1px solid var(--border-soft);padding:32px;box-shadow:none}.experience-layout .footer-group h3{font-size:.7rem;letter-spacing:.08em;border:0}.experience-layout .footer-brand{font-size:.75rem}.experience-layout.workspace-layout{display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:64px 1fr auto}.workspace-layout>.topbar{grid-column:1/-1;position:sticky;top:0;z-index:50}.workspace-layout>.topbar .topnav{display:none}.workspace-layout>.topbar .topbar-actions{margin-left:auto}.workspace-layout>.content{grid-column:2;max-width:1660px;padding:30px 36px}.workspace-layout>.app-footer{grid-column:2;grid-template-columns:minmax(0,1fr);padding:24px 36px}.workspace-layout>.app-footer .footer-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:24px}.workspace-navigation{grid-column:1;grid-row:2/4;border-right:1px solid var(--border-soft);background:var(--surface-base);padding:24px 16px}.workspace-menu{position:sticky;top:88px}.workspace-menu>summary{display:none}.workspace-menu>nav{display:flex!important;flex-direction:column;gap:5px}.nav-group-label{font-size:.63rem;letter-spacing:.13em;color:var(--text-muted);font-weight:700;margin:18px 12px 7px}.nav-group-label:first-child{margin-top:0}.workspace-navigation a{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:6px;font-size:.83rem;color:var(--text-secondary);text-decoration:none}.workspace-navigation a i{width:16px;text-align:center;opacity:.8}.workspace-navigation a.active{background:var(--surface-accent);color:var(--accent);font-weight:700}.workspace-navigation a:hover{background:var(--surface-muted)}.nav-context-note{font-size:.75rem;color:var(--text-muted);margin:16px 12px;line-height:1.6}.nav-product-link{margin-top:26px;border-top:1px solid var(--border-soft)}.platform-layout .nav-group-label:first-child{color:var(--accent)}.experience-layout table{font-size:.84rem;min-width:0}.experience-layout th{font-size:.66rem;letter-spacing:.07em;padding:12px 14px;color:var(--text-muted);background:var(--surface-muted);font-weight:700;white-space:nowrap}.experience-layout td{padding:14px;border-bottom:1px solid var(--border-soft)}.experience-layout tr:last-child td{border-bottom:0}.experience-layout .table-wrap,.experience-layout .table-scroll{border-radius:8px;border:1px solid var(--border-soft);overflow-x:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.page-heading h1{margin:4px 0 7px}.page-heading p{margin:0;max-width:70ch}.page-heading .actions{flex-shrink:0}.section-kicker{font-size:.67rem;letter-spacing:.14em;font-weight:700;color:var(--text-muted)}.action-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid var(--border-soft);border-left:3px solid var(--accent);background:var(--surface-base);border-radius:8px;margin:18px 0}.action-strip p{margin:3px 0}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-base);margin:20px 0;overflow:hidden}.metric{padding:22px;border-right:1px solid var(--border-soft)}.metric:last-child{border-right:0}.metric span{display:block;font-size:.76rem;color:var(--text-muted)}.metric strong{display:block;font-size:1.85rem;letter-spacing:-.04em;margin:4px 0}.metric small{font-size:.74rem;color:var(--text-muted)}.detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border-soft);margin:20px 0;overflow-x:auto;padding-bottom:8px}.detail-tabs a,.detail-tabs button{white-space:nowrap;color:var(--text-secondary);padding:10px 16px;background:transparent!important;border:0;border-radius:6px;text-decoration:none;font-size:.84rem}.detail-tabs .active{background:var(--surface-accent)!important;color:var(--accent);font-weight:700}.two-column{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.empty-state{padding:36px 24px;text-align:center}.empty-state p{max-width:56ch;margin:10px auto 20px}.evidence-note{font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:12px}.mono{font-family:Consolas,monospace;font-size:.8rem;overflow-wrap:anywhere}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-grid .card{display:flex;flex-direction:column;align-items:start}.tool-grid p{font-size:.87rem;flex:1}.tool-grid a{font-weight:600}.visitor-layout:has(.marketing-experience)>.content{max-width:1240px;padding:0 40px}.marketing-experience section{margin:72px 0}.marketing-experience .marketing-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:56px;align-items:center;padding:50px 0 24px;margin:26px 0 60px}.marketing-hero h1{font-size:3.25rem;line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:24px 0}.marketing-hero h1 span{color:var(--text-primary)}.marketing-hero .hero-copy{font-size:1.05rem;color:var(--text-secondary);max-width:48ch;line-height:1.75}.marketing-hero .actions{margin:28px 0 14px;display:flex;gap:10px;flex-wrap:wrap}.marketing-hero .hero-note{font-size:.76rem;color:var(--text-muted)}.product-window{border:1px solid var(--border-strong);background:var(--surface-base);border-radius:12px;overflow:hidden;box-shadow:none;transform:none}.product-window-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-size:.74rem}.product-window-bar img{width:22px;height:22px;vertical-align:middle;margin-right:7px}.product-window-body{padding:22px}.product-window h2{font-size:1.15rem;margin:0}.product-window .preview-label{font-size:.57rem;letter-spacing:.11em;color:var(--text-muted)}.preview-metrics{display:flex;gap:28px;margin:22px 0}.preview-metrics strong{font-size:1.8rem;display:block;line-height:1.2}.preview-metrics span{font-size:.65rem;color:var(--text-muted)}.preview-service{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--border-soft);font-size:.8rem}.preview-service small{display:block;color:var(--text-muted);font-size:.67rem;margin-top:3px}.preview-insight{padding:14px;background:var(--surface-muted);border-radius:7px;margin-top:12px;font-size:.77rem}.preview-insight p{margin:5px 0}.preview-sparkline{display:flex;gap:3px;align-items:end;height:22px;margin:12px 0}.preview-sparkline i{flex:1;background:var(--success);opacity:.45;border-radius:2px;height:65%}.preview-sparkline i:nth-child(3n){height:90%}.preview-sparkline i:nth-last-child(-n+3){background:var(--danger);height:100%;opacity:.85}.marketing-section-heading{max-width:650px;margin-bottom:28px}.marketing-section-heading h2{font-size:2rem;line-height:1.25;letter-spacing:-.02em;margin:10px 0}.marketing-section-heading p{color:var(--text-secondary)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--border-soft);padding-top:30px}.journey-grid .step-number{font:12px Consolas,monospace;color:var(--accent);display:block;margin-bottom:22px}.journey-grid h3{font-size:1.12rem}.journey-grid p{color:var(--text-secondary);font-size:.91rem}.marketing-feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.marketing-feature-grid article{padding:30px;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:8px}.marketing-feature-grid article:first-child{grid-row:span 2}.marketing-feature-grid h3{font-size:1.35rem;margin-top:10px}.marketing-feature-grid p{font-size:.9rem;color:var(--text-secondary)}.feature-code{font:.7rem Consolas,monospace;color:var(--accent);letter-spacing:.1em}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.offer-card{position:relative;padding:30px!important;display:flex;flex-direction:column;gap:4px}.offer-card.offer-pro{border:2px solid var(--accent)}.offer-card h3{font-size:1.6rem;margin:7px 0}.offer-card .offer-description{color:var(--text-secondary);font-size:.9rem;min-height:48px}.offer-price{font-size:3rem;font-weight:700;letter-spacing:-.05em;margin:12px 0 0}.offer-price small{font-size:.85rem;font-weight:400;letter-spacing:0;color:var(--text-muted)}.offer-cycle{font-size:.83rem;margin:0 0 18px;color:var(--text-secondary)}.offer-card ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid var(--border-soft);flex:1;font-size:.85rem}.offer-card li{margin:12px 0;padding-left:23px;position:relative;line-height:1.55}.offer-card li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.offer-card .offer-secondary{display:block;text-align:center;font-size:.8rem;margin-top:8px}.business-route{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px!important;margin:24px 0 16px}.business-route h3{font-size:1.18rem;margin:4px 0}.business-route p{font-size:.87rem;max-width:74ch;color:var(--text-secondary);margin:6px 0}.business-route a{flex-shrink:0}.offer-footnote{font-size:.77rem;color:var(--text-muted);margin:18px 0}.marketing-experience details{padding:18px 0;border-bottom:1px solid var(--border-soft)}.marketing-experience summary{font-weight:600}.marketing-experience .closing-invite{padding:36px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-accent);display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-invite h2{font-size:1.6rem;margin:0 0 10px}.closing-invite p{margin:0}.pricing-shell{max-width:1050px;margin:auto}.pricing-shell .pricing-hero{background:transparent;border:0;text-align:center;box-shadow:none;padding:32px 20px 45px}.pricing-hero h1{font-size:2.7rem;letter-spacing:-.05em}.signup-simple{max-width:680px;margin:20px auto!important;padding:36px!important}.signup-simple h1{font-size:2.2rem;margin:12px 0 20px}.signup-simple form{margin-top:25px}.signup-simple details{margin:20px 0}.signup-simple form>button{width:100%;margin-top:20px}.signup-simple .consent-checkbox{display:flex;align-items:start;gap:12px;font-weight:400}.signup-simple .consent-checkbox input{margin-top:5px}.signup-plan{background:var(--surface-muted);padding:14px;border-radius:7px;font-size:.83rem}.signup-path{display:flex;gap:20px;list-style:none;padding:0;margin:22px 0;font-size:.7rem;color:var(--text-muted)}.signup-path .current{font-weight:700;color:var(--accent)}
@media(min-width:1000px){.workspace-menu:not([open])>nav{display:flex!important}.workspace-layout .brand{min-width:176px}.workspace-layout .topbar:after{content:'Workspace';font-size:.75rem;color:var(--text-muted);position:absolute;left:260px}.platform-layout .topbar:after{content:'Platform console · privileged access'}}
@media(max-width:1100px){.workspace-layout{grid-template-columns:196px minmax(0,1fr)}.workspace-layout>.content{padding:25px}.workspace-navigation{padding:22px 10px}.marketing-experience .marketing-hero{gap:28px}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.experience-layout.workspace-layout{display:block}.workspace-layout>.topbar{position:relative;min-height:64px;padding:12px 16px}.workspace-layout .tenant-chip{display:none}.workspace-navigation{padding:0 16px;border-right:0;border-bottom:1px solid var(--border-soft)}.workspace-menu{position:static}.workspace-menu>summary{display:flex;justify-content:space-between;padding:12px 4px;font-size:.82rem;font-weight:600;cursor:pointer}.workspace-menu:not([open])>nav{display:none!important}.workspace-menu>nav{padding:8px 0 20px}.workspace-layout>.content{padding:24px 18px}.workspace-layout>.app-footer{padding:20px}.experience-layout>.topbar{padding:14px 18px;flex-wrap:wrap;gap:12px}.experience-layout .topnav{order:3;width:100%;justify-content:start;overflow-x:auto;flex-wrap:nowrap;gap:20px}.experience-layout .topnav a{white-space:nowrap;font-size:.8rem}.experience-layout .topbar-actions{margin-left:auto;gap:8px}.experience-layout>.content{padding:24px 18px}.visitor-layout:has(.marketing-experience)>.content{padding:0 22px}.marketing-experience .marketing-hero{grid-template-columns:1fr;margin:12px 0 42px;padding-top:20px;gap:32px}.marketing-hero h1{font-size:3.25rem;max-width:650px}.product-window{transform:none}.marketing-experience section{margin:45px 0}.journey-grid,.marketing-feature-grid,.two-column{grid-template-columns:1fr}.journey-grid{gap:20px}.journey-grid .step-number{margin-bottom:12px}.marketing-section-heading h2{font-size:1.8rem}.offer-grid{grid-template-columns:1fr}.offer-card{padding:24px!important}.offer-card .offer-description{min-height:0}.business-route,.marketing-experience .closing-invite{flex-direction:column;align-items:start}.page-heading{align-items:start;flex-wrap:wrap}.page-heading h1{font-size:1.7rem}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:17px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.tool-grid{grid-template-columns:1fr}.action-strip{align-items:start;flex-direction:column}.card{padding:20px}.signup-simple{padding:24px!important;margin:0 auto!important}.signup-simple h1{font-size:1.9rem}.pricing-hero h1{font-size:2.15rem}.experience-layout .app-footer{padding:25px 20px}}
@media(max-width:380px){.experience-layout .brand-name{font-size:1rem}.experience-layout .dev-environment-tag{font-size:7px}.experience-layout .topbar-actions .icon-button{display:none}.marketing-hero h1{font-size:2.7rem}.experience-layout .topbar-actions{gap:5px}.experience-layout .login-link,.experience-layout .logout{font-size:.72rem;padding:7px}.signup-path{gap:10px;font-size:.63rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.experience-layout.layout{background:var(--bg-page)}.skip-link{position:fixed;top:-100px;left:16px;z-index:10000;background:var(--surface-base);padding:12px}.skip-link:focus{top:12px}.resource-menu{position:relative;font-size:.84rem;color:var(--text-secondary)}.resource-menu summary{cursor:pointer}.resource-menu>div{position:absolute;top:35px;right:0;min-width:220px;padding:12px;display:grid;gap:14px;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:8px;z-index:100}.resource-menu:not([open])>div{display:none}.experience-layout .topnav:has(.resource-menu[open]){overflow:visible}

.experience-layout [hidden]{display:none!important}.experience-layout .dashboard-shell{display:block}.experience-layout .dashboard-main{display:flex;flex-direction:column;gap:18px;min-width:0}.dashboard-main>.page-heading,.dashboard-main>.metric-row{margin:0}.dashboard-main .first-value{margin:0;padding:20px 24px}.first-value-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.first-value-heading .eyebrow{margin:0 0 7px}.first-value-heading h2{margin:0}.first-value-heading button{font-size:.7rem;min-height:32px}.first-value .coverage-line{font-size:.81rem;margin:14px 0}.coverage-line>span{margin:0 10px;color:var(--text-muted)}.coverage-warning{font-size:.8rem;color:var(--text-secondary);margin:8px 0}.first-value details{font-size:.85rem}.first-value-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding-left:22px}.first-value-steps li{padding-left:5px}.first-value-steps p{font-size:.8rem}.first-value-ready{border-left:3px solid var(--success)}.experience-layout .create-service{margin:0}.create-service>summary{cursor:pointer;font-size:1rem;font-weight:650}.create-service>summary>span{font-weight:400;font-size:.8rem;margin-left:16px}.create-service[open]>summary{margin-bottom:20px}.create-service-collapsed{padding:14px 20px!important}.experience-layout #monitor-table{padding:0;overflow:hidden;margin:0}.service-table-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;gap:15px}.service-table-heading h2{margin:0}.service-table-heading>span{font-size:.74rem}.service-filters{padding:18px 24px}.service-filters .grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:12px}.experience-layout #monitor-table .table-wrap{border-left:0;border-right:0;border-radius:0}.service-meta{display:block;color:var(--text-muted);font-size:.69rem;margin-top:5px;white-space:normal;font-weight:400}.experience-layout .monitor-table{min-width:740px}.experience-layout .monitor-table th,.experience-layout .monitor-table td{padding:13px 16px}.experience-layout .monitor-table .monitor-name{white-space:normal;min-width:140px}.experience-layout .monitor-table .monitor-name>a{font-weight:650;color:var(--text-primary)}.row-actions{font-size:.75rem}.row-actions summary{cursor:pointer;color:var(--accent)}.row-actions .monitor-actions{padding:10px 0;display:flex;flex-direction:column}.row-actions button{font-size:.73rem}.experience-layout .table-pagination{font-size:.7rem;padding:8px 24px;margin:0;gap:12px}.experience-layout .table-pagination button{min-height:30px;font-size:.69rem;padding:6px 10px}.experience-layout .table-pagination select{min-height:30px;padding:5px 10px}.experience-layout .pagination-controls{gap:8px}.experience-layout .event-feed li{background:transparent;border-radius:0;border-bottom:1px solid var(--border-soft);font-size:.78rem;gap:15px;padding:12px 0}.monitor-breadcrumb{display:flex;gap:12px;font-size:.76rem;margin-bottom:18px;color:var(--text-muted)}.experience-layout .monitor-header{padding:24px;margin-bottom:0}.monitor-header .page-heading{margin-bottom:20px}.monitor-target{font-size:.84rem;overflow-wrap:anywhere}.monitor-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--border-soft);padding-top:20px}.monitor-facts span{display:block;font-size:.64rem;letter-spacing:.06em;color:var(--text-muted)}.monitor-facts strong{font-size:1rem;display:block;margin-top:7px}.monitor-facts small{font-weight:400;font-size:.77rem}.monitor-context{font-size:.8rem}.monitor-context .monitor-meta-grid{margin-top:15px}.experience-layout .monitor-workspace-layout{display:block}.experience-layout .monitor-workspace-content{min-width:0}.experience-layout .monitor-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.experience-layout .monitor-section-group{scroll-margin-top:100px}.experience-layout .monitor-section-heading{padding:0;margin:26px 0 18px}.monitor-header .evidence-note{font-size:.74rem;border:0;padding-top:5px}.experience-layout .graph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.observed-insight{margin:20px 0}.observed-insight p{font-size:.86rem}.observed-insight .observed-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.observed-insight .observed-head button{font-size:.72rem;min-height:30px}.observed-insight .observed-head h2{margin:0}
@media(max-width:1100px){.experience-layout .monitor-table .optional-column{display:none}.service-filters .grid{grid-template-columns:1fr 1fr}.monitor-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.first-value-heading{align-items:start;flex-direction:column;gap:10px}.first-value-steps{grid-template-columns:1fr}.first-value .coverage-line{line-height:1.9}.coverage-line>span{margin:0 4px}.create-service>summary>span{display:block;margin:6px 0 0}.service-table-heading{align-items:start;flex-direction:column;gap:6px}.service-filters{padding:16px}.experience-layout #monitor-table .table-pagination{padding:12px;flex-wrap:wrap}.experience-layout .monitor-section-grid,.experience-layout .graph-grid{grid-template-columns:1fr}.monitor-facts{gap:20px 12px}.monitor-facts strong{font-size:.85rem}.monitor-header .page-heading{gap:15px}.monitor-header .page-heading h1{overflow-wrap:anywhere}.experience-layout .monitor-header{padding:20px}.detail-tabs{margin:18px 0}.detail-tabs a{font-size:.79rem;padding:9px 10px}.observed-insight .observed-head{align-items:start;flex-direction:column;gap:10px}.experience-layout .event-feed li{display:flex;flex-wrap:wrap}.experience-layout .dev-environment-tag{display:none}.marketing-hero h1{font-size:2.8rem}}

.workspace-menu-summary,.mobile-nav-toggle{display:none}.workspace-navigation .workspace-menu>nav{display:flex!important}.workspace-layout .topbar:after{left:290px}.experience-layout .monitor-table .monitor-name{display:block}.experience-layout .monitor-table .monitor-name .service-meta{display:block;margin-left:0}.contract-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--border-soft);padding:24px 0;margin-top:20px}.contract-evidence span{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.contract-evidence strong{font-size:1rem}.contract-evidence p{font-size:.8rem;color:var(--text-secondary)}.experience-layout .billing-header{background:transparent;border:0;padding:0 0 20px;box-shadow:none}.experience-layout .billing-header h1{font-size:2rem}.experience-layout .current-plan{border:1px solid var(--border-soft);box-shadow:none}.experience-layout .current-plan-grid{grid-template-columns:repeat(3,1fr);gap:20px}.experience-layout .plan-card{background:var(--surface-base);border:1px solid var(--border-soft);border-radius:9px;box-shadow:none}.experience-layout .billing-shell{min-width:0}.experience-layout .billing-shell .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.workspace-menu-summary{display:flex;justify-content:space-between;padding:12px 4px;cursor:pointer}.mobile-nav-toggle{position:absolute;opacity:0;width:1px;height:1px;display:block}.mobile-nav-toggle:focus-visible+.workspace-menu-summary{outline:3px solid var(--accent);outline-offset:2px}.workspace-navigation .workspace-menu:has(.mobile-nav-toggle:not(:checked))>nav{display:none!important}.workspace-navigation .workspace-menu:has(.mobile-nav-toggle:checked)>nav{display:flex!important}.contract-evidence,.experience-layout .current-plan-grid,.experience-layout .billing-shell .plan-grid{grid-template-columns:1fr}.contract-evidence{gap:12px}.workspace-layout .topbar:after{display:none}}

/* Shared density and restrained surfaces. */
.experience-layout {font-size:.875rem;font-variant-numeric:tabular-nums}
.experience-layout h1,.page-heading h1 {font-size:1.75rem;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.experience-layout h2 {font-size:1.125rem;line-height:1.4;font-weight:600}
.experience-layout .eyebrow,.experience-layout .hero-kicker {color:var(--text-muted);font-weight:500;letter-spacing:.01em;text-transform:none;font-size:.8125rem}
.experience-layout th {font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}
.experience-layout td {font-size:.875rem;padding:12px 16px}
.experience-layout tbody tr:hover {background:var(--surface-muted)}
.experience-layout .workspace-navigation a.active {border-left:2px solid var(--accent);border-radius:0 4px 4px 0}
.experience-layout .workspace-navigation a {font-size:.8125rem}
.workspace-layout>.content {padding:24px 32px}
.experience-layout .metric-row {border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;margin:16px 0 24px}
.experience-layout .metric {padding:8px 24px 20px 0;margin-right:24px;border-right:0}
.experience-layout .metric strong {font-size:1.75rem;font-weight:600;letter-spacing:-.015em}
.experience-layout .metric span {font-size:.75rem;letter-spacing:0}
.experience-layout .action-strip {border:0;border-left:2px solid var(--border-strong);border-radius:0;background:var(--surface-muted);font-size:.875rem;padding:12px 16px}
.experience-layout .page-heading .eyebrow {display:none}
.experience-layout .marketing-hero h1 {font-size:3.25rem;line-height:1.12;font-weight:600;letter-spacing:-.035em}
.marketing-experience .marketing-hero {gap:48px;padding:24px 0;margin:32px 0 64px}
.marketing-experience .marketing-section-heading h2 {font-size:2rem;font-weight:600;line-height:1.25}
.marketing-experience .marketing-feature-grid article {border:0;border-radius:0;background:transparent;padding:0}
.marketing-experience .marketing-feature-grid {gap:24px 56px}
.marketing-feature-grid article:first-child {border-right:1px solid var(--border-soft);padding-right:40px}
.marketing-feature-grid h3 {font-size:1.125rem}
.journey-grid .step-number {font-family:inherit;color:var(--text-muted);margin-bottom:12px}
.marketing-experience .hero-note {font-size:.8125rem}
.preview-events {list-style:none;padding:0;margin:12px 0}
.preview-events li {display:flex;gap:16px;padding:5px 0;align-items:baseline;font-size:.75rem}
.preview-events time {font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.6875rem}
.preview-events b {font-weight:600}
.product-window {border-radius:8px}
.product-window .preview-label {font-size:.625rem;letter-spacing:.03em}
.offer-grid {gap:0;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-base);overflow:hidden}
.offer-card {padding:24px 32px!important;gap:0;border:0;border-radius:0}
.offer-card+.offer-card {border-left:1px solid var(--border-soft)}
.offer-card h3 {font-size:1.5rem;margin:0 0 8px;font-weight:600}
.offer-card .offer-description {min-height:0;margin:0;font-size:.875rem}
.offer-price {font-size:2.5rem;font-weight:600;letter-spacing:-.025em;margin:16px 0 0}
.offer-cycle {min-height:42px;margin:3px 0 20px;font-size:.8125rem}
.offer-facts {margin:0 0 16px;padding:12px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.offer-facts>div {display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:.875rem}
.offer-facts dt {color:var(--text-secondary)}
.offer-facts dd {margin:0;text-align:right;font-weight:500}
.offer-value {font-size:.875rem;min-height:42px;margin:0 0 10px}
.offer-restriction {font-size:.8125rem;color:var(--text-secondary);margin:0 0 12px}
.offer-card>.button-link {margin-top:auto;width:100%;text-align:center}
.offer-comparison {margin:48px 0!important}
.offer-comparison h2 {font-size:1.5rem}
.offer-comparison p {color:var(--text-secondary)}
.offer-comparison th:first-child {width:52%;text-align:left;white-space:normal}
.offer-comparison td {text-align:center}
.offer-comparison thead th:not(:first-child) {text-align:center}
.billing-period {display:flex;justify-content:center;gap:0;margin:0 auto 24px;width:fit-content;border:1px solid var(--border-soft);border-radius:6px;background:var(--surface-base);padding:3px}
.billing-period a {padding:8px 18px;text-decoration:none;color:var(--text-secondary);border-radius:4px}
.billing-period a.active {background:var(--surface-muted);box-shadow:inset 0 -2px var(--accent);font-weight:600;color:var(--text-primary)}
.business-route {border:0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;padding:20px 0!important}
.contract-help {padding:12px 0;font-size:.875rem}
.experience-layout .pricing-hero h1 {font-size:2.25rem;font-weight:600;letter-spacing:-.02em}
.experience-layout .pricing-hero {padding:24px 0 32px}
/* Platform evidence uses the same shell and table controls. */
.platform-context {display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 0 22px;font-size:.75rem;color:var(--text-muted)}
.platform-context strong {color:var(--text-primary)}
.mono {font-family:ui-monospace,Consolas,monospace;font-size:.75rem;overflow-wrap:anywhere}
.attention-list>a {display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--border-soft);text-decoration:none;color:var(--text-primary)}
.attention-list>a:last-child {border-bottom:0}
.attention-list>a:hover strong {color:var(--accent);text-decoration:underline}
.attention-list>a>div {flex:1;min-width:0}
.attention-list>a>span:last-child {font-size:.8125rem;color:var(--accent);white-space:nowrap}
.attention-list p {margin:5px 0 0;color:var(--text-secondary);font-size:.8125rem}
.attention-icon {font-size:1.25rem;flex-shrink:0;width:24px;color:var(--text-muted)}
.worker-line {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border-soft);font-size:.875rem}
.worker-line small {display:block;color:var(--text-muted);font-size:.75rem;margin-top:5px}
.platform-filter {display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:20px}
.platform-filter label {flex:1;min-width:180px;max-width:540px}
.platform-filter input,.platform-filter select {display:block;width:100%;margin-top:7px}
.platform-filter>a {font-size:.875rem;padding:10px}
.platform-table-card {padding:0!important;overflow:hidden}
.platform-table-card>h2,.platform-table-card>p {margin:20px 24px}
.platform-table-card>.table-wrap {border:0;border-radius:0}
.platform-table-card td {vertical-align:top}
.platform-pagination {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--text-muted);padding:16px 24px}
.platform-pagination>div {display:flex;gap:10px}
.platform-pagination .button-link {font-size:.8125rem;min-height:32px}
.platform-table .row-title {font-weight:600;color:var(--text-primary)}
.platform-layout .table-wrap table {min-width:650px}
.metric strong.metric-date {font-size:1rem;line-height:1.5}
.confirmation-line {display:flex;align-items:center;gap:12px;margin:20px 0;font-weight:400}
.investigation-timeline {list-style:none;margin:20px 0;padding:0 0 0 24px;border-left:2px solid var(--border-soft)}
.investigation-timeline li {position:relative;padding:0 0 24px}
.investigation-timeline li:before {content:'';position:absolute;top:7px;left:-30px;width:10px;height:10px;border-radius:50%;background:var(--border-strong)}
.investigation-timeline span {font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:6px}
.investigation-timeline p {font-size:.875rem;margin:4px 0}
.platform-layout .super-admin-dashboard {display:block}
.platform-layout .super-admin-sidebar {position:static;width:auto;margin-bottom:24px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;box-shadow:none}
.platform-layout .super-admin-sidebar-items {display:flex;flex-wrap:wrap;gap:8px}
.platform-layout .super-admin-sidebar h2 {font-size:1rem}
.platform-layout .super-admin-sidebar .sidebar-link {font-size:.8125rem;width:auto;flex:0 0 auto;color:var(--text-primary);background:transparent;border:0;border-radius:0}
.platform-layout .super-admin-sidebar .sidebar-link.active {border-bottom:2px solid var(--accent);background:var(--surface-muted)}
@media(max-width:800px){
 .experience-layout .marketing-hero h1 {font-size:2.25rem;line-height:1.14}
 .marketing-experience .marketing-hero {gap:32px;margin:24px 0 48px}
 .marketing-feature-grid article:first-child {border-right:0;padding-right:0}
 .marketing-experience .marketing-section-heading h2 {font-size:1.75rem}
 .offer-card+.offer-card {border-left:0;border-top:1px solid var(--border-soft)}
 .offer-card {padding:24px!important}
 .offer-cycle,.offer-value {min-height:0}
 .offer-card>.button-link {margin-top:12px}
 .experience-layout .metric {margin-right:0;padding:8px 16px 16px 0}
 .experience-layout .metric:nth-child(-n+2){border-bottom:0}
 .experience-layout .pricing-hero h1 {font-size:1.875rem}
 .offer-facts>div {font-size:.8125rem}
 .offer-facts>div dd {max-width:65%}
 .platform-context {gap:8px 15px}
 .attention-list>a {align-items:start;gap:12px;flex-wrap:wrap}
 .attention-list>a>span:last-child {margin-left:36px}
 .platform-filter {align-items:stretch}
 .platform-filter label {min-width:100%;max-width:none}
 .platform-pagination {padding:16px}
 .platform-table-card>h2,.platform-table-card>p {margin:18px}
 .worker-line {gap:10px}
}

.plain-section {padding:20px 0;margin:0 0 24px;border-top:1px solid var(--border-soft)}
.plain-section h2 {margin-top:0}
.section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
.section-heading h2 {margin:0}.section-heading>span {font-size:.8125rem}
.platform-condition {padding:16px 20px;border-left:3px solid var(--border-strong);background:var(--surface-base);margin-bottom:24px}
.platform-condition h2 {margin:0 0 12px}.platform-condition a {font-size:.8125rem}
.condition-facts {display:flex;gap:16px 32px;flex-wrap:wrap}.condition-facts p {margin:0 0 12px}
.platform-context-metrics {order:2}
.experience-layout #monitor-table .service-filters {padding:16px 20px}
.experience-layout .service-table-heading {padding:16px 20px 0}
.experience-layout .monitor-table th,.experience-layout .monitor-table td {border-left:0;border-right:0}
.experience-layout .first-value {border:0;border-top:1px solid var(--border-soft);border-radius:0;background:transparent;padding:20px 0!important}
.experience-layout .first-value .eyebrow {display:none}
.service-meta {font-size:.75rem}
.monitor-header .page-heading {margin-bottom:16px}
.empty-result {padding:32px!important;text-align:center}
.integrations-overview .support-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.integrations-overview .support-grid article {border:0;background:transparent;padding:0;border-radius:0}
@media(max-width:800px){.section-heading{align-items:start;flex-direction:column;gap:8px}.condition-facts{display:block}.integrations-overview .support-grid{grid-template-columns:1fr 1fr}.workspace-layout>.content{padding:24px 18px}}

.auth-flow {max-width:620px;margin:24px auto 48px}.auth-flow .grid {grid-template-columns:1fr}.auth-support {margin:24px 0;padding:20px 0;border-top:1px solid var(--border-soft)}.auth-support form {margin-top:16px}
.experience-layout .current-plan-grid>div {background:transparent;border:0;border-radius:0;padding:0}
.experience-layout .billing-header h1 {font-size:1.75rem}.billing-options-note {padding:16px 0;color:var(--text-secondary)}
.experience-layout .monitor-header {border:0;background:transparent;border-radius:0;padding:0 0 16px}
.experience-layout .observed-insight {border:0;border-left:2px solid var(--border-strong);border-radius:0;background:var(--surface-muted);padding:16px 20px}
.tool-section {border-top:1px solid var(--border-soft);padding:20px 0}.tool-section p {color:var(--text-secondary)}.tool-grid {gap:16px 40px}
.experience-layout .graph-card {box-shadow:none;background:transparent;border:0;border-top:1px solid var(--border-soft);border-radius:0}
.experience-layout .detail-tabs .active {border-bottom:2px solid var(--accent);border-radius:4px 4px 0 0}

.platform-table-card .table-wrap {max-height:640px;overflow:auto;overscroll-behavior:contain}
.platform-table-card thead {position:sticky;top:0;z-index:1;background:var(--surface-muted)}
.platform-layout td,.platform-layout th {border-left:0;border-right:0}
.status-pill {font-size:.8125rem}
[id] {scroll-margin-top:90px}

.experience-layout .billing-shell>.card:has(.plan-grid) {padding:20px 0;border:0;border-top:1px solid var(--border-soft);border-radius:0;background:transparent}
.experience-layout .billing-shell .plan-grid {gap:0;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-base);overflow:hidden}
.experience-layout .billing-shell .plan-card {border:0;border-radius:0;padding:24px;box-shadow:none}
.experience-layout .billing-shell .plan-card+.plan-card {border-left:1px solid var(--border-soft)}
.billing-help summary {font-weight:600;cursor:pointer}.billing-help p {max-width:90ch;color:var(--text-secondary)}
@media(max-width:800px){.experience-layout .billing-shell .plan-card+.plan-card {border-left:0;border-top:1px solid var(--border-soft)}}

/* Public evidence windows; native document fallback until the stage controller mounts. */
button,input,select,textarea {font-family:inherit}
.experience-layout.layout-public-route {height:auto;min-height:100vh;overflow:visible;display:block}
/* JavaScript enhances these sections into a stationary summary and scrollable details. */
.experience-layout.layout-public-route>#main-content.content {height:auto;overflow:visible;max-width:1480px;padding:24px 32px}
.public-status-shell {position:relative;min-width:0}
.public-slide {position:relative;display:grid;gap:24px;min-width:0;scroll-margin-top:20px}
.public-slide-main {min-height:calc(100svh - 48px);grid-template-rows:auto auto auto auto 1fr;align-content:start}
.public-slide-details {padding:40px 0 16px;border-top:1px solid var(--border-soft);margin-top:24px}
.experience-layout .public-header {background:var(--surface-base);box-shadow:none;border:1px solid var(--border-soft);border-radius:12px;padding:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:28px}
.experience-layout .public-title-row h1 {font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin:0}
.experience-layout .public-title-main .ai-powered-badge {display:none}
.experience-layout .public-minimal-brand-mark {box-shadow:none}.experience-layout .public-minimal-brand {padding:0}
.experience-layout .public-meta-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.experience-layout .public-core-facts>p {background:var(--surface-muted);border:1px solid var(--border-soft);padding:14px;border-radius:8px;display:block;margin:0}
.public-meta-grid small {display:block;color:var(--text-muted);font-size:.75rem;margin-top:8px;line-height:1.5}
.public-core-facts strong{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}
.public-core-facts>p>span{font-size:1.25rem;font-weight:650}
.public-state::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;margin-right:8px}
.public-state.status-up{color:var(--success)}.public-state.status-down{color:var(--danger)}.public-state.status-paused{color:var(--warning)}
.public-live-indicator{display:inline-flex;gap:7px;align-items:center;font-size:.75rem;color:var(--text-secondary)}
.public-live-indicator>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.public-definition {font-size:.8125rem;color:var(--text-muted)}
.public-service-details>summary{cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.public-service-details .public-meta-grid{padding-top:16px}.public-service-details .public-meta-grid>p{font-size:.8125rem}.public-service-details strong{display:block}
.public-stage-end {align-self:end;display:grid;justify-items:center;gap:22px;padding:12px 0 8px}
.public-stage-link{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid var(--border-soft);border-radius:24px;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;background:var(--surface-base)}
.public-powered{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.public-powered a{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--text-secondary);text-decoration:none}.public-powered svg{width:21px;height:15px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}
.public-details-heading {display:flex;align-items:center;justify-content:space-between;gap:16px}.public-details-heading h2{margin:0}
.public-summary-graphs{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}
.public-summary-graphs>.public-history-surface{padding:20px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-base)}
.public-summary-graphs .section-heading{margin-bottom:18px}.public-summary-graphs .section-heading h2{font-size:1rem}.public-summary-graphs .section-heading>span{font-size:.75rem;color:var(--text-muted)}
.public-summary-graphs .duration-chart svg,.public-summary-graphs .duration-y-axis{height:170px}.public-summary-graphs .duration-chart .history-axis{margin-bottom:0}
.public-heartbeat-grid{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:5px;align-content:start;min-height:168px;margin:24px 0 12px}
.heartbeat-bar{height:48px;min-width:0;border-radius:5px;background:var(--text-muted)}
.state-up{background:var(--success)}.state-down{background:var(--danger)}.state-paused{background:var(--warning)}.state-unknown{background:var(--text-muted)}
.heartbeat-bar.state-unknown{background:repeating-linear-gradient(0deg,var(--text-muted) 0 3px,var(--surface-base) 3px 6px)}
.heartbeat-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-secondary);font-size:.75rem}.heartbeat-legend>span{display:flex;gap:6px;align-items:center}.heartbeat-legend i{display:block;width:8px;height:8px;border-radius:50%}
.public-no-checks{min-height:168px;display:grid;align-content:center;gap:8px;text-align:center;border:1px dashed var(--border-soft);border-radius:8px}
.experience-layout .public-latest-update{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px!important;border-radius:12px}.public-latest-update h2{font-size:1rem;margin:0 0 10px}.public-latest-update p{margin:4px 0}.public-latest-update>a{white-space:nowrap;font-size:.875rem}
@media(max-width:1100px){.experience-layout .public-header{grid-template-columns:1fr}.public-heartbeat-grid{gap:4px}.public-summary-graphs{gap:16px}}
@media(max-width:700px){.public-slide-main{min-height:calc(100svh - 40px);grid-template-rows:none}.public-slide{gap:20px}.experience-layout .public-header{padding:18px;gap:18px}.experience-layout .public-core-facts{grid-template-columns:1fr 1fr;gap:10px}.public-summary-graphs{grid-template-columns:1fr}.public-summary-graphs>.public-history-surface{padding:16px}.public-heartbeat-grid{gap:4px;grid-template-columns:repeat(24,minmax(0,1fr));min-height:0}.heartbeat-bar{height:32px;border-radius:4px}.public-details-heading{align-items:flex-start;flex-direction:column}.experience-layout .public-latest-update{display:block}.public-latest-update>a{display:inline-block;margin-top:12px}.public-stage-end{padding-top:8px}}
.public-history-surface {padding:20px 0;border-bottom:1px solid var(--border-soft);min-width:0}
.public-history-surface h2 {margin:0}.public-history-surface>p {font-size:.875rem}
.availability-buckets {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:24px 0 8px}
.availability-buckets .availability-bucket {height:44px;min-height:44px;border:1px solid var(--border-strong);border-radius:3px;padding:0;color:var(--text-primary);font-size:16px;line-height:1}
.availability-bucket.selected {outline:2px solid var(--text-primary);outline-offset:2px}
.bucket-up {background:color-mix(in srgb,var(--success) 35%,var(--surface-base))!important}
.bucket-down {background:color-mix(in srgb,var(--danger) 45%,var(--surface-base))!important}
.bucket-mixed {background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--warning) 45%,var(--surface-base)) 0 6px,var(--surface-muted) 6px 12px)!important}
.bucket-unknown {background:var(--border-strong)!important}
.bucket-paused {background:color-mix(in srgb,var(--warning) 35%,var(--surface-base))!important}
.bucket-unobserved {background:transparent!important;border-style:dashed!important}
.history-axis {display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.75rem;margin:8px 0 16px}
.history-axis>span:last-child {text-align:right}.bucket-detail {min-height:42px;padding:10px 12px;background:var(--surface-muted);border-radius:4px}
.history-legend {display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.75rem;color:var(--text-secondary)}.history-legend>span{display:flex;align-items:center;gap:7px}.history-legend i{display:inline-block;width:14px;height:14px;border:1px solid var(--border-strong);border-radius:2px}
.duration-chart {width:100%;min-width:0;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:5px}.duration-chart svg {display:block;width:100%;height:220px}.duration-chart text {font:12px system-ui;fill:var(--text-muted)}.duration-grid {stroke:var(--border-soft);stroke-dasharray:3 5}.duration-point {fill:var(--text-muted)}.duration-point.up{fill:var(--success)}.duration-point.down{fill:var(--danger)}.duration-point.unknown{fill:var(--surface-base);stroke:var(--text-muted)}
.duration-chart{display:grid;grid-template-columns:52px minmax(0,1fr);padding:12px 12px 12px 0;margin-bottom:12px}.duration-y-axis{position:relative;height:220px}.duration-y-axis span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:var(--text-muted);white-space:nowrap}.duration-point{stroke:var(--text-muted)}.duration-point.up{stroke:var(--success)}.duration-point.down{stroke:var(--danger)}
.public-incident-timeline {list-style:none;padding:0;margin:18px 0}.public-incident-timeline li {display:flex;gap:24px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.public-incident-timeline time{flex:0 0 180px;font-size:.8125rem;color:var(--text-muted)}.public-incident-timeline p{margin:4px 0 0;font-size:.875rem}
.public-event-detail>summary {font-weight:600;cursor:pointer}.public-event-detail .graph-panel {border:0;background:transparent;box-shadow:none;padding:20px 0 0}.public-event-detail .event-axis{font-size:.65rem}
.publication-heading {padding:20px}.publication-heading h2 {margin:0!important}.publication-table td {vertical-align:top}
@media(max-width:800px){.experience-layout.layout-public-route>.content{padding:20px 18px}.experience-layout .public-meta-grid{grid-template-columns:1fr 1fr}.history-axis{font-size:.65rem}.public-incident-timeline li{display:block}.public-incident-timeline time{display:block;margin-bottom:5px}.availability-buckets{gap:3px}.availability-buckets .availability-bucket{font-size:12px}.duration-chart svg{height:160px}.publication-heading{display:block}.public-event-detail .event-axis span:nth-child(even){visibility:hidden}}
@media(max-width:800px){.duration-y-axis{height:160px}.public-core-facts>p:last-child{grid-column:1/-1}}
.experience-layout .signup-simple{max-width:520px;padding:28px 32px!important}.signup-simple .signup-path{margin:0 0 22px;gap:16px}.signup-simple form{gap:16px;margin-top:22px}.signup-simple form .grid{grid-template-columns:1fr;gap:16px}.signup-simple .password-guidance{margin:-8px 0 0;font-size:.75rem}.signup-simple details{margin:2px 0}.signup-simple form>p{margin-bottom:0;font-size:.8125rem}.signup-simple form>button{margin-top:4px}.signup-simple .signup-plan{border-radius:4px;padding:12px;margin-top:16px}.signup-support{margin-top:20px;font-size:.8125rem}.signup-support>p{margin-bottom:4px}.signup-support>a{font-size:.75rem;color:var(--text-muted)}
@media(max-width:600px){.experience-layout .signup-simple{padding:22px!important}.signup-simple .signup-path{gap:12px;font-size:.65rem}}

.platform-config-section{margin:28px 0 36px}.platform-config-section .table-wrap{background:var(--surface-base)}.platform-config-section>h2{margin:0 0 14px}.platform-deployment-note,.platform-resolution-help{border-top:1px solid var(--border-soft);padding:22px 0;margin-top:24px;color:var(--text-secondary)}.platform-resolution-help p,.platform-deployment-note p{font-size:.8125rem}.platform-resolution-help h3{font-size:.875rem}

@media(max-width:700px){
.experience-layout.layout-public-route>#main-content.content{padding:20px 18px}
.public-summary-graphs>.public-history-surface:last-child,.experience-layout .public-latest-update{display:none}
.public-slide-main{min-height:calc(100svh - 40px)}
.public-heartbeat-grid{margin-top:16px}
}

@media(max-width:700px){
.experience-layout .public-core-facts>p{padding:10px}
.public-core-facts strong{font-size:.75rem;margin-bottom:5px}
.public-core-facts>p>span{font-size:1.05rem}
.public-meta-grid small{font-size:.7rem;line-height:1.4;margin-top:5px}
.public-heartbeat-grid .heartbeat-bar{height:24px}
.public-summary-graphs .section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.public-summary-graphs .section-heading>span{font-size:.7rem}
.public-summary-graphs .evidence-note{font-size:.75rem}
}

.experience-layout .public-header-main>p{margin:0}
.public-summary-graphs .section-heading{text-align:left;flex-direction:row}
@media(max-width:700px){.public-stage-end{gap:14px}}

/* The attribution belongs to the customer-facing page, outside both stages. */
.experience-layout.layout-public-route .app-footer-minimal {position:fixed;inset:auto 0 0;z-index:30;min-height:42px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--surface-base);border-top:1px solid var(--border-soft);display:flex;justify-content:center;align-items:center}
body:has(.public-status-shell[data-staged]) {overflow:hidden}
.experience-layout.layout-public-route:has([data-staged]) {height:100dvh;min-height:0;overflow:hidden}
.experience-layout.layout-public-route:has([data-staged])>#main-content.content {height:calc(100dvh - 44px - env(safe-area-inset-bottom));padding:0;max-width:none;overflow:hidden}
.public-status-shell[data-staged] {height:100%;overflow:hidden}
.public-status-shell[data-staged]>.public-slide {position:absolute;inset:0;min-height:0;height:100%;margin:0;border:0;padding:24px max(24px,calc((100vw - 1416px)/2));box-sizing:border-box;transition:transform 500ms cubic-bezier(.22,.75,.25,1);scroll-margin:0}
.public-status-shell[data-staged]>.public-slide-main {display:flex;flex-direction:column;overflow:hidden;gap:18px;transform:translateY(0)}
.public-status-shell[data-staged]>.public-slide-main>* {flex-shrink:0}
.public-status-shell[data-staged]>.public-slide-main>.card {margin:0}
.public-status-shell[data-staged] .public-stage-end {margin-top:auto;align-self:center;padding:4px 0}
.public-status-shell[data-staged]>.public-slide-details {display:block;overflow-y:auto;overscroll-behavior-y:contain;transform:translateY(100%);scrollbar-gutter:stable}
.public-status-shell[data-staged]>.public-slide-details>* {margin-bottom:24px}
.public-status-shell[data-active-slide="1"]>.public-slide-main {transform:translateY(-100%)}
.public-status-shell[data-active-slide="1"]>.public-slide-details {transform:translateY(0)}
.public-status-shell[data-staged]>.public-inline-loading {position:absolute;right:20px;top:12px;z-index:2;padding:8px;font-size:.75rem;pointer-events:none}
.public-status-shell[data-compact="true"]>.public-slide-main {gap:12px;padding-top:16px;padding-bottom:12px}
.public-status-shell[data-compact="true"] .public-latest-update {display:none}
.public-status-shell[data-compact="true"] .public-header {padding:16px;gap:12px}
.public-status-shell[data-compact="true"] .public-heartbeat-grid {min-height:0;margin:12px 0}
.public-status-shell[data-compact="true"] .heartbeat-bar {height:20px}
.public-status-shell[data-compact="true"] .public-summary-graphs .duration-chart svg,.public-status-shell[data-compact="true"] .public-summary-graphs .duration-y-axis {height:96px}
.public-status-shell[data-minimal="true"] .public-summary-graphs {display:none}
.public-status-shell[data-minimal="true"] .public-meta-grid small {display:none}
.public-status-shell[data-minimal="true"] .public-core-facts>p {padding:8px}
@media(max-width:700px){.public-status-shell[data-staged]>.public-slide {padding:16px 18px}.public-status-shell[data-staged]>.public-slide-main {gap:14px}.public-status-shell[data-staged] .public-summary-graphs>.public-history-surface {padding:12px}.public-status-shell[data-staged] .public-summary-graphs .evidence-note {margin:8px 0}}
@media(max-height:450px){.public-status-shell[data-staged] .public-summary-graphs,.public-status-shell[data-staged] .public-latest-update,.public-status-shell[data-staged] .public-meta-grid small {display:none}.public-status-shell[data-staged] .public-header {padding:10px;gap:8px}.public-status-shell[data-staged] .public-core-facts>p {padding:6px}.public-status-shell[data-staged]>.public-slide-main {gap:8px;padding-top:8px;padding-bottom:8px}.public-status-shell[data-staged] .public-minimal-brand {display:none}}
@media(prefers-reduced-motion:reduce){.public-status-shell[data-staged]>.public-slide {transition:none}}

/* Tutorial focus and completion respect reduced motion. */
.guide-confetti{position:absolute;overflow:hidden;pointer-events:none}.guide-confetti i{position:absolute;left:var(--x);top:-14px;width:7px;height:12px;background:var(--accent);animation:guide-confetti 1600ms var(--delay) ease-out both}.guide-confetti i:nth-child(3n){background:var(--warning)}.guide-confetti i:nth-child(3n+1){background:var(--success);border-radius:50%}.tutorial-highlight{animation:guide-highlight 2s ease-out}
@keyframes guide-confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(300px) rotate(540deg);opacity:0}}@keyframes guide-highlight{0%,40%{outline:3px solid var(--accent);outline-offset:5px}100%{outline-color:transparent;outline-offset:10px}}
@media(prefers-reduced-motion:reduce){.guide-confetti{display:none}.tutorial-highlight{animation:none;outline:2px solid var(--accent);outline-offset:4px}}

/* Tutorial invitation stays in the dashboard; the active guide follows the real workspace. */
.experience-layout .guided-setup{margin:0;border-left:3px solid var(--accent);display:flex;align-items:center;gap:22px;padding:24px;border-radius:8px}
.guide-invitation-mark{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:1.8rem;font-weight:700;white-space:nowrap}.guide-invitation-mark span{font-size:1rem;color:var(--text-muted)}
.guide-invitation-copy{flex:1;max-width:78ch}.guide-invitation-copy h2{margin:0 0 8px}.guide-invitation-copy p{margin:6px 0;font-size:.85rem}.guide-invitation-actions{display:grid;gap:8px;flex-shrink:0}
.tutorial-guide{position:fixed;bottom:0;left:224px;right:0;z-index:65;background:var(--surface-base);color:var(--text-primary);border-top:3px solid var(--accent);box-shadow:0 -5px 24px #0002;padding:12px 28px 16px;isolation:isolate}
.tutorial-toolbar{display:flex;gap:12px;align-items:center}.tutorial-badge{font-weight:700;font-size:.85rem;white-space:nowrap}.tutorial-badge>span{color:var(--accent);margin-right:5px}.tutorial-count{font-size:.75rem;color:var(--text-secondary)}.tutorial-toolbar button{font-size:.75rem;min-height:36px;padding:6px 10px}.tutorial-toggle{margin-left:auto}
.tutorial-progress{display:flex;list-style:none;margin:12px 0;padding:0;gap:8px}.tutorial-progress li{flex:1;display:flex;align-items:center;gap:7px;border-top:3px solid var(--border-soft);padding-top:7px;font-size:.72rem;color:var(--text-muted)}.tutorial-progress li>span:first-child{font-size:.7rem;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--surface-muted)}.tutorial-progress .current{border-color:var(--accent);color:var(--text-primary);font-weight:700}.tutorial-progress .done{border-color:var(--accent);color:var(--accent)}.tutorial-progress .current>span:first-child{background:var(--accent);color:var(--surface-base)}
.tutorial-body{display:flex;align-items:center;gap:24px;max-height:30vh;overflow:auto;overscroll-behavior:contain;padding:3px}.tutorial-explanation{flex:1;min-width:0}.tutorial-explanation h2{font-size:1.05rem;margin:0 0 5px}.tutorial-explanation p{font-size:.8rem;line-height:1.5;margin:4px 0;max-width:100ch}.tutorial-explanation .tutorial-hint{font-size:.75rem;color:var(--text-secondary)}.tutorial-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:200px;max-width:265px}.tutorial-actions button{font-size:.8rem}.tutorial-autosave{font-size:.68rem;color:var(--text-muted);text-align:center}.tutorial-compact .tutorial-progress{margin-bottom:0}.tutorial-compact .tutorial-body{margin-top:10px}.tutorial-compact .tutorial-actions{flex-direction:row;align-items:center;max-width:none;flex-wrap:wrap}.tutorial-compact .tutorial-autosave{margin-left:8px}.tutorial-guide .guide-confetti{z-index:-1;inset:0}
html:has(.tutorial-guide){scroll-padding-bottom:calc(var(--tutorial-height, 250px) + 24px)}body:has(.tutorial-guide){padding-bottom:var(--tutorial-height, 250px)}#add-monitor,#alert-setup,#monitor-operations,#monitor-sharing,#incident-queue{scroll-margin-top:90px}
@media(max-width:1000px){.tutorial-guide{padding:10px 16px 14px}.tutorial-body{gap:14px}.tutorial-actions{min-width:170px;max-width:210px}.guide-invitation-mark{display:none}}
@media(max-width:800px){.tutorial-guide{left:0}.experience-layout .guided-setup{align-items:flex-start;flex-direction:column;gap:12px}.guide-invitation-actions{display:flex;flex-wrap:wrap}.tutorial-body{max-height:29vh;display:block}.tutorial-actions{max-width:none;min-width:0;margin-top:10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.tutorial-actions button{flex:1}.tutorial-autosave{width:100%}.tutorial-toolbar{gap:8px;flex-wrap:wrap}.tutorial-badge{font-size:.78rem}.tutorial-count{margin-right:auto}.tutorial-toggle{margin-left:0}.tutorial-progress li{gap:4px;font-size:.64rem}.tutorial-explanation h2{font-size:.95rem}.tutorial-explanation p{font-size:.78rem}}
@media(max-width:420px){.tutorial-guide{padding:8px 12px 10px}.tutorial-toolbar{display:grid;grid-template-columns:1fr auto}.tutorial-count{grid-column:1;grid-row:2}.tutorial-toggle{grid-column:2;grid-row:2}.tutorial-skip{grid-column:2;grid-row:1}.tutorial-progress{gap:5px;margin:8px 0}.tutorial-progress li{flex-direction:column;align-items:flex-start;font-size:.6rem;gap:4px}.tutorial-actions{display:grid;grid-template-columns:1fr}.tutorial-compact .tutorial-body{margin-top:5px}}
@media(max-height:500px){.tutorial-progress{display:none}.tutorial-body{max-height:23vh}.tutorial-explanation p{font-size:.74rem}.tutorial-guide{padding-top:6px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.tutorial-guide .guide-confetti{display:none}}
/* Keep the destination action and Skip reachable even with short viewports or enlarged text. */
.tutorial-body{overflow:visible;max-height:none;align-items:flex-start}.tutorial-explanation{max-height:25vh;overflow:auto;overscroll-behavior:contain;padding-right:6px}.tutorial-actions{flex-shrink:0}
@media(max-width:800px){.tutorial-explanation{max-height:18vh}.tutorial-body{max-height:none;overflow:visible}.tutorial-actions{margin-top:8px}.tutorial-later{font-size:.72rem!important;min-height:32px}}
@media(max-width:420px){.tutorial-explanation{max-height:16vh}.tutorial-toolbar button{min-height:32px}.tutorial-progress li{flex-direction:row}.tutorial-progress li:not(.current)>span:last-child{display:none}.tutorial-progress .current{flex:2.2}.tutorial-progress{margin:7px 0}.tutorial-autosave{font-size:.63rem}.tutorial-actions button{padding:7px 9px;min-height:34px}}
@media(max-height:500px){.tutorial-explanation{max-height:18vh}.tutorial-body{margin-top:6px}.tutorial-actions{margin-top:0}.tutorial-actions .tutorial-autosave{display:none}}
/* Signed-in status previews retain both their attribution and the active tutorial. */
.layout-public-route .tutorial-guide{left:0;bottom:calc(44px + env(safe-area-inset-bottom))}
.experience-layout.layout-public-route:has(.tutorial-guide):has([data-staged])>#main-content.content{height:calc(100dvh - 44px - env(safe-area-inset-bottom) - var(--tutorial-height, 250px))}
.tutorial-explanation{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
/* Advanced check settings remain usable while tutorial Skip stays above their backdrop. */
.tutorial-guide{z-index:1250}
.experience-layout:has(.tutorial-guide) :is(.type-settings-modal-backdrop,.runtime-settings-modal-backdrop){padding-bottom:calc(var(--tutorial-height, 250px) + 16px)}
.experience-layout:has(.tutorial-guide) :is(.type-settings-modal,.runtime-settings-modal){max-height:calc(100dvh - var(--tutorial-height, 250px) - 32px)}
/* Public monitor check inspection and response-time clarity. */
.public-core-facts .public-state{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;line-height:1.35;background:color-mix(in srgb,currentColor 9%,var(--surface-base));border:1px solid color-mix(in srgb,currentColor 25%,var(--border-soft))}
.public-heartbeat-grid{position:relative}
.public-heartbeat-grid .heartbeat-bar{display:block;position:static;width:100%;min-height:0;padding:0;border:0;box-shadow:none;cursor:help;transform:none}
.public-heartbeat-grid .heartbeat-bar:hover,.public-heartbeat-grid .heartbeat-bar:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;filter:none}
.check-hover-card{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:250px;max-width:100%;padding:12px 14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-raised,var(--surface-base));color:var(--text-primary);box-shadow:0 6px 20px #0003;text-align:left;font-size:.8125rem;font-weight:400;line-height:1.6;pointer-events:none}
.check-hover-card>span,.check-hover-card>strong{display:block}
.heartbeat-bar:hover .check-hover-card,.heartbeat-bar:focus .check-hover-card{display:block}
.response-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.duration-point{cursor:help;transition:stroke-width .12s}
.duration-point:hover,.duration-point:focus{stroke-width:11;outline:none;filter:drop-shadow(0 0 2px var(--text-primary))}
.experience-layout .public-history-grid{align-items:stretch}
.experience-layout .public-history-grid .history-card{display:flex;flex-direction:column;height:620px;min-height:0;gap:12px}
.public-history-grid .history-card>h2,.public-history-grid .history-card>p{margin:0}
.public-history-grid .history-card .table-wrap{flex:1;min-height:0;overflow:auto}
.public-history-grid .history-card .table-pagination{margin-top:auto;flex-shrink:0}
.public-history-grid .history-card table{min-width:540px;width:100%;table-layout:auto}
.public-history-grid .history-card th{position:sticky;top:0;z-index:1;background:var(--surface-muted)}
.public-history-grid .history-card .check-state-column{width:80px;min-width:80px;max-width:90px;white-space:normal;overflow-wrap:normal}
.public-history-grid .history-card th,.public-history-grid .history-card td{padding:10px 12px}
@media(prefers-reduced-motion:reduce){.duration-point{transition:none}}
@media(min-width:1000px){.experience-layout .public-history-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.public-history-grid .check-time-column{min-width:112px;white-space:nowrap}
.public-history-grid .check-time-column time>span{display:block}

/* Keep supporting marketing notes separate from the content above them. */
.marketing-feature-grid .evidence-note{margin-top:20px}
.business-features + p{margin-top:20px}
/* Homepage: product evidence, compact onboarding and operational proof. */
.hero-differentiators{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:22px 0 16px;font-size:.8rem;font-weight:600;color:var(--text-primary)}
.hero-differentiators li{display:flex;align-items:center;gap:8px}.hero-differentiators li:before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%}
.marketing-experience .hero-note{max-width:58ch;line-height:1.65}.hero-note strong{color:var(--text-primary)}
.product-capture{min-width:0;margin:0;border:1px solid var(--border-soft);border-radius:9px;overflow:hidden;background:var(--surface-base);box-shadow:0 12px 28px #00000012}
.product-capture figcaption{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-size:.8rem}.product-capture figcaption>span:last-child{margin-left:auto;color:var(--text-muted);font-size:.73rem}.capture-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.product-capture a{display:block}.product-capture img{width:100%;height:auto;display:block}.product-capture .capture-light{display:none}html[data-theme="light"] .product-capture .capture-dark{display:none}html[data-theme="light"] .product-capture .capture-light{display:block}
.product-capture .capture-caption{font-size:.77rem;line-height:1.6;margin:0;padding:15px 18px;border-top:1px solid var(--border-soft);color:var(--text-secondary)}
.marketing-experience .journey-grid{gap:18px;border:0;padding:0}.journey-grid article{min-width:0;padding:24px;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:8px;display:flex;flex-direction:column}.journey-grid .step-number{font-size:.79rem;margin-bottom:16px}.journey-grid h3{font-size:1.2rem;margin:0 0 10px;line-height:1.35}.journey-grid p{margin:0 0 22px;line-height:1.65}.journey-fragment{margin-top:auto;padding:16px;background:var(--surface-muted);border-left:2px solid var(--accent);display:grid;gap:10px;font-size:.78rem}.journey-fragment>span:first-child{font-size:.69rem;color:var(--text-muted)}.journey-fragment code{font-size:.72rem;overflow-wrap:anywhere}.fragment-action{color:var(--accent);font-size:.72rem}.fragment-result strong{font-weight:500;line-height:2}
.marketing-experience .incident-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.incident-story h2,.intelligence-story h2,.proof-heading h2{font-size:2rem;line-height:1.2;letter-spacing:-.02em}.incident-story-copy p,.intelligence-story p{color:var(--text-secondary);line-height:1.7}.incident-captures{display:grid;gap:18px;min-width:0}
.marketing-experience .intelligence-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:32px 0;border-block:1px solid var(--border-soft)}.intelligence-story h2{margin-top:0}.intelligence-local{display:block;font-size:1.1rem;margin-top:6px}.intelligence-story .evidence-note{margin-top:22px;font-size:.82rem}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.capability-grid article{border-top:2px solid var(--border-soft);padding-top:20px}.capability-number{font:12px Consolas,monospace;color:var(--accent)}.capability-grid h3{font-size:1.2rem;margin:10px 0}.capability-grid ul{list-style:none;padding:0;color:var(--text-secondary);font-size:.85rem;line-height:2}.capability-grid a{font-size:.8rem}.integration-strip{border-top:1px solid var(--border-soft);margin-top:32px;padding-top:22px}.integration-strip p{font-weight:600}.integration-strip ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0}.integration-strip li{border:1px solid var(--border-soft);border-radius:5px;padding:6px 11px;font-size:.76rem;color:var(--text-secondary)}.integration-strip>a{font-size:.82rem}
.operational-proof{padding:30px;background:var(--surface-base);border:1px solid var(--border-soft);border-radius:8px}.proof-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.proof-heading h2{margin:8px 0 24px}.proof-heading>a{font-size:.8rem}.proof-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;margin:12px 0 28px}.proof-metrics>div{display:flex;flex-direction:column;border-left:2px solid var(--accent);padding-left:18px}.proof-metrics dd{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.proof-metrics dt{font-size:.79rem;color:var(--text-secondary);margin-top:4px}.proof-timestamp{font-size:.73rem;color:var(--text-muted);line-height:1.7}.operational-proof details{font-size:.77rem}.operational-proof details p{max-width:100ch;color:var(--text-secondary)}
.marketing-experience .offer-card .offer-description{min-height:0}.marketing-experience .offer-card .offer-restriction{font-size:.78rem;line-height:1.65}.business-route-expanded{padding:36px!important;align-items:start;background:var(--surface-base);border-left:3px solid var(--accent)}.business-route-expanded h3{font-size:1.65rem}.business-route-expanded .business-actions{display:flex;flex-direction:column;align-items:start;gap:15px;font-size:.84rem;margin-top:18px}.business-actions .button-link{white-space:normal}
@media(max-width:1050px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-route-expanded{flex-direction:column}.marketing-experience .incident-story{gap:28px;grid-template-columns:1fr 1.2fr}}
@media(max-width:800px){.marketing-experience .incident-story,.marketing-experience .intelligence-story{grid-template-columns:1fr;gap:24px}.proof-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.proof-metrics dd{font-size:1.6rem}.proof-heading{align-items:start;flex-direction:column;gap:0}.proof-heading>a{margin-bottom:20px}.operational-proof{padding:22px}.journey-grid article{padding:22px}.business-route-expanded{padding:24px!important}}
@media(max-width:400px){.capability-grid{gap:22px 14px}.capability-grid a{font-size:.75rem}.proof-metrics{grid-template-columns:1fr}.hero-differentiators{gap:8px 14px}.product-capture figcaption{padding:12px;font-size:.75rem}.product-capture figcaption>span:last-child{font-size:.65rem}}
.product-capture .capture-open{display:block;padding:9px 16px;font-size:.73rem;border-top:1px solid var(--border-soft);color:var(--accent)}
.proof-metrics dd{min-height:2.8rem;line-height:1.35;font-variant-numeric:tabular-nums}
.proof-metrics dd[data-scrambling]{display:flex;align-items:center;font-size:1.85rem;letter-spacing:0;color:var(--accent);min-height:2.8rem}
.proof-digit{display:inline-block;text-align:center;width:.65em;border-bottom:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:3px 3px 0 0;transition:color .2s,background .2s,border-color .2s}
.proof-separator{width:.27em;text-align:center;color:var(--text-muted)}
.proof-digit.is-locked{color:var(--text-primary);border-color:transparent;background:transparent;animation:proof-digit-lock .25s ease-out}
@keyframes proof-digit-lock{from{transform:translateY(-.12em);color:var(--accent)}to{transform:translateY(0);color:var(--text-primary)}}
@media(max-width:600px){.proof-metrics{grid-template-columns:1fr}.proof-metrics dd[data-scrambling]{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.proof-digit{transition:none;animation:none!important}}

.business-route .business-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.operational-proof .recent-publications{margin-top:26px}
.recent-publications [data-directory-status]{padding:0 20px;font-size:.8rem}
.recent-publications [data-directory-pagination]{padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.recent-publications .publication-heading{gap:16px}
.recent-publications .publication-heading a{font-size:.82rem}
@media(max-width:600px){.recent-publications .publication-table th:last-child,.recent-publications .publication-table td:last-child{display:none}.recent-publications .publication-table{min-width:0;width:100%}.recent-publications .publication-table td{overflow-wrap:anywhere}.recent-publications .publication-heading h2{margin-bottom:10px!important}}
@media(max-width:600px){.recent-publications .publication-table th,.recent-publications .publication-table td{padding:12px 10px}.recent-publications .publication-table th:first-child{width:40%}.recent-publications .publication-table th:nth-child(2){width:25%}.recent-publications .publication-table th:nth-child(3){width:35%}}

/* Services prioritizes the monitor list; operational problems expand the overview. */
.experience-layout .dashboard-main {gap:8px}
.experience-layout .dashboard-main > .page-heading {margin:0;min-height:40px}
.experience-layout .dashboard-main > .metric-row {margin:0;min-height:80px}
.experience-layout .dashboard-main .metric {display:grid;grid-template-columns:auto 1fr;align-content:center;align-items:baseline;column-gap:8px;padding:8px 12px 10px 0;margin:0}
.experience-layout .dashboard-main .metric strong {grid-column:1;grid-row:1;font-size:1.65rem;margin:0}
.experience-layout .dashboard-main .metric span {grid-column:2;grid-row:1;font-size:.7rem}
.experience-layout .dashboard-main .metric small {grid-column:1/-1;margin-top:4px}
.experience-layout .dashboard-main .first-value {padding:6px 0!important;border-top:0;margin:0}
.dashboard-main .first-value-heading {flex-direction:row;align-items:center;gap:12px}
.dashboard-main .first-value-heading h2 {font-size:.9rem}
.dashboard-main .first-value-quiet .first-value-heading h2 {color:var(--success)}
.dashboard-main .first-value .coverage-line {margin:4px 0 0;font-size:.78rem;line-height:1.6}
.dashboard-main .first-value .coverage-line > span {margin:0 5px}
.dashboard-main .first-value-attention p {margin:8px 0}
.experience-layout .dashboard-main #monitor-table .service-table-heading {padding:4px 16px 0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}
.experience-layout .dashboard-main #monitor-table .service-table-heading h2 {font-size:1rem;margin:0}
.experience-layout .dashboard-main #monitor-table .service-filters {padding:6px 16px}
.dashboard-main .service-filters .grid {margin:0;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(110px,1fr));gap:8px}
.dashboard-main .service-filters label {margin:0;min-width:0}
.dashboard-main .service-filters input,.dashboard-main .service-filters select {width:100%;margin:0;font-size:.8rem;min-height:38px}
.experience-layout .dashboard-main #monitor-table td {padding:10px 14px}
.dashboard-main .create-service[hidden] {display:none!important}
.service-attention {padding:12px 16px;border-left:3px solid var(--warning);background:var(--surface-muted)}
.service-attention-heading {display:flex;justify-content:space-between;align-items:center;gap:12px}
.service-attention-heading h2 {margin:0;font-size:1rem}
.service-attention-row {display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(100px,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:.84rem}
.service-attention-row a {overflow-wrap:anywhere}
.service-attention-row strong {color:var(--danger)}
.service-attention p {font-size:.78rem;margin:8px 0 0}
@media(min-width:1100px){
 .dashboard-main .first-value-quiet {display:flex;align-items:center;flex-wrap:wrap;column-gap:16px;row-gap:4px}
 .dashboard-main .first-value-quiet .first-value-heading {display:contents}
 .dashboard-main .first-value-quiet .first-value-heading button {order:2;margin-left:auto}
 .dashboard-main .first-value-quiet .coverage-line {flex:1;margin:0;min-width:400px}
 .dashboard-main .first-value-quiet > div[role=status] {flex-basis:100%;order:3}
}
@media(max-width:800px){
 .dashboard-main .service-filters .grid {grid-template-columns:1fr 1fr}
 .service-attention-heading {align-items:start;flex-wrap:wrap}
 .service-attention-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
 .experience-layout .dashboard-main .metric {padding:10px 8px 10px 0}
 .dashboard-main .page-heading .actions {flex-wrap:wrap;flex-shrink:1}
}
.dashboard-main .agent-summary {max-width:28ch;overflow-wrap:anywhere}

.experience-layout .dashboard-main > .page-heading h1 {margin:0}
.experience-layout .dashboard-main #monitor-table th {padding:8px 14px}
.dashboard-main .first-value > div[role=status]:empty {display:none}
.attention-monitor-name {min-width:0;overflow-wrap:anywhere}.attention-monitor-name .service-meta {margin:0 0 2px}

/* Header disclosure matches navigation links and keeps the pointer path continuous. */
.experience-layout .topnav .resource-menu summary{user-select:none;-webkit-user-select:none;font-size:inherit}
.resource-menu>div{top:100%}
.resource-menu>div::before{content:"";position:absolute;inset:-8px 0 auto;height:8px}
@media(max-width:800px){.resource-menu{font-size:.8rem}}
.platform-table-card.recent-publications[data-limit="5"] .table-wrap{max-height:none;overflow:visible;overscroll-behavior:auto}