.beat{scroll-margin-top:var(--nav-h);padding-block:clamp(5.5rem,10vw,8.5rem);position:relative}.beat+.beat{border-top:1px solid var(--color-line)}.beat-head{gap:1.375rem;display:grid}.beat-head>*,.beat-cols>*{min-width:0}.beat-lead{max-width:36em;font-size:var(--text-lead);color:var(--color-smoke);gap:1rem;line-height:1.55;display:grid}.beat-lead p{margin:0}.beat-note{max-width:40em;font-size:var(--text-fine);color:var(--color-dim);margin:0;line-height:1.55}.beat-note strong{color:var(--color-smoke);font-weight:600}.beat-more{font-size:var(--text-fine);margin:0}@media (min-width:56.3125rem){.beat-head-split{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;column-gap:3rem}.beat-head-split .beat-lead{padding-bottom:.4em}.beat-cols{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);display:grid}}@media (max-width:56.25rem){.beat{padding-block:5.5rem}.beat-lead{font-size:1.0625rem}.beat-cols{gap:2.5rem;display:grid}}.dl{scroll-margin-top:var(--nav-h);position:relative}.dl-grid{gap:2.5rem 3rem;padding-block:clamp(5rem,10vw,8.5rem);display:grid}.dl-grid>*{min-width:0}.dl-title{color:var(--color-ash)}.dl-lead{max-width:30em;color:var(--color-hot-ink);margin:0;font-size:1.25rem;line-height:1.55}.get-card{display:contents}.get{align-content:start;justify-items:start;gap:1rem;min-height:8.5rem;display:grid}.get-iso{background:var(--color-ash);min-height:4.75rem;color:var(--color-h9);border-radius:1.125rem;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;padding:.75rem 1.875rem;font-size:1.3125rem;font-weight:600;text-decoration:none;transition:background-color .2s,scale .2s;display:inline-flex}.get-iso:hover{background:var(--color-char)}.get-iso:active{scale:.97}.get-iso-meta{background:color-mix(in srgb, var(--color-h9) 14%, transparent);border-radius:.375rem;padding:.3125rem .5rem;font-size:.8125rem;line-height:1}.get-meta{color:var(--color-hot-ink-2);margin:0;font-size:.8125rem;line-height:1.5}.get-meta a{color:inherit;text-underline-offset:3px;text-decoration:underline}.get-file{overflow-wrap:anywhere}.get-badge{background:var(--color-ash);color:var(--color-h9);border-radius:.25rem;margin:0;padding:.3125rem .5rem;font-size:.75rem;line-height:1}.get-note{max-width:30em;color:var(--color-hot-ink);margin:0}.get-actions{flex-wrap:wrap;gap:.75rem;display:flex}.dl-spec{border-top:1.5px solid color-mix(in srgb, var(--color-ash) 80%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;padding-top:1.375rem;display:flex}.dl-req{color:var(--color-ash);flex-wrap:wrap;align-items:baseline;gap:.375rem 0;margin:0;padding:0;font-size:.90625rem;font-weight:600;line-height:1.5;list-style:none;display:flex}.dl-req li{white-space:nowrap}.dl-req li:not(:last-child):not(.dl-req-k):after{content:"·";margin:0 .7em}.dl-req-k{background:var(--color-ash);color:var(--color-h9);border-radius:.25rem;margin-right:.75rem;padding:.1875rem .5rem}.dl-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;display:flex}@media (min-width:56.3125rem){.dl-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}.dl-title,.dl-spec{grid-column:1/-1}}@media (max-width:56.25rem){.dl-grid{gap:1.875rem}.dl-lead{font-size:1.0625rem}.get,.get-iso{width:100%}.get-iso{justify-content:center}.dl-req{font-size:.8125rem}}.beat-faq .faq-cols{gap:2.5rem;display:grid}@media (min-width:56.3125rem){.beat-faq .faq-cols{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5.5rem)}}@property --ar{syntax:"<number>";inherits:true;initial-value:1.7778}@property --n-w{syntax:"<integer>";inherits:true;initial-value:3840}@property --n-h{syntax:"<integer>";inherits:true;initial-value:2160}@property --n-hz{syntax:"<integer>";inherits:true;initial-value:60}@property --n-pps{syntax:"<integer>";inherits:true;initial-value:498}.screen-cols{margin-top:clamp(2.5rem,6vw,4.5rem)}.screen-pick{gap:1.25rem;display:grid}.devices{background:var(--color-line);border-radius:1.125rem;gap:2px;padding:2px;display:grid}.dev{background:var(--color-soot);min-height:2.75rem;color:var(--color-bone);text-align:left;cursor:pointer;border-radius:.25rem;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;padding:1rem 1.125rem;transition:background-color .25s;display:grid}.dev:first-child{border-radius:1rem 1rem .25rem .25rem}.dev:last-child{border-radius:.25rem .25rem 1rem 1rem}.dev:hover,.dev[aria-pressed=true]{background:var(--color-char)}.dev-name{font-size:1.03125rem;font-weight:600}.dev-mode{color:var(--color-smoke);grid-column:1/-1;font-size:.78125rem;line-height:1.3}.dev-pip{background:var(--color-line);border-radius:2px;width:10px;height:10px;transition:background-color .3s}.dev[aria-pressed=true] .dev-pip{background:var(--color-h7)}.dev:focus-visible{outline-offset:-2px}@media (forced-colors:active){.dev{border:1px solid buttontext}.dev[aria-pressed=true]{outline-offset:-4px;outline:3px solid highlight}.dev:focus-visible{outline-offset:2px;outline:2px solid canvastext}.dev-pip{forced-color-adjust:none;box-sizing:border-box;background:canvas;border:1px solid buttontext}.dev[aria-pressed=true] .dev-pip{background:highlight}}.stage{background-color:var(--color-h0);background-image:linear-gradient(color-mix(in srgb, var(--color-bone) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-bone) 5%, transparent) 1px, transparent 1px);counter-reset:w var(--n-w) h var(--n-h) hz var(--n-hz) pps var(--n-pps);transition:--ar .9s var(--ease-tach), --n-w var(--vos-dur-count) var(--ease-tach), --n-h var(--vos-dur-count) var(--ease-tach), --n-hz var(--vos-dur-count) var(--ease-tach), --n-pps var(--vos-dur-count) var(--ease-tach);background-position:50%;background-size:32px 32px;border-radius:1.375rem;gap:1rem;margin:0;padding:1.375rem 1.375rem 1.125rem;display:grid;position:relative;overflow:hidden}.stage-screen{aspect-ratio:16/9.6;place-items:center;display:grid;container-type:size}.frame{width:min(88cqw, calc(86cqh * var(--ar)));aspect-ratio:var(--ar);background:radial-gradient(60% 70% at 52% 64%, var(--color-h9) 0 7%, var(--color-h8) 7% 14%, var(--color-h7) 14% 22%, var(--color-h6) 22% 31%, var(--color-h5) 31% 41%, var(--color-h4) 41% 53%, var(--color-h3) 53% 68%, var(--color-h2) 68% 84%, var(--color-h1) 84%);box-shadow:0 0 0 2px var(--color-bone);border-radius:8px;position:relative;overflow:hidden}.frame canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame-label{background:color-mix(in srgb, var(--color-h0) 72%, transparent);color:var(--color-bone);border-radius:4px;padding:.3125rem .4375rem;font-size:.71875rem;font-weight:600;line-height:1;position:absolute;top:.625rem;left:.75rem}.stage-dims{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.875rem .75rem;display:flex}.tach{grid-template-columns:auto auto auto;justify-content:start;align-items:baseline;gap:.375rem 1.125rem;display:grid}.tach b,.pps b{letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;line-height:1}.tach b{font-size:clamp(1.25rem,2.4vw,2.125rem)}.tach-hz{border-left:1px solid color-mix(in srgb, var(--color-bone) 22%, transparent);padding-left:1.125rem}.tach-unit{letter-spacing:0;color:var(--color-smoke);font-size:.62em}.tach small{grid-area:2/1/auto/-1}.n-w:after{content:counter(w)}.n-h:after{content:counter(h)}.n-hz:after{content:counter(hz)}.n-pps:after{content:counter(pps)}.tach small,.pps small{font-family:var(--font-ui);color:var(--color-smoke);font-size:.75rem}.hdr{background:linear-gradient(90deg, var(--color-h7), var(--color-h9));height:1.75rem;color:var(--color-ash);border-radius:6px;align-self:center;align-items:center;padding:0 .5625rem;font-size:.75rem;font-weight:600;transition:opacity .3s;display:inline-flex}.hdr-off{opacity:.18}.pps{text-align:right;gap:.375rem;display:grid}.pps b{color:var(--color-h8);font-size:clamp(1.125rem,2vw,1.5rem)}.screen-foot{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:1.25rem;display:flex}.pipeline{flex:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.pipeline li{align-content:start;gap:.3125rem;padding:1.375rem 1.25rem 0 0;display:grid;position:relative}.pipeline li:before{content:"";background:var(--color-h7);border-radius:1px;width:7px;height:7px;position:absolute;top:0;left:0}.pipeline li:not(:last-child):after{content:"";background:color-mix(in srgb, var(--color-h7) 55%, transparent);height:1px;position:absolute;top:3px;left:13px;right:6px}.pipeline b{color:var(--color-bone);font-size:.9375rem;font-weight:600;line-height:1.3}.pipeline span{color:var(--color-dim);font-size:.75rem;line-height:1.4}@media (max-width:56.25rem){.screen-cols>.stage{order:-1}.stage{padding:1rem .875rem .875rem}.stage-screen{aspect-ratio:4/3}.tach{gap:.375rem .875rem}.tach-hz{padding-left:.875rem}.pps{text-align:left;align-items:baseline;gap:.5rem;width:100%;display:flex}.pipeline{grid-auto-flow:row}.pipeline li{padding:0 0 1.125rem 1.5rem}.pipeline li:before{top:.45em}.pipeline li:not(:last-child):after{width:1px;height:auto;inset:calc(.45em + 13px) auto 4px 3px}}.setup-cols{align-items:start}.setup-text{gap:2.5rem;display:grid}.steps{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--color-line);grid-template-columns:3.5rem 1fr;gap:.25rem 1.125rem;padding:1.625rem 0;display:grid}.steps li:last-of-type{border-bottom:1px solid var(--color-line)}.step-n{color:var(--color-ink-ready);transition:color .6s var(--ease-out);grid-row:span 2;font-size:3rem;line-height:.9}.steps li[data-on] .step-n{color:var(--color-h9)}.steps h3{margin:0;font-size:1.3125rem;font-weight:600;line-height:1.3}.steps p{color:var(--color-smoke);margin:0}.duo{grid-template-columns:minmax(0,66fr) minmax(0,34fr);column-gap:1rem;margin:0;display:grid}@media (min-width:56.3125rem){.duo{top:calc(var(--nav-h) + 2.5rem);position:sticky}}.duo-cap{font-size:var(--text-fine);color:var(--color-dim);grid-area:2/1;padding-top:1.25rem;line-height:1.5}.duo .tv{width:74%;transition:box-shadow var(--vos-dur-heat) var(--ease-out);grid-area:1/1/auto/-1}.duo .phone{z-index:1;width:86%;transition:box-shadow var(--vos-dur-heat) var(--ease-out);grid-area:1/2/span 2;justify-self:end;margin-top:12%}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .setup-cols:has(.steps li:nth-of-type(2)[data-on]):not(:has(.steps li:nth-of-type(3)[data-on])) .duo .tv{box-shadow:0 0 0 10px color-mix(in srgb, var(--color-h0) 60%, var(--color-ash)), 0 0 0 12px var(--color-h9)}html:not([data-motion=paused]) .setup-cols:has(.steps li:nth-of-type(3)[data-on]) .duo .phone{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-h0) 60%, var(--color-ash)), 0 0 0 10px var(--color-h9), 0 30px 60px color-mix(in srgb, var(--color-h0) 60%, transparent)}}@media (max-width:56.25rem){.duo{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}.duo .tv{width:100%}.duo .phone{width:94%;margin-top:80%}.duo-cap{font-size:.84375rem}}.tv{aspect-ratio:16/9;background:var(--color-h0);box-shadow:0 0 0 10px color-mix(in srgb, var(--color-h0) 60%, var(--color-ash)), 0 0 0 11px var(--color-line);border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.tv-inner{--u:calc(100cqw / 960);color:var(--color-bone);position:absolute;inset:0}.tv-field{width:100%;height:100%;position:absolute;inset:0}.tv-inner>p,.tv-inner>div{margin:0;position:absolute}.tv-brand{left:calc(64 * var(--u));top:calc(52 * var(--u));align-items:center;gap:calc(11 * var(--u));display:flex}.tv-brand svg:first-child{width:calc(29 * var(--u));height:calc(29 * var(--u))}.tv-brand svg:nth-child(2){width:auto;height:calc(20 * var(--u))}.tv-ver{margin-left:calc(3 * var(--u));font-size:calc(13 * var(--u));color:var(--color-smoke)}.tv-hud{left:calc(665 * var(--u));top:calc(38 * var(--u));width:calc(246 * var(--u));height:calc(50 * var(--u));border-radius:calc(6 * var(--u));background:color-mix(in srgb, var(--color-ash) 86%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-bone) 14%, transparent);font-size:calc(11 * var(--u));color:var(--color-smoke)}.tv-hud b{left:calc(14 * var(--u) + var(--t) * 218 * var(--u));top:calc(9 * var(--u));color:var(--color-bone);font-weight:600;position:absolute;translate:-50%}.tv-hud i{left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(28 * var(--u));height:calc(6 * var(--u));background:linear-gradient(90deg, var(--color-h0), var(--color-h2), var(--color-h4), var(--color-h6), var(--color-h8), var(--color-h9));position:absolute}.tv-hud span{bottom:calc(4 * var(--u));left:calc(14 * var(--u));position:absolute}.tv-hud span:last-child{left:auto;right:calc(14 * var(--u))}.tv-text{left:calc(64 * var(--u));top:calc(136 * var(--u));width:calc(520 * var(--u));flex-direction:column;align-items:flex-start;display:flex}.tv-text p{margin:0}.tv-status{font-size:calc(64 * var(--u));letter-spacing:-.012em;white-space:nowrap;line-height:1}.tv[data-tv=ready] .tv-status{font-size:calc(52 * var(--u))}.tv-detail{width:calc(440 * var(--u));font-size:calc(21 * var(--u));color:var(--color-smoke);line-height:1.28;margin-top:calc(22 * var(--u))!important}.tv-url{font-size:calc(30 * var(--u));letter-spacing:-.02em;white-space:nowrap;line-height:1;margin-top:calc(30 * var(--u))!important}.tv-url span{color:var(--color-smoke)}.tv-ip{font-size:calc(19 * var(--u));color:var(--color-smoke);margin-top:calc(16 * var(--u))!important}.tv-ip b{color:var(--color-bone);font-weight:500}.tv-code{margin-top:calc(27 * var(--u));gap:calc(6 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u));border-radius:calc(7 * var(--u));background:var(--color-soot);box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--color-h9);display:grid}.tv-code small{font-size:calc(15 * var(--u));color:var(--color-smoke)}.tv-code b{font-size:calc(52 * var(--u));letter-spacing:.02em;font-weight:600;line-height:.95}.tv-qr{left:calc(616 * var(--u));top:calc(136 * var(--u));width:calc(280 * var(--u));height:calc(280 * var(--u))}.tv-qr svg{width:100%;height:100%;display:block}.tv-qr i{width:calc(28 * var(--u));height:calc(28 * var(--u));border:0 solid var(--color-h9);position:absolute}.tv-qr .a{left:calc(-15 * var(--u));top:calc(-15 * var(--u));border-width:calc(3 * var(--u)) 0 0 calc(3 * var(--u))}.tv-qr .b{right:calc(-15 * var(--u));top:calc(-15 * var(--u));border-width:calc(3 * var(--u)) calc(3 * var(--u)) 0 0}.tv-qr .c{left:calc(-15 * var(--u));bottom:calc(-15 * var(--u));border-width:0 0 calc(3 * var(--u)) calc(3 * var(--u))}.tv-qr .d{right:calc(-15 * var(--u));bottom:calc(-15 * var(--u));border-width:0 calc(3 * var(--u)) calc(3 * var(--u)) 0}.tv-cap{left:calc(616 * var(--u));top:calc(442 * var(--u));width:calc(280 * var(--u));text-align:center}.tv-cap span{align-items:center;gap:calc(8 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));background:color-mix(in srgb, var(--color-ash) 86%, transparent);font-size:calc(16 * var(--u));border-radius:99px;display:inline-flex}.tv-hs{width:calc(21 * var(--u));height:calc(21 * var(--u))}.phone{aspect-ratio:9/19;background:var(--color-ash);box-shadow:0 0 0 8px color-mix(in srgb, var(--color-h0) 60%, var(--color-ash)), 0 0 0 9px var(--color-line), 0 30px 60px color-mix(in srgb, var(--color-h0) 60%, transparent);border-radius:12%/5.7%;overflow:hidden;container-type:inline-size}.phone-scr{--p:calc(100cqw / 300);gap:calc(14 * var(--p));height:100%;padding:calc(44 * var(--p)) calc(18 * var(--p)) calc(18 * var(--p));font-size:calc(13.5 * var(--p));color:var(--color-bone);flex-direction:column;display:flex}.phone-scr p{margin:0}.phone-top{font-size:calc(11 * var(--p));color:var(--color-smoke);justify-content:space-between;display:flex}.phone-stepper{gap:calc(4 * var(--p));display:flex}.phone-stepper i{height:calc(4 * var(--p));border-radius:calc(2 * var(--p));background:var(--color-line);flex:1}.phone-stepper i.on{background:var(--color-h7)}.phone-title{font-family:var(--font-display);font-size:calc(27 * var(--p));font-weight:700;font-stretch:100%;line-height:.98;margin-top:calc(6 * var(--p))!important}.phone-hint{font-size:calc(13 * var(--p));color:var(--color-smoke);line-height:1.4}.phone-opt{gap:calc(3 * var(--p));padding:calc(12 * var(--p)) calc(14 * var(--p));border-radius:calc(12 * var(--p));background:var(--color-soot);box-shadow:inset 0 0 0 1px var(--color-line);display:grid}.phone-opt b{font-weight:600}.phone-opt span{font-size:calc(11 * var(--p));color:var(--color-smoke)}.phone-opt.sel{box-shadow:inset 0 0 0 calc(2 * var(--p)) var(--color-bone)}.phone-opt em{margin-top:calc(4 * var(--p));padding:calc(4 * var(--p)) calc(6 * var(--p));border-radius:calc(4 * var(--p));background:var(--color-h3);font-size:calc(10.5 * var(--p));justify-self:start;font-style:normal;font-weight:600}.phone-go{height:calc(46 * var(--p));border-radius:calc(12 * var(--p));background:var(--color-h9);color:var(--color-ash);place-items:center;margin-top:auto;font-weight:600;display:grid}.remote-cols{align-items:center}.remote-text{gap:2rem;display:grid}.remote-list{margin:0;display:grid}.remote-list>div{border-top:1px solid var(--color-line);grid-template-columns:6.5rem 1fr;gap:.25rem 1rem;padding:.875rem 0;display:grid}.remote-list>div:last-child{border-bottom:1px solid var(--color-line)}.remote-list dt{color:var(--color-ink-ready);padding-top:.2em;font-size:.8125rem;font-weight:600}.remote-list dd{color:var(--color-smoke);margin:0}.remote-fig{grid-template-columns:minmax(0,32fr) minmax(0,68fr);column-gap:clamp(1rem,2.4vw,1.75rem);margin:0;display:grid}.remote-fig .tv{grid-area:1/1/auto/-1;justify-self:end;width:calc(88% - 22px);margin:11px}.remote-fig .phone{z-index:1;grid-area:1/1/span 2;align-self:start;margin:96% 0 9px 9px}.remote-fig figcaption{grid-area:2/2;padding-top:1.5rem}.remote-demo{color:var(--color-smoke);margin-top:.75rem;display:block}@media (max-width:56.25rem){.remote-fig{grid-template-columns:minmax(0,36fr) minmax(0,64fr)}.remote-fig .phone{margin-top:86%}.remote-fig figcaption{font-size:.84375rem}}.phone-bar{align-items:center;gap:calc(8 * var(--p));font-size:calc(12 * var(--p));display:flex}.phone-bar svg{width:calc(20 * var(--p));height:calc(20 * var(--p))}.phone-host{color:var(--color-bone)}.phone-live{align-items:center;gap:calc(6 * var(--p));color:var(--color-smoke);margin-left:auto;font-weight:600;display:inline-flex}.phone-live:before{content:"";width:calc(7 * var(--p));height:calc(7 * var(--p));border-radius:calc(2 * var(--p));background:var(--color-ink-ready)}.phone-view{aspect-ratio:264/240;border-radius:calc(16 * var(--p));background:radial-gradient(60% 60% at 62% 38%, var(--color-h3), var(--color-h2) 45%, var(--color-h1) 75%, var(--color-h0));flex:none;position:relative;overflow:hidden}.phone-field{width:100%;height:100%;position:absolute;inset:0}.phone-view-a,.phone-view-b{width:calc(16 * var(--p));height:calc(16 * var(--p));border:0 solid color-mix(in srgb, var(--color-bone) 60%, transparent);position:absolute}.phone-view-a{left:calc(10 * var(--p));top:calc(10 * var(--p));border-width:calc(1.5 * var(--p)) 0 0 calc(1.5 * var(--p))}.phone-view-b{right:calc(10 * var(--p));bottom:calc(10 * var(--p));border-width:0 calc(1.5 * var(--p)) calc(1.5 * var(--p)) 0}.phone-word{left:calc(18 * var(--p));bottom:calc(16 * var(--p));letter-spacing:-.02em;line-height:.9;display:grid;position:absolute}.phone-word span:first-child{font-size:calc(58 * var(--p))}.phone-word span:last-child{font-size:calc(29 * var(--p))}.phone-chip{padding:calc(6 * var(--p)) calc(10 * var(--p));border-radius:calc(8 * var(--p));box-shadow:inset 0 0 0 1px var(--color-line);font-size:calc(11 * var(--p));align-self:start}.phone-k{font-size:calc(12 * var(--p));color:var(--color-smoke);font-weight:600}.phone-actions{gap:calc(6 * var(--p));margin-top:calc(-6 * var(--p));grid-template-columns:1fr 1fr;display:grid}.phone-act{gap:calc(6 * var(--p));padding:calc(11 * var(--p)) calc(12 * var(--p));border-radius:calc(12 * var(--p));background:var(--color-soot);box-shadow:inset 0 0 0 1px var(--color-line);font-size:calc(12 * var(--p));font-weight:600;display:grid}.phone-act-icon{width:calc(18 * var(--p));height:calc(18 * var(--p));color:var(--color-smoke)}@media (max-width:56.25rem){.remote-list>div{grid-template-columns:1fr}}.phone-cc-next .phone-scr{gap:calc(12 * var(--p))}.phone-tags{left:calc(14 * var(--p));top:calc(14 * var(--p));gap:calc(4 * var(--p));font-size:calc(9 * var(--p));display:flex;position:absolute}.phone-tags span{padding:calc(2 * var(--p)) calc(5 * var(--p));background:color-mix(in srgb, var(--color-ash) 82%, transparent);color:var(--color-bone)}.phone-cc-next .phone-actions{margin-top:calc(-4 * var(--p));border-radius:calc(12 * var(--p));box-shadow:inset 0 0 0 1px var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden}.phone-cc-next .phone-act{padding:calc(12 * var(--p)) calc(4 * var(--p));box-shadow:none;text-align:center;font-size:calc(11 * var(--p));border-radius:0;justify-items:center}.phone-cc-next .phone-act+.phone-act{box-shadow:inset 1px 0 0 var(--color-line)}.phone-cc-next .phone-act-icon{color:var(--color-bone)}.phone-scr .phone-tabs{margin:auto calc(-18 * var(--p)) calc(-18 * var(--p));padding:calc(9 * var(--p)) 0 calc(14 * var(--p));border-top:1px solid var(--color-line);font-size:calc(10 * var(--p));color:var(--color-smoke);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.phone-tab{justify-items:center;gap:calc(4 * var(--p));display:grid}.phone-tab svg,.phone-tab-icon{width:calc(18 * var(--p));height:calc(18 * var(--p))}.phone-tab.on{color:var(--color-bone);font-weight:600}.ab-text{align-content:center;gap:1.125rem;display:grid}.ab-text .beat-head{margin-bottom:.75rem}.ab-ctl{flex-wrap:wrap;gap:.625rem;display:flex}.ab-log{min-height:3em;color:var(--color-smoke);margin:0;font-size:.8125rem;line-height:1.55}.ab-log b{color:var(--color-bone);font-weight:600}.ab-more{margin-top:1.5rem}.slots{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.slot{--fill:0;isolation:isolate;background:var(--color-soot);border-radius:1.25rem;align-content:space-between;min-height:28.75rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.slot p{margin:0}.slot>span{pointer-events:none;position:absolute;inset:0}.slot-cool{z-index:-3;background:radial-gradient(140% 50% at 50% 104%, var(--color-h4) 0 10%, var(--color-h3) 10% 26%, var(--color-h2) 26% 46%, var(--color-h1) 46% 70%, var(--color-h0) 70%)}.slot-heat{z-index:-2;background:radial-gradient(140% 72% at 50% 104%, var(--color-h9) 0 8%, var(--color-h8) 8% 16%, var(--color-h7) 16% 25%, var(--color-h6) 25% 34%, var(--color-h5) 34% 43%, var(--color-h4) 43% 53%, var(--color-h3) 53% 64%, var(--color-h2) 64% 76%, var(--color-h1) 76% 90%, var(--color-h0) 90%);clip-path:inset(0);transition:clip-path 1.1s var(--ease-out), opacity .6s}.slot-cold{z-index:-1;opacity:0;background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-cold) 90%, transparent) 0 14px, color-mix(in srgb, var(--color-h0) 90%, transparent) 14px 28px);transition:opacity .4s}.slot:after{content:"";z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-h0) 85%, transparent) 0 30%, transparent 62%);position:absolute;inset:0}.slot[data-heat-state=cool] .slot-heat,.slot[data-heat-state=failed] .slot-heat{clip-path:inset(100% 0 0)}.slot[data-heat-state=filling] .slot-heat{clip-path:inset(calc(100% - var(--fill) * 1%) 0 0 0);transition-duration:.5s}.slot[data-heat-state=failed] .slot-cold{opacity:1}.slot-top{justify-content:space-between;align-items:center;display:flex}.slot-role{color:var(--color-smoke);font-weight:600}.slot-letter{background:color-mix(in srgb, var(--color-h0) 60%, transparent);border-radius:5px;padding:.3125rem .4375rem;font-size:.8125rem;font-weight:600;line-height:1}.slot-ver{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(.8125rem,3.4vw,1.375rem);font-weight:600;line-height:1.2;margin-top:.875rem!important}.slot-stat{background:color-mix(in srgb, var(--color-h0) 76%, transparent);border-radius:7px;justify-self:start;padding:.5rem .625rem;font-size:.78125rem;line-height:1.35}@media (min-width:56.3125rem){.ab{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}.ab .slots{order:-1}}@media (max-width:56.25rem){.slot{min-height:18.75rem;padding:1rem}}.ribbon{--at:44.5%;margin:clamp(2.5rem,6vw,4.5rem) 0 0}.rb-box{background:var(--color-h0);border-radius:1rem;height:12.5rem;position:relative;overflow:hidden}.rb-box canvas{width:100%;height:100%;display:block}.rb-head{top:0;bottom:0;left:calc(var(--at) - 1px);background:var(--color-bone);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-h0) 50%, transparent);position:absolute}.rb-ev{height:2.875rem;position:relative}.rb-ev span{border-left:1px solid var(--color-smoke);color:var(--color-smoke);white-space:nowrap;gap:3px;padding-left:.625rem;font-size:.84375rem;line-height:1.2;display:grid;position:absolute}.rb-ev b{color:var(--color-bone);font-size:.75rem;font-weight:600;line-height:1}.rb-up span{padding-top:2px;bottom:.5rem}.rb-down span{top:.5rem}.rb-axis{color:var(--color-dim);justify-content:space-between;margin-top:.25rem;font-size:.71875rem;display:flex}.rb-read{flex-wrap:wrap;gap:.5rem 1.125rem;margin:1.125rem 0 0;font-size:.875rem;line-height:1.4;display:flex}.rb-state{color:var(--color-h9)}.power-facts{gap:1.5rem;margin:clamp(2.5rem,5vw,3.5rem) 0 1.75rem;padding:0;list-style:none;display:grid}.power-facts li{border-top:1px solid var(--color-line);align-content:start;gap:.375rem;padding-top:1rem;display:grid}.power-facts h3{margin:0;font-size:1.125rem;font-weight:600}.power-facts p{color:var(--color-smoke);margin:0}@media (min-width:56.3125rem){.power-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media (max-width:56.25rem){.rb-box{height:9.375rem}.rb-ev span{font-size:.75rem}.rb-axis span:nth-child(2n){visibility:hidden}}