*,*::before,*::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: 88px}
body.site{margin: 0;background: var(--ground);color: var(--text);font-family: var(--font-body);font-size: 16.5px;line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden;min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column}
body.site>main{flex: 1 0 auto}
img,svg{max-width: 100%}
img{height: auto}
a{color: var(--accent);text-decoration-thickness: 1px;text-underline-offset: 3px}
a:hover{text-decoration-thickness: 2px}
h1,h2,h3,h4{font-family: var(--font-display);color: var(--ink);line-height: 1.15;letter-spacing: -.02em;margin: 0 0 .5em;text-wrap: balance}
h1{font-weight: 800}
h2{font-weight: 700;font-size: clamp(1.65rem,3.3vw,2.5rem)}
h3{font-weight: 600;font-size: 1.12rem}
p{margin: 0 0 1em}
ul,ol{margin: 0 0 1em;padding-left: 1.3em}
code,kbd,pre{font-family: var(--font-mono)}
code{font-size: .88em;background: var(--raised);color: var(--ink);padding: .1em .4em;border-radius: 6px;word-break: break-word}
kbd{font-size: .8em;background: var(--surface);border: 1px solid var(--rule);border-bottom-width: 2px;border-radius: 6px;padding: .1em .45em;color: var(--ink)}
strong,b{color: var(--ink);font-weight: 600}
hr{border: 0;border-top: 1px solid var(--rule);margin: 2rem 0}
::selection{background: var(--accent-soft);color: var(--ink)}
:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px;border-radius: 6px}
main:focus{outline: none}
[hidden]{display: none !important}
.nowrap{white-space: nowrap}
.wrap{width: 100%;max-width: 1200px;margin-inline: auto;padding-inline: 16px}
@media (min-width: 700px){.wrap{padding-inline: 28px}
}
.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}
.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--surface);color: var(--ink);padding: 10px 16px;border-radius: var(--radius-sm);box-shadow: var(--shadow);font-weight: 600}
.skip-link:focus{top: 12px}
.skip-link:not(:focus){box-shadow: none}
.ico{width: 1.15em;height: 1.15em;flex: none;vertical-align: -.2em;display: inline-block}
.v-passed.v-passed{--c: var(--st-passed)}
.v-risky.v-risky{--c: var(--st-risky)}
.v-invalid.v-invalid{--c: var(--st-invalid)}
.v-unknown.v-unknown{--c: var(--st-unknown)}
.v-filtered.v-filtered{--c: var(--st-filtered)}
.v-duplicate.v-duplicate{--c: var(--st-duplicate)}
.v-honeypot.v-honeypot{--c: var(--st-honeypot)}
.vpill{--c: var(--st-unknown);display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px 2px 8px;border-radius: 999px;font: 600 12.5px/1.6 var(--font-body);letter-spacing: .01em;white-space: nowrap;color: var(--c);background: color-mix(in srgb,var(--c) 13%,transparent);border: 1px solid color-mix(in srgb,var(--c) 34%,transparent)}
.vpill::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--c);box-shadow: 0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
.rc{display: inline-block;font: 500 12px/1.5 var(--font-mono);color: var(--ink);background: var(--raised);border: 1px solid var(--rule-soft);padding: 1px 7px;border-radius: 6px;white-space: nowrap}
.tag{display: inline-block;font: 600 10.5px/1.6 var(--font-body);letter-spacing: .06em;text-transform: uppercase;color: var(--teal-ink);border: 1px solid color-mix(in srgb,var(--teal-ink) 40%,transparent);border-radius: 999px;padding: 0 8px;vertical-align: middle}
.chip{display: inline-block;font-size: 13px;font-weight: 500;color: var(--ink);background: var(--surface);border: 1px solid var(--rule);border-radius: 999px;padding: 3px 11px}
.on-stage{--ink: var(--stage-ink);--text: var(--stage-text);--muted: var(--stage-muted);--rule: var(--stage-rule);--rule-soft: var(--stage-rule);--surface: var(--stage-surface);--raised: var(--stage-surface-2);--accent: var(--stage-accent);--accent-soft: var(--stage-accent-soft);--track: var(--stage-track);--teal-ink: var(--stage-teal);--focus: var(--stage-cyan);--bar-low: var(--stage-bar-low);--bar-mid: var(--stage-bar-mid);--bar-high: var(--stage-bar-high);--st-passed: var(--stage-passed);--st-risky: var(--stage-risky);--st-invalid: var(--stage-invalid);--st-unknown: var(--stage-unknown);--st-filtered: var(--stage-filtered);--st-duplicate: var(--stage-duplicate);--st-honeypot: var(--stage-honeypot);--grad-text: linear-gradient(100deg,var(--stage-cyan) 0%,var(--stage-teal) 55%,var(--stage-accent) 100%);color: var(--text);color-scheme: dark}
.on-stage a:not(.btn){color: var(--stage-cyan)}
.grad-text{background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}
@media (forced-colors: active){.grad-text{color: CanvasText;-webkit-text-fill-color: CanvasText;background: none}
}
.eyebrow{display: inline-flex;align-items: center;gap: 8px;font: 600 12.5px/1.4 var(--font-body);letter-spacing: .12em;text-transform: uppercase;color: var(--teal-ink);margin: 0 0 14px}
.eyebrow-on-stage{color: var(--stage-cyan)}
.lede{font-size: 1.08rem;color: var(--muted);max-width: 68ch}
.btn{--btn-bg: var(--surface);--btn-fg: var(--ink);--btn-bd: var(--rule);display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;padding: 10px 18px;border-radius: 12px;font: 600 15px/1.2 var(--font-body);text-decoration: none;white-space: nowrap;color: var(--btn-fg);background: var(--btn-bg);border: 1px solid var(--btn-bd);cursor: pointer;transition: transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}
.btn:hover{text-decoration: none;transform: translateY(-1px)}
.btn:active{transform: translateY(0)}
.btn .ico{width: 18px;height: 18px}
.btn-primary{--btn-bg: linear-gradient(180deg,var(--blue),var(--blue-2));--btn-fg: var(--on-accent);--btn-bd: transparent;background: linear-gradient(180deg,var(--blue),var(--blue-2));box-shadow: 0 8px 22px color-mix(in srgb,var(--blue) 32%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 22%,transparent)}
.btn-primary:hover{box-shadow: 0 12px 28px color-mix(in srgb,var(--blue) 42%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white) 22%,transparent)}
.btn-secondary{--btn-bg: var(--surface);--btn-fg: var(--ink);--btn-bd: var(--rule);box-shadow: var(--shadow-sm)}
.btn-secondary:hover{border-color: var(--accent)}
.btn-ghost{--btn-bg: transparent;--btn-fg: var(--ink);--btn-bd: var(--rule)}
.btn-ghost:hover{background: var(--raised)}
.btn-light{--btn-bg: var(--white);--btn-fg: var(--deep);--btn-bd: transparent;background: var(--white);color: var(--deep);box-shadow: 0 10px 30px color-mix(in srgb,var(--cyan) 22%,transparent)}
.btn-light:hover{box-shadow: 0 14px 36px color-mix(in srgb,var(--cyan) 34%,transparent)}
.btn-outline-light{--btn-bg: color-mix(in srgb,var(--white) 6%,transparent);--btn-fg: var(--stage-ink);--btn-bd: color-mix(in srgb,var(--white) 26%,transparent)}
.btn-outline-light:hover{--btn-bd: var(--stage-cyan)}
.btn-sm{min-height: 36px;padding: 6px 13px;font-size: 14px;border-radius: 10px}
.btn-lg{min-height: 52px;padding: 13px 24px;font-size: 16px;border-radius: 14px}
.btn-block{display: flex;width: 100%}
.btn.is-disabled{opacity: .6;cursor: not-allowed;transform: none}
.text-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;text-decoration: none}
.text-link .ico{transition: transform var(--dur-fast)}
.text-link:hover .ico{transform: translateX(3px)}
.site-header{position: sticky;top: 0;z-index: 60;background: var(--header-bg);-webkit-backdrop-filter: saturate(160%) blur(14px);backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid var(--rule-soft)}
.header-row{display: flex;align-items: center;gap: 12px;min-height: 66px;flex-wrap: wrap}
.site-brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;color: var(--ink);margin-right: auto;min-height: 44px}
.brand-mark{width: 40px;height: 30px}
.brand-word{font-family: var(--font-display);font-size: 17px;letter-spacing: -.01em;color: var(--ink);white-space: nowrap}
.brand-word b{font-weight: 800}
.brand-word span{font-weight: 400}
.nav-toggle{display: none}
.nav-panel{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}
.site-nav{display: flex;align-items: center;gap: 2px;flex-wrap: wrap}
.nav-link{display: inline-flex;align-items: center;min-height: 40px;padding: 6px 12px;border-radius: 10px;color: var(--text);text-decoration: none;font-weight: 500;font-size: 15px}
.nav-link:hover{background: var(--raised);color: var(--ink)}
.nav-link.is-active{color: var(--accent);background: var(--accent-soft)}
.header-actions{display: flex;align-items: center;gap: 8px}
.theme-toggle{width: 40px;height: 40px;display: inline-grid;place-items: center;border-radius: 10px;border: 1px solid var(--rule);background: var(--surface);color: var(--ink);cursor: pointer}
.theme-toggle:hover{border-color: var(--accent)}
.theme-toggle .ico{width: 19px;height: 19px;grid-area: 1 / 1;display: none}
.theme-toggle[data-mode="system"] .ico-sys,.theme-toggle[data-mode="light"] .ico-light,.theme-toggle[data-mode="dark"] .ico-dark{display: block}
.theme-toggle:not([data-mode]) .ico-sys{display: block}
html:not(.js) .theme-toggle{display: none}
@media (max-width: 1023.98px){.js .nav-toggle{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;border: 1px solid var(--rule);background: var(--surface);color: var(--ink);cursor: pointer}
.js .nav-panel{display: none;position: absolute;left: 0;right: 0;top: 100%;background: var(--surface);border-bottom: 1px solid var(--rule);box-shadow: var(--shadow);padding: 12px 16px 18px;flex-direction: column;align-items: stretch}
.js .nav-panel.is-open{display: flex}
.js .site-nav{flex-direction: column;align-items: stretch}
.js .nav-link{min-height: 46px;font-size: 16px}
.js .header-actions{flex-wrap: wrap;padding-top: 10px;border-top: 1px solid var(--rule-soft);margin-top: 6px}
.js .header-actions .btn{flex: 0 1 auto;min-width: 200px;min-height: 44px}
html:not(.js) .header-row{padding-block: 8px}
html:not(.js) .nav-panel{width: 100%}
}
@media (min-width: 700px) and (max-width: 1023.98px){.js .nav-panel{padding-inline: 28px}
}
@media (min-width: 1024px){.nav-panel{gap: 18px}
}
.flash-stack{display: grid;gap: 10px;margin-top: 16px}
.flash{--c: var(--info);display: flex;align-items: flex-start;gap: 12px;padding: 12px 14px;border-radius: var(--radius);border: 1px solid color-mix(in srgb,var(--c) 35%,transparent);background: color-mix(in srgb,var(--c) 9%,var(--surface));color: var(--ink)}
.flash>.ico{color: var(--c);margin-top: 3px}
.flash p{margin: 0;flex: 1}
.flash-success{--c: var(--success)}
.flash-error{--c: var(--danger)}
.flash-warning{--c: var(--warning)}
.flash-info{--c: var(--info)}
.flash-close{background: none;border: 0;color: var(--muted);cursor: pointer;padding: 4px;border-radius: 6px;min-width: 32px;min-height: 32px}
.flash-close:hover{color: var(--ink);background: var(--raised)}
html:not(.js) .flash-close{display: none}
.section{padding-block: clamp(56px,8vw,104px);position: relative}
.section-alt{background: var(--surface);border-block: 1px solid var(--rule-soft)}
.section-head{margin-bottom: clamp(28px,4vw,44px);max-width: 780px}
.section-head h2{margin-bottom: .35em}
.section-head .lede{margin-bottom: 0}
.section-head-center{margin-inline: auto;text-align: center}
.section-head-center .lede{margin-inline: auto}
.section-more{margin: 32px 0 0}
.section-more-center{text-align: center}
.section-stage{background: var(--stage-bg);overflow: hidden;overflow: clip;isolation: isolate}
.stage-bg{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(60% 50% at 12% 0%,color-mix(in srgb,var(--blue) 30%,transparent),transparent 70%),radial-gradient(50% 45% at 95% 100%,color-mix(in srgb,var(--teal) 22%,transparent),transparent 70%),linear-gradient(180deg,var(--stage-bg),var(--stage-bg-2))}
.stage-bg::after{content: "";position: absolute;inset: 0;background-image: linear-gradient(var(--stage-grid) 1px,transparent 1px),linear-gradient(90deg,var(--stage-grid) 1px,transparent 1px);background-size: 44px 44px;-webkit-mask-image: radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image: radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.hero,.page-hero{position: relative;overflow: hidden;isolation: isolate;background: var(--stage-bg)}
@media (min-width: 760px){.hero,.page-hero:not(.page-hero-plain){margin: 12px 12px 0;border-radius: 28px}
.hero>.wrap,.page-hero:not(.page-hero-plain)>.wrap{max-width: 1176px;padding-inline: 16px}
}
.hero-bg{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(160deg,var(--stage-bg) 0%,var(--stage-bg-2) 60%,var(--deep) 100%)}
.hero-glow{position: absolute;border-radius: 50%;filter: blur(70px);opacity: .55}
.hero-glow.g1{width: 520px;height: 520px;left: -160px;top: -200px;background: var(--blue)}
.hero-glow.g2{width: 460px;height: 460px;right: -140px;bottom: -220px;background: var(--teal);opacity: .38}
.hero-grid-lines{position: absolute;inset: 0;background-image: linear-gradient(var(--stage-grid) 1px,transparent 1px),linear-gradient(90deg,var(--stage-grid) 1px,transparent 1px);background-size: 48px 48px;-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%);mask-image: radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%)}
.hero-grid{display: grid;gap: 40px;padding-block: clamp(48px,7vw,96px);align-items: center}
@media (min-width: 1020px){.hero-grid{grid-template-columns: minmax(0,1.02fr) minmax(0,1fr);gap: 48px}
}
.hero-title{font-size: clamp(2.2rem,4.6vw,3.55rem);line-height: 1.04;letter-spacing: -.035em;margin-bottom: .45em;color: var(--stage-ink)}
.hero-sub{font-size: clamp(1.02rem,1.6vw,1.2rem);color: var(--stage-text);max-width: 56ch;margin-bottom: 28px}
.hero-ctas{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 26px}
.hero-points{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 8px 20px;color: var(--stage-muted);font-size: 14.5px}
.hero-points li{display: inline-flex;align-items: center;gap: 7px}
.hero-points .ico{color: var(--stage-teal)}
.hero-visual{min-width: 0}
.page-hero-inner{padding-block: clamp(44px,6vw,80px)}
.page-hero-inner>*{max-width: 900px}
.page-hero-center>*{margin-inline: auto}
.page-hero-compact .page-hero-inner{padding-block: clamp(40px,5vw,64px)}
.page-hero-center{text-align: center;margin-inline: auto}
.page-hero-center .page-lede{margin-inline: auto}
.page-hero h1{font-size: clamp(2rem,4.6vw,3.3rem);letter-spacing: -.03em;color: var(--ink)}
.page-hero.on-stage h1{color: var(--stage-ink)}
.page-lede{font-size: 1.1rem;color: var(--muted);max-width: 64ch;margin: 0;text-wrap: pretty}
.page-hero-plain{background: transparent;border-bottom: 1px solid var(--rule-soft)}
.hero-stats{list-style: none;padding: 0;margin: 28px 0 0;display: flex;flex-wrap: wrap;gap: 10px}
.hero-stats li{display: flex;align-items: baseline;gap: 7px;padding: 8px 14px;border-radius: 12px;background: var(--stage-surface);border: 1px solid var(--stage-rule)}
.hero-stats b{font: 700 1.35rem/1 var(--font-display);color: var(--stage-ink)}
.hero-stats span{color: var(--stage-muted);font-size: 14px}
.feed{margin: 0;border-radius: 22px;overflow: hidden;background: var(--stage-glass);border: 1px solid var(--stage-rule);box-shadow: var(--shadow-glow);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px)}
.feed-top{display: flex;align-items: center;gap: 10px;padding: 12px 16px;border-bottom: 1px solid var(--stage-rule);background: var(--stage-surface)}
.feed-dots{display: inline-flex;gap: 6px}
.feed-dots i{width: 10px;height: 10px;border-radius: 50%;background: var(--stage-surface-2);border: 1px solid var(--stage-rule)}
.feed-title{font: 600 13.5px/1.2 var(--font-body);color: var(--stage-ink);display: inline-flex;align-items: center;gap: 8px;margin-right: auto}
.live-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--stage-passed);box-shadow: 0 0 0 4px color-mix(in srgb,var(--stage-passed) 22%,transparent)}
.feed-badge{font: 600 10.5px/1 var(--font-body);letter-spacing: .09em;text-transform: uppercase;color: var(--stage-risky);border: 1px solid color-mix(in srgb,var(--stage-risky) 45%,transparent);border-radius: 999px;padding: 5px 9px}
.feed-counters{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));margin: 0;border-bottom: 1px solid var(--stage-rule)}
.feed-count{padding: 12px 8px 12px 14px;border-right: 1px solid var(--stage-rule);min-width: 0}
.feed-count:last-child{border-right: 0}
.feed-count dt{font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: var(--stage-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.feed-count dd{margin: 2px 0 0;font: 700 1.35rem/1.1 var(--font-display);color: var(--stage-ink);font-variant-numeric: tabular-nums}
.feed-count.c-passed dd{color: var(--stage-passed)}
.feed-count.c-risky dd{color: var(--stage-risky)}
.feed-count.c-invalid dd{color: var(--stage-invalid)}
.feed-count.c-honeypot dd{color: var(--stage-honeypot)}
.feed-head{display: none}
.feed-rows{list-style: none;margin: 0;padding: 6px 0;min-height: 336px;position: relative}
.feed-row{--c: var(--stage-unknown);display: grid;grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "addr addr pill" "track reason reason";gap: 4px 12px;align-items: center;padding: 9px 16px;border-bottom: 1px solid color-mix(in srgb,var(--stage-rule) 60%,transparent)}
.feed-row:last-child{border-bottom: 0}
.feed-addr{grid-area: addr;font: 500 13px/1.4 var(--font-mono);color: var(--stage-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}
.feed-track{grid-area: track;display: inline-flex;gap: 3px;align-items: center}
.feed-row .vpill{grid-area: pill;justify-self: end}
.feed-reason{grid-area: reason;justify-self: end;font: 400 11.5px/1.3 var(--font-mono);color: var(--stage-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;min-width: 0;text-align: right}
.fc{width: 11px;height: 11px;border-radius: 3px;background: var(--stage-track);border: 1px solid transparent;transition: background var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}
.fc-ok{background: color-mix(in srgb,var(--stage-teal) 55%,transparent)}
.fc-hit{background: var(--c);box-shadow: 0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}
.fc-skip{background: transparent;border-color: var(--stage-rule)}
.fc-off{background: transparent;border: 1px dashed color-mix(in srgb,var(--stage-muted) 55%,transparent)}
.fc-run{background: var(--stage-cyan);box-shadow: 0 0 10px var(--stage-cyan)}
.feed-row.is-running .vpill{visibility: hidden}
.feed-row.is-running .feed-reason{visibility: hidden}
.feed-foot{display: flex;align-items: center;gap: 12px;justify-content: space-between;padding: 10px 16px;border-top: 1px solid var(--stage-rule);font-size: 12px;color: var(--stage-muted);background: var(--stage-surface)}
.feed-pause{display: inline-flex;align-items: center;gap: 6px;flex: none;min-height: 32px;padding: 4px 10px;border-radius: 8px;border: 1px solid var(--stage-rule);background: transparent;color: var(--stage-ink);font: 600 12px/1 var(--font-body);cursor: pointer}
.feed-pause:hover{border-color: var(--stage-cyan)}
.feed-pause .ico{width: 14px;height: 14px}
.feed-pause .ico-play,.feed-pause[aria-pressed="true"] .ico-pause{display: none}
.feed-pause[aria-pressed="true"] .ico-play{display: inline-block}
@media (min-width: 560px){.feed-head{display: grid;grid-template-columns: minmax(0,1fr) auto 96px;gap: 14px;align-items: center;padding: 8px 16px;font-size: 10.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--stage-muted);border-bottom: 1px solid var(--stage-rule)}
.feed-head-stages{display: inline-flex;gap: 3px}
.feed-head-stages i{width: 13px;text-align: center;font-style: normal;font-family: var(--font-mono);letter-spacing: 0}
.feed-head>span:last-child{text-align: right}
.feed-row{grid-template-columns: minmax(0,1fr) auto 96px;grid-template-areas: "addr track pill" "reason track pill";gap: 1px 14px}
.feed-reason{justify-self: start;text-align: left}
.fc{width: 13px;height: 13px}
}
@media (min-width: 1020px) and (max-width: 1239.98px){.feed-head{display: none}
.feed-row{grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "addr addr pill" "track reason reason";gap: 4px 12px}
.feed-reason{justify-self: end;text-align: right}
}
@media (max-width: 380px){.feed-counters{grid-template-columns: repeat(3,minmax(0,1fr))}
.feed-count:nth-child(n+4){display: none}
.feed-count:nth-child(3){border-right: 0}
.fc{width: 9px;height: 9px}
}
.facts-strip{padding-block: 26px;border-bottom: 1px solid var(--rule-soft)}
.facts{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px 12px}
.fact{display: flex;flex-direction: column;gap: 2px;padding-left: 14px;border-left: 3px solid var(--teal)}
.fact b{font: 800 clamp(1.4rem,2.6vw,2rem)/1.1 var(--font-display);color: var(--ink);letter-spacing: -.02em;font-variant-numeric: tabular-nums}
.fact span{color: var(--muted);font-size: 14px}
.fact-pc b .ico{width: 1em;height: 1em;color: var(--accent);vertical-align: -.1em}
@media (max-width: 759.98px){.facts>.fact:last-child:nth-child(odd){grid-column: 1 / -1}
}
@media (min-width: 760px){.facts{grid-template-columns: repeat(5,minmax(0,1fr))}
}
.pipe{position: relative}
.pipe-bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;margin-bottom: 18px}
.pipe-hint{position: relative;padding-left: 26px;margin: 0;color: var(--muted);font-size: 14.5px}
.pipe-hint .ico{position: absolute;left: 0;top: .2em;color: var(--accent)}
[data-pipe-tour] .ico-play,[data-pipe-tour][aria-pressed="false"] .ico-pause{display: none}
[data-pipe-tour][aria-pressed="false"] .ico-play{display: inline-block}
.pipe-track{display: none}
.pipe-steps{list-style: none;margin: 0;padding: 0;position: relative}
.pipe-step{position: relative;padding-left: 58px;padding-bottom: 18px}
.pipe-step::before{content: "";position: absolute;left: 21px;top: 44px;bottom: 0;width: 2px;background: var(--rule)}
.pipe-step:last-child::before{display: none}
.pipe-head{margin: 0;font-size: 1rem}
.pipe-node{display: flex;align-items: center;gap: 14px;width: 100%;background: none;border: 0;padding: 0;margin: 0 0 12px -58px;font: inherit;color: var(--ink);text-align: left;cursor: default}
.js .pipe[data-pipe] .pipe-node{cursor: pointer}
.pipe-num{flex: none;width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;font: 700 15px/1 var(--font-display);color: var(--accent);background: var(--surface);border: 2px solid var(--rule);transition: background var(--dur),color var(--dur),border-color var(--dur),box-shadow var(--dur),transform var(--dur)}
.pipe-name{font: 600 1.08rem/1.3 var(--font-display);color: var(--ink)}
.mode-gate .pipe-num{border-color: color-mix(in srgb,var(--st-invalid) 45%,var(--rule))}
.mode-feature .pipe-num{border-color: color-mix(in srgb,var(--st-honeypot) 60%,var(--rule));color: var(--st-honeypot)}
.mode-optional .pipe-num{border-style: dashed}
.pipe-panel{display: grid;gap: 18px;padding: 20px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow-sm)}
.pipe-kicker{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;margin: 0 0 6px;font-size: 12.5px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--muted)}
.pipe-mode{letter-spacing: .02em;text-transform: none;font-weight: 600;font-size: 12px;padding: 2px 9px;border-radius: 999px;background: var(--accent-soft);color: var(--accent)}
.mode-gate .pipe-mode{background: color-mix(in srgb,var(--st-invalid) 12%,transparent);color: var(--st-invalid)}
.mode-feature .pipe-mode{background: color-mix(in srgb,var(--st-honeypot) 12%,transparent);color: var(--st-honeypot)}
.mode-optional .pipe-mode{background: var(--raised);color: var(--muted)}
.pipe-title{font: 700 1.4rem/1.2 var(--font-display);color: var(--ink);margin: 0 0 4px;letter-spacing: -.02em}
.pipe-q{color: var(--muted);margin: 0 0 12px}
.ticks{list-style: none;padding: 0;margin: 0;display: grid;gap: 8px}
.ticks li{position: relative;padding-left: 26px}
.ticks li::before{content: "";position: absolute;left: 0;top: .42em;width: 15px;height: 15px;border-radius: 50%;background: color-mix(in srgb,var(--teal) 18%,transparent);box-shadow: inset 0 0 0 1.5px var(--teal-ink)}
.ticks li::after{content: "";position: absolute;left: 5px;top: calc(.42em + 4px);width: 4px;height: 7px;border: solid var(--teal-ink);border-width: 0 1.8px 1.8px 0;transform: rotate(45deg)}
.pipe-panel-side{display: grid;gap: 8px;align-content: start;padding: 16px;border-radius: var(--radius);background: var(--raised)}
.pipe-side-label{margin: 0;font-size: 11.5px;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--muted)}
.rc-list{display: flex;flex-wrap: wrap;gap: 6px;margin: 0 0 6px}
.rc-list .rc{background: var(--surface)}
.pipe-example{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 4px}
.pipe-ex-addr{font-size: 13px;background: var(--surface);border: 1px solid var(--rule)}
.pipe-ex-arrow{color: var(--muted);display: inline-flex}
.pipe-ex-out{display: inline-flex;flex-wrap: wrap;gap: 6px;align-items: center}
.pipe-ex-out .rc{background: var(--surface)}
@media (min-width: 760px){.pipe-panel{grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);padding: 26px}
}
.js .pipe[data-pipe] .pipe-node[aria-expanded="true"] .pipe-num,.js .pipe[data-pipe] .pipe-step.is-past .pipe-num{color: var(--on-accent);background: linear-gradient(180deg,var(--blue),var(--blue-2));border-color: transparent}
.js .pipe[data-pipe] .pipe-step.is-past .pipe-num{background: color-mix(in srgb,var(--blue) 70%,var(--surface))}
.js .pipe[data-pipe] .pipe-node[aria-expanded="true"] .pipe-num{box-shadow: 0 0 0 6px color-mix(in srgb,var(--blue) 18%,transparent)}
.js .pipe[data-pipe] .mode-feature .pipe-node[aria-expanded="true"] .pipe-num{background: linear-gradient(180deg,var(--st-honeypot),color-mix(in srgb,var(--st-honeypot) 70%,var(--deep)));box-shadow: 0 0 0 6px color-mix(in srgb,var(--st-honeypot) 18%,transparent)}
.js .pipe[data-pipe] .pipe-step.is-past::before{background: var(--blue)}
.js .pipe[data-pipe] .pipe-node:hover .pipe-num{border-color: var(--accent)}
.js .pipe[data-pipe] .pipe-node::after{content: "";margin-left: auto;width: 9px;height: 9px;border: solid var(--muted);border-width: 0 2px 2px 0;transform: rotate(45deg);margin-right: 6px;transition: transform var(--dur)}
.js .pipe[data-pipe] .pipe-node[aria-expanded="true"]::after{transform: rotate(-135deg)}
.js .pipe[data-pipe] .pipe-step{padding-bottom: 8px}
@media (min-width: 940px){.js .pipe[data-pipe] .pipe-track{display: block;position: relative;height: 58px;margin-bottom: 4px}
.js .pipe[data-pipe] .pipe-track-line{position: absolute;left: calc(100% / 18);right: calc(100% / 18);bottom: 8px;height: 4px;border-radius: 4px;background: var(--track);overflow: hidden}
.js .pipe[data-pipe] .pipe-track-fill{position: absolute;left: 0;top: 0;bottom: 0;width: var(--fill,0%);background: linear-gradient(90deg,var(--cyan),var(--blue));border-radius: 4px;transition: width var(--dur-slow) var(--ease-out)}
.js .pipe[data-pipe] .pipe-token{--c: var(--accent);position: absolute;left: var(--x,5.55%);bottom: 20px;transform: translateX(-50%);display: inline-flex;align-items: center;max-width: 280px;padding: 6px 12px;border-radius: 999px;background: var(--surface);border: 1.5px solid var(--c);box-shadow: 0 8px 22px color-mix(in srgb,var(--c) 26%,transparent);font: 500 12.5px/1.2 var(--font-mono);color: var(--ink);white-space: nowrap;transition: left var(--dur-slow) var(--ease-out),border-color var(--dur),box-shadow var(--dur)}
.js .pipe[data-pipe] .pipe-token::after{content: "";position: absolute;left: 50%;bottom: -7px;width: 10px;height: 10px;background: var(--surface);border: solid var(--c);border-width: 0 1.5px 1.5px 0;transform: translateX(-50%) rotate(45deg)}
.js .pipe[data-pipe] .pipe-token-addr{overflow: hidden;text-overflow: ellipsis}
.js .pipe[data-pipe] .pipe-token.at-start{transform: translateX(-12%)}
.js .pipe[data-pipe] .pipe-token.at-start::after{left: 12%}
.js .pipe[data-pipe] .pipe-token.at-end{transform: translateX(-88%)}
.js .pipe[data-pipe] .pipe-token.at-end::after{left: 88%}
.js .pipe[data-pipe] .pipe-steps{display: grid;grid-template-columns: repeat(9,minmax(0,1fr));column-gap: 0;row-gap: 22px}
.js .pipe[data-pipe] .pipe-step{display: contents}
.js .pipe[data-pipe] .pipe-step::before{display: none}
.js .pipe[data-pipe] .pipe-head{grid-row: 1;position: relative;display: flex;justify-content: center}
.js .pipe[data-pipe] .pipe-step:nth-child(1) .pipe-head{grid-column: 1}
.js .pipe[data-pipe] .pipe-step:nth-child(2) .pipe-head{grid-column: 2}
.js .pipe[data-pipe] .pipe-step:nth-child(3) .pipe-head{grid-column: 3}
.js .pipe[data-pipe] .pipe-step:nth-child(4) .pipe-head{grid-column: 4}
.js .pipe[data-pipe] .pipe-step:nth-child(5) .pipe-head{grid-column: 5}
.js .pipe[data-pipe] .pipe-step:nth-child(6) .pipe-head{grid-column: 6}
.js .pipe[data-pipe] .pipe-step:nth-child(7) .pipe-head{grid-column: 7}
.js .pipe[data-pipe] .pipe-step:nth-child(8) .pipe-head{grid-column: 8}
.js .pipe[data-pipe] .pipe-step:nth-child(9) .pipe-head{grid-column: 9}
.js .pipe[data-pipe] .pipe-head::before{content: "";position: absolute;top: 22px;left: 0;right: 0;height: 2px;background: var(--rule);z-index: 0}
.js .pipe[data-pipe] .pipe-step:first-child .pipe-head::before{left: 50%}
.js .pipe[data-pipe] .pipe-step:last-child .pipe-head::before{right: 50%}
.js .pipe[data-pipe] .pipe-step.is-past .pipe-head::before{background: var(--blue)}
.js .pipe[data-pipe] .pipe-node{flex-direction: column;gap: 10px;margin: 0;width: auto;text-align: center;position: relative;z-index: 1;padding: 0 4px 6px;border-radius: 12px}
.js .pipe[data-pipe] .pipe-node::after{display: none}
.js .pipe[data-pipe] .pipe-name{font-size: 13.5px;font-weight: 600;color: var(--muted);line-height: 1.25}
.js .pipe[data-pipe] .pipe-node[aria-expanded="true"] .pipe-name{color: var(--ink)}
.js .pipe[data-pipe] .pipe-node[aria-expanded="true"] .pipe-num{transform: scale(1.1)}
.js .pipe[data-pipe] .pipe-panel{grid-row: 2;grid-column: 1 / -1;margin: 0;padding: 30px}
}
.pipe-static .pipe-name{font-size: 1.2rem}
.pipe-static .pipe-title{display: none}
.pipe-static .pipe-step{padding-bottom: 26px}
@media (min-width: 760px){.pipe-static .pipe-step{padding-left: 76px}
.pipe-static .pipe-node{margin-left: -76px;gap: 32px}
.pipe-static .pipe-step::before{left: 21px}
}
.radar{display: grid;gap: 32px;align-items: start}
@media (min-width: 1200px){.radar{grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: 48px}
}
.radar-figure{position: relative}
@media (min-width: 1200px) and (min-height: 760px){.radar:not(.is-wide) .radar-figure{position: sticky;top: 96px}
}
.radar-canvas{position: relative;width: 100%;max-width: 560px;margin-inline: auto;aspect-ratio: 1}
.radar-fallback{position: absolute;inset: 0;display: grid;place-items: center;text-align: center;padding: 20%;color: var(--muted);border-radius: 50%;border: 1px dashed var(--rule);margin: 0}
.js .radar-fallback{display: none}
.radar-svg{width: 100%;height: 100%;display: block;overflow: visible}
.rd-zone-high{fill: color-mix(in srgb,var(--st-honeypot) 9%,transparent)}
.rd-zone-mid{fill: color-mix(in srgb,var(--stage-accent) 8%,var(--stage-bg))}
.rd-zone-low{fill: color-mix(in srgb,var(--stage-accent) 5%,var(--stage-bg-2))}
.rd-ring{fill: none;stroke: var(--stage-rule);stroke-width: 1}
.rd-ring-4{stroke: color-mix(in srgb,var(--stage-accent) 55%,transparent);stroke-dasharray: 4 5;stroke-width: 1.2}
.rd-ring-8{stroke: color-mix(in srgb,var(--stage-honeypot) 60%,transparent);stroke-dasharray: 4 5;stroke-width: 1.2}
.rd-ring-label{font: 600 10px var(--font-body);fill: var(--stage-muted);letter-spacing: .06em;text-transform: uppercase}
.rd-ring-label.l4{fill: var(--stage-accent)}
.rd-ring-label.l8{fill: var(--stage-honeypot)}
.rd-divider{stroke: var(--stage-rule);stroke-width: 1}
.rd-spoke{stroke: color-mix(in srgb,var(--stage-muted) 25%,transparent);stroke-width: 1}
.rd-sector-label{font: 600 12.5px var(--font-display);fill: var(--stage-ink)}
.rd-sector-sub{font: 500 10px var(--font-body);fill: var(--stage-muted);letter-spacing: .04em}
.rd-sector.is-hot .rd-sector-label{fill: var(--stage-cyan)}
.rd-sweep{opacity: 0;transform-origin: 0 0}
.rd-center{fill: var(--stage-cyan)}
.rd-dot{cursor: pointer;outline: none}
.rd-dot .rd-hit{fill: transparent}
.rd-dot .rd-core{stroke: var(--stage-bg);stroke-width: 2;transition: r var(--dur-fast)}
.rd-dot.lv-low .rd-core{fill: var(--stage-bar-low)}
.rd-dot.lv-mid .rd-core{fill: var(--stage-bar-mid)}
.rd-dot.lv-high .rd-core{fill: var(--stage-bar-high)}
.rd-dot.lv-zero .rd-core{fill: var(--stage-bg);stroke: var(--stage-muted);stroke-width: 1.5}
.rd-dot .rd-ring-sel{fill: none;stroke: var(--stage-cyan);stroke-width: 2;opacity: 0}
.rd-dot .rd-ping{fill: none;stroke-width: 2;opacity: 0}
.rd-dot.lv-low .rd-ping{stroke: var(--stage-bar-low)}
.rd-dot.lv-mid .rd-ping{stroke: var(--stage-bar-mid)}
.rd-dot.lv-high .rd-ping{stroke: var(--stage-bar-high)}
.rd-dot:hover .rd-core,.rd-dot.is-hover .rd-core,.rd-dot:focus-visible .rd-core{r: 9.5}
.rd-dot:focus-visible .rd-ring-sel,.rd-dot.is-hover .rd-ring-sel{opacity: .6}
.rd-dot.is-on .rd-ring-sel{opacity: 1;stroke-dasharray: none}
.rd-dot.is-on .rd-core{stroke: var(--stage-cyan)}
.radar-tip{position: absolute;z-index: 5;width: min(290px,86%);padding: 12px 14px;border-radius: var(--radius);pointer-events: none;background: var(--stage-bg-2);border: 1px solid var(--stage-rule);box-shadow: var(--shadow-glow);color: var(--stage-text);font-size: 13.5px;line-height: 1.5;transform: translate(-50%,calc(-100% - 16px))}
.radar-tip.below{transform: translate(-50%,16px)}
.radar-tip b{color: var(--stage-ink);font-family: var(--font-display);font-size: 14.5px;display: block}
.radar-tip .rt-meta{display: flex;align-items: center;gap: 8px;margin: 4px 0 6px}
.radar-tip .rt-pts{font: 700 12px/1 var(--font-body);padding: 3px 8px;border-radius: 999px;background: var(--stage-surface-2);color: var(--stage-ink)}
.radar-tip .rc{background: var(--stage-surface);border-color: var(--stage-rule);color: var(--stage-text);font-size: 11px}
.radar-tip p{margin: 0}
.radar-tip code{background: var(--stage-surface-2);color: var(--stage-ink)}
.radar-score{margin: 18px auto 0;max-width: 560px;display: grid;grid-template-columns: 1fr auto;gap: 10px 14px;align-items: center;padding: 14px 16px;border-radius: var(--radius);background: var(--stage-surface);border: 1px solid var(--stage-rule)}
.radar-score-top{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap;min-width: 0}
.radar-score-label{font-size: 12px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--stage-muted)}
.radar-score-num{font: 800 1.8rem/1 var(--font-display);color: var(--stage-ink);font-variant-numeric: tabular-nums}
.radar-score-level{font-size: 13.5px;color: var(--stage-muted)}
.radar-score[data-level="low"] .radar-score-level{color: var(--stage-bar-low)}
.radar-score[data-level="mid"] .radar-score-level{color: var(--stage-accent)}
.radar-score[data-level="high"] .radar-score-level{color: var(--stage-honeypot)}
.radar-meter{grid-column: 1 / -1;position: relative;height: 8px;border-radius: 8px;background: var(--stage-track);overflow: visible;order: 3}
.radar-meter i{position: absolute;left: 0;top: 0;bottom: 0;width: var(--w,0%);border-radius: 8px;background: linear-gradient(90deg,var(--stage-bar-low),var(--stage-bar-mid) 45%,var(--stage-bar-high));transition: width var(--dur) var(--ease-out)}
.radar-meter em{position: absolute;top: -4px;bottom: -4px;width: 2px;background: var(--stage-ink);opacity: .5}
.radar-meter em.m4{left: 20%}
.radar-meter em.m8{left: 40%}
.signal-list{display: grid;gap: 22px;min-width: 0}
.radar-scale{list-style: none;padding: 0;margin: 0;display: grid;gap: 8px}
@media (min-width: 560px){.radar-scale{grid-template-columns: repeat(3,minmax(0,1fr))}
}
.radar-scale li{padding: 10px 12px;border-radius: 12px;background: var(--surface);border: 1px solid var(--rule);font-size: 13px;color: var(--muted);display: grid;gap: 2px;border-top: 3px solid var(--lv,var(--bar-low))}
.radar-scale b{font-size: 13px}
.lv-low{--lv: var(--bar-low)}
.lv-mid{--lv: var(--bar-mid)}
.lv-high{--lv: var(--bar-high)}
.signal-group{min-width: 0}
.signal-group-head{display: flex;align-items: center;gap: 10px;font-size: 1.05rem;margin: 0 0 2px}
.signal-group-sub{margin: 0 0 10px;color: var(--muted);font-size: 13.5px}
.signals{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}
.signal{padding: 12px 14px;border-radius: 14px;background: var(--surface);border: 1px solid var(--rule);transition: border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}
.signal.is-hot{border-color: var(--lv);box-shadow: 0 0 0 3px color-mix(in srgb,var(--lv) 22%,transparent)}
.signal.is-on{background: color-mix(in srgb,var(--lv) 12%,var(--surface));border-color: var(--lv)}
.signal-top{display: flex;align-items: baseline;justify-content: space-between;gap: 10px}
.signal-name{font-weight: 600;color: var(--ink);font-size: 14.5px}
.signal-pts{font: 700 1.05rem/1 var(--font-display);color: var(--lv);white-space: nowrap}
.signal-pts small{font: 500 11px var(--font-body);color: var(--muted)}
.signal-bar{display: block;position: relative;height: 6px;margin: 8px 0;border-radius: 6px;background: var(--track)}
.signal-bar i{position: absolute;left: 0;top: 0;bottom: 0;width: calc(var(--p) * 10%);border-radius: 6px;background: var(--lv)}
.signal-bar::before,.signal-bar::after{content: "";position: absolute;top: -3px;bottom: -3px;width: 2px;background: var(--muted);opacity: .45}
.signal-bar::before{left: 40%}
.signal-bar::after{left: 80%}
.signal-meta{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}
.signal-meta .rc{font-size: 11px}
.signal-add{min-height: 30px;padding: 3px 10px;border-radius: 8px;border: 1px solid var(--rule);background: transparent;color: var(--ink);font: 600 12px/1 var(--font-body);cursor: pointer}
.signal-add:hover{border-color: var(--accent)}
.signal-add .when-on,.signal-add[aria-pressed="true"] .when-off{display: none}
.signal-add[aria-pressed="true"] .when-on{display: inline}
.signal-add[aria-pressed="true"]{background: var(--lv);border-color: var(--lv);color: var(--stage-bg)}
.signal-desc{margin: 8px 0 0;font-size: 13.5px;color: var(--muted)}
.radar.is-compact .signal{padding: 9px 12px}
.radar.is-compact .signal-bar{margin: 6px 0 0}
.radar.is-compact .signal-meta{display: none}
.radar.is-compact .signal-name{font-size: 14px}
.radar.is-compact .signal-group-sub{margin-bottom: 8px}
.radar.is-wide{gap: 28px 48px}
@media (min-width: 1000px){.radar.is-wide{grid-template-columns: minmax(0,1fr) minmax(0,.82fr);align-items: center}
}
.radar-side{display: grid;gap: 14px;min-width: 0}
.radar-side-lead{margin: 0;color: var(--stage-text,var(--muted));font-size: 15px;max-width: 46ch}
.radar-side-hint{margin: 0;color: var(--stage-muted,var(--muted));font-size: 13px}
.radar.is-wide .radar-scale{grid-template-columns: repeat(3,minmax(0,1fr))}
.radar.is-wide .radar-score{margin: 0;max-width: none}
.radar.is-wide .radar-canvas{max-width: 500px}
.radar.is-wide .signal-list{grid-column: 1 / -1;display: grid;grid-template-columns: minmax(0,1fr);gap: 18px}
.radar.is-wide .signal-group{margin: 0;padding: 14px;border-radius: 16px;background: color-mix(in srgb,var(--surface) 55%,transparent);border: 1px solid var(--rule)}
.radar.is-wide .signal-group-head{font-size: 1rem}
.radar.is-wide .signal-group-count{font: 600 11px/1 var(--font-body);padding: 3px 7px;border-radius: 999px;background: var(--raised);color: var(--muted)}
.radar.is-wide .signal-group-sub{margin-bottom: 10px;font-size: 12.5px}
.radar.is-wide .signals{gap: 6px}
.radar.is-wide .signal{padding: 0;border-radius: 10px}
.signal-details>summary{list-style: none}
.signal-details>summary::-webkit-details-marker{display: none}
.signal-summary{display: grid;grid-template-columns: minmax(0,1fr) 16px;column-gap: 8px;align-items: center;padding: 8px 10px 8px 12px;cursor: pointer;border-radius: 10px}
.signal-summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}
.signal-summary .signal-top{grid-column: 1}
.signal-summary .signal-name{font-size: 13.5px}
.signal-summary .signal-pts{font-size: .95rem}
.signal-summary .signal-bar{grid-column: 1;margin: 6px 0 0;height: 5px}
.signal-chevron{grid-column: 2;grid-row: 1 / span 2;width: 16px;height: 16px;color: var(--muted);transition: transform var(--dur-fast)}
.signal-details[open] .signal-chevron{transform: rotate(180deg)}
.signal-more{padding: 2px 12px 11px;display: grid;gap: 8px}
.signal-more .signal-desc{margin: 0;font-size: 13px}
@media (max-width: 640px){.radar.is-wide .radar-scale{grid-template-columns: minmax(0,1fr)}
}
@media (min-width: 640px){.radar.is-wide .signal-list{grid-template-columns: repeat(2,minmax(0,1fr))}
.radar.is-wide .signal-group:last-child:nth-child(odd){grid-column: 1 / -1}
.radar.is-wide .signal-group:last-child:nth-child(odd) .signals{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 12px}
}
@media (min-width: 1200px){.radar.is-wide .signal-list{grid-template-columns: repeat(6,minmax(0,1fr))}
.radar.is-wide .signal-group{grid-column: span 2}
.radar.is-wide .signal-group:nth-child(4):nth-last-child(2),.radar.is-wide .signal-group:nth-child(5):nth-last-child(1){grid-column: span 3}
.radar.is-wide .signal-group:nth-child(4):nth-last-child(2) .signals,.radar.is-wide .signal-group:nth-child(5):nth-last-child(1) .signals{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 12px}
}
@media (prefers-reduced-motion: reduce){.signal-chevron{transition: none}
}
.radar.is-compact .signals{gap: 6px}
.radar.is-compact .signal-desc{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}
@media (min-width: 620px){.radar.is-compact .signal-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px 18px}
.radar.is-compact .radar-scale{grid-column: 1 / -1}
.radar.is-compact .signal-group:last-child:nth-child(even){grid-column: 1 / -1}
.radar.is-compact .signal-group:last-child:nth-child(even) .signals{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 18px}
}
.try{display: grid;gap: 28px;align-items: start}
@media (min-width: 960px){.try{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 44px}
}
.try-fieldset{border: 0;padding: 0;margin: 0;min-width: 0}
.try-fieldset:disabled{opacity: .6}
.try-label{display: block;font-weight: 600;color: var(--ink);margin-bottom: 8px}
.try-row{display: flex;gap: 10px;flex-wrap: wrap}
.try-input{flex: 1 1 240px;min-width: 0;min-height: 54px;padding: 12px 16px;font: 500 16px/1.2 var(--font-mono);color: var(--ink);background: var(--surface);border: 1.5px solid var(--rule);border-radius: 14px;box-shadow: inset 0 1px 2px color-mix(in srgb,var(--deep) 6%,transparent)}
.try-input::placeholder{color: var(--muted);opacity: .7}
.try-input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 4px var(--accent-soft)}
.try-row .btn{min-height: 54px;padding-inline: 22px}
.try-privacy{position: relative;padding-left: 22px;margin: 10px 0 18px;font-size: 13.5px;color: var(--muted)}
.try-privacy .ico{position: absolute;left: 0;top: .2em}
.try-privacy .ico{color: var(--teal-ink)}
.try-samples{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}
.try-samples-label{font-size: 13.5px;color: var(--muted);margin-right: 2px}
.try-chip{min-height: 34px;padding: 5px 12px;border-radius: 999px;border: 1px solid var(--rule);background: var(--surface);color: var(--ink);font: 500 13px/1 var(--font-body);cursor: pointer}
.try-chip:hover{border-color: var(--accent);color: var(--accent)}
.try-note{position: relative;margin: 22px 0 0;padding: 12px 14px 12px 40px;border-radius: 12px;background: var(--accent-soft);color: var(--ink);font-size: 14px}
.try-note .ico{position: absolute;left: 14px;top: 14px;color: var(--accent)}
.try-noscript{margin: 12px 0 0;padding: 12px 14px;border-radius: 12px;border: 1px dashed var(--rule);color: var(--muted)}
.try-right{display: grid;gap: 16px;min-width: 0}
.try-stages{list-style: none;margin: 0;padding: 8px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow-sm);display: grid;gap: 2px}
.try-stage{--sc: var(--muted);display: grid;grid-template-columns: 30px minmax(0,1fr) auto;gap: 12px;align-items: center;padding: 7px 10px;border-radius: 10px;transition: background var(--dur-fast)}
.try-stage-num{width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;font: 700 12px/1 var(--font-display);color: var(--sc);background: var(--raised);transition: background var(--dur-fast),color var(--dur-fast)}
.try-stage-name{font-weight: 500;color: var(--ink);font-size: 14.5px;min-width: 0}
.try-stage-state{font: 600 11.5px/1 var(--font-body);letter-spacing: .03em;color: var(--sc);padding: 4px 9px;border-radius: 999px;background: color-mix(in srgb,var(--sc) 12%,transparent);white-space: nowrap}
.try-stage.is-run{background: var(--accent-soft);--sc: var(--accent)}
.try-stage.is-pass{--sc: var(--st-passed)}
.try-stage.is-flag{--sc: var(--st-risky)}
.try-stage.is-fail{--sc: var(--st-invalid)}
.try-stage.is-trap{--sc: var(--st-honeypot)}
.try-stage.is-skip{--sc: var(--muted);opacity: .6}
.try-stage.is-app{--sc: var(--info)}
.try-stage.is-pass .try-stage-num,.try-stage.is-flag .try-stage-num,.try-stage.is-fail .try-stage-num,.try-stage.is-trap .try-stage-num{background: var(--sc);color: var(--on-accent)}
.try-result{min-height: 120px;padding: 20px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule)}
.try-empty{margin: 0;color: var(--muted)}
.tr-head{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 12px}
.tr-verdict .vpill{font-size: 15px;padding: 5px 14px 5px 11px}
.tr-addr{font: 500 13.5px var(--font-mono);color: var(--muted);word-break: break-all}
.tr-score{margin-left: auto;font-size: 13px;color: var(--muted)}
.tr-score b{font: 700 1.15rem var(--font-display);color: var(--ink)}
.tr-summary{margin: 0 0 12px;color: var(--ink)}
.tr-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 8px}
.tr-item{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 10px;align-items: start;font-size: 14px}
.tr-item .rc{font-size: 11.5px}
.tr-fix{margin: 12px 0 0;padding: 10px 12px;border-radius: 10px;background: color-mix(in srgb,var(--st-risky) 10%,transparent);font-size: 14px;color: var(--ink)}
.tr-app{margin: 12px 0 0;font-size: 13px;color: var(--muted)}
.ladder-wrap{display: grid;gap: 24px;align-items: start}
@media (min-width: 900px){.ladder-wrap{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 36px}
}
.ladder-card{padding: 24px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow)}
.ladder-eyebrow{font-size: 12px;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);margin: 0 0 16px}
.ladder{list-style: none;padding: 0;margin: 0 0 16px;display: grid;gap: 8px;counter-reset: rung}
.ladder-rung{--c: var(--st-unknown);position: relative;display: grid;grid-template-columns: auto auto minmax(0,1fr) auto;align-items: center;gap: 12px;width: calc(100% - var(--rank,0) * 5%);padding: 12px 14px;border-radius: 12px;background: color-mix(in srgb,var(--c) 7%,var(--surface));border: 1px solid color-mix(in srgb,var(--c) 28%,transparent);transition: transform var(--dur) var(--ease-out),box-shadow var(--dur),background var(--dur),opacity var(--dur)}
.ladder-rung::before{counter-increment: rung;content: counter(rung);font: 700 11px/1 var(--font-mono);color: var(--muted);width: 14px}
.ladder-dot{width: 12px;height: 12px;border-radius: 50%;background: var(--c);box-shadow: 0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.ladder-rung b{font-family: var(--font-display);font-size: 1.02rem}
.ladder-rung small{grid-column: 3;grid-row: 2;color: var(--muted);font-size: 13px;margin-top: -8px}
.ladder-rung b{grid-column: 3}
.ladder-win{grid-column: 4;grid-row: 1 / span 2;font: 700 11px/1 var(--font-body);letter-spacing: .08em;text-transform: uppercase;color: var(--on-accent);background: var(--c);padding: 5px 9px;border-radius: 999px;opacity: 0;transform: scale(.8);transition: opacity var(--dur),transform var(--dur) var(--ease-out)}
.ladder-note{margin: 0;font-size: 14px;color: var(--muted)}
.ladder-wrap.is-live .ladder-rung{opacity: .45}
.ladder-wrap.is-live .ladder-rung.is-lit{opacity: .8}
.ladder-wrap.is-live .ladder-rung.is-win{opacity: 1;transform: translateX(6px);background: color-mix(in srgb,var(--c) 16%,var(--surface));box-shadow: 0 10px 26px color-mix(in srgb,var(--c) 22%,transparent);border-color: var(--c)}
.ladder-wrap.is-live .ladder-rung.is-win .ladder-win{opacity: 1;transform: scale(1)}
.ladder-lab{padding: 24px;border-radius: var(--radius-lg);background: var(--ground);border: 1px dashed var(--rule)}
.section-alt .ladder-lab{background: var(--ground)}
.ladder-lab-title{font: 700 1.1rem/1.2 var(--font-display);color: var(--ink);margin: 0 0 4px}
.ladder-lab-sub{color: var(--muted);font-size: 14.5px;margin: 0 0 16px}
.ladder-toggles{display: grid;gap: 8px}
.ev-toggle{--c: var(--st-unknown);display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: 12px;align-items: center;text-align: left;min-height: 48px;padding: 10px 12px;border-radius: 12px;cursor: pointer;background: var(--surface);border: 1px solid var(--rule);color: var(--ink);font: 500 14.5px/1.3 var(--font-body);transition: border-color var(--dur-fast),background var(--dur-fast)}
.ev-toggle:hover{border-color: var(--c)}
.ev-check{width: 22px;height: 22px;border-radius: 7px;border: 1.5px solid var(--rule);display: grid;place-items: center;color: transparent;background: var(--surface)}
.ev-check .ico{width: 14px;height: 14px}
.ev-toggle[aria-pressed="true"]{border-color: var(--c);background: color-mix(in srgb,var(--c) 8%,var(--surface))}
.ev-toggle[aria-pressed="true"] .ev-check{background: var(--c);border-color: var(--c);color: var(--on-accent)}
.ev-verdict{font: 600 11.5px/1 var(--font-body);color: var(--c);padding: 4px 8px;border-radius: 999px;background: color-mix(in srgb,var(--c) 12%,transparent)}
.ladder-rule{position: relative;padding-left: 28px;margin: 18px 0 0;font-size: 14px;color: var(--ink)}
.ladder-rule .ico{position: absolute;left: 0;top: .15em;color: var(--teal-ink)}
.table-scroll{position: relative;overflow-x: auto;-webkit-overflow-scrolling: touch;margin-top: 28px;border-radius: var(--radius);border: 1px solid var(--rule);background: var(--surface)}
.table-scroll table{width: 100%;border-collapse: collapse;min-width: 560px}
.table-scroll caption{text-align: left;padding: 14px 16px 0;font-weight: 600;color: var(--ink)}
.table-scroll th,.table-scroll td{padding: 13px 16px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--rule-soft);font-size: 14.5px}
.table-scroll thead th{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--muted);font-weight: 600;background: var(--raised);border-bottom: 1px solid var(--rule)}
.table-scroll tbody tr:last-child>*{border-bottom: 0}
.table-scroll tbody th{font-weight: 600;color: var(--ink)}
.send{font-weight: 600;font-size: 13.5px;white-space: nowrap}
.send-yes{color: var(--st-passed)}
.send-maybe{color: var(--st-risky)}
.send-no{color: var(--st-invalid)}
.send-later{color: var(--st-unknown)}
.section-cost{background: linear-gradient(135deg,var(--stage-bg) 0%,var(--deep) 55%,var(--stage-bg-2) 100%);overflow: hidden}
.section-cost::before{content: "";position: absolute;width: 620px;height: 620px;right: -200px;top: -260px;border-radius: 50%;background: var(--teal);filter: blur(120px);opacity: .22;pointer-events: none}
.cost{position: relative;display: grid;gap: 36px;align-items: center}
@media (min-width: 960px){.cost{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 56px}
}
.cost-title{font-size: clamp(1.8rem,3.6vw,2.7rem);color: var(--stage-ink)}
.cost-lede{color: var(--stage-text);font-size: 1.05rem}
.cost-points{list-style: none;padding: 0;margin: 0;display: grid;gap: 10px}
.cost-points li{position: relative;padding-left: 30px;color: var(--stage-text)}
.cost-points .ico{position: absolute;left: 0;top: .22em;color: var(--stage-teal)}
.cost-calc{padding: 24px;border-radius: var(--radius-lg);background: var(--stage-surface);border: 1px solid var(--stage-rule);box-shadow: var(--shadow-glow);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}
.cost-slider{display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: baseline;margin-bottom: 20px}
.cost-slider label{color: var(--stage-text);font-weight: 500;text-wrap: balance}
.cost-volume-out{font: 800 1.5rem/1 var(--font-display);color: var(--stage-ink);font-variant-numeric: tabular-nums}
.cost-slider input[type="range"]{grid-column: 1 / -1;width: 100%;accent-color: var(--stage-cyan);height: 28px;margin: 0;cursor: pointer}
.cost-ticks{grid-column: 1 / -1;display: flex;justify-content: space-between;font: 500 11px var(--font-mono);color: var(--stage-muted)}
.cost-ticks i{font-style: normal}
.cost-cols{display: grid;gap: 12px;grid-template-columns: 1fr}
@media (min-width: 480px){.cost-cols{grid-template-columns: 1fr 1fr}
}
.cost-col{padding: 16px;border-radius: var(--radius);display: grid;gap: 4px;border: 1px solid var(--stage-rule)}
.cost-cloud{background: color-mix(in srgb,var(--stage-invalid) 8%,transparent)}
.cost-local{background: color-mix(in srgb,var(--stage-teal) 12%,transparent);border-color: color-mix(in srgb,var(--stage-teal) 45%,transparent);box-shadow: 0 0 34px color-mix(in srgb,var(--stage-teal) 16%,transparent)}
.cost-col-label{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;font-weight: 600;color: var(--stage-muted)}
.cost-col-num{font: 800 clamp(1.3rem,2vw,1.6rem)/1.1 var(--font-display);color: var(--stage-ink);font-variant-numeric: tabular-nums}
.cost-cloud .cost-col-num{color: var(--stage-invalid)}
.cost-local .cost-col-num{color: var(--stage-teal)}
.cost-col-sub{font-size: 13px;color: var(--stage-muted)}
.cost-col-rate{font: 600 14px/1.45 var(--font-body);color: var(--stage-text);font-variant-numeric: tabular-nums}
.cost-table{width: 100%;border-collapse: collapse;font-size: 14px;color: var(--stage-text)}
.cost-table caption{text-align: left;font-weight: 600;color: var(--stage-ink);padding-bottom: 8px}
.cost-table th,.cost-table td{text-align: left;padding: 9px 8px;border-bottom: 1px solid var(--stage-rule)}
.cost-table thead th{font-size: 11.5px;letter-spacing: .06em;text-transform: uppercase;color: var(--stage-muted)}
.cost-table tbody th{color: var(--stage-ink);font-variant-numeric: tabular-nums}
.cost-foot{margin: 14px 0 0;font-size: 12.5px;color: var(--stage-muted)}
.feature-grid{display: grid;gap: 16px;grid-template-columns: minmax(0,1fr)}
@media (min-width: 640px){.feature-grid{grid-template-columns: repeat(2,minmax(0,1fr))}
.feature-grid>:last-child:nth-child(odd){grid-column: 1 / -1}
}
@media (min-width: 960px){.feature-grid{grid-template-columns: repeat(3,minmax(0,1fr))}
.feature-grid>:last-child:nth-child(odd){grid-column: auto}
}
.feature-card{padding: 22px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);transition: transform var(--dur) var(--ease-out),box-shadow var(--dur),border-color var(--dur)}
.feature-card:hover{transform: translateY(-3px);box-shadow: var(--shadow);border-color: color-mix(in srgb,var(--accent) 35%,var(--rule))}
.feature-ico{width: 44px;height: 44px;border-radius: 13px;display: grid;place-items: center;margin-bottom: 14px;color: var(--on-accent);background: linear-gradient(140deg,var(--cyan) -20%,var(--blue) 50%,var(--deep) 120%);box-shadow: 0 8px 20px color-mix(in srgb,var(--blue) 26%,transparent)}
.feature-ico .ico{width: 22px;height: 22px}
.feature-card h3{margin-bottom: 10px}
.feature-card ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 7px;font-size: 14.5px;color: var(--muted)}
.feature-card li{position: relative;padding-left: 16px}
.feature-card li::before{content: "";position: absolute;left: 0;top: .62em;width: 6px;height: 6px;border-radius: 2px;background: var(--teal)}
.section-alt .feature-card{background: var(--ground)}
.pricing{position: relative}
.term-radio{position: absolute;opacity: 0;width: 1px;height: 1px;pointer-events: none}
.term-switch{display: flex;width: max-content;max-width: 100%;margin: 0 auto 34px;padding: 5px;gap: 4px;border-radius: 999px;background: var(--raised);border: 1px solid var(--rule);flex-wrap: wrap;justify-content: center}
.term-opt{display: inline-flex;align-items: center;gap: 8px;min-height: 42px;padding: 8px 18px;border-radius: 999px;cursor: pointer;font-weight: 600;font-size: 15px;color: var(--muted);transition: background var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast);user-select: none}
.term-opt:hover{color: var(--ink)}
.term-save{font-size: 11.5px;font-weight: 700;color: var(--success);background: color-mix(in srgb,var(--success) 13%,transparent);padding: 2px 8px;border-radius: 999px}
@media (max-width: 559.98px){.term-switch{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));width: 100%;border-radius: 18px}
.term-opt{flex-direction: column;gap: 2px;padding: 6px 4px;border-radius: 14px;justify-content: center;text-align: center}
.term-save{font-size: 10.5px;padding: 1px 6px}
}
.term-radio:nth-of-type(1):checked ~ .term-switch .term-opt:nth-child(1),.term-radio:nth-of-type(2):checked ~ .term-switch .term-opt:nth-child(2),.term-radio:nth-of-type(3):checked ~ .term-switch .term-opt:nth-child(3){background: var(--surface);color: var(--ink);box-shadow: var(--shadow-sm),0 0 0 1px var(--rule)}
.term-radio:nth-of-type(1):focus-visible ~ .term-switch .term-opt:nth-child(1),.term-radio:nth-of-type(2):focus-visible ~ .term-switch .term-opt:nth-child(2),.term-radio:nth-of-type(3):focus-visible ~ .term-switch .term-opt:nth-child(3){outline: 3px solid var(--focus);outline-offset: 2px}
.plan-price{display: none}
.term-radio:nth-of-type(1):checked ~ .plan-grid .pp-monthly,.term-radio:nth-of-type(2):checked ~ .plan-grid .pp-quarterly,.term-radio:nth-of-type(3):checked ~ .plan-grid .pp-yearly{display: block}
.plan-grid{display: grid;gap: 18px;align-items: stretch}
@media (min-width: 900px){.plan-grid.plans-2{grid-template-columns: repeat(2,minmax(0,1fr));max-width: 820px;margin-inline: auto}
.plan-grid.plans-3{grid-template-columns: repeat(3,minmax(0,1fr))}
.plan-grid.plans-4{grid-template-columns: repeat(4,minmax(0,1fr))}
}
@media (min-width: 640px) and (max-width: 899px){.plan-grid.plans-2,.plan-grid.plans-3,.plan-grid.plans-4{grid-template-columns: repeat(2,minmax(0,1fr))}
.plan-grid.plans-3>.plan:last-child{grid-column: 1 / -1;justify-self: center;width: calc(50% - 9px)}
}
.plan{position: relative;display: flex;flex-direction: column;padding: 28px 24px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow-sm)}
.section-alt .plan{background: var(--ground)}
.plan-popular{border: 2px solid transparent;background: linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-brand) border-box;box-shadow: var(--shadow-lg)}
.section-alt .plan-popular{background: linear-gradient(var(--ground),var(--ground)) padding-box,var(--grad-brand) border-box}
@media (min-width: 900px){.plan-popular{transform: translateY(-10px)}
}
.plan-flag{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);margin: 0;display: inline-flex;align-items: center;gap: 6px;padding: 5px 13px;border-radius: 999px;background: linear-gradient(90deg,var(--blue),var(--teal));color: var(--on-accent);font: 700 12px/1.2 var(--font-body);letter-spacing: .04em;white-space: nowrap;box-shadow: 0 6px 18px color-mix(in srgb,var(--blue) 35%,transparent)}
.plan-flag .ico{width: 14px;height: 14px}
.plan-name{font-size: 1.45rem;margin-bottom: 4px}
.plan-tagline{color: var(--muted);font-size: 14.5px;margin: 0 0 10px;text-wrap: pretty}
.plan-devices{display: flex;align-items: center;gap: 7px;margin: 0 0 18px;color: var(--ink);font-size: 14.5px}
.plan-devices .ico{color: var(--accent)}
.plan-devices span{color: var(--muted)}
.price{display: flex;align-items: baseline;gap: 4px;margin: 0}
.price b{font: 800 clamp(2.4rem,4vw,3rem)/1 var(--font-display);letter-spacing: -.03em;color: var(--ink);font-variant-numeric: tabular-nums}
.price span{color: var(--muted);font-weight: 500}
.price-sub{min-height: 3em;margin: 8px 0 18px;color: var(--muted);font-size: 14px;display: flex;flex-wrap: wrap;gap: 6px;align-items: center}
.save-pill{font-size: 12px;font-weight: 700;color: var(--success);background: color-mix(in srgb,var(--success) 13%,transparent);padding: 2px 8px;border-radius: 999px}
.plan-feats{list-style: none;padding: 18px 0 0;margin: 20px 0 0;border-top: 1px solid var(--rule-soft);display: grid;gap: 9px;font-size: 14.5px}
.plan-feats li{position: relative;padding-left: 27px}
.plan-feats .ico{position: absolute;left: 0;top: .2em;color: var(--teal-ink)}
.plan-support{font-weight: 600;color: var(--ink)}
.plan-support .ico{color: var(--accent)}
.plan-diff{font-weight: 600;color: var(--ink)}
.plan-pcs{color: var(--ink)}
.plan-pcs .ico{color: var(--accent)}
.plan-base{color: var(--muted)}
.plan-inherit{color: var(--muted);font-style: italic}
.price-na b{font-size: 1.5rem;color: var(--muted);letter-spacing: 0}
.pricing-notes{display: grid;gap: 10px;margin: 30px auto 0;max-width: 820px}
.pricing-notes p{position: relative;padding-left: 30px;margin: 0;font-size: 14.5px;color: var(--muted)}
.pricing-notes .ico{position: absolute;left: 0;top: .2em;color: var(--accent)}
.pricing-empty{display: flex;gap: 12px;align-items: center;justify-content: center;padding: 28px;border-radius: var(--radius-lg);border: 1px dashed var(--rule);color: var(--muted)}
.pricing-empty p{margin: 0}
.section-pricing{padding-top: clamp(44px,6vw,72px)}
.flow{list-style: none;padding: 0;margin: 0;display: grid;gap: 16px;counter-reset: flow}
@media (min-width: 560px){.flow{grid-template-columns: repeat(2,minmax(0,1fr))}
}
@media (min-width: 1000px){.flow{grid-template-columns: repeat(4,minmax(0,1fr))}
}
.flow-step{position: relative;padding: 22px;border-radius: var(--radius-lg);background: var(--ground);border: 1px solid var(--rule)}
.flow-num{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 12px;margin-bottom: 12px;font: 800 16px/1 var(--font-display);color: var(--on-accent);background: linear-gradient(140deg,var(--blue),var(--teal))}
.flow-step h3{margin-bottom: 6px}
.flow-step p{margin: 0;color: var(--muted);font-size: 14.5px}
.compare th:not(:first-child),.compare td{text-align: center}
.compare thead th{vertical-align: bottom;font-size: 13px;text-transform: none;letter-spacing: 0;color: var(--ink);font-family: var(--font-display);font-weight: 700;font-size: 1.05rem}
.compare thead th.is-popular{color: var(--accent)}
.compare-flag{display: block;font: 600 11px var(--font-body);color: var(--success);letter-spacing: .04em;margin-top: 2px}
.compare-group th{background: var(--ground);font-size: 12px !important;letter-spacing: .08em;text-transform: uppercase;color: var(--muted) !important}
.compare-sub{display: block;font-size: 12.5px;color: var(--muted)}
.compare-na{color: var(--muted)}
.ico-yes{color: var(--success);width: 20px;height: 20px}
.ico-no{color: var(--muted);opacity: .55;width: 16px;height: 16px}
.compare td{vertical-align: middle}
.compare td,.compare th{text-wrap: balance}
.compare-group-note{margin-left: 8px;font-weight: 500;letter-spacing: .02em;text-transform: none;color: var(--muted)}
.compare tbody th[scope="row"]{font-weight: 500;vertical-align: middle}
@media (min-width: 760px){.compare{table-layout: fixed}
.compare thead th:first-child{width: 40%}
}
.faq-layout{display: grid;gap: 28px}
@media (min-width: 960px){.faq-layout{grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);gap: 56px;align-items: start}
.faq-layout .section-head{position: sticky;top: 100px}
}
.faq{display: grid;gap: 10px}
.faq-group{font-size: 1.3rem;margin: 26px 0 6px}
.faq-group:first-child{margin-top: 0}
.faq-item{border-radius: var(--radius);background: var(--surface);border: 1px solid var(--rule);transition: border-color var(--dur-fast),box-shadow var(--dur-fast)}
.section-alt .faq-item{background: var(--ground)}
.faq-item[open]{border-color: color-mix(in srgb,var(--accent) 45%,var(--rule));box-shadow: var(--shadow-sm)}
.faq-q{list-style: none;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 16px 18px;cursor: pointer;font: 600 1rem/1.4 var(--font-display);color: var(--ink);border-radius: var(--radius)}
.faq-q::-webkit-details-marker{display: none}
.faq-q::marker{content: ""}
.faq-icon{position: relative;flex: none;width: 26px;height: 26px;border-radius: 50%;background: var(--raised)}
.faq-icon::before,.faq-icon::after{content: "";position: absolute;left: 50%;top: 50%;width: 11px;height: 2px;border-radius: 2px;background: var(--accent);transform: translate(-50%,-50%);transition: transform var(--dur) var(--ease-out)}
.faq-icon::after{transform: translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-icon::after{transform: translate(-50%,-50%) rotate(0deg)}
.faq-a{padding: 0 18px 16px;color: var(--text)}
.faq-a p:last-child{margin-bottom: 0}
@media (min-width: 980px){.wrap.faq-page{display: grid;grid-template-columns: 240px minmax(0,1fr);column-gap: 48px;align-items: start}
.faq-page>.faq-jump{grid-column: 1;grid-row: 1 / span 2;position: sticky;top: 90px;flex-direction: column;align-items: flex-start;margin-bottom: 0}
.faq-page>.faq{grid-column: 2;grid-row: 1}
.faq-page>.faq-help{grid-column: 2;grid-row: 2}
}
.faq-jump{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 26px}
.faq-jump a{padding: 8px 14px;border-radius: 999px;border: 1px solid var(--rule);background: var(--surface);text-decoration: none;font-weight: 600;font-size: 14px;color: var(--ink)}
.faq-jump a:hover{border-color: var(--accent);color: var(--accent)}
.faq-help{display: flex;flex-wrap: wrap;align-items: center;gap: 16px;margin-top: 36px;padding: 22px;border-radius: var(--radius-lg);background: var(--accent-soft)}
.faq-help>.ico{width: 30px;height: 30px;color: var(--accent)}
.faq-help div{flex: 1 1 240px}
.faq-help h2{font-size: 1.15rem;margin: 0 0 2px}
.faq-help p{margin: 0;color: var(--muted)}
.cta-band{position: relative;overflow: hidden;isolation: isolate;padding-block: clamp(56px,8vw,96px);background: linear-gradient(120deg,var(--stage-bg) 0%,var(--deep) 45%,var(--blue-2) 100%)}
.cta-band::before{content: "";position: absolute;inset: 0;z-index: -1;background: radial-gradient(40% 60% at 85% 20%,color-mix(in srgb,var(--cyan) 35%,transparent),transparent 70%),radial-gradient(35% 55% at 10% 90%,color-mix(in srgb,var(--teal) 30%,transparent),transparent 70%)}
.cta-inner{display: grid;gap: 24px;align-items: center}
@media (min-width: 900px){.cta-inner{grid-template-columns: auto minmax(0,1fr) auto;gap: 36px}
.cta-inner:not(:has(>.cta-mark)){grid-template-columns: minmax(0,1fr) auto}
}
.cta-mark{width: 88px;height: 88px;filter: drop-shadow(0 16px 30px color-mix(in srgb,var(--black,#000) 35%,transparent))}
.cta-copy h2{color: var(--stage-ink);margin-bottom: .3em}
.cta-copy p{color: var(--stage-text);margin: 0;max-width: 60ch}
.cta-copy .cta-tag{margin-top: 10px;font: 600 12.5px/1 var(--font-body);letter-spacing: .18em;text-transform: uppercase;color: var(--stage-cyan)}
.cta-actions{display: flex;flex-wrap: wrap;gap: 12px}
.subnav{position: sticky;top: 66px;z-index: 40;background: var(--header-bg);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-bottom: 1px solid var(--rule-soft)}
.subnav-inner{display: flex;gap: 4px;overflow-x: auto;scrollbar-width: none;padding-block: 8px}
.subnav-inner::-webkit-scrollbar{display: none}
.subnav a{flex: none;padding: 7px 13px;border-radius: 999px;font-size: 14px;font-weight: 600;color: var(--muted);text-decoration: none;white-space: nowrap}
.subnav a:hover{color: var(--ink);background: var(--raised)}
.subnav a.is-active{color: var(--accent);background: var(--accent-soft)}
.routes{display: grid;gap: 16px}
@media (min-width: 900px){.routes{grid-template-columns: repeat(3,minmax(0,1fr))}
}
@media (min-width: 900px){.routes.routes-4{grid-template-columns: repeat(2,minmax(0,1fr))}
}
@media (min-width: 1280px){.routes.routes-4{grid-template-columns: repeat(4,minmax(0,1fr))}
}
.route{padding: 24px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule)}
.route-featured{border-color: color-mix(in srgb,var(--accent) 45%,var(--rule));box-shadow: var(--shadow)}
.route-ico{width: 46px;height: 46px;border-radius: 14px;display: grid;place-items: center;background: var(--accent-soft);color: var(--accent);margin-bottom: 14px}
.route-ico .ico{width: 22px;height: 22px}
.route-kicker{margin: 0 0 4px;font-size: 12px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--teal-ink)}
.route h3{font-size: 1.2rem}
.route>p{color: var(--muted);font-size: 14.5px}
.route .ticks{font-size: 14.5px}
.route-sub{font-weight: 600;color: var(--ink) !important;margin-bottom: 8px}
.chips{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 6px}
.chips li{font-size: 13px;font-weight: 500;color: var(--ink);background: var(--raised);border-radius: 999px;padding: 4px 11px}
.note-grid{display: grid;gap: 16px;margin-top: 24px}
@media (min-width: 760px){.note-grid{grid-template-columns: 1fr 1fr}
}
.note-card{padding: 22px;border-radius: var(--radius-lg);background: var(--raised)}
.note-card h3{display: flex;align-items: center;gap: 10px}
.note-card h3 .ico{color: var(--accent)}
.note-card p{margin: 0;color: var(--text);font-size: 14.5px}
.figures{list-style: none;padding: 0;margin: 0;display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(min(100%,220px),1fr))}
.figure{padding: 18px 20px;border-radius: var(--radius);background: var(--ground);border: 1px solid var(--rule);display: grid;gap: 4px}
.figure b{font: 800 2rem/1 var(--font-display);letter-spacing: -.03em;background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}
.figure span{font-size: 14px;color: var(--muted)}
.blocklists{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;margin: 22px 0 0;color: var(--muted);font-size: 14px}
.safety-grid{list-style: none;padding: 0;margin: 0;display: grid;gap: 14px;grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr))}
@media (min-width: 640px){.safety-grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}
}
.safety-item{display: flex;gap: 14px;padding: 20px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule)}
.section-alt .safety-item{background: var(--ground)}
.safety-ico{flex: none;width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;background: var(--teal-soft);color: var(--teal-ink)}
.safety-ico .ico{width: 21px;height: 21px}
.safety-item h3{font-size: 1.02rem;margin-bottom: 4px}
.safety-item p{margin: 0;color: var(--muted);font-size: 14.5px}
.download-hero{display: grid;gap: 28px;align-items: center;padding-block: clamp(44px,6vw,80px)}
@media (min-width: 900px){.download-hero{grid-template-columns: minmax(0,1fr) auto}
}
.download-hero h1{color: var(--stage-ink)}
.download-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px;margin-top: 26px}
.download-meta{color: var(--stage-muted);font-size: 14px;font-family: var(--font-mono)}
.download-art img{width: clamp(140px,18vw,220px);filter: drop-shadow(0 26px 50px color-mix(in srgb,var(--blue) 40%,transparent))}
@media (max-width: 899px){.download-art{display: none}
}
.download-grid{display: grid;gap: 18px}
@media (min-width: 900px){.download-grid{grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr)}
}
.card-plain{padding: 26px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);min-width: 0}
.card-title{display: flex;align-items: center;gap: 10px;font-size: 1.25rem}
.card-title .ico{color: var(--accent)}
.card-sub{font-size: 1.02rem;margin-top: 22px}
.spec-list{margin: 0;display: grid;gap: 0}
.spec-list div{display: grid;gap: 2px 18px;padding: 11px 0;border-bottom: 1px solid var(--rule-soft)}
.spec-list div:last-child{border-bottom: 0}
@media (min-width: 560px){.spec-list div{grid-template-columns: 150px minmax(0,1fr)}
}
.spec-list dt{font-weight: 600;color: var(--ink);font-size: 14.5px}
.spec-list dd{margin: 0;color: var(--muted);font-size: 14.5px}
pre.code{margin: 0 0 1em;padding: 14px 16px;border-radius: 12px;background: var(--stage-bg);color: var(--stage-text);overflow-x: auto;font-size: 13px;line-height: 1.6;border: 1px solid var(--rule)}
pre.code code{background: none;padding: 0;color: inherit;font-size: inherit;word-break: normal;white-space: pre}
.hash-label{font-size: 12px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--muted);margin: 0 0 6px}
.hash-box{display: flex;gap: 8px;align-items: stretch}
.hash{flex: 1;min-width: 0;padding: 10px 12px;border-radius: 10px;font-size: 12.5px;line-height: 1.5;word-break: break-all;background: var(--raised);border: 1px solid var(--rule)}
.copy-btn{display: inline-flex;align-items: center;gap: 6px;padding: 0 12px;min-height: 44px;border-radius: 10px;border: 1px solid var(--rule);background: var(--surface);color: var(--ink);font: 600 13px/1 var(--font-body);cursor: pointer}
.copy-btn:hover{border-color: var(--accent)}
html:not(.js) .copy-btn{display: none}
.steps{list-style: none;padding: 0;margin: 0;display: grid;gap: 16px}
@media (min-width: 600px){.steps{grid-template-columns: repeat(2,minmax(0,1fr))}
}
@media (min-width: 1100px){.steps{grid-template-columns: repeat(4,minmax(0,1fr))}
}
.step{padding: 22px;border-radius: var(--radius-lg);background: var(--ground);border: 1px solid var(--rule)}
.step-num{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;margin-bottom: 12px;font: 800 15px/1 var(--font-display);color: var(--accent);background: var(--accent-soft)}
.step h3{margin-bottom: 6px}
.step p{font-size: 14.5px;color: var(--muted)}
.step p:last-child{margin: 0}
.machine-id code{display: inline-block;font-size: 1.05rem;letter-spacing: .08em;padding: 8px 12px;border-radius: 10px;background: var(--surface);border: 1.5px dashed var(--accent);color: var(--ink)}
.next-grid{display: grid;gap: 14px}
@media (min-width: 760px){.next-grid{grid-template-columns: repeat(3,minmax(0,1fr))}
}
.next-card{display: grid;gap: 6px;align-content: start;padding: 22px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);text-decoration: none;color: var(--text);transition: transform var(--dur) var(--ease-out),box-shadow var(--dur),border-color var(--dur)}
.next-card:hover{transform: translateY(-3px);box-shadow: var(--shadow);border-color: var(--accent)}
.next-card .ico{width: 26px;height: 26px;color: var(--accent)}
.next-card b{font-family: var(--font-display);font-size: 1.05rem}
.next-card span{font-size: 14px;color: var(--muted)}
.docs-layout{display: grid;gap: 28px;padding-block: 40px 88px}
@media (min-width: 980px){.docs-layout{grid-template-columns: 240px minmax(0,1fr);gap: 48px}
.docs-body{max-width: 820px}
}
@media (min-width: 1200px){.docs-layout{grid-template-columns: 216px minmax(0,1fr) 256px;gap: 40px}
.docs-body{max-width: none}
}
.docs-hero-inner{max-width: 820px;margin-inline: 0}
.docs-aside{display: none}
@media (min-width: 1200px){.docs-aside{display: grid;gap: 16px;align-self: start}
}
@media (min-width: 1200px){.docs-aside{position: sticky;top: 90px;max-height: calc(100vh - 110px);overflow-y: auto}
}
.docs-card{padding: 16px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--rule)}
.docs-card .docs-toc-title{margin-bottom: 8px}
.docs-card-text{font-size: 14px;line-height: 1.5;color: var(--muted);margin: 0 0 12px}
.docs-verdicts{list-style: none;padding: 0;margin: 0 0 12px;display: grid;gap: 7px}
.docs-verdicts li{display: grid;grid-template-columns: 96px minmax(0,1fr);align-items: center;gap: 8px;font-size: 13px;color: var(--muted)}
.docs-verdicts .vpill{justify-self: start}
.docs-card-link{font-size: 14px;font-weight: 600}
.docs-links{list-style: none;padding: 0;margin: 0;display: grid;gap: 2px}
.docs-links a{display: block;padding: 6px 0;font-size: 14.5px;font-weight: 500;color: var(--ink);text-decoration: none}
.docs-links a:hover{color: var(--accent)}
.docs-toc{align-self: start;padding: 16px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--rule)}
@media (min-width: 980px){.docs-toc{position: sticky;top: 90px;max-height: calc(100vh - 110px);overflow-y: auto;background: transparent;border: 0;padding: 0}
}
.docs-toc-title{font-size: 12px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);margin: 0 0 10px}
.docs-toc ol{list-style: none;padding: 0;margin: 0;display: grid;gap: 2px;counter-reset: toc}
.docs-toc li{counter-increment: toc}
.docs-toc a{display: flex;gap: 10px;padding: 7px 10px;border-radius: 8px;color: var(--muted);text-decoration: none;font-size: 14.5px;font-weight: 500;border-left: 2px solid transparent}
.docs-toc a::before{content: counter(toc);font: 600 12px/1.9 var(--font-mono);color: var(--muted);opacity: .7;min-width: 16px}
.docs-toc a:hover{color: var(--ink);background: var(--raised)}
.docs-toc a.is-active{color: var(--accent);background: var(--accent-soft);border-left-color: var(--accent)}
@media (max-width: 979px){.docs-toc ol{grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr))}
.docs-toc a{padding-block: 9px}
}
.prose{max-width: 760px;min-width: 0;font-size: 16.5px}
.prose h2{font-size: clamp(1.45rem,2.6vw,1.85rem);margin-top: 0;display: flex;align-items: center;gap: 12px}
.prose h3{font-size: 1.12rem;margin-top: 1.8em}
.prose section{padding-bottom: 28px;margin-bottom: 36px;border-bottom: 1px solid var(--rule-soft)}
.prose section:last-of-type{border-bottom: 0}
.prose li{margin-bottom: .45em}
.prose li>ul{margin-top: .45em}
.prose code.nowrap{white-space: nowrap}
.h-num{display: inline-grid;place-items: center;min-width: 34px;height: 34px;padding: 0 6px;border-radius: 10px;font: 700 14px/1 var(--font-mono);color: var(--accent);background: var(--accent-soft)}
.callout{position: relative;padding: 14px 16px 14px 46px;border-radius: 12px;margin: 0 0 1em;background: var(--accent-soft);color: var(--ink)}
.callout p{margin: 0}
.callout>.ico{position: absolute;left: 16px;top: 17px;color: var(--accent)}
.callout-teal{background: var(--teal-soft)}
.callout:not(:has(>.ico)){padding-left: 16px}
.callout-teal>.ico{color: var(--teal-ink)}
.prose .table-scroll{margin: 0 0 1.2em}
.prose .doc-table{min-width: 520px}
.doc-table-keys{min-width: min(360px,100%) !important}
.doc-table tbody th{white-space: nowrap}
.trouble{margin: 0 0 1em;display: grid;gap: 12px}
.trouble div{padding: 14px 16px;border-radius: 12px;background: var(--surface);border: 1px solid var(--rule)}
.trouble dt{font-weight: 600;color: var(--ink);margin-bottom: 4px}
.trouble dd{margin: 0;color: var(--muted);font-size: 15px}
.docs-foot{margin: 0}
.contact-grid{display: grid;gap: 24px;align-items: start}
@media (min-width: 960px){.contact-grid{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);gap: 36px}
}
.form-card{padding: clamp(20px,3vw,32px);border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow-sm);display: grid;gap: 18px;min-width: 0}
.form-row{display: grid;gap: 18px}
@media (min-width: 640px){.form-row{grid-template-columns: 1fr 1fr}
}
.field{display: grid;gap: 6px;min-width: 0}
.field label{font-weight: 600;color: var(--ink);font-size: 14.5px}
.optional{font-weight: 400;color: var(--muted)}
.field input,.field select,.field textarea{width: 100%;min-height: 46px;padding: 10px 13px;border-radius: 11px;font: 400 16px/1.4 var(--font-body);color: var(--ink);background: var(--ground);border: 1.5px solid var(--rule)}
.field textarea{resize: vertical;min-height: 150px}
.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 4px var(--accent-soft);background: var(--surface)}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color: var(--danger)}
.field-error{margin: 0;color: var(--danger);font-size: 13.5px;font-weight: 500}
.field-hint{margin: 0;color: var(--muted);font-size: 13px}
.form-alert{display: flex;gap: 10px;align-items: center;padding: 11px 14px;border-radius: 11px;background: color-mix(in srgb,var(--danger) 10%,var(--surface));color: var(--ink);border: 1px solid color-mix(in srgb,var(--danger) 35%,transparent)}
.form-alert p{margin: 0}
.form-alert .ico{color: var(--danger)}
.hp-field{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}
.form-actions{display: flex;flex-wrap: wrap;gap: 12px 18px;align-items: center}
.form-note{margin: 0;font-size: 13.5px;color: var(--muted);flex: 1 1 220px}
.contact-side{display: grid;gap: 14px}
.side-card{padding: 20px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule)}
.side-card>.ico{width: 24px;height: 24px;color: var(--accent);margin-bottom: 8px}
.side-card h2{font-size: 1.05rem;margin-bottom: 4px}
.side-card p{margin: 0;color: var(--muted);font-size: 14.5px;word-break: break-word}
.legal-wrap{padding-block: 36px 88px}
.legal{margin-inline: 0}
.legal h2{font-size: 1.3rem;margin-top: 2em}
.legal-lede{font-size: 1.1rem;color: var(--ink);text-wrap: pretty}
.legal-updated{color: var(--muted);margin: 8px 0 0;font-size: 14px}
.summary-cards{display: grid;gap: 12px;margin-bottom: 28px}
@media (min-width: 640px){.summary-cards{grid-template-columns: repeat(3,minmax(0,1fr))}
}
.summary-card{display: grid;gap: 4px;align-content: start;padding: 18px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--rule)}
.summary-card .ico{width: 24px;height: 24px;color: var(--teal-ink)}
.summary-card b{font-family: var(--font-display);font-size: 1.1rem}
.summary-card span{color: var(--muted);font-size: 14px}
.two-col{display: grid;gap: 32px}
@media (min-width: 900px){.two-col{grid-template-columns: 1fr 1fr;gap: 56px}
}
.two-col h2{font-size: clamp(1.4rem,2.6vw,1.9rem)}
.report-card{display: flex;flex-wrap: wrap;gap: 18px;padding: clamp(22px,3vw,34px);border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--rule);box-shadow: var(--shadow-sm)}
.report-card>div{flex: 1 1 300px;max-width: 72ch}
.report-card p:last-child{margin-bottom: 0}
.report-ico{width: 52px;height: 52px;border-radius: 16px;display: grid;place-items: center;background: color-mix(in srgb,var(--warning) 14%,transparent);color: var(--warning);flex: none}
.report-ico .ico{width: 26px;height: 26px}
.error-page{padding-block: clamp(56px,10vw,120px)}
.error-inner{display: grid;gap: 28px;align-items: center}
@media (min-width: 880px){.error-inner{grid-template-columns: auto minmax(0,1fr);gap: 56px}
}
.error-visual{display: grid;gap: 14px;justify-items: start}
.error-code{font: 800 clamp(5rem,16vw,9rem)/.9 var(--font-display);letter-spacing: -.05em;background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}
.error-verdict{display: inline-flex;flex-wrap: wrap;gap: 8px;align-items: center}
.error-copy h1{font-size: clamp(1.9rem,4vw,2.8rem)}
.error-text{font-size: 1.08rem;color: var(--muted);max-width: 58ch;text-wrap: pretty}
.error-detail{font-size: 14.5px;color: var(--ink);padding: 10px 14px;border-radius: 10px;background: var(--raised);max-width: 58ch}
.error-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 8px}
.site-footer{border-top: 1px solid var(--rule-soft);background: var(--surface);padding-top: 56px}
.footer-grid{display: grid;gap: 32px;grid-template-columns: repeat(2,minmax(0,1fr))}
.footer-brand{grid-column: 1 / -1}
@media (min-width: 600px) and (max-width: 859.98px){.footer-grid{grid-template-columns: repeat(3,minmax(0,1fr))}
}
@media (min-width: 860px){.footer-grid{grid-template-columns: 1.6fr 1fr 1fr 1fr}
.footer-brand{grid-column: auto}
}
.footer-tag{margin: 12px 0 4px;font-family: var(--font-display);font-weight: 600;color: var(--ink)}
.footer-small{margin: 0;font-size: 14px;color: var(--muted)}
.footer-col{display: grid;gap: 4px;align-content: start;min-width: 0}
.footer-col h2{font: 700 12px/1.4 var(--font-body);letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin: 0 0 8px}
.footer-col a{color: var(--text);text-decoration: none;font-size: 14.5px;padding: 5px 0;word-break: break-word}
.footer-col a:hover{color: var(--accent);text-decoration: underline}
.footer-base{display: flex;flex-wrap: wrap;gap: 10px 24px;justify-content: space-between;padding-block: 22px 28px;margin-top: 40px;border-top: 1px solid var(--rule-soft);font-size: 13.5px;color: var(--muted)}
.footer-pay{display: inline-flex;align-items: center;gap: 8px}
.footer-pay .ico{color: var(--teal-ink)}
@media (max-width: 759.98px),(pointer: coarse){.try-chip,.feed-pause,.btn-sm,.signal-add{min-height: 40px}
.subnav a{padding-block: 9px}
.footer-col a{padding-block: 9px}
.docs-foot .text-link{min-height: 44px}
.section-more .text-link{min-height: 44px}
.pipe-panel-side .text-link{min-height: 40px}
.cost-slider input[type="range"]{height: 40px}
}
.toast{position: fixed;left: 50%;bottom: 24px;z-index: 90;transform: translateX(-50%);padding: 10px 16px;border-radius: 12px;background: var(--deep);color: var(--white);font-size: 14px;font-weight: 500;box-shadow: var(--shadow-lg)}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}
.live-dot{animation: dp-pulse 1.8s ease-in-out infinite}
.feed.is-paused .live-dot{animation: none;opacity: .5}
.feed-row.is-new{animation: dp-row-in .45s var(--ease-out) both}
.feed-row.is-settled .vpill{animation: dp-pop .35s var(--ease-out) both}
.fc-run{animation: dp-blink .5s ease-in-out infinite alternate}
.js .pipe[data-pipe] .pipe-panel.is-entering{animation: dp-fade-up .45s var(--ease-out) both}
.rd-sweep{opacity: 1;animation: dp-spin 6s linear infinite}
.radar.is-paused .rd-sweep,.radar.is-paused .rd-ping{animation-play-state: paused}
.rd-dot .rd-ping{animation: dp-ping 6s linear infinite;animation-delay: var(--ping-delay,0s)}
.try-stage.is-run .try-stage-num{animation: dp-blink .45s ease-in-out infinite alternate}
.rv{opacity: 0;translate: 0 18px;transition: opacity .7s var(--ease-out),translate .7s var(--ease-out),transform var(--dur) var(--ease-out),box-shadow var(--dur),border-color var(--dur)}
.rv.rv-in{opacity: 1;translate: 0 0}
.hero-glow.g1{animation: dp-drift 16s ease-in-out infinite alternate}
.hero-glow.g2{animation: dp-drift 20s ease-in-out infinite alternate-reverse}
}
@keyframes dp-pulse{0%,100%{box-shadow: 0 0 0 0 color-mix(in srgb,var(--stage-passed) 45%,transparent)}
50%{box-shadow: 0 0 0 7px transparent}
}
@keyframes dp-row-in{from{opacity: 0;transform: translateY(-10px)}
to{opacity: 1;transform: none}
}
@keyframes dp-pop{from{opacity: 0;transform: scale(.7)}
to{opacity: 1;transform: none}
}
@keyframes dp-blink{from{opacity: .45}
to{opacity: 1}
}
@keyframes dp-fade-up{from{opacity: 0;transform: translateY(10px)}
to{opacity: 1;transform: none}
}
@keyframes dp-spin{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
@keyframes dp-ping{0%{opacity: 0;r: 7}
1%{opacity: .9;r: 8}
14%{opacity: 0;r: 20}
100%{opacity: 0;r: 20}
}
@keyframes dp-drift{from{transform: translate(0,0) scale(1)}
to{transform: translate(60px,40px) scale(1.12)}
}
@media print{.site-header,.site-footer,.cta-band,.subnav,.docs-toc,.docs-aside,.feed,.try,.pipe-bar{display: none !important}
.hero,.page-hero,.section-stage,.section-cost{background: none !important}
.on-stage{--ink: #000;--text: #000;--muted: #333}
}
.start-hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 26px}
.start-steps{list-style: none;margin: 0;padding: 0;display: grid;gap: clamp(40px,6vw,72px)}
.start-step{display: grid;gap: 22px;align-items: center;scroll-margin-top: 90px}
@media (min-width: 900px){.start-step{grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: 48px}
.start-step:nth-child(even) .start-copy{order: 2}
}
.start-copy h3{font-size: clamp(1.25rem,2.4vw,1.6rem);margin-bottom: .45em}
.start-copy p{color: var(--text)}
.start-tip{padding: 12px 14px;border-radius: 12px;background: var(--accent-soft);color: var(--ink) !important;font-size: 14.5px}
.start-figure{margin: 0;min-width: 0}
#machine-id,#moving,#smartscreen{scroll-margin-top: 90px}
.muted-note{color: var(--muted);font-size: 14.5px;margin-top: 14px}
.whats-new .ticks{margin-top: 8px}
.mk{display: block;width: 100%;height: auto;border-radius: 14px;box-shadow: var(--shadow);font-family: var(--font-body)}
.mk-t{font-family: var(--font-body)}
.mk-frame{fill: var(--surface);stroke: var(--rule);stroke-width: 1.5}
.mk-bar{fill: var(--raised)}
.mk-dot{fill: var(--rule)}
.mk-field{fill: var(--ground);stroke: var(--rule);stroke-width: 1.2}
.mk-field.is-focus{stroke: var(--blue);stroke-width: 2}
.mk-card{fill: var(--ground);stroke: var(--rule-soft);stroke-width: 1.2}
.mk-card.is-ok{stroke: var(--success)}
.mk-line{fill: var(--rule)}
.mk-muted{fill: var(--muted)}
.mk-text{fill: var(--text)}
.mk-ink{fill: var(--ink)}
.mk-mono{fill: var(--ink);font-family: var(--font-mono)}
.mk-mono-sm{fill: var(--text);font-family: var(--font-mono)}
.mk-link{fill: var(--accent);text-decoration: underline}
.mk-btn{fill: var(--blue)}
.mk-btn-t{fill: #fff}
.mk-btn-ico{fill: #fff}
.mk-btn-2{fill: var(--surface);stroke: var(--rule);stroke-width: 1.2}
.mk-btn-2-t{fill: var(--ink)}
.mk-chip{fill: var(--accent-soft)}
.mk-chip-t{fill: var(--accent)}
.mk-check{fill: var(--blue)}
.mk-check-mark{stroke: #fff}
.mk-ok{fill: var(--success)}
.mk-ok-mark{stroke: #fff}
.mk-seg{fill: var(--raised)}
.mk-seg-on{fill: var(--surface);stroke: var(--blue);stroke-width: 1.2}
.mk-seg-on-t{fill: var(--blue)}
.mk-bar-bg{fill: var(--track)}
.mk-v-passed{fill: var(--st-passed)}
.mk-v-risky{fill: var(--st-risky)}
.mk-v-invalid{fill: var(--st-invalid)}
.mk-v-trap{fill: var(--st-honeypot)}
.mk-stage{fill: var(--deep)}
.mk-on-stage{fill: #F2F7FF}
.mk-on-stage-sub{fill: #67E8F9;letter-spacing: .08em}
.mk-on-stage-accent{fill: #67E8F9}
.mk-btn-light{fill: #fff}
.mk-btn-light-t{fill: #0F2D5B}
.mk-ico-dark{stroke: #0F2D5B}
.mk-cursor{fill: #fff;stroke: #0F2D5B;stroke-width: 1.4;stroke-linejoin: round}
.mk-desk{fill: #0B2447}
.mk-smart{fill: #1560BD}
.mk-white{fill: #fff}
.mk-white-soft{fill: rgba(255,255,255,.8)}
.mk-white-line{fill: rgba(255,255,255,.45)}
.mk-u{text-decoration: underline}
.mk-smart-btn{fill: rgba(255,255,255,.12);stroke: rgba(255,255,255,.7);stroke-width: 1.2}
.mk-smart-btn.is-hot{fill: rgba(255,255,255,.22);stroke: #fff;stroke-width: 2}
.mk-badge{fill: #F59E0B}
.mk-badge-t{fill: #0F2D5B}
@media (min-width: 940px){.js .pipe[data-pipe] .pipe-panel[hidden]{display: grid !important;visibility: hidden}
}
@media (min-width: 760px) and (max-width: 939.98px){.pipe-panel{grid-template-columns: minmax(0,1fr)}
}
@media (min-width: 940px) and (max-width: 959.98px){.pipe-static .pipe-panel{grid-template-columns: minmax(0,1fr)}
}
@media (min-width: 900px) and (max-width: 1099.98px){.cta-inner:has(>.cta-mark){grid-template-columns: auto minmax(0,1fr);row-gap: 20px}
.cta-inner:has(>.cta-mark)>.cta-actions{grid-column: 2}
}
.cost-col{align-content: start}
@media (min-width: 960px){.cost-col-label{min-height: 2lh}
}
.lede,.cost-lede,.cost-points li,.ladder-note,.ladder-lab-sub,.try-empty,.feature-card li,.plan-feats li,.faq-a p,.form-note,.field-hint,.field-error,.safety-item p,.ticks li{text-wrap: pretty}
.form-note a{white-space: nowrap}
@media (min-width: 1200px){.radar.is-wide .signal-group:nth-child(4):nth-last-child(2) .signals>.signal:last-child:nth-child(odd),.radar.is-wide .signal-group:nth-child(5):nth-last-child(1) .signals>.signal:last-child:nth-child(odd){grid-column: 1 / -1}
}
@media (max-width: 979.98px){.docs-toc{max-width: 760px}
}
@media (min-width: 1200px) and (max-height: 824.98px){.docs-aside{max-height: none;overflow: visible;top: max(76px,min(90px,calc(100vh - 724px)))}
}
.legal-toc{display: none}
.legal h2[id]{scroll-margin-top: 90px}
@media (min-width: 1200px){.legal-wrap{display: grid;grid-template-columns: minmax(0,760px) minmax(0,1fr);column-gap: 64px;align-items: start}
.legal-toc{display: block;position: sticky;top: 96px;max-height: calc(100vh - 120px);overflow-y: auto;padding-left: 24px;border-left: 1px solid var(--rule-soft);font-size: 14.5px}
.legal-toc-title{font-size: 12px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--muted);margin: 0 0 10px}
.legal-toc ol{margin: 0;padding-left: 1.3em;display: grid;gap: 6px;color: var(--muted)}
.legal-toc a{color: var(--muted);text-decoration: none}
.legal-toc a:hover{color: var(--accent);text-decoration: underline}
}
.report-cta{flex: none}
@media (min-width: 560px){.report-cta{margin-left: calc(52px + 18px)}
}
@media (min-width: 560px) and (max-width: 1099.98px){.report-card>div{flex-basis: calc(100% - 52px - 18px)}
}
@media (min-width: 1100px){.report-cta{margin-left: auto;align-self: center}
}
body.page-error>main{display: flex;flex-direction: column;justify-content: center}
@media (max-width: 699.98px){.compare tbody th[scope="row"],.compare thead th:first-child{position: sticky;left: 0;z-index: 1;box-shadow: 1px 0 0 var(--rule-soft)}
.compare tbody th[scope="row"]{background: var(--surface)}
}
@media (max-width: 619.98px){.radar-svg .rd-dot{pointer-events: none}
}
@media (max-width: 559.98px){.ladder-rung{width: calc(100% - var(--rank,0) * 2%)}
.ladder-rung small{grid-column: 3 / -1;text-wrap: balance}
.ladder-win{grid-row: 1}
}
@media (max-width: 699.98px){.js .header-actions .btn:last-child{flex: 1 1 auto}
}
@media print{.legal-toc{display: none !important}
}
@media (min-width: 940px) and (max-width: 1099.98px){.js .pipe[data-pipe] .pipe-name{font-size: 12px}
}
@media (min-width: 940px){.js .pipe[data-pipe] .pipe-panel-side{align-self: start}
}
.pipe-panel-side{min-width: 0}
@media (max-width: 399.98px){.pipe-panel{padding: 14px}
.pipe-panel-side{padding: 12px}
.pipe-panel-side .rc{white-space: normal;overflow-wrap: anywhere}
}
@media (max-width: 559.98px){.pipe-example .pipe-ex-addr{flex: 1 1 100%;overflow-wrap: anywhere}
.pipe-example .pipe-ex-out{flex: 1 1 0;min-width: 0}
}
.cta-copy p,.cost-foot,.radar-scale li,.faq-a li{text-wrap: pretty}
.footer-tag,.footer-small{text-wrap: balance}
.feed-badge{white-space: nowrap;flex: none}
.feed-title{min-width: 0}
@media (max-width: 379.98px){.feed-dots{display: none}
}
@media (min-width: 640px) and (max-width: 1099.98px){.plan-grid .plan-tagline{min-height: 3lh}
}
@media (min-width: 1100px){.plan-grid .plan-tagline{min-height: 2lh}
}
@media (min-width: 640px) and (max-width: 1199.98px){.radar.is-wide .signal-list>.signal-group[data-group="dns"]:nth-child(n){order: 1;grid-column: 1 / -1}
.radar.is-wide .signal-list>.signal-group[data-group="dns"]:nth-child(n) .signals{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 12px}
.radar.is-wide .signal-list>.signal-group[data-group="dns"]:nth-child(n) .signals>.signal:last-child:nth-child(odd){grid-column: 1 / -1}
.radar.is-wide .signal-list>.signal-group[data-group="zone"]:nth-child(n){grid-column: auto}
.radar.is-wide .signal-list>.signal-group[data-group="zone"]:nth-child(n) .signals{grid-template-columns: minmax(0,1fr)}
}
@media (min-width: 900px) and (max-width: 1199.98px){.radar.is-wide .signal-list>.signal-group[data-group="dns"]:nth-child(n) .signals{grid-template-columns: repeat(3,minmax(0,1fr))}
.radar.is-wide .signal-list>.signal-group[data-group="dns"]:nth-child(n) .signals>.signal:last-child:nth-child(odd){grid-column: auto}
}
@media (pointer: coarse) and (max-width: 1199.98px){.radar-svg .rd-dot{pointer-events: none}
}
@media (min-width: 900px){.start-step:nth-child(even){grid-template-columns: minmax(0,1.15fr) minmax(0,1fr)}
}
@media (max-width: 899.98px){.start-figure{max-width: 560px}
}
@media (min-width: 1200px) and (max-height: 799.98px){.docs-aside>.docs-card:first-child{display: none}
.docs-aside{top: max(76px,min(90px,calc(100vh - 560px)))}
}
@media (min-width: 1200px) and (max-height: 634.98px){.docs-aside{position: static}
}
.doc-table-paths tbody th{white-space: normal}
.doc-table-paths td code{white-space: nowrap}
.doc-table-paths td code wbr{display: none}
code{-webkit-box-decoration-break: clone;box-decoration-break: clone}
@media (min-width: 1200px){.legal-toc li{text-wrap: balance}
}
@media (max-width: 699.98px){.compare-group-label{position: sticky;left: 12px;display: inline-block}
}
@media (max-height: 499.98px){.subnav{position: static}
}