@charset "UTF-8";:root{--btn-radius: 12px;--btn-fg: #fff;--btn-bg: linear-gradient( 180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02) );--btn-border: rgba(255, 255, 255, .16);--btn-primary-1: #6aa3ff;--btn-primary-2: #3b82f6;--btn-glow-rgb: 59, 130, 246;--btn-font: .9rem;--btn-py: .6rem;--btn-px: .85rem;--btn-gap: .45rem;--btn-spinner: .9rem;--btn-arrow-gap: .4rem}.btn{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:var(--btn-py) var(--btn-px);font-size:var(--btn-font);border-radius:var(--btn-radius);font-weight:600;letter-spacing:.2px;text-decoration:none;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);position:relative;isolation:isolate;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .3s ease,border-color .3s ease}.btn.w100{width:100%}.btn .label{display:inline-flex;align-items:center;position:relative}.btn .spinner{width:var(--btn-spinner);height:var(--btn-spinner);border:2px solid rgba(255,255,255,.35);border-top-color:#fff;margin-left:.5rem;opacity:0;transition:opacity .15s ease;animation:btn-spin 1s linear infinite}.btn[data-loading]{pointer-events:none}.btn[data-loading] .spinner{opacity:1}.btn[data-loading] .label{opacity:.9}.btn.primary{background:linear-gradient(180deg,var(--btn-primary-1),var(--btn-primary-2));border:1px solid rgba(var(--btn-glow-rgb),.35);box-shadow:0 8px 24px rgba(var(--btn-glow-rgb),.22),inset 0 1px #ffffff59}.btn.primary:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:radial-gradient(120% 120% at 50% 0%,rgba(var(--btn-glow-rgb),.35),transparent 60%);filter:blur(12px);opacity:.75;transition:opacity .2s ease}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(var(--btn-glow-rgb),.28),inset 0 1px #fff6}.btn.primary:active{transform:translateY(0);box-shadow:0 6px 18px rgba(var(--btn-glow-rgb),.22),inset 0 1px #ffffff59}.btn.primary .label:after{content:"->";margin-left:var(--btn-arrow-gap);transform:translate(0);transition:transform .16s ease}.btn.primary:hover .label:after{transform:translate(3px)}.btn.ghost{background:transparent;border-color:#ffffff3d}.btn.ghost:hover{background:#ffffff0f}.btn[disabled],.btn[aria-disabled=true]{filter:grayscale(.2);opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible{outline:none}.btn:focus-visible:after{content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:2;box-shadow:0 0 0 2px #ffffffe6,0 0 0 6px rgba(var(--btn-glow-rgb),.45)}@media (prefers-reduced-motion: reduce){.btn,.btn.primary,.btn.primary:before,.btn.primary .label:after,.btn .spinner{transition:none!important;animation:none!important}}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn.sm{--btn-font: .9rem;--btn-py: .55rem;--btn-px: .8rem;--btn-gap: .4rem;--btn-spinner: .9rem;--btn-arrow-gap: .4rem;--btn-radius: 10px}.btn.xs{--btn-font: .82rem;--btn-py: .45rem;--btn-px: .65rem;--btn-gap: .35rem;--btn-spinner: .8rem;--btn-arrow-gap: .3rem;--btn-radius: 8px}.btn.icon{--btn-py: .45rem;--btn-px: .45rem;--btn-gap: .35rem}:root{--nav-height: 72px}html{overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(1200px 800px at 10% 0%,rgba(58,163,255,.08),transparent 50%),radial-gradient(800px 500px at 90% -10%,rgba(33,193,122,.08),transparent 50%),#08111e;color:#eaf2ff;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.panel{scroll-snap-align:none;min-height:100svh}@media (hover: none) and (pointer: coarse){html{scroll-snap-type:y proximity}.panel{scroll-snap-align:start}}@media (prefers-reduced-motion: reduce){html{scroll-snap-type:none!important}.panel{scroll-snap-align:none!important}}.scroll-progress{pointer-events:none}.blue-aurora{position:relative;z-index:0;background:linear-gradient(145deg,#0d182df2,#050d1beb),radial-gradient(140% 120% at 46% -18%,rgba(64,127,255,.35),transparent 75%)}.blue-aurora:before,.blue-aurora:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity .35s ease}.blue-aurora:before{background:radial-gradient(48% 58% at 24% 28%,rgba(69,145,255,.45),transparent 72%),radial-gradient(42% 60% at 78% 22%,rgba(24,255,198,.32),transparent 74%),radial-gradient(60% 60% at 46% 78%,rgba(80,32,255,.24),transparent 82%);mix-blend-mode:screen;filter:saturate(130%);opacity:.76}.blue-aurora:after{background:linear-gradient(135deg,rgba(8,16,28,.9),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 14px),radial-gradient(90% 90% at 52% 48%,rgba(64,210,255,.08),transparent 88%);background-size:cover,100% 6px,6px 100%,130% 130%;mix-blend-mode:soft-light;opacity:.68}@media (prefers-reduced-motion: reduce){.blue-aurora:before,.blue-aurora:after{animation:none!important;transform:none!important;opacity:.7}}.blue-aurora>:not(.morph-slider){position:relative;z-index:1}.blue-aurora .panel-card{border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(140deg,#0b1726e0,#060e18e6);box-shadow:0 22px 52px #040a1461;padding:24px}.blue-aurora .icon-tile{width:40px;height:40px;border-radius:14px;background:#ffffff14;display:grid;place-items:center;font-size:18px}.blue-aurora .icon-tile svg{width:26px;height:26px;display:block}.blue-aurora .icon-tile--large{width:44px;height:44px}.blue-aurora .icon-tile--large svg{width:30px;height:30px}.blue-aurora .icon-tile--small{width:36px;height:36px;font-size:16px}.blue-aurora .icon-tile--small svg{width:22px;height:22px}.blue-aurora .count--metric{border-color:#ffffff2e;background:#ffffff14;color:#d5e6ffe0}.blue-aurora .collect-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:clamp(24px,4vw,40px);align-items:start}.blue-aurora .pipeline{position:relative;z-index:1;display:grid;gap:24px}.blue-aurora .collect-grid>.telemetry-card{position:relative;z-index:1}.blue-aurora .stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;overflow:hidden}.blue-aurora .stage__rail{position:absolute;inset:12px auto 12px 46px;width:2px;background:linear-gradient(180deg,#3aa3ff66,#21c17a59)}.blue-aurora .stage__indicator{position:relative;display:grid;justify-items:center;gap:6px;z-index:1}.blue-aurora .stage__phase{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a5d0ffd1}.blue-aurora .stage__body{display:grid;gap:14px;z-index:1}.blue-aurora .stage__header{display:flex;align-items:stretch;justify-content:space-between;gap:clamp(12px,2vw,20px);flex-wrap:wrap}.blue-aurora .stage__title{display:grid;gap:6px;flex:1 1 220px}.blue-aurora .stage__title h3{margin:0;font-size:clamp(18px,1.3vw,21px);font-weight:700;color:#f4f7ff;letter-spacing:.01em}.blue-aurora .stage__copy{margin:0;color:#ccdcf2d1;line-height:1.45;font-size:13px}.blue-aurora .stage__metric{position:relative;padding:6px 10px;border-radius:12px;background:linear-gradient(135deg,#3f89ff80,#18ffc647);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;width:min(170px,100%);min-width:0;max-width:180px;text-transform:uppercase;font-size:9px;overflow:hidden;box-shadow:0 12px 22px #1d497652;color:#091c2eeb;flex:0 0 auto;align-self:flex-start;word-wrap:break-word}.blue-aurora .stage__metric:before{content:"";position:absolute;inset:-45% -15%;background:radial-gradient(circle at 30% 50%,#ffffff7a,#fff0);opacity:.45;filter:blur(12px);animation:metric-glide 8s ease-in-out infinite}.blue-aurora .stage__metric-label{position:relative;z-index:1;text-align:center;line-height:1.3;white-space:normal;display:block;word-break:break-word}.blue-aurora .stage__highlights{margin:0;padding:0;list-style:none;display:grid;gap:8px}.blue-aurora .stage__highlights li{position:relative;padding-left:18px;color:#c3d5ebe0;font-size:13px}.blue-aurora .stage__highlights li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#3aa3ffd9,#21c17abf);box-shadow:0 0 12px #3aa3ff66}@media (max-width: 1024px){.blue-aurora .collect-grid{grid-template-columns:1fr}.blue-aurora .pipeline{order:2}}@media (max-width: 860px){.blue-aurora .stage__header{flex-direction:column;align-items:flex-start}.blue-aurora .stage__metric{max-width:none;width:100%;justify-content:center;font-size:10px;padding:8px 14px}}.blue-aurora .telemetry-card{display:grid;gap:12px;border:1px solid rgba(74,144,255,.24);box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 48px #030a1666}.blue-aurora .telemetry-card h3{margin:0;font-size:18px;font-weight:700;color:#f4f7ff}.blue-aurora .telemetry-card__lede{margin:0;color:#cbdcf2d1;line-height:1.55}.blue-aurora .telemetry-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.blue-aurora .telemetry-card li{display:flex;align-items:center;gap:10px;font-size:13px;color:#bed2ece0}.blue-aurora .telemetry-card .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#3aa3ff,#21c17a);box-shadow:0 0 12px #3aa3ff99}.blue-aurora .telemetry-card .btn{justify-self:start}.blue-aurora .insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,4vw,32px)}.blue-aurora .insight-card{display:grid;gap:12px}.blue-aurora .insight-card header{display:flex;justify-content:space-between;align-items:center;gap:12px}.blue-aurora .insight__tag{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c8dbf0e0}.blue-aurora .insight-card h3{margin:0;font-size:18px;font-weight:700;color:#f4f7ff}.blue-aurora .insight-card p{margin:0;color:#cddef3d6;line-height:1.6}.blue-aurora .insight__list{margin:0;padding-left:16px;display:grid;gap:6px;color:#bdd0eadb;font-size:13px}.blue-aurora .insight-card footer{font-size:12px;color:#aac1decc;letter-spacing:.04em;text-transform:uppercase}.blue-aurora .graph-preview{display:grid;gap:18px;padding:24px;border-radius:22px;border:1px solid rgba(94,177,255,.22);box-shadow:inset 0 0 0 1px #5eb1ff1f,0 24px 50px #030a1673}.blue-aurora .graph-window{position:relative;min-height:200px;padding:26px;border-radius:18px;border:1px dashed rgba(122,198,255,.28);background:radial-gradient(circle at 50% 45%,rgba(46,123,255,.12),transparent 65%);color:#e5f1ffdb;font-size:12px}.blue-aurora .graph-window__halo{position:absolute;inset:18px;border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(33,193,122,.18),transparent 70%);filter:blur(.4px)}.blue-aurora .graph-window .edge{position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(94,177,255,.22);opacity:.32;transform:rotate(2deg);pointer-events:none}.blue-aurora .graph-window .node{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(148,212,255,.35);background:#081628b8;box-shadow:0 18px 28px #04102259;backdrop-filter:blur(8px);transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:.02em}.blue-aurora .graph-window .node:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.6}.blue-aurora .graph-window .node--root{top:50%;left:50%;padding:10px 20px;font-size:13px;font-weight:600;border-color:#5eb1ff99;background:linear-gradient(135deg,#3aa3ff52,#0b1f3ae6);color:#f4f8ff;box-shadow:0 20px 36px #03122773}.blue-aurora .graph-window .node--root:before{display:none}.blue-aurora .graph-window .node--tls{top:24%;left:28%}.blue-aurora .graph-window .node--headers{top:26%;left:72%}.blue-aurora .graph-window .node--cookies{top:76%;left:34%}.blue-aurora .graph-window .node--dns{top:78%;left:68%}.blue-aurora .graph-copy{display:grid;gap:8px;color:#d2e3f7db}.blue-aurora .graph-copy h3{margin:0;font-size:16px;font-weight:600;color:#f1f6ff}.blue-aurora .graph-copy p{margin:0;font-size:13px;line-height:1.55}.blue-aurora .playbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(18px,3vw,26px)}.blue-aurora .playbook-card{position:relative;display:grid;gap:14px}.blue-aurora .playbook-card header{display:flex;gap:14px;align-items:center}.blue-aurora .playbook__category{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#bdd0eac7}.blue-aurora .playbook-card h3{margin:4px 0 0;font-size:18px;font-weight:700;color:#f4f7ff}.blue-aurora .playbook-card p{margin:0;color:#cbdcf2d9;line-height:1.55}.blue-aurora .playbook__step{padding:12px 14px;border-radius:14px;border:1px solid rgba(58,163,255,.22);background:#3aa3ff14;color:#d2e2f7e6;font-size:13px}.blue-aurora .btn-compact{padding:8px 12px;font-size:13px;gap:8px}@media (max-width: 640px){.blue-aurora .panel{padding-inline:16px}.blue-aurora .panel-card{width:min(320px,100%);margin-inline:auto;padding:18px;border-radius:16px;box-shadow:0 16px 36px #040a1452}.blue-aurora .icon-tile{width:32px;height:32px;border-radius:10px}.blue-aurora .icon-tile--large{width:36px;height:36px}.blue-aurora .icon-tile svg,.blue-aurora .icon-tile--large svg,.blue-aurora .icon-tile--small svg{width:22px;height:22px}.blue-aurora .collect-grid{gap:16px}.blue-aurora .pipeline{gap:18px}.blue-aurora .stage{grid-template-columns:1fr;gap:14px}.blue-aurora .stage__title h3{font-size:16px}.blue-aurora .stage__copy{font-size:12px}.blue-aurora .stage__metric{width:min(220px,100%);margin-inline:auto;padding:6px 10px;font-size:9px;letter-spacing:.02em;box-shadow:0 10px 20px #1d497647}.blue-aurora .stage__rail{display:none}.blue-aurora .stage__indicator{display:flex;align-items:center;gap:10px;justify-content:flex-start}.blue-aurora .stage__phase{font-size:10px}.blue-aurora .stage__highlights{gap:6px}.blue-aurora .stage__highlights li{font-size:11px;padding-left:14px}.blue-aurora .telemetry-card{padding:18px;gap:10px}.blue-aurora .telemetry-card h3{font-size:15px}.blue-aurora .telemetry-card ul{gap:8px}.blue-aurora .telemetry-card li{font-size:12px}.blue-aurora .insight-grid{gap:18px}.blue-aurora .insight-card{gap:10px}.blue-aurora .insight-card header{flex-direction:column;align-items:flex-start;gap:8px}.blue-aurora .insight-card h3{font-size:14px}.blue-aurora .insight-card p{font-size:12px}.blue-aurora .insight__list{gap:4px;font-size:11px}.blue-aurora .graph-preview{padding:20px;gap:14px}.blue-aurora .graph-window{min-height:180px;padding:20px}.blue-aurora .graph-window .node{font-size:11px;padding:6px 12px}.blue-aurora .graph-copy{gap:6px}.blue-aurora .graph-copy h3{font-size:14px}.blue-aurora .graph-copy p{font-size:12px}.blue-aurora .playbook-grid{gap:18px}.blue-aurora .playbook-card{gap:12px}.blue-aurora .playbook-card header{flex-direction:column;align-items:flex-start;gap:10px}.blue-aurora .playbook-card h3{font-size:14px}.blue-aurora .playbook-card p{font-size:12px}.blue-aurora .playbook__step{padding:10px 12px;font-size:11px}.blue-aurora .btn-compact{width:100%;justify-content:center}}@media (max-width: 860px){.blue-aurora .collect-grid,.blue-aurora .insight-grid{grid-template-columns:1fr}}@media (max-width: 768px){.panel{padding-block:44px 36px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}}@media (max-width: 640px){.blue-aurora .panel{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}}
