:root{color-scheme:light;--navy:#0b1c30;--muted:#56627a;--green:#006948;--bright:#10b981;--line:#dce5df;--bg:#f8fafc;--white:#fff;--amber:#b45309;--red:#b42318;--blue:#175cd3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);line-height:1.55;overflow-wrap:anywhere}.container{width:min(calc(100% - 2rem),1080px);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:10;background:var(--navy);color:#fff;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.event-pills{display:flex;align-items:center;gap:.8rem}.hero{padding:4.5rem 0 2rem}.eyebrow{margin:0;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.16em}.hero h1{max-width:760px;margin:.65rem 0 0;font-size:clamp(2.25rem,6vw,4rem);line-height:1.08;letter-spacing:-.045em}.hero-copy{max-width:720px;margin:1.25rem 0 0;color:var(--muted);font-size:1.1rem}.status-banner{margin-top:2rem;border:1px solid #a7f3d0;border-radius:1rem;background:#ecfdf5;padding:1.25rem 1.35rem}.status-banner-heading{display:flex;align-items:center;gap:1rem}.status-banner h2{margin:0;font-size:1.15rem}.status-banner p{margin:.25rem 0 0 1.75rem;color:#31584b}.status-dot{width:.75rem;height:.75rem;flex:none;border-radius:50%;background:var(--bright);box-shadow:0 0 0 .3rem rgba(16,185,129,.14)}.status-banner[data-overall-status="unknown"],.status-banner[data-overall-status="maintenance"],.status-banner[data-overall-status="degraded"]{border-color:#fed7aa;background:#fff7ed}.status-banner[data-overall-status="unknown"]{border-color:#bfdbfe;background:#eff6ff}.status-banner[data-overall-status="unknown"] .status-dot{background:var(--blue)}.status-banner[data-overall-status="maintenance"] .status-dot,.status-banner[data-overall-status="degraded"] .status-dot{background:#f59e0b}.status-banner[data-overall-status="partial_outage"],.status-banner[data-overall-status="major_outage"]{border-color:#fecaca;background:#fef2f2}.status-banner[data-overall-status="partial_outage"] .status-dot,.status-banner[data-overall-status="major_outage"] .status-dot{background:#ef4444}.freshness-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.freshness-row p,.microcopy{margin:.5rem 0;color:var(--muted);font-size:.9rem}.freshness-row button{min-height:2.75rem;border:1px solid var(--green);border-radius:.65rem;background:white;color:var(--green);padding:.5rem 1rem;font-weight:800;cursor:pointer}.freshness-row button:hover{background:#ecfdf5}.freshness-row button:disabled{cursor:wait;opacity:.65}.section{padding:2.75rem 0}.section-heading h2{margin:.35rem 0 1.2rem;font-size:1.7rem;letter-spacing:-.025em}.component-grid{display:grid;gap:1rem}.component-card,.event-card{min-width:0;border:1px solid var(--line);border-radius:1rem;background:var(--white);padding:1.2rem;box-shadow:0 10px 25px -22px rgba(11,28,48,.4)}.component-heading,.event-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.component-heading h3,.event-heading h3{margin:0;font-size:1.05rem}.component-heading p,.event-card p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.pill{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border-radius:999px;background:#ecfdf5;color:var(--green);padding:.3rem .65rem;font-size:.72rem;font-weight:800}.pill[data-status="degraded"],.pill[data-status="maintenance"],.pill[data-status="identified"],.pill[data-status="monitoring"]{background:#fff7ed;color:var(--amber)}.pill[data-status="unknown"]{background:#eff6ff;color:var(--blue)}.pill[data-status="down"],.pill[data-status="partial_outage"],.pill[data-status="major_outage"],.pill[data-status="investigating"]{background:#fef2f2;color:var(--red)}.component-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.1rem 0 0}.component-meta div{border-top:1px solid #eef2ef;padding-top:.75rem}.component-meta dt{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.component-meta dd{margin:.2rem 0 0;font-size:.85rem;font-weight:700}.event-list{display:grid;gap:.8rem}.event-card time,.event-time{color:var(--muted);font-size:.78rem}.affected-components{margin-top:.8rem!important}.timeline{display:grid;gap:.8rem;margin:1rem 0 0;padding:0;list-style:none}.timeline li{border-left:3px solid var(--line);padding-left:.9rem}.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.timeline-heading time{white-space:nowrap}.empty-state{margin:0;border:1px dashed #cbd5e1;border-radius:1rem;background:rgba(255,255,255,.5);padding:1.25rem;color:var(--muted)}.split-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-page .obrolo-shell-footer{margin-top:3rem}:focus-visible{outline:3px solid rgba(16,185,129,.35);outline-offset:3px}@media(max-width:720px){.hero{padding-top:3rem}.freshness-row,.component-heading,.event-heading,.timeline-heading{align-items:stretch;flex-direction:column}.freshness-row button{width:100%}.component-meta{grid-template-columns:1fr}.split-sections{grid-template-columns:1fr}.event-pills{flex-wrap:wrap}}@media(max-width:360px){.container{width:min(calc(100% - 1.25rem),1080px)}.hero h1{font-size:2rem}.component-card,.event-card,.status-banner{padding:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.component-status::before{content:"";width:.45rem;height:.45rem;flex:none;border-radius:50%;background:currentColor}.component-history{margin-top:1.1rem;border-top:1px solid #eef2ef;padding-top:1rem}.history-heading,.history-axis{display:flex;align-items:center;justify-content:space-between;gap:1rem}.history-heading{font-size:.85rem}.component-history-uptime{color:var(--green);font-weight:800}.history-empty{margin:.55rem 0 0;border:1px dashed #cbd5e1;border-radius:.55rem;padding:.65rem;color:var(--muted);font-size:.8rem}.history-bar{display:grid;grid-template-columns:repeat(24,minmax(2px,1fr));gap:2px;height:.8rem;margin-top:.65rem}.history-segment{min-width:0;border-radius:2px;background:#dbeafe}.history-segment[data-status="operational"],.history-key-mark[data-status="operational"]{background:#10b981}.history-segment[data-status="degraded"],.history-key-mark[data-status="degraded"]{background:repeating-linear-gradient(135deg,#f59e0b 0,#f59e0b 3px,#ffedd5 3px,#ffedd5 5px)}.history-segment[data-status="down"],.history-key-mark[data-status="down"]{background:repeating-linear-gradient(45deg,#dc2626 0,#dc2626 3px,#fee2e2 3px,#fee2e2 5px)}.history-segment[data-status="unknown"],.history-key-mark[data-status="unknown"]{background-color:#dbeafe;background-image:radial-gradient(#175cd3 28%,transparent 30%);background-size:4px 4px}.history-axis{margin-top:.3rem;color:var(--muted);font-size:.68rem}.history-key{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:.6rem 0 0;color:var(--muted);font-size:.68rem}.history-key-mark{display:inline-grid;place-items:center;width:1rem;height:1rem;border-radius:.2rem;color:#071728;font-size:.7rem;font-weight:900}.history-key-mark[data-status="operational"],.history-key-mark[data-status="down"]{color:#fff}

.obrolo-shell-header,.obrolo-shell-footer{--obrolo-shell-primary:#006948;--obrolo-shell-primary-hover:#005137;--obrolo-shell-growth:#10b981;--obrolo-shell-navy:#0b1c30;--obrolo-shell-muted:#565e74;--obrolo-shell-border:#e2e8f0;--obrolo-shell-outline:#bccac0;--obrolo-shell-success:#ecfdf5;box-sizing:border-box;color:var(--obrolo-shell-navy);font-family:var(--font-body,Inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.obrolo-shell-header *,.obrolo-shell-footer *{box-sizing:border-box}
.obrolo-shell-header a,.obrolo-shell-footer a{color:inherit;text-decoration:none}
.obrolo-shell-container{width:min(calc(100% - 2rem),1280px);margin-inline:auto}
.obrolo-shell-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(188,202,192,.7);background:rgba(248,250,252,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.obrolo-shell-header-inner{position:relative;display:flex;height:4rem;align-items:center;justify-content:space-between;gap:1rem}
.obrolo-shell-brand{display:inline-flex;flex-shrink:0;align-items:center;gap:.625rem;color:var(--obrolo-shell-navy);white-space:nowrap}
.obrolo-shell-brand-mark{display:block;width:auto;height:2.125rem}
.obrolo-shell-brand-name{font-family:var(--font-heading,"Plus Jakarta Sans"),ui-sans-serif,sans-serif;font-size:1.5rem;font-weight:700;line-height:2rem;letter-spacing:-.035em}
.obrolo-shell-brand--compact .obrolo-shell-brand-mark{height:1.75rem}
.obrolo-shell-brand--compact .obrolo-shell-brand-name{font-size:1.25rem;line-height:1.75rem}
.obrolo-shell-desktop-navigation,.obrolo-shell-desktop-actions{display:none;align-items:center}
.obrolo-shell-desktop-navigation{gap:2rem}
.obrolo-shell-desktop-navigation a{border-radius:.375rem;padding:.5rem .25rem;color:var(--obrolo-shell-muted);font-size:.875rem;font-weight:600;line-height:1.25rem;transition:color .15s ease}
.obrolo-shell-desktop-navigation a:hover{color:var(--obrolo-shell-primary)}
.obrolo-shell-desktop-actions{gap:.5rem}
.obrolo-shell-login{min-height:2.5rem;align-items:center;border-radius:.5rem;padding-inline:.75rem;color:var(--obrolo-shell-navy);font-size:.875rem;font-weight:600;line-height:1.25rem;transition:background-color .15s ease}
.obrolo-shell-login:hover{background:#fff}
.obrolo-shell-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;background:var(--obrolo-shell-primary);color:#fff!important;font-size:.875rem;font-weight:700;line-height:1.25rem;box-shadow:0 10px 15px -3px rgba(0,105,72,.15),0 4px 6px -4px rgba(0,105,72,.15);transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}
.obrolo-shell-button:hover{background:var(--obrolo-shell-primary-hover);transform:translateY(-.125rem)}
.obrolo-shell-button--compact{min-height:2.5rem;padding:.5rem 1rem}
.obrolo-shell-button--small{min-height:2.75rem;padding:.625rem .75rem}
.obrolo-shell-mobile-navigation{display:block}
.obrolo-shell-mobile-navigation>summary{display:flex;width:2.5rem;height:2.5rem;cursor:pointer;list-style:none;align-items:center;justify-content:center;border:1px solid var(--obrolo-shell-border);border-radius:.5rem;background:#fff;color:var(--obrolo-shell-navy);transition:border-color .15s ease,color .15s ease}
.obrolo-shell-mobile-navigation>summary::-webkit-details-marker{display:none}
.obrolo-shell-mobile-navigation>summary:hover{border-color:var(--obrolo-shell-growth);color:var(--obrolo-shell-primary)}
.obrolo-shell-menu-icon{width:1.25rem;height:1.25rem}
.obrolo-shell-menu-icon--close{display:none}
.obrolo-shell-mobile-navigation[open] .obrolo-shell-menu-icon--menu{display:none}
.obrolo-shell-mobile-navigation[open] .obrolo-shell-menu-icon--close{display:block}
.obrolo-shell-mobile-navigation>nav{position:absolute;top:4.5rem;right:1rem;left:1rem;border:1px solid var(--obrolo-shell-border);border-radius:.75rem;background:#fff;padding:1rem;box-shadow:0 25px 50px -12px rgba(11,28,48,.25)}
.obrolo-shell-mobile-links{display:flex;flex-direction:column;gap:.25rem}
.obrolo-shell-mobile-links a{border-radius:.5rem;padding:.75rem 1rem;color:var(--obrolo-shell-muted);font-size:.875rem;font-weight:600;line-height:1.25rem;transition:background-color .15s ease,color .15s ease}
.obrolo-shell-mobile-links a:hover{background:var(--obrolo-shell-success);color:var(--obrolo-shell-primary)}
.obrolo-shell-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem;border-top:1px solid var(--obrolo-shell-border);padding-top:1rem}
.obrolo-shell-mobile-login{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--obrolo-shell-border);border-radius:.5rem;padding-inline:.75rem;color:var(--obrolo-shell-navy);font-size:.875rem;font-weight:600;line-height:1.25rem}
.obrolo-shell-footer{border-top:1px solid var(--obrolo-shell-border);background:#fff}
.obrolo-shell-footer-main{display:grid;gap:3rem;padding-block:3.5rem}
.obrolo-shell-footer-intro{max-width:24rem}
.obrolo-shell-footer-intro>p{margin:1.25rem 0 0;color:var(--obrolo-shell-muted);font-size:.875rem;line-height:1.5rem}
.obrolo-shell-footer .obrolo-shell-contact-link{display:inline-flex;min-height:2.75rem;align-items:center;margin-top:1.25rem;border-radius:.5rem;color:var(--obrolo-shell-primary)!important;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:color .15s ease}
.obrolo-shell-footer .obrolo-shell-contact-link:hover{color:var(--obrolo-shell-primary-hover)!important}
.obrolo-shell-footer-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:2.5rem}
.obrolo-shell-footer-groups h2{margin:0;color:var(--obrolo-shell-navy);font-family:var(--font-heading,"Plus Jakarta Sans"),ui-sans-serif,sans-serif;font-size:.75rem;font-weight:700;line-height:1rem;letter-spacing:.14em;text-transform:uppercase}
.obrolo-shell-footer-groups ul{display:block;margin:1.25rem 0 0;padding:0;list-style:none}
.obrolo-shell-footer-groups li+li{margin-top:.75rem}
.obrolo-shell-footer .obrolo-shell-footer-link{display:inline-flex;border-radius:.25rem;color:var(--obrolo-shell-muted)!important;font-size:.875rem;font-weight:500;line-height:1.5rem;transition:color .15s ease}
.obrolo-shell-footer .obrolo-shell-footer-link:hover{color:var(--obrolo-shell-primary)!important}
.obrolo-shell-subfooter{border-top:1px solid rgba(255,255,255,.1);background:var(--obrolo-shell-navy);color:#cbdbf5}
.obrolo-shell-subfooter-inner{display:flex;flex-direction:column;gap:.75rem;padding-block:1.25rem}
.obrolo-shell-subfooter p{margin:0;font-size:.75rem;font-weight:500;line-height:1.25rem}
.obrolo-shell-social-links{display:flex;align-items:center;gap:.25rem}
.obrolo-shell-social-links a{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.5rem;color:#cbdbf5;transition:background-color .15s ease,color .15s ease}
.obrolo-shell-social-links a:hover{background:rgba(255,255,255,.1);color:#fff}
.obrolo-shell-social-icon{width:1rem;height:1rem}
.obrolo-shell-social-icon--instagram{width:1.25rem;height:1.25rem}
.obrolo-shell-header :focus-visible,.obrolo-shell-footer :focus-visible{outline:3px solid rgba(16,185,129,.35);outline-offset:3px}
@media(min-width:640px){.obrolo-shell-footer-main{padding-block:4rem}.obrolo-shell-footer-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.obrolo-shell-subfooter-inner{flex-direction:row;align-items:center;justify-content:space-between}.obrolo-shell-social-links{justify-content:flex-end}}
@media(min-width:768px){.obrolo-shell-desktop-navigation,.obrolo-shell-desktop-actions{display:flex}.obrolo-shell-mobile-navigation{display:none}}
@media(min-width:1024px){.obrolo-shell-login{display:inline-flex}.obrolo-shell-footer-main{grid-template-columns:minmax(0,1.15fr) minmax(0,2fr);gap:5rem}}
@media(max-width:1023px){.obrolo-shell-login{display:none}}
@media(prefers-reduced-motion:reduce){.obrolo-shell-header *,.obrolo-shell-footer *{animation-duration:.01ms!important;transition-duration:.01ms!important}.obrolo-shell-button:hover{transform:none}}