.ob{background:var(--color-black);min-height:100dvh;color:var(--color-white);flex-direction:column;display:flex}.ob-top{justify-content:space-between;align-items:center;width:100%;max-width:1160px;height:76px;margin:0 auto;padding:0 16px;display:flex}.ob-mark{letter-spacing:-.02em;color:var(--color-white);font-size:22px;font-weight:700;line-height:28px;text-decoration:none}.ob-skip{color:var(--color-white);font-size:15px;font-weight:500;line-height:20px;text-decoration:none;transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}@media (hover:hover){.ob-skip:hover{color:var(--color-mint)}}.ob-skip:focus-visible,.ob-mark:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px}.ob-stage{flex-direction:column;flex:1;align-items:center;gap:24px;width:100%;max-width:1040px;margin:0 auto;padding:32px 16px 96px;display:flex}.ob-stage.wide{align-items:stretch;gap:16px;max-width:1440px;padding-top:4px;padding-bottom:16px}.ob-claim{letter-spacing:-.045em;text-align:center;text-wrap:balance;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1}.ob-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ob-steps{grid-template-columns:repeat(4,40px);gap:6px;margin:0;padding:0;list-style:none;display:grid}.ob-steps li{flex-direction:column;display:flex}.ob-steps i{background:var(--color-raised-dark);border-radius:1px;height:2px;position:relative;overflow:hidden}.ob-steps i:after{content:"";background:var(--color-white);transform-origin:0;border-radius:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;inset:0;transform:scaleX(0)}.ob-steps li.done i:after{transform:scaleX(1)}.ob-steps li.now i:after{background:var(--color-mint);transform:scaleX(1)}.ob-device{border-radius:var(--radius-device);background:var(--color-raised-dark);width:100%;box-shadow:var(--shadow-ring-dark);border:1px solid #0000;padding:12px}.ob-screen{background:var(--color-white);color:var(--color-ink);border-radius:16px;overflow:hidden}.ob-screen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.ob-screen-head h2{letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:32px}.ob-screen-foot{background:var(--color-surface);border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.ob-screen-foot .sum{color:var(--color-ink);align-items:baseline;gap:12px;font-size:15px;font-weight:500;line-height:20px;display:flex}.ob-screen-foot .sum b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:28px}.ob-pick td{transition-property:background-color;transition-duration:.15s;transition-timing-function:ease-out}.ob-pick tbody tr{cursor:pointer}.ob-pick tr.on td{background:var(--color-mint-tint)}.ob-pick tr.off td{color:var(--color-muted)}.ob-pick td.chk{width:52px;padding-right:0}.ob-check{border:1.5px solid var(--color-input);background:var(--color-white);border-radius:5px;place-items:center;width:20px;height:20px;transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out;display:grid;position:relative}.ob-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:-12px}.ob-check svg{pointer-events:none;width:14px;height:14px;color:var(--color-white);opacity:0;filter:blur(4px);transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);scale:.25}.on .ob-check{background:var(--color-ink);border-color:var(--color-ink)}.on .ob-check svg{opacity:1;filter:blur();scale:1}.ob-check:has(input:focus-visible){outline:2px solid var(--color-mint-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ob-check svg{filter:none;transition-property:opacity;scale:1}}.ob-work-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.ob-work-head>div:first-child{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.ob-work-head h1{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:28px}.ob-best{align-items:baseline;gap:12px;display:flex}.ob-best>span{color:var(--color-mint);font-size:13px;line-height:16px}.ob-best b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:38px}.ob-device.grid{flex:1;min-height:0;padding:16px;display:flex}.ob-device.grid .tiles{flex:1;height:calc(100dvh - 216px);min-height:480px}.ob-device.grid .callpanel{box-shadow:var(--shadow-ring-dark);border:1px solid #0000}@media (max-width:1100px){.ob-device.grid .tiles{height:auto;min-height:0}}.ob-figure-label{color:var(--color-mint);text-align:center;font-size:13px;line-height:16px}.ob-figure{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(56px,9vw,96px);font-weight:600;line-height:1}.ob-figure-sub{color:var(--color-mint);text-align:center;font-variant-numeric:tabular-nums;font-size:18px;line-height:26px}.ob-figure-sub.flat{color:var(--color-faint)}.ob-in{animation:.3s ease-out both ob-fade;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:no-preference){.ob-in{animation-name:ob-rise}}@keyframes ob-fade{0%{opacity:0}}@keyframes ob-rise{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}}.ob-word{white-space:pre;display:inline-block}.ob-out{animation:.15s ease-out both ob-fade-out}@media (prefers-reduced-motion:no-preference){.ob-out{animation-name:ob-sink}}@keyframes ob-fade-out{to{opacity:0}}@keyframes ob-sink{to{opacity:0;filter:blur(4px);transform:translateY(-12px)}}.ob-best b{transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}.ob-best.bump b{color:var(--color-mint)}.ob-device.grid .tiles>.ob-in>*{flex:1;min-width:0}.ob-read{max-width:920px}.ob-read-stats{flex-wrap:wrap;gap:12px 32px;margin:0;display:flex}.ob-read-stats div{flex-direction:column;gap:2px;display:flex}.ob-read-stats dt{color:var(--color-muted);font-size:13px;line-height:16px}.ob-read-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600;line-height:24px}.ob-feed{min-height:346px;overflow-x:auto}.ob-feed tr.ob-new td{animation:.9s ease-out both ob-flash}@keyframes ob-flash{0%{background-color:var(--color-mint-tint)}}.ob-chip{background:var(--color-mint-tint);color:var(--color-mint-text);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.ob-bar{background:var(--color-line);border-radius:2px;flex:1;max-width:240px;height:4px;overflow:hidden}.ob-bar i{background:var(--color-mint-text);transform-origin:0;height:100%;transition-property:transform;transition-duration:.12s;transition-timing-function:linear;display:block}.ob-note{max-width:640px;color:var(--color-faint);text-align:center;text-wrap:pretty;font-size:13px;line-height:18px}@media (max-width:640px){.ob-feed .wide-only{display:none}}@media (prefers-reduced-motion:reduce){.ob-feed tr.ob-new td{animation:none}.ob-bar i{transition:none}}