*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:2px}h1,h2,h3{letter-spacing:-.022em;margin:0;font-weight:640;line-height:1.15}p{margin:0}code,kbd{font-family:var(--font-mono);font-size:.875em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2.5rem, var(--measure));margin-inline:auto}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{z-index:100;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lift);padding:.6rem 1rem;inset-block-start:1rem;inset-inline-start:1rem}.masthead{z-index:50;background:color-mix(in srgb, var(--ground) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-block-end:1px solid #0000;transition:border-color .2s;position:sticky;inset-block-start:0}.masthead[data-stuck=true]{border-block-end-color:var(--hairline)}.masthead__inner{align-items:center;gap:1rem;block-size:4rem;display:flex}.brand{color:var(--ink);letter-spacing:-.014em;align-items:center;gap:.55rem;font-size:1.0625rem;font-weight:640;text-decoration:none;display:inline-flex}.brand img{block-size:28px;inline-size:28px}.masthead nav{align-items:center;gap:.35rem;margin-inline-start:auto;display:flex}.masthead nav a{border-radius:var(--radius-sm);color:var(--ink-soft);padding:.4rem .7rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.masthead nav a:hover{color:var(--ink);background:var(--ground-sunk)}.masthead nav a.is-cta{background:var(--solid);color:var(--solid-ink);margin-inline-start:.35rem;padding-inline:.95rem;font-weight:560}.masthead nav a.is-cta:hover{filter:brightness(1.15)}.theme-toggle{border:1px solid var(--hairline);border-radius:var(--radius-sm);block-size:34px;inline-size:34px;color:var(--ink-soft);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--ground-sunk)}.theme-toggle .sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:block}:root:not([data-theme=light]) .theme-toggle .moon{display:none}}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}.hero{padding-block:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 50% 60% at 50% 50%, color-mix(in srgb, var(--slate-500) 18%, transparent), transparent 70%);pointer-events:none;block-size:70%;position:absolute;inset-block-start:-35%;inset-inline:-10%}.hero__inner{text-align:center;max-inline-size:46rem;margin-inline:auto;position:relative}.eyebrow{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.5rem;margin-block-end:1.25rem;padding:.3rem .8rem .3rem .4rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.eyebrow b{background:color-mix(in srgb, var(--amber-500) 22%, transparent);color:var(--ink);border-radius:999px;padding:.05rem .5rem;font-weight:620}h1{letter-spacing:-.033em;font-size:clamp(2.35rem,6.2vw,4rem)}h1 .grad{background:linear-gradient(100deg, var(--slate-700) 20%, var(--amber-700) 95%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) h1 .grad{background:linear-gradient(100deg, #d6dae2 20%, var(--amber-500) 95%);color:#0000;-webkit-background-clip:text;background-clip:text}}:root[data-theme=dark] h1 .grad{background:linear-gradient(100deg, #d6dae2 20%, var(--amber-500) 95%);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--ink-soft);margin-block:1.25rem 0;font-size:clamp(1.0625rem,2.1vw,1.1875rem);line-height:1.65}.cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-start:2rem;display:flex}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.9688rem;font-weight:560;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--solid);color:var(--solid-ink);box-shadow:var(--shadow-card)}.btn--primary:hover{filter:brightness(1.15)}.btn--ghost{border-color:var(--hairline);background:var(--surface);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-faint);background:var(--ground-sunk)}.hero__note{color:var(--ink-faint);margin-block-start:1.15rem;font-size:.875rem}.mock{--mb-bg:#f6f6f89e;--mb-ink:#16181d;--panel-bg:#f6f6f8cc;--panel-ink:#16181d;--panel-soft:#5b6170;--wall:linear-gradient(160deg, #b7c3d6, #7d8ca6 48%, #4b5670);margin-block-start:clamp(2.5rem,6vw,4rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mock{--mb-bg:#1c1e2499;--mb-ink:#f2f3f5;--panel-bg:#24262dd1;--panel-ink:#f2f3f5;--panel-soft:#a9aebb;--wall:linear-gradient(160deg, #3b4459, #232a3a 50%, #12151d)}}:root[data-theme=dark] .mock{--mb-bg:#1c1e2499;--mb-ink:#f2f3f5;--panel-bg:#24262dd1;--panel-ink:#f2f3f5;--panel-soft:#a9aebb;--wall:linear-gradient(160deg, #3b4459, #232a3a 50%, #12151d)}.mock__frame{border:1px solid var(--hairline);background:var(--surface);max-inline-size:62rem;box-shadow:var(--shadow-lift);border-radius:20px;margin-inline:auto;padding:8px;position:relative}.mock__screen{aspect-ratio:16/10;background:var(--wall);border-radius:13px;font-size:10px;position:relative;overflow:hidden;container-type:inline-size}.menubar{z-index:3;background:var(--mb-bg);-webkit-backdrop-filter:blur(14px)saturate(160%);block-size:3.6cqw;color:var(--mb-ink);white-space:nowrap;align-items:center;gap:1.5cqw;padding-inline:1.6cqw;font-size:1.45cqw;line-height:1;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.menubar b{font-weight:650}.menubar__apple{block-size:1.6cqw;inline-size:1.3cqw}.menubar__grow{flex:1}.menubar__glyph{block-size:1.4cqw;inline-size:1.9cqw}.menubar__battery{inline-size:2.5cqw}.menubar__clock{font-variant-numeric:tabular-nums}.strip{font-variant-numeric:tabular-nums;align-items:center;gap:.9cqw;block-size:100%;padding-inline:.5cqw;display:inline-flex}.cell{align-items:center;block-size:2.2cqw;transition:color .25s;display:inline-flex;position:relative}.cell__label{opacity:.55;margin-inline-end:.45em;font-size:.85em}.cell__num{text-align:end;min-inline-size:2ch;display:inline-block}.cell__unit{margin-inline-start:.1em}.cell--graph svg{block-size:2.1cqw;inline-size:4.8cqw}.graph__area{fill:currentColor;opacity:.4}.graph__line{fill:none;stroke:currentColor;stroke-width:1.3px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cell--donut svg{block-size:2.2cqw;inline-size:2.2cqw;transform:rotate(-90deg)}.donut__track,.donut__value{fill:none;stroke:currentColor;stroke-width:3.2px}.donut__track{opacity:.25}.donut__value{transition:stroke-dasharray .4s}.cell--rates{grid-template-columns:auto 3.2ch 3.6ch;align-items:center;column-gap:.25em;font-size:.72em;line-height:1.05;display:inline-grid}.cell--rates .cell__num{min-inline-size:0}.cell--rates .cell__unit{margin:0}.cell[data-alerting]:after{content:"";border-block-end:.18cqw solid #0000;position:absolute;inset-block-end:-.35cqw;inset-inline:0}.mock[data-state=warning] .cell[data-alerting]{color:var(--warn)}.mock[data-state=warning] .cell[data-alerting]:after{border-block-end-style:dashed;border-block-end-color:currentColor}.mock[data-state=critical] .cell[data-alerting]{color:var(--crit)}.mock[data-state=critical] .cell[data-alerting]:after{border-block-end-color:currentColor}.window{background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:1cqw;inline-size:46cqw;position:absolute;inset-block-start:9cqw;inset-inline-start:6cqw;overflow:hidden;box-shadow:0 2cqw 5cqw -1.5cqw #00000080}.window__bar{border-block-end:1px solid var(--hairline-soft);background:var(--ground-sunk);align-items:center;gap:.55cqw;block-size:2.6cqw;padding-inline:1cqw;display:flex}.window__light{border-radius:50%;block-size:.85cqw;inline-size:.85cqw}.window__light--r{background:#ff5f57}.window__light--y{background:#febc2e}.window__light--g{background:#28c840}.window__body{align-content:start;gap:1.1cqw;min-block-size:36cqw;padding:2cqw;display:grid}.window__body i{inline-size:var(--w);background:var(--hairline);border-radius:999px;block-size:.9cqw}.panel{z-index:2;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(170%);inline-size:24cqw;color:var(--panel-ink);font-variant-numeric:tabular-nums;border-radius:1.3cqw;padding:1.5cqw;font-size:1.25cqw;position:absolute;inset-block-start:4.4cqw;inset-inline-end:21cqw;box-shadow:0 1.5cqw 4cqw -1cqw #00000073,inset 0 0 0 1px #ffffff1f}.panel__head{justify-content:space-between;align-items:baseline;font-weight:650;display:flex}.panel__head b{font-size:2.1cqw;font-weight:600}.panel__spark{block-size:5cqw;inline-size:100%;margin-block:.9cqw 1cqw;display:block}.panel__rows{grid-template-columns:1fr auto;row-gap:.55cqw;margin:0;display:grid}.panel__rows dt{color:var(--panel-soft)}.panel__rows dd{text-align:end;margin:0}.panel__chips{border-block-start:1px solid color-mix(in srgb, var(--panel-ink) 14%, transparent);gap:.5cqw;margin-block-start:1.2cqw;padding-block-start:1cqw;display:flex}.panel__chips span{color:var(--panel-soft);border-radius:999px;padding:.3cqw .7cqw;font-size:1.05cqw}.panel__chips .is-on{background:color-mix(in srgb, var(--panel-ink) 12%, transparent);color:var(--panel-ink)}.desk{-webkit-backdrop-filter:blur(10px);color:#fff;background:#0a0c1047;border-radius:1.2cqw;padding:.8cqw 1.4cqw;font-size:2.6cqw;position:absolute;inset-block-end:4cqw;inset-inline-end:4cqw}.strip--desk{gap:1.6cqw;padding:0}.strip--desk .cell{block-size:3.8cqw}.strip--desk .cell--graph svg{block-size:3.6cqw;inline-size:8.4cqw}.strip--desk .cell--donut svg{block-size:3.6cqw;inline-size:3.6cqw}.strip--desk .cell[data-alerting]:after{border-block-end-width:.28cqw;inset-block-end:-.5cqw}.mock__switch{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-block-start:1.5rem;display:flex}.mock__switch-label{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.mock__switch-group{border:1px solid var(--hairline);background:var(--ground-sunk);border-radius:10px;padding:3px;display:inline-flex}.mock__switch-group button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.4rem 1rem;font-size:.875rem;font-weight:540;transition:background .15s,color .15s}.mock__switch-group button:hover{color:var(--ink)}.mock__switch-group button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.mock__caption{min-block-size:3rem;max-inline-size:34rem;color:var(--ink-faint);font-size:.9375rem}section{padding-block:clamp(3.5rem,8vw,6rem)}section.sunk{background:var(--ground-sunk);border-block:1px solid var(--hairline-soft)}.section-head{max-inline-size:40rem;margin-block-end:3rem}.section-head.is-centred{text-align:center;margin-inline:auto}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.7rem;font-size:.8125rem;font-weight:640;display:block}.section-head h2{font-size:clamp(1.75rem,3.6vw,2.4rem)}.section-head p{color:var(--ink-soft);margin-block-start:.9rem;font-size:1.0625rem}.grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);padding:1.5rem}.card h3{margin-block:1rem .5rem;font-size:1.0625rem;font-weight:620}.card p{color:var(--ink-soft);font-size:.9375rem}.card .ico{background:color-mix(in srgb, var(--slate-500) 16%, transparent);block-size:38px;inline-size:38px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.card .ico svg{block-size:20px;inline-size:20px}.spotlight{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,4.5rem);display:grid}.spotlight+.spotlight{margin-block-start:clamp(3.5rem,8vw,5.5rem)}.spotlight:nth-of-type(2n) .spotlight__art{order:-1}.spotlight h3{font-size:clamp(1.4rem,2.8vw,1.85rem)}.spotlight p{color:var(--ink-soft);margin-block-start:.9rem;font-size:1.0313rem}.spotlight ul{gap:.6rem;margin-block:1.25rem 0;padding:0;list-style:none;display:grid}.spotlight li{color:var(--ink-soft);gap:.6rem;font-size:.9688rem;display:flex}.spotlight li svg{block-size:15px;inline-size:15px;color:var(--accent);flex:none;margin-block-start:.3rem}.spotlight__art{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:1.5rem}.styles{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.styles figure{border:1px solid var(--hairline-soft);border-radius:var(--radius-sm);background:var(--ground);color:var(--ink);justify-items:center;gap:.55rem;margin:0;padding:1rem .5rem .75rem;display:grid}.styles figure svg{block-size:26px;inline-size:auto;max-inline-size:100%;overflow:visible}.styles figcaption{color:var(--ink-faint);font-family:var(--font-mono);font-size:.6875rem}.styles .dim{opacity:.25}.styles .soft{opacity:.4}.report{border-radius:var(--radius);background:var(--slate-900);color:#d9dde5;font-family:var(--font-mono);white-space:pre;margin:0;padding:1.1rem 1.2rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.report .p{color:#7e8697}.report .b{color:#fff;font-weight:600}.report .w{color:var(--amber-300)}.table-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);overflow-x:auto}.table-card table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%;font-size:.9375rem}.table-card th{background:var(--ground-sunk);color:var(--ink-faint);letter-spacing:.06em;text-align:start;text-transform:uppercase;padding:.75rem 1.25rem;font-size:.75rem;font-weight:640}.table-card td{border-block-start:1px solid var(--hairline-soft);color:var(--ink-soft);padding:.75rem 1.25rem}.table-card td:first-child{color:var(--ink)}.verdict{background:color-mix(in srgb, var(--slate-500) 16%, transparent);color:var(--ink);border-radius:999px;padding:.05rem .55rem;font-size:.8125rem;font-weight:600;display:inline-block}.verdict--over{background:color-mix(in srgb, var(--warn) 22%, transparent)}.table-note{max-inline-size:46rem;color:var(--ink-soft);margin-block-start:1.25rem;font-size:.9688rem}.perm-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.perm-list li{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:13rem 1fr;align-items:baseline;gap:.75rem;padding:.9rem 1.1rem;font-size:.9375rem;display:grid}.perm-list strong{color:var(--ink);font-weight:620}.perm-list span{color:var(--ink-soft)}.closer{border-radius:var(--radius-lg);background:linear-gradient(170deg, var(--slate-700), var(--slate-900));color:#fff;text-align:center;padding:clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden}.closer h2{font-size:clamp(1.65rem,3.4vw,2.25rem)}.closer p{color:#ffffffc7;margin-block-start:.9rem;font-size:1.0313rem}.closer .btn--primary{color:var(--slate-900);background:#fff}.closer .btn--ghost{color:#fff;background:0 0;border-color:#ffffff4d}.closer .btn--ghost:hover{background:#ffffff1a;border-color:#ffffff80}footer{border-block-start:1px solid var(--hairline);color:var(--ink-faint);padding-block:2.5rem 3rem;font-size:.875rem}footer .wrap{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}footer nav{flex-wrap:wrap;gap:1.1rem;margin-inline-start:auto;display:flex}footer a{color:var(--ink-soft);text-decoration:none}footer a:hover{color:var(--ink);text-decoration:underline}@media (width<=860px){.spotlight{grid-template-columns:1fr}.spotlight:nth-of-type(2n) .spotlight__art{order:0}}@media (width<=680px){.masthead nav a:not(.is-cta){display:none}.mock__frame{border-radius:14px;padding:5px}.menubar__more{display:none}.table-card :is(th,td){padding-inline:.85rem}.perm-list li{grid-template-columns:1fr;gap:.25rem}.styles{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.only-wide{display:none}@media (width>=560px){.only-wide{display:inline}}
