.bt,.bt-dev{--bt-rim:#15172b00;--bt-floor:#15172b33;--bt-hush:#15172b0f;--bt-seal:#d63a22}:root[data-theme=dark] :is(.bt,.bt-dev){--bt-rim:#9bb0ff4d;--bt-floor:#0009;--bt-hush:#eceefa0d}.bt-dev{width:100%;position:relative;container-type:inline-size}.bt-body{position:relative}.bt-screen{background:#05060c;position:relative;overflow:hidden}.bt-shot{object-fit:cover;object-position:top center;-webkit-user-drag:none;width:100%;height:100%;display:block}.bt-screen:after{content:"";pointer-events:none;background:linear-gradient(116deg,#ffffff17 0%,#ffffff08 30%,#0000 52%);position:absolute;inset:0}.bt-laptop .bt-body{box-shadow:inset 0 0 0 .24cqi #30365a, 0 0 0 max(1px, .14cqi) var(--bt-rim);transform-origin:50% 100%;background:linear-gradient(#1c2034,#0b0d18);border-radius:2.4cqi 2.4cqi .7cqi .7cqi;margin-inline:6.5cqi;padding:1.6cqi 1.6cqi 2.3cqi}.bt-laptop .bt-body:before{content:"";background:#333a5e;border-radius:50%;width:.7cqi;height:.7cqi;margin-left:-.35cqi;position:absolute;top:.55cqi;left:50%}.bt-laptop .bt-screen{border-radius:.5cqi}.bt-deck{height:2.2cqi;box-shadow:0 0 0 max(1px, .14cqi) var(--bt-rim);background:linear-gradient(#f1f3f8 0%,#cdd1dc 34%,#a2a7b8 100%);border-radius:.3cqi .3cqi 2.6cqi 2.6cqi/.3cqi .3cqi 1.8cqi 1.8cqi;position:relative}.bt-deck:before{content:"";background:linear-gradient(#a6abbc,#c9cdd8);border-radius:0 0 1cqi 1cqi;width:15cqi;height:.8cqi;margin-left:-7.5cqi;position:absolute;top:0;left:50%}.bt-deck:after{content:"";z-index:-1;background:radial-gradient(closest-side, var(--bt-floor), transparent);height:4.5cqi;position:absolute;top:60%;left:3%;right:3%}.bt-browser .bt-body{box-shadow:0 3.2cqi 6cqi -3.4cqi #0a0c188c, 0 0 0 max(1px, .14cqi) var(--bt-rim);background:#171a2c;border:max(1px,.14cqi) solid #2c3150;border-radius:1.8cqi;overflow:hidden}.bt-bar{background:linear-gradient(#252a42,#1b1e33);border-bottom:max(1px,.12cqi) solid #0c0e1a;grid-template-columns:1fr auto 1fr;align-items:center;height:6.2cqi;padding-inline:2.4cqi;display:grid}.bt-dots{gap:1.1cqi;display:flex}.bt-dots i{background:#e2412a;border-radius:50%;width:1.5cqi;height:1.5cqi}.bt-dots i:nth-child(2){background:#c8962e}.bt-dots i:nth-child(3){background:#5d6cc0}.bt-url{color:#b4b9d4;white-space:nowrap;background:#0f1222;border-radius:999px;justify-content:center;align-items:center;gap:.9cqi;width:58cqi;height:3.9cqi;padding-inline:2.2cqi;font-size:2.05cqi;line-height:1;display:flex;overflow:hidden}.bt-url svg{color:#8d95ab;flex:none;width:1.7cqi;height:1.7cqi}.bt-url span{text-overflow:ellipsis;overflow:hidden}.bt-tablet .bt-body,.bt-tablet-tall .bt-body{box-shadow:inset 0 0 0 .3cqi #323858, 0 3.6cqi 7cqi -3.6cqi #0a0c1899, 0 0 0 max(1px, .14cqi) var(--bt-rim);background:linear-gradient(145deg,#262b44,#0b0d18 46%);border-radius:3.8cqi;padding:2.6cqi}.bt-tablet .bt-body:before,.bt-tablet-tall .bt-body:before{content:"";background:#333a5e;border-radius:50%;width:.8cqi;height:.8cqi;margin-top:-.4cqi;position:absolute;top:50%;left:1cqi}.bt-tablet-tall .bt-body{border-radius:6.5cqi;padding:4cqi}.bt-tablet-tall .bt-body:before{width:1.2cqi;height:1.2cqi;margin:0 0 0 -.6cqi;top:1.6cqi;left:50%}.bt-tablet .bt-screen{border-radius:1.2cqi}.bt-tablet-tall .bt-screen{border-radius:2.4cqi}.bt-phone .bt-body{box-shadow:inset 0 0 0 .9cqi #10121f, inset 0 0 0 1.3cqi #3a4064, 0 6cqi 11cqi -5cqi #0a0c1899, 0 0 0 max(1px, .35cqi) var(--bt-rim);background:linear-gradient(150deg,#2c3150,#0b0d18 42%);border-radius:15cqi;padding:3.6cqi}.bt-phone .bt-body:before,.bt-phone .bt-body:after{content:"";background:#2c3150;border-radius:.6cqi;width:1.3cqi;position:absolute}.bt-phone .bt-body:before{height:16cqi;top:26cqi;left:-1cqi}.bt-phone .bt-body:after{height:24cqi;top:34cqi;right:-1cqi}.bt-phone .bt-screen{border-radius:11.6cqi}.bt-island{z-index:2;background:#04050a;border-radius:999px;width:27cqi;height:7.6cqi;margin-left:-13.5cqi;position:absolute;top:6.4cqi;left:50%}.bt-stage{--bt-a:color-mix(in srgb, var(--sd-gold) 26%, transparent);--bt-b:color-mix(in srgb, var(--sd-pen) 14%, transparent);background-image:radial-gradient(120% 90% at 12% 0%, var(--bt-a), transparent 62%), radial-gradient(90% 80% at 100% 100%, var(--bt-b), transparent 58%);display:block}.bt-stage[data-tone="1"]{--bt-a:color-mix(in srgb, var(--sd-accent) 18%, transparent);--bt-b:color-mix(in srgb, var(--sd-gold) 22%, transparent)}.bt-stage[data-tone="2"]{--bt-a:color-mix(in srgb, var(--sd-pen) 20%, transparent);--bt-b:color-mix(in srgb, var(--sd-accent) 12%, transparent)}.bt-stage[data-tone="3"]{--bt-a:color-mix(in srgb, var(--sd-accent) 22%, transparent);--bt-b:color-mix(in srgb, var(--sd-moon) 30%, transparent)}.bt-stage-mark{z-index:0;aspect-ratio:1;width:46%;color:var(--sd-text-primary);opacity:.06;pointer-events:none;position:absolute;top:-6%;right:-5%}:root[data-theme=dark] .bt-stage-mark{opacity:.09}.bt-stage-mark svg{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){::view-transition-group(*.bt-shot){animation-duration:.55s;animation-timing-function:var(--ease-out-expo)}}
.bt{--bt-rim:#15172b00;--bt-floor:#15172b33;--bt-hush:#15172b0f;--bt-seal:#d63a22}:root[data-theme=dark] .bt{--bt-rim:#9bb0ff4d;--bt-floor:#0009;--bt-hush:#eceefa0d}.bt-jumps{flex-wrap:wrap;gap:10px;display:flex}.bt-jump{border:1px solid var(--sd-border-strong);background:color-mix(in srgb, var(--sd-surface) 72%, transparent);min-height:44px;color:var(--sd-text-primary);transition:translate .35s var(--ease-out-expo), border-color .25s ease, background-color .25s ease, scale .15s ease;border-radius:999px;align-items:center;gap:.5em;padding:0 16px 0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.bt-jump b{font-family:var(--font-display);color:var(--sd-pen-ink);font-size:1.05em;font-weight:400}.bt-jump svg{width:15px;height:15px;color:var(--sd-text-secondary)}@media (hover:hover){.bt-jump:hover{border-color:var(--sd-text-primary);background:var(--sd-surface);translate:0 -2px}}.bt-jump:active{scale:.97}.bt-back{min-height:44px;color:var(--sd-accent);border-radius:999px;align-items:center;gap:8px;margin-left:-4px;padding:0 16px 0 12px;font-size:.95rem;font-weight:700;transition:background-color .2s,scale .15s;display:inline-flex}.bt-back:hover{background:var(--sd-fill);color:var(--sd-accent-hover)}.bt-back:active{scale:.97}.bt-back svg{width:18px;height:18px}.bt-dhero{position:relative;overflow-x:clip}.bt-dhero-mark{aspect-ratio:1;width:min(80vw,520px);top:40px;right:max(-70px,-5vw)}.bt-dhero-mark svg{width:100%;height:100%}.bt-dhero-grid{align-items:center;gap:30px;display:grid}@media (min-width:64rem){.bt-dhero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}.bt-dhero-media{order:2}}.bt-dhero-media{padding-top:64px;position:relative}.bt-dhero-media[data-tall]{justify-self:center;width:100%;max-width:340px}.bt-dhero-media[data-tall=phone]{max-width:260px}.bt-peek{z-index:3;pointer-events:none;width:clamp(92px,24%,150px);height:auto;position:absolute;top:0;right:12%}.bt-dhero-media[data-tall] .bt-peek{width:42%;right:8%}.bt-dhero-media .bt-peek{translate:0 calc(64px - 92%)}@media (prefers-reduced-motion:no-preference){.bt-peek{animation:bt-peek-up .9s var(--ease-out-expo) .5s both}}@keyframes bt-peek-up{0%{clip-path:inset(0 0 100%);transform:translateY(40%)}to{clip-path:inset(0);transform:translateY(0)}}.bt-part{scroll-margin-top:80px}.bt-part-grid{align-items:center;gap:28px;display:grid}@media (min-width:64rem){.bt-part-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px}.bt-part-grid[data-flip]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.bt-part-grid[data-flip]>.bt-stage{order:2}}.bt-part-grid>.bt-stage{isolation:isolate;padding:7% 7% 8%}.bt-part-grid>.bt-stage .bt-dev{z-index:1;position:relative}.bt-part-grid>.bt-stage[data-tall] .bt-dev{width:min(56%,300px);margin-inline:auto}.bt-part-grid>.bt-stage[data-tall=phone] .bt-dev{width:min(44%,230px)}.bt-details{gap:22px;margin-top:36px;display:grid}@media (min-width:64rem){.bt-details{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:28px}}.bt-bullets{gap:14px;display:grid}.bt-bullets li{padding-left:1.6em;position:relative}.bt-bullets li:before{content:"";background:var(--sd-pen);border-radius:1px;width:.5em;height:.5em;position:absolute;top:.62em;left:.2em;rotate:45deg}.bt-ways{gap:32px 44px;display:grid}@media (min-width:48rem){.bt-ways{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}.bt-way{container-type:inline-size}.bt-controls{max-width:68ch;display:grid}.bt-control{border-top:1px solid var(--sd-rule);gap:2px;padding-block:12px;display:grid}.bt-control:first-child{border-top:0;padding-top:0}.bt-control dt{color:var(--sd-text-primary);font-weight:700}.bt-control dd{color:var(--sd-text-secondary)}.bt-key{border:1px solid var(--sd-border);background:var(--sd-surface);min-width:1.75em;color:var(--sd-text-primary);font:600 .85em/1.6 var(--font-sans);text-align:center;border-bottom-width:2px;border-radius:6px;margin-block:2px;padding:0 .4em;display:inline-block}@container (min-width:30rem){.bt-control{grid-template-columns:minmax(9rem,13rem) minmax(0,1fr);gap:20px}}.bt-receipts{gap:14px;display:grid}.bt-receipt{border-radius:var(--radius-xl);background:var(--sd-surface);border:1px solid var(--sd-border);align-items:center;gap:16px;padding:12px 16px 12px 12px;display:flex}.bt-hanko{aspect-ratio:1;background:var(--bt-seal);color:#fff;width:5.2rem;font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 4px var(--bt-seal), inset 0 0 0 6px #ffffffd9, 0 10px 20px -12px color-mix(in srgb, var(--bt-seal) 80%, transparent);border-radius:18%;flex:none;place-items:center;padding:6px;font-size:1.55rem;line-height:1;display:grid;rotate:-4deg}.bt-hanko-stack{flex-direction:column;align-items:center;gap:.1em;display:flex}.bt-hanko-unit{letter-spacing:.06em;font-size:.56em}.bt-hanko[data-len=m]{font-size:1.2rem}.bt-receipt:nth-child(2) .bt-hanko{rotate:3deg}.bt-receipt:nth-child(3) .bt-hanko{rotate:-1.5deg}.bt-receipt dd{color:var(--sd-text-secondary);font-size:.95rem;line-height:1.45}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.bt-hanko{animation:linear both bt-stamp;animation-timeline:view();animation-range:entry 30% cover 34%}}}@keyframes bt-stamp{0%{opacity:0;scale:1.7}55%{opacity:1;scale:.94}to{opacity:1;scale:1}}.bt-gallery{align-items:center;gap:18px;display:grid}.bt-gallery>li{min-width:0}.bt-gallery .bt-phone,.bt-gallery .bt-tablet-tall{max-width:250px;margin-inline:auto}.bt-gallery .bt-phone{max-width:200px}@media (max-width:39.99rem){.bt-gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:86%;grid-auto-flow:column;margin-inline:-20px;padding:6px 20px 22px;scroll-padding-inline:20px;overflow-x:auto}.bt-gallery::-webkit-scrollbar{display:none}.bt-gallery>li{scroll-snap-align:center}.bt-gallery .bt-phone{max-width:132px}}@media (min-width:40rem){.bt-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.bt-open,.bt-power{view-timeline:--bt-stage block}.bt-open .bt-laptop .bt-body{animation:linear both bt-lid;animation-timeline:--bt-stage;animation-range:entry entry 85%}.bt-open .bt-stage-mark{animation:linear both bt-drift;animation-timeline:--bt-stage;animation-range:cover}.bt-power .bt-screen>img{animation:linear both bt-power;animation-timeline:--bt-stage;animation-range:entry 20%}}}@keyframes bt-lid{0%{transform:perspective(1400px)rotateX(-72deg)}to{transform:perspective(1400px)rotateX(0)}}@keyframes bt-drift{0%{translate:0 14%}to{translate:0 -14%}}@keyframes bt-power{0%{clip-path:inset(48% 0);opacity:.4}to{clip-path:inset(0);opacity:1}}.bt-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}