@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--alabaster: #f9f9f9;--shark: #1b1b1d;--ruby: #e3310d;--tan: #f88e4d;--plate-light: #efefef;--ok: #0e7a43;--ok-soft: #e7f2ec;--bad: #c4270a;--gradient-brand: linear-gradient(180deg, #e3310d 0%, #f88e4d 100%);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--alabaster);color:var(--shark);font-family:var(--font-sans);-webkit-text-size-adjust:100%}.app{max-width:560px;margin:0 auto;padding:24px 20px calc(28px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.bar{position:sticky;top:0;height:4px;background:var(--plate-light);z-index:2}.bar i{display:block;height:100%;width:0;background:var(--gradient-brand);transition:width .35s cubic-bezier(.22,.61,.36,1)}.screen{display:flex;flex-direction:column;flex:1;justify-content:center;animation:rise .28s cubic-bezier(.22,.61,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.h1{font-size:34px;line-height:.95;letter-spacing:-.05em;font-weight:600;margin:8px 0 16px}.q{font-size:24px;line-height:1.1;letter-spacing:-.03em;font-weight:600;margin:4px 0 24px}.lead{font-size:17px;line-height:1.55;letter-spacing:-.01em;margin:0 0 24px;color:color-mix(in srgb,var(--shark) 78%,transparent)}.options{display:flex;flex-direction:column;gap:10px}.opt{appearance:none;width:100%;min-height:56px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;font-size:17px;line-height:1.3;color:var(--shark);background:#fff;border:1px solid var(--plate-light);border-radius:20px;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.opt:active{transform:scale(.985)}.opt[aria-pressed=true]{background:var(--shark);border-color:var(--shark);color:#fff}.opt:focus-visible{outline:3px solid var(--ruby);outline-offset:2px}.opt[data-state]:after{font-weight:700;font-size:20px;line-height:1}.opt[data-state=ok]:after,.opt[data-state=ok-soft]:after{content:"✓"}.opt[data-state=bad]:after{content:"✕"}.opt[data-state=ok]{background:var(--ok);border-color:var(--ok);color:#fff}.opt[data-state=bad]{background:var(--bad);border-color:var(--bad);color:#fff}.opt[data-state=ok-soft]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.opt[data-state=dim]{opacity:.42}.opt--en{font-size:18px}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:16px 30px;border:0;border-radius:999px;font-family:var(--font-mono);font-weight:700;font-size:16px;text-transform:uppercase;word-spacing:.2em;color:#fff;background:var(--gradient-brand);cursor:pointer}.btn--onDark{background:#fff;color:var(--ruby)}.btn:disabled{opacity:.35;cursor:default}.btn--next{margin-top:20px;background:none;color:var(--shark);border:1px solid color-mix(in srgb,var(--shark) 18%,transparent)}.btn--next b{font-variant-numeric:tabular-nums;opacity:.5}.btn:focus-visible{outline:3px solid var(--ruby);outline-offset:3px}.plate-dark{position:relative;overflow:hidden;background:var(--shark);color:var(--alabaster);border-radius:32px;padding:32px 28px;margin-top:auto;display:flex;flex-direction:column;gap:24px}.plate-dark:before{content:"";position:absolute;right:4%;top:8%;width:44%;aspect-ratio:1416 / 721;background:url(/logo/be-mark.svg) no-repeat center / contain;opacity:.1;pointer-events:none}.plate-dark>*{position:relative}.plate-dark .verdict{font-size:26px;line-height:1.05;letter-spacing:-.04em;font-weight:600;margin:0}.plate-dark .sub{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:13px;word-spacing:.2em;color:var(--tan);margin:0}.audio{display:flex;align-items:center;gap:16px;margin:0 0 24px}.audio button{flex:0 0 auto;width:60px;height:60px;border:0;border-radius:50%;background:var(--shark);color:#fff;cursor:pointer;display:grid;place-items:center}.audio button:focus-visible{outline:3px solid var(--ruby);outline-offset:3px}.audio button[data-playing=true]{background:var(--ruby)}.audio span{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:13px;word-spacing:.2em;color:color-mix(in srgb,var(--shark) 60%,transparent)}.screen--intro{justify-content:space-between;gap:32px}.brand{display:flex;flex-direction:column;gap:14px}.brand__logo{display:block;width:min(240px,68%);height:auto;opacity:0;transform:translateY(10px);animation:logoIn .55s cubic-bezier(.22,.61,.36,1) .08s both}.brand__bar{display:block;width:min(240px,68%);height:4px;border-radius:2px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;animation:barIn .6s cubic-bezier(.22,.61,.36,1) .38s both}@keyframes logoIn{to{opacity:1;transform:none}}@keyframes barIn{to{transform:scaleX(1)}}.robot{position:relative;width:min(62%,260px);margin:0 -20px -8px auto;opacity:0;transform:translateY(14px);animation:logoIn .6s cubic-bezier(.22,.61,.36,1) .5s both}.robot__img{display:block;width:100%;height:auto}.robot__eyes{position:absolute;left:40.35%;top:5.03%;width:36.76%;height:41.68%;fill:none;stroke:#9bdffa;stroke-width:7;stroke-linecap:round;transform-origin:50% 50%;animation:blink 6s ease-in-out 1.4s infinite}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.note{font-size:15px;line-height:1.5;margin:0;color:color-mix(in srgb,var(--shark) 55%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}