@layer reset,tokens,base,components;@layer pages{.product-hero.product-hero--monitor{min-height:780px;padding:calc(var(--header-h) + 40px) 0 72px;background:radial-gradient(ellipse at 82% 42%, var(--card-soft), transparent 55%), var(--ink)}.product-hero--monitor:before{inset:var(--header-h) 0 0;content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.22;background-size:72px 72px;position:absolute;mask-image:linear-gradient(90deg,#0000 28%,#000)}.product-hero--monitor .product-hero__grid{grid-template-columns:1fr 1.05fr;gap:60px;min-height:540px}.product-hero--monitor .back-link{margin-bottom:40px}.product-hero--monitor .product-hero__outcome{max-width:30ch}.product-hero--monitor .product-hero__body{max-width:34rem}.product-hero--monitor .product-hero__actions{flex-direction:column;align-items:flex-start}.monitor-hero__visual{min-width:0;position:relative}.monitor-hero__visual:before{content:"";border:1px solid var(--line);pointer-events:none;position:absolute;inset:-28px 24px 28px -24px}.monitor-product-shot{border:1px solid color-mix(in srgb, var(--cyan) 34%, transparent);background:var(--ink-2);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.monitor-product-shot__heading{border-bottom:1px solid var(--line);font-family:var(--font-display);align-items:center;gap:10px;padding:16px 24px;font-size:.75rem;font-weight:600;display:flex}.monitor-product-shot__heading svg{color:var(--cyan)}.monitor-product-shot>img{width:100%;height:auto;display:block}.monitor-product-shot figcaption{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.monitor-product-shot figcaption strong{font-size:.8125rem;font-weight:700;display:block}.monitor-product-shot figcaption span{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.monitor-product-shot figcaption a{min-height:44px;color:var(--cyan);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.monitor-product-shot figcaption a:hover{text-underline-offset:4px;text-decoration:underline}.monitor-cycle__overview{grid-template-columns:1fr 1.05fr;align-items:center;gap:60px;margin-bottom:56px;display:grid}.monitor-cycle__overview .section-heading{margin-bottom:0}.monitor-cycle__demo{min-width:0}.monitor-demo{border:1px solid color-mix(in srgb, var(--cyan) 34%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 5%, var(--ink-2)), var(--ink-2));box-shadow:var(--shadow-lg);position:relative}.monitor-demo:before{content:"";background:var(--cyan);width:76px;height:2px;position:absolute;top:-1px;left:-1px}.monitor-demo__masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 24px;display:flex}.monitor-demo__masthead>span:first-child{font-family:var(--font-display);align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:flex}.monitor-demo__masthead svg{color:var(--cyan);flex-shrink:0}.monitor-demo__identity{color:var(--muted);letter-spacing:.22em;font-size:.625rem;font-weight:700}.monitor-demo__controls{border:1px solid var(--line);background:var(--ink);gap:6px;margin:20px 24px 0;padding:4px;display:flex}.monitor-demo__controls button{min-width:0;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:7px 8px;font-size:.75rem;font-weight:700;line-height:1.4;transition:background .2s,color .2s}.monitor-demo__controls button:hover{color:var(--white);background:var(--surface)}.monitor-demo__controls button[aria-pressed=true]{color:var(--cyan);background:var(--accent-soft);border-color:color-mix(in srgb, var(--cyan) 32%, transparent)}.monitor-demo__controls button[data-monitor-state=error][aria-pressed=true]{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 35%, transparent);background:color-mix(in srgb, var(--coral) 10%, transparent)}.monitor-demo__controls button[data-monitor-state=resolving][aria-pressed=true]{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 35%, transparent);background:color-mix(in srgb, var(--amber) 10%, transparent)}.monitor-demo__panel{padding:24px}.monitor-demo__status{grid-template-columns:48px 1fr;align-items:center;gap:16px;display:grid}.monitor-demo__status-icon{width:48px;height:48px;color:var(--cyan);background:var(--accent-soft);border:1px solid;justify-content:center;align-items:center;display:grid}.monitor-demo__status-icon--error{color:var(--coral);background:color-mix(in srgb, var(--coral) 10%, transparent)}.monitor-demo__status-icon--resolving{color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent)}.monitor-demo__state-label{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:800;display:block}[data-monitor-panel=error] .monitor-demo__state-label{color:var(--coral)}[data-monitor-panel=resolving] .monitor-demo__state-label{color:var(--amber)}.monitor-demo__status h2{letter-spacing:-.02em;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.2}.monitor-demo__status p{color:var(--muted);margin-top:7px;font-size:.75rem;line-height:1.5}.monitor-demo__context{border-block:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:20px 0;padding:10px 0;font-size:.75rem;display:flex}.monitor-demo__section-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.7rem;font-weight:800}.monitor-demo__trace{margin:0;padding:0;list-style:none}.monitor-demo__trace li{grid-template-columns:32px 1fr auto;align-items:center;gap:12px;min-height:62px;padding:8px 10px;display:grid;position:relative}.monitor-demo__trace li:before{content:"";background:var(--line);width:1px;position:absolute;top:44px;bottom:-18px;left:25px}.monitor-demo__trace li:last-child:before{display:none}.monitor-demo__trace li.is-failed{border:1px solid color-mix(in srgb, var(--coral) 28%, transparent);background:color-mix(in srgb, var(--coral) 6%, transparent)}.monitor-demo__trace-mark{z-index:1;border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--cyan);place-items:center;display:grid}.is-failed .monitor-demo__trace-mark{color:var(--coral)}.is-blocked .monitor-demo__trace-mark{color:var(--muted)}.monitor-demo__trace li strong{font-size:.8125rem;font-weight:700;line-height:1.4;display:block}.monitor-demo__trace li small{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.is-failed small{color:var(--coral)}.monitor-demo__trace-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.7rem}.monitor-demo__owner{border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.monitor-demo__owner>svg{color:var(--cyan);flex-shrink:0}.monitor-demo__owner small{color:var(--muted);font-size:.7rem;display:block}.monitor-demo__owner strong{margin-top:3px;font-size:.8125rem;display:block}.monitor-demo__owner>span{background:var(--ink-2);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;padding:4px 7px;font-size:.7rem}.monitor-demo figcaption{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:14px 24px;font-size:.75rem;display:flex}.monitor-demo figcaption>span{background:var(--cyan);border-radius:50%;flex:none;width:6px;height:6px}.monitor-demo__presence{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--cyan) 20%, transparent);align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.monitor-demo__presence>svg:first-child{color:var(--cyan);flex-shrink:0}.monitor-demo__presence strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1.2;display:block}.monitor-demo__presence span{color:var(--muted);font-size:.75rem;display:block}.monitor-demo__sparkline{width:40%;color:var(--cyan);margin-left:auto}.monitor-demo__sparkline path{fill:none;stroke:currentColor;stroke-width:2px}.monitor-demo__journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.monitor-demo__journey li{background:var(--surface);border-top:2px solid var(--cyan);min-width:0;padding:10px 7px}.monitor-demo__journey span{color:var(--cyan);font-size:.65rem}.monitor-demo__journey strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.25rem;display:block}.monitor-demo__journey small{color:var(--muted);font-size:.7rem}.monitor-demo__caution{color:var(--muted);align-items:flex-start;gap:8px;margin-top:18px;font-size:.75rem;display:flex}.monitor-demo__caution svg{color:var(--cyan);flex-shrink:0}.monitor-cycle{background:radial-gradient(circle at 15% 80%, var(--accent-soft), transparent 32%), var(--ink)}.monitor-cycle__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.monitor-cycle__steps li{border:1px solid var(--line);background:var(--ink-2);padding:28px;position:relative}.monitor-cycle__step-top{color:var(--cyan);justify-content:space-between;align-items:center;padding-bottom:30px;display:flex}.monitor-cycle__step-top span{font-family:var(--font-display);letter-spacing:.1em;font-size:.75rem;font-weight:700}.monitor-cycle__steps h3{margin-bottom:14px;font-size:1.3rem}.monitor-cycle__steps p{color:var(--muted);font-size:.9rem}.monitor-privacy{border-top:1px solid var(--line);grid-template-columns:24px 1fr;gap:16px;padding-top:24px;display:grid}.monitor-privacy>svg{color:var(--cyan)}.monitor-privacy h3{font-size:.95rem;line-height:1.4}.monitor-privacy p{color:var(--muted);margin-top:10px;font-size:.85rem}html[data-accent=cyan] .integration-stack__core{border-color:color-mix(in srgb, var(--cyan) 55%, transparent);background:linear-gradient(145deg, var(--accent-soft), var(--surface));color:var(--cyan);box-shadow:0 0 28px var(--accent-soft)}html[data-accent=cyan] .integration-stack__line{background:linear-gradient(var(--line), var(--cyan));box-shadow:0 0 12px var(--accent-soft)}html[data-accent=cyan] .integration-stack__line span{color:var(--cyan);font-size:.7rem}html[data-accent=cyan] .integration-stack__status{font-size:.7rem}html[data-accent=cyan] .faq-item__toggle{border-color:color-mix(in srgb, var(--cyan) 34%, transparent);background:var(--accent-soft);color:var(--cyan)}html[data-accent=cyan] .final-cta-section{background:radial-gradient(ellipse at 90% 65%, var(--accent-soft), transparent 60%), linear-gradient(120deg, var(--navy), var(--ink-2) 65%)}html[data-accent=cyan] .final-cta__glow{background:var(--accent-soft)}}@layer responsive{@media (width>=1101px) and (height<=800px){.product-hero--monitor .product-hero__copy{align-self:start}.product-hero--monitor .back-link{margin-bottom:24px}.product-hero--monitor .product-hero__copy>.eyebrow{margin-bottom:18px}.product-hero--monitor .product-hero__outcome,.product-hero--monitor .product-hero__actions{margin-top:24px}}@media (width<=1100px){.monitor-cycle__overview{grid-template-columns:1fr;gap:40px}.monitor-cycle__demo{justify-self:center;width:min(100%,720px)}.product-hero--monitor{padding-top:calc(var(--header-h) + 40px);min-height:auto}.product-hero--monitor .product-hero__grid{grid-template-columns:1fr;gap:56px;min-height:0}.monitor-hero__visual{justify-self:center;width:min(100%,720px)}.product-hero--monitor .product-hero__copy{max-width:760px}.product-hero--monitor .product-hero__outcome{max-width:28ch}.monitor-demo__status h2{font-size:1.25rem}}@media (width<=700px){.monitor-product-shot__heading,.monitor-product-shot figcaption{padding-inline:16px}.product-hero--monitor{padding-bottom:56px}.product-hero--monitor .back-link{margin-bottom:24px}.product-hero--monitor .product-hero__grid{gap:42px}.product-hero--monitor .product-hero__actions{gap:14px;width:100%}.monitor-hero__visual:before{inset:-12px 12px 12px -12px}.monitor-demo__masthead{min-height:56px;padding:14px 16px}.monitor-demo__identity{display:none}.monitor-demo__controls{gap:4px;margin:16px 16px 0}.monitor-demo__controls button{padding-inline:4px;font-size:.7rem}.monitor-demo__panel{padding:20px 16px}.monitor-demo__status{grid-template-columns:40px 1fr;gap:12px}.monitor-demo__status-icon{width:40px;height:40px}.monitor-demo__status h2{font-size:1.05rem}.monitor-demo__status p{font-size:.75rem}.monitor-demo__trace li{grid-template-columns:28px 1fr;gap:10px;padding-inline:7px}.monitor-demo__trace-mark{width:28px;height:28px}.monitor-demo__trace li:before{left:20px}.monitor-demo__trace-time{display:none}.monitor-demo__trace li strong{font-size:.78rem}.monitor-demo__trace li small{font-size:.7rem}.monitor-demo__owner{padding:12px}.monitor-demo__owner>span{margin-left:31px}.monitor-demo__owner strong{font-size:.8125rem}.monitor-demo figcaption{padding-inline:16px;font-size:.75rem}.monitor-demo__journey{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-demo__journey small{font-size:.7rem}.monitor-cycle__steps{grid-template-columns:1fr}.monitor-cycle__steps li{padding:24px}.monitor-cycle__step-top{padding-bottom:20px}}}