.observability-page{padding-bottom:72px}.observability-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;padding-block:86px 74px;display:grid}.observability-hero>div{min-width:0}.observability-kicker{color:var(--accent);margin-bottom:20px;font-size:14px}.observability-hero h1{letter-spacing:-.055em;font-size:clamp(48px,4.8vw,72px);font-weight:400;line-height:1.08}.observability-hero h1 em{color:var(--accent)}.observability-lede{color:var(--muted);max-width:550px;margin-top:26px;font-size:18px;line-height:1.75}.observability-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.observability-actions .button{border-radius:5px;font-size:14px}.observability-page .prose{max-width:none}@media (width<=1050px){.observability-hero{gap:32px}}@media (width<=950px){.observability-hero{grid-template-columns:1fr}}@media (width<=760px){.observability-hero{grid-template-columns:1fr;gap:32px;padding-block:42px 52px}.observability-hero h1{font-size:clamp(42px,8.5vw,64px)}.observability-lede{font-size:16px}.observability-page{padding-bottom:40px}}.observability-content h2{font-size:clamp(34px,3.3vw,49px);font-weight:400;line-height:1.13}.observability-content h3{font-size:27px;font-weight:400;line-height:1.25}.observability-content p{color:var(--muted);line-height:1.75}.observability-section{padding-block:72px}.observability-overview{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;display:grid}.observability-overview>div>p:not(.observability-kicker){max-width:470px;margin-block:24px}.observability-content .observability-kicker{color:var(--accent)}.observability-section-heading{margin-bottom:32px}.observability-section-heading>p{margin-top:18px}.observability-plan-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.observability-plan{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;align-items:flex-start;padding:32px;display:flex}.observability-plan-top{align-items:center;gap:22px;margin-bottom:28px;display:flex}.observability-plan-symbol{border:1px solid var(--line);width:52px;height:52px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font:38px/1 Space,Arial,sans-serif;display:grid;transform:rotate(-6deg)}.observability-plan-symbol svg{width:32px;height:32px}.observability-plan-label{color:var(--muted);font-size:13px}.observability-plan>p{max-width:400px;margin-block:18px 28px}.observability-plan>:last-child{white-space:normal;text-align:left;margin-top:auto}.observability-plan-detail{--accent:#c4adff;--fg:#f4f1f8;--muted:#d0c7dd;--line:#66517e;color:var(--fg);background:#382454}.observability-plan-detail .observability-plan-symbol{transform:rotate(6deg)}.observability-setup{border-block:1px solid var(--line)}.observability-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:42px 0 32px;padding:0;list-style:none;display:grid}.observability-steps li{position:relative}.observability-step-number{width:44px;height:44px;color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:12px;place-items:center;margin-bottom:24px;font-size:20px;display:grid}.observability-steps li:not(:last-child):after{content:"↝";color:var(--accent);font-size:32px;position:absolute;top:0;right:0}.observability-steps p{max-width:320px;margin-top:16px;font-size:15px}.observability-privacy{grid-template-columns:.6fr 1fr;gap:70px;display:grid}.observability-privacy p+p{margin-top:16px}.observability-privacy a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.observability-closing{--fg:#f4f1f8;--accent:#c4adff;--accent-solid:#c4adff;--accent-text:#20152e;color:var(--fg);background:#382454;border-radius:10px;padding:48px;position:relative;overflow:hidden}.observability-closing>div{z-index:1;position:relative}.observability-closing .button{border-radius:5px;margin-top:28px}.observability-closing-symbol{color:#8666b5;font:200px/1 Arial,sans-serif;position:absolute;top:50%;right:10%;transform:translateY(-50%)rotate(12deg)}.metrics-picture{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;margin:0;padding:24px}.metrics-picture-heading{color:var(--fg);justify-content:space-between;gap:16px;font-size:13px;display:flex}.metrics-picture-heading small{color:var(--quiet);font-size:10px}.metrics-picture-scene{grid-template-columns:1fr 1fr;align-items:center;min-height:290px;margin-block:24px;display:grid;position:relative}.metrics-picture-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.metrics-picture-lines path{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 7;opacity:.65}.metrics-picture-lines circle{stroke:var(--accent);fill:var(--panel)}.metrics-picture-lines path.metrics-picture-spark{stroke-dasharray:none;opacity:1}.metrics-picture-endpoints{justify-content:start;gap:21px;padding-left:8px;display:grid;position:relative}.metrics-picture-endpoints>span{background:var(--bg);border:1px solid var(--line);color:var(--accent);border-radius:9px;align-items:center;gap:10px;padding:12px;font-size:22px;display:flex;transform:rotate(-5deg)}.metrics-picture-endpoints>span:nth-child(2){transform:rotate(4deg)}.metrics-picture-endpoints small{color:var(--fg);font-size:11px}.metrics-picture-dashboard{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:20px;position:relative;transform:rotate(3deg);box-shadow:0 10px 24px rgba(0,0,0,.04)}.metrics-picture-dashboard-title{align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.metrics-picture-metric+.metrics-picture-metric{margin-top:14px}.metrics-picture-metric>span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.metrics-picture-metric svg{width:100%;height:34px;stroke:var(--accent);stroke-width:1.5px;display:block}.metrics-picture-metric:nth-child(3) svg{stroke:var(--green)}.metrics-picture figcaption{color:var(--quiet);text-align:center;font-size:12px}@media (width<=1050px){.observability-overview{gap:32px}.metrics-picture{padding:20px 16px}.metrics-picture-dashboard{padding:14px}.metrics-picture-endpoints>span{flex-direction:column;gap:2px}}@media (width<=760px){.observability-section{padding-block:48px}.observability-overview,.observability-plan-grid,.observability-privacy,.observability-steps{grid-template-columns:1fr;gap:28px}.observability-plan{padding:26px}.observability-steps{gap:32px;margin-top:32px}.observability-steps li{padding-left:64px}.observability-step-number{margin:0;position:absolute;top:0;left:0}.observability-steps li:not(:last-child):after{content:"";border-left:1px dashed var(--line);inset:53px auto -20px 22px}.observability-steps h3{font-size:23px}.observability-steps p{margin-top:10px}.observability-closing{padding:32px 24px}.observability-closing-symbol{opacity:.3;font-size:170px;right:-35px}.metrics-picture-heading{font-size:12px}.metrics-picture-scene{min-height:285px}}@media (prefers-reduced-motion:no-preference){.metrics-picture-lines path:not(.metrics-picture-spark){animation:18s linear infinite metrics-flow}}@keyframes metrics-flow{to{stroke-dashoffset:-120px}}