:root{--font-sans: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--fw-light: 388;--fw-regular: 470;--fw-medium: 500;--fw-semibold: 511;--fw-bold: 577;--fw-black: 783;--tr-display: -.0572em;--tr-title: -.057em;--tr-heading: -.02em;--tr-body: -.02em;--tr-ui: -.008em;--c-ink: #000;--c-ink-soft: #2e2e2e;--c-muted: #8a8a8a;--c-faint: #b8b8b8;--c-line: #ededed;--c-surface: #f2f2f2;--c-panel: #fff;--c-accent: #38c6ec;--c-accent-ink: #0a86a8;--c-pass: #2a9a30;--c-review: #f6a825;--c-fail: #e5484d;--radius-card: 16px;--radius-panel: 12px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px -18px rgba(2, 72, 105, .28);--page: min(1180px, calc(100% - 32px) )}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--c-ink);font-family:var(--font-sans);font-weight:var(--fw-regular);letter-spacing:var(--tr-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}a{color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.display{font-size:clamp(32px,3.6vw,46px);line-height:1.08;font-weight:var(--fw-regular);letter-spacing:var(--tr-display);margin:0}.h2{font-size:clamp(26px,2.6vw,34px);line-height:1.12;font-weight:var(--fw-regular);letter-spacing:var(--tr-title);margin:0}.h3{font-size:18px;line-height:1.2;font-weight:var(--fw-semibold);letter-spacing:var(--tr-heading);margin:0}.lead{font-size:17px;line-height:1.5;color:var(--c-ink-soft);margin:0;max-width:60ch}.muted{color:var(--c-muted)}.small{font-size:13px;line-height:1.45}.eyebrow{font-size:13px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent-ink);margin:0 0 10px}.num{font-variant-numeric:tabular-nums}.page{width:var(--page);margin:0 auto;padding:40px 0 72px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head>div{max-width:680px}.page-head .lead{margin-top:12px}.topbar{position:sticky;top:0;z-index:30;padding:16px 0 10px;background:linear-gradient(#fff 70%,#fff0)}.nav{position:relative;width:min(880px,calc(100% - 32px));height:52px;margin:0 auto;display:flex;align-items:center;gap:4px;background:#000;border-radius:26px;padding:0 9px}.nav__brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#fff;font-size:17.1px;font-weight:var(--fw-black);letter-spacing:-.0075em;margin-right:auto}.nav__brand sup{font-size:11.4px;position:relative;top:-2px}.nav__links{display:flex;align-items:center;gap:2px}.nav__link{color:#fff;text-decoration:none;font-size:15px;font-weight:var(--fw-medium);letter-spacing:var(--tr-ui);padding:9px 13px;border-radius:17px;transition:background .15s,color .15s}.nav__link:hover{color:var(--c-accent)}.nav__link.is-active{background:#ffffff1f}.nav__cta{margin-left:10px;height:34px;padding:0 18px;display:flex;align-items:center;border-radius:17px;background:#fff;color:#000;text-decoration:none;font-size:15px;font-weight:var(--fw-bold);letter-spacing:-.02em;white-space:nowrap}.nav__cta:hover{filter:brightness(.9)}.burger{display:none;margin-left:auto;width:34px;height:34px;padding:0 7px;border:0;border-radius:17px;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}.burger span{display:block;height:2px;background:#fff;border-radius:1px;transition:transform .2s}.nav.is-open .burger span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.nav.is-open .burger span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.navmenu{display:none}@media (max-width: 860px){.nav__links,.nav__cta{display:none}.burger{display:flex}.navmenu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:10px;background:#000;border-radius:20px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}.nav.is-open .navmenu{opacity:1;transform:none;pointer-events:auto}.navmenu a{color:#fff;text-decoration:none;padding:11px 14px;border-radius:12px;font-weight:var(--fw-medium)}.navmenu a:hover,.navmenu a.is-active{background:#ffffff1a}.navmenu a.cta{margin-top:6px;background:#fff;color:#000;text-align:center;border-radius:17px;font-weight:var(--fw-bold)}}.footer{border-top:1px solid var(--c-line)}.footer__inner{width:var(--page);margin:0 auto;padding:24px 0 36px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;color:var(--c-muted)}.footer a{color:var(--c-muted)}.card{background:var(--c-surface);border-radius:var(--radius-card);padding:18px}.panel{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius-panel);box-shadow:0 1px 2px #00000008}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border-radius:19px;border:0;cursor:pointer;text-decoration:none;font-size:15px;font-weight:var(--fw-medium);letter-spacing:-.02em;white-space:nowrap;transition:filter .15s,background .15s}.btn--dark{background:#000;color:#fff}.btn--light{background:#fff;color:#000;border:1px solid var(--c-line)}.btn--accent{background:var(--c-accent);color:#00202b;font-weight:var(--fw-bold)}.btn:hover{filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn--icon{width:38px;padding:0}.seg{display:inline-flex;padding:4px;gap:2px;background:var(--c-surface);border-radius:999px}.seg button{border:0;background:none;height:32px;padding:0 14px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:var(--fw-medium);color:var(--c-ink-soft);white-space:nowrap}.seg button[aria-pressed=true]{background:#fff;color:#000;box-shadow:0 1px 3px #00000014}.seg button:disabled{color:var(--c-faint);cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;font-size:12.5px;font-weight:var(--fw-bold);letter-spacing:0;white-space:nowrap}.chip--pass{color:var(--c-pass);background:#2a9a301a}.chip--review{color:#b7730a;background:#f6a82529}.chip--fail{color:var(--c-fail);background:#e5484d1a}.chip--info{color:var(--c-accent-ink);background:#38c6ec24}.chip--neutral{color:var(--c-ink-soft);background:#fff;border:1px solid var(--c-line)}.chip--sim{color:#fff;background:#000}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-panel);background:#38c6ec1a;border:1px solid rgba(56,198,236,.35);font-size:14px;line-height:1.5}.notice code{font-size:12.5px;background:#ffffffb3;padding:1px 5px;border-radius:5px}.notice strong{font-weight:var(--fw-bold)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{padding:16px}.stat__label{font-size:13px;color:var(--c-muted);margin:0}.stat__value{font-size:30px;line-height:1.1;letter-spacing:var(--tr-title);margin:6px 0 0;font-variant-numeric:tabular-nums}.stat__hint{font-size:12.5px;color:var(--c-muted);margin:6px 0 0;line-height:1.4}.station{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}@media (max-width: 980px){.station{grid-template-columns:1fr}}.viewer{position:relative;overflow:hidden;border-radius:var(--radius-card);background:#111;aspect-ratio:3 / 2;max-height:min(64vh,620px);width:100%}.viewer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.viewer .overlay{transition:opacity .2s}.viewer__badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.viewer__badges .chip--fail{background:var(--c-fail);color:#fff}.viewer__caption{position:absolute;left:12px;bottom:12px;right:12px;z-index:2;display:flex;justify-content:space-between;gap:8px;color:#fff;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.scanline{position:absolute;left:0;right:0;height:2px;background:var(--c-accent);box-shadow:0 0 18px 4px #38c6ec99;z-index:1;animation:scan 1.1s var(--ease, cubic-bezier(.22,1,.36,1)) both}@keyframes scan{0%{top:0;opacity:1}to{top:100%;opacity:0}}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.controls .spacer{flex:1}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{width:16px;height:16px;accent-color:var(--c-accent-ink)}.toggle.is-disabled{color:var(--c-faint);cursor:not-allowed}.side{display:flex;flex-direction:column;gap:12px}.verdict{padding:16px}.verdict__big{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:var(--tr-title);margin:8px 0 4px}.dot{width:12px;height:12px;border-radius:50%;flex:none}.meter{height:8px;border-radius:4px;background:var(--c-line);position:relative;overflow:visible;margin:14px 0 6px}.meter__fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.meter__tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:#000}.counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.counter{background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:10px 12px}.counter b{display:block;font-size:22px;font-weight:var(--fw-regular);letter-spacing:var(--tr-title);font-variant-numeric:tabular-nums}.counter span{font-size:12.5px;color:var(--c-muted)}.bars{display:flex;flex-direction:column;gap:8px}.bar{display:grid;grid-template-columns:110px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:13px}.bar__track{height:8px;border-radius:4px;background:var(--c-line);overflow:hidden}.bar__fill{height:100%;border-radius:4px;background:var(--c-fail);transition:width .3s}.bar__label{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;margin-top:16px;scrollbar-width:thin}.thumb{position:relative;flex:none;width:92px;aspect-ratio:3 / 2;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;background:#111;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.is-current{border-color:var(--c-accent)}.thumb__flag{position:absolute;right:4px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.metric-note{font-size:12.5px;color:var(--c-muted);margin-top:8px}.explorer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}@media (max-width: 900px){.explorer{grid-template-columns:1fr}}.slider{width:100%;accent-color:#000}.confusion{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px;font-size:13px}.confusion>div{padding:12px;border-radius:10px;background:#fff;border:1px solid var(--c-line)}.confusion .hd{background:none;border:0;padding:4px 6px;color:var(--c-muted);font-size:12.5px}.confusion b{display:block;font-size:24px;font-weight:var(--fw-regular);letter-spacing:var(--tr-title);font-variant-numeric:tabular-nums}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gallery figure{margin:0}.gallery .frame{position:relative;aspect-ratio:3 / 2;border-radius:10px;overflow:hidden;background:#111}.gallery .frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gallery figcaption{font-size:12.5px;color:var(--c-muted);margin-top:6px;line-height:1.35}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.steps{grid-template-columns:1fr}}.step{position:relative;padding:20px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:13px;font-weight:var(--fw-bold);color:var(--c-accent-ink);margin-bottom:14px}.step p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--c-ink-soft)}.table{width:100%;border-collapse:collapse;font-size:14.5px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--c-line);vertical-align:top;line-height:1.45}.table th{font-weight:var(--fw-semibold);color:var(--c-muted);font-size:13px}.table-wrap{overflow-x:auto}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}@media (max-width: 900px){.plans{grid-template-columns:1fr}}.plan{display:flex;flex-direction:column;padding:22px}.plan--featured{background:#000;color:#fff}.plan--featured .muted,.plan--featured li:before{color:#fff9}.plan__price{font-size:44px;letter-spacing:var(--tr-display);margin:14px 0 2px;font-variant-numeric:tabular-nums}.plan ul{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.45}.plan li{position:relative;padding-left:22px}.plan li:before{content:"✓";position:absolute;left:0;color:var(--c-accent-ink);font-weight:var(--fw-bold)}.plan--featured li:before{color:var(--c-accent)}.plan .btn{margin-top:auto}.faq{display:flex;flex-direction:column;gap:10px;max-width:820px}.faq details{background:var(--c-surface);border-radius:var(--radius-panel);padding:0 18px}.faq summary{list-style:none;cursor:pointer;padding:16px 0;font-size:16.5px;font-weight:var(--fw-semibold);display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:var(--fw-light);font-size:22px;line-height:1;color:var(--c-muted)}.faq details[open] summary:after{content:"–"}.faq details p{margin:0 0 16px;line-height:1.55;color:var(--c-ink-soft);font-size:15px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form .full{grid-column:1 / -1}@media (max-width: 640px){.form{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:var(--fw-medium)}.field input,.field select,.field textarea{border:1px solid var(--c-line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:var(--fw-regular);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #38c6ec33}.field .err{color:var(--c-fail);font-size:12.5px;font-weight:var(--fw-regular)}.field[data-invalid=true] input,.field[data-invalid=true] textarea{border-color:var(--c-fail)}.empty{text-align:center;padding:48px 20px}.empty .h3{margin-top:10px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
