.k-dev{--hw:#1f1f1f;--hw-deep:#171717;--hw-edge:#3a3a3a;--scr:#000;--ink:#fff;--ink-2:#a3a3a3;--ink-3:#777;--rule:#222;--chrome:#121212;--chrome-deep:#0d0d0d;--field:#0a0a0a;--knob:#333;--dim:#666;--base-top:#2a2a2a;--base-bottom:#161616;--notch:#0f0f0f;--frame:#2c2c2c;--paper:#f2f2f2;--paper-ink:#111;--paper-muted:#555;--paper-line:#ddd;--hud-ink:#ccc;--u:calc(100cqi / var(--w));width:calc(var(--w) * var(--k,1) * 1px);height:calc(var(--h) * var(--k,1) * 1px);flex:none;position:relative;container-type:inline-size}.k-dev.is-fill{width:100%;height:auto;aspect-ratio:calc(var(--w) / var(--h))}.k-screen{padding:calc(var(--b) * var(--u));border-radius:calc(var(--r) * var(--w) * var(--u));background:var(--hw);box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) calc(-20 * var(--u)) var(--scr);transition:box-shadow .4s,filter .5s;position:absolute;inset:0}.k-screen.is-lens{border-radius:var(--device-lens-radius);background:var(--hw-deep)}.k-glass{border-radius:calc((var(--r) * var(--w) - var(--b)) * var(--u));background:var(--scr);height:100%;color:var(--ink);box-shadow:0 0 0 1px var(--hw-edge);position:relative;overflow:hidden}.k-screen.is-lens .k-glass{border-radius:var(--device-lens-radius)}.k-dev-crown,.k-dev-side{right:calc(-6 * var(--u));width:calc(7 * var(--u));border-radius:calc(4 * var(--u));background:var(--hw);position:absolute}.k-dev-crown{top:calc(38 * var(--u));height:calc(30 * var(--u))}.k-dev-side{top:calc(80 * var(--u));right:calc(-4 * var(--u));width:calc(4 * var(--u));height:calc(32 * var(--u))}.k-dev-island{z-index:3;top:calc(7 * var(--u));width:calc(58 * var(--u));height:calc(18 * var(--u));border-radius:calc(10 * var(--u));background:var(--scr);position:absolute;left:50%;translate:-50%}.k-dev.is-mac .k-screen{bottom:calc(12 * var(--u));padding-bottom:calc(14 * var(--u));border-radius:calc(14 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u))}.k-dev.is-mac .k-glass{border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0}.k-dev-base{width:116%;height:calc(12 * var(--u));border-radius:calc(2 * var(--u)) calc(2 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));background:linear-gradient(var(--base-top), var(--base-bottom));position:absolute;bottom:0;left:-8%}.k-dev-base:before{content:"";border-radius:0 0 calc(6 * var(--u)) calc(6 * var(--u));background:var(--notch);width:14%;height:40%;position:absolute;top:0;left:50%;translate:-50%}.k-dev.is-web .k-screen{background:var(--chrome-deep);box-shadow:0 0 0 1px var(--frame), 0 calc(40 * var(--u)) calc(80 * var(--u)) calc(-30 * var(--u)) var(--scr);padding:0}.k-dev.is-web .k-glass{background:var(--chrome-deep);box-shadow:none}.k-screen-in{font-size:calc(12 * var(--u));line-height:1.3;transition:opacity .5s;position:absolute;inset:0}.k-screen-in p{margin:0}.k-app{align-items:center;gap:.4em;display:inline-flex}.k-app-icon,.k-app-icon svg{flex:none;width:1.3em;height:1.3em}.k-k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;gap:.5em;font-size:.8em;display:flex}.k-t{font-weight:500;line-height:1.2}.k-s{color:var(--ink-2);line-height:1.35}.k-row{align-items:center;gap:.5em;margin-top:.35em;display:flex}.k-dot{background:var(--ink);border-radius:50%;flex:none;width:.5em;height:.5em;animation:1.6s ease-in-out infinite k-pulse}@keyframes k-pulse{0%,to{opacity:.35}50%{opacity:1}}.k-photo{filter:grayscale()brightness(.55)contrast(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.k-photo-metro{background-image:url(/use-cases/anywhere/img/metro.webp)}.k-photo-pov{filter:grayscale()brightness(.75);background-image:url(/use-cases/anywhere/img/pov.webp)}.k-card{background:linear-gradient(160deg, color-mix(in oklab, var(--ink) 16%, transparent), color-mix(in oklab, var(--ink) 5%, transparent));-webkit-backdrop-filter:blur(14px)saturate(170%);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ink) 32%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent), 0 .8em 2em -1em var(--scr);border-radius:1.15em;padding:.75em .9em;position:relative}.k-card.is-dim{opacity:.75}.k-card.is-hot{background:var(--ink);color:var(--scr);box-shadow:0 0 1.8em color-mix(in oklab, var(--ink) 30%, transparent)}.k-card.is-hot .k-s{color:var(--paper-muted)}.k-pills{grid-template-columns:1fr 1fr;gap:.4em;display:grid}.k-pill{text-align:center;background:linear-gradient(color-mix(in oklab, var(--ink) 20%, transparent), color-mix(in oklab, var(--ink) 8%, transparent));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ink) 35%, transparent);border-radius:99px;padding:.55em 0}.k-pill.is-on{background:var(--ink);color:var(--scr);box-shadow:0 0 1.5em color-mix(in oklab, var(--ink) 35%, transparent)}.k-badge{background:var(--ink);min-width:1.6em;height:1.6em;color:var(--scr);letter-spacing:0;border-radius:1em;place-items:center;font-weight:600;display:inline-grid}.k-watch{flex-direction:column;height:100%;padding:1.15em 1.1em 1.1em;display:flex}.k-watch-q{margin-top:.6em;font-size:1.12em}.k-watch .k-pills{margin-top:auto}.k-phone,.k-phone-in{position:absolute;inset:0}.k-phone-in{flex-direction:column;gap:.5em;padding:3.3em .85em .85em;display:flex}.k-phone-date{text-align:center;opacity:.8;font-size:.85em}.k-phone-time{text-align:center;font-family:var(--font-display,inherit);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:3.4em;font-weight:600;line-height:1;margin-bottom:.6em!important}.k-mac{grid-template-columns:1.05fr 1fr;height:100%;font-size:.95em;display:grid}.k-mac-chat{border-right:1px solid var(--rule);background:radial-gradient(60% 50% at 80% 20%, color-mix(in oklab, var(--ink) 8%, transparent), transparent);flex-direction:column;justify-content:flex-end;gap:.6em;padding:1.1em;display:flex}.k-bubble{background:linear-gradient(160deg, color-mix(in oklab, var(--ink) 14%, transparent), color-mix(in oklab, var(--ink) 4%, transparent));max-width:90%;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ink) 25%, transparent);border-radius:1em 1em .25em;align-self:flex-end;padding:.6em .85em}.k-step{color:var(--ink-2);align-items:center;gap:.55em;font-size:.92em;display:flex}.k-step:before{content:"";background:var(--dim);border-radius:50%;width:.35em;height:.35em}.k-step.is-live{color:var(--ink)}.k-step.is-live:before{background:var(--ink)}.k-mac-draft{padding:1.1em}.k-mail{background:var(--paper);color:var(--paper-ink);border-radius:.6em;gap:.7em;margin-top:.8em;padding:.9em 1em;font-size:.92em;line-height:1.45;display:grid}.k-ipad{flex-direction:column;gap:.5em;height:100%;padding:1.15em;display:flex}.k-receipts{background:var(--paper);color:var(--paper-ink);border-radius:.6em;flex:1;margin:.3em 0 .4em;padding:.85em;font-size:.85em}.k-receipts p{border-bottom:1px solid var(--paper-line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.5em;padding:.35em 0;display:flex}.k-ipad>.k-t{font-size:1.08em}.k-lens{position:absolute;inset:0}.k-lens:after{content:"";background:radial-gradient(80% 90% at 50% 46%,#0000 55%,#000000b3);position:absolute;inset:0}.k-hud{z-index:1;background:linear-gradient(160deg,#00000059,#00000094);width:62%;position:absolute;top:14%;right:9%}.k-hud .k-t{margin-top:.3em;font-size:1.1em}.k-hud .k-s,.k-hud .k-k{color:var(--hud-ink)}.k-web{grid-template-rows:2.5em 1fr;height:100%;display:grid}.k-web-bar{border-bottom:1px solid var(--rule);background:var(--chrome);align-items:center;gap:.65em;padding:0 .85em;display:flex}.k-web-bar i{background:var(--knob);border-radius:50%;width:.65em;height:.65em}.k-web-bar span{background:var(--field);height:1.5em;color:var(--ink-3);border-radius:.35em;flex:1;align-items:center;padding:0 .65em;font-size:.85em;display:flex}.k-board{background:radial-gradient(60% 50% at 80% 20%, color-mix(in oklab, var(--ink) 7%, transparent), transparent);grid-template-columns:repeat(3,1fr);gap:.85em;padding:1em;font-size:.92em;display:grid}.k-board>div{align-content:start;gap:.6em;display:grid}.k-board .k-card{border-radius:.7em;padding:.65em .75em}.k-board .k-s{font-size:.88em}@media (prefers-reduced-motion:reduce){.k-dot{animation:none}}