:root{--ink: #2A1E17;--ink-2: #6B5646;--saffron: #E07D24;--marigold: #E9A93B;--rust: #B5532F;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;background:#f3dcc0}a{color:inherit}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;margin:0}h1 em,h2 em{font-style:italic;color:var(--rust)}.daysky{position:fixed;inset:0;z-index:-1;background:url(/l1/bg-calm.webp) center / cover}.tint{position:absolute;inset:0;background:var(--tint, transparent);transition:background 1.2s ease}.stars{position:absolute;inset:0;opacity:var(--night, 0);transition:opacity 1.2s ease;background-image:radial-gradient(2px 2px at 12% 18%,#fff6d8,transparent),radial-gradient(2px 2px at 28% 8%,#fff6d8,transparent),radial-gradient(1.5px 1.5px at 44% 22%,#fff6d8,transparent),radial-gradient(2px 2px at 63% 12%,#fff6d8,transparent),radial-gradient(1.5px 1.5px at 78% 26%,#fff6d8,transparent),radial-gradient(2px 2px at 90% 10%,#fff6d8,transparent),radial-gradient(1.5px 1.5px at 8% 36%,#fff6d8,transparent),radial-gradient(2px 2px at 52% 34%,#fff6d8,transparent)}.founding-bar{position:fixed;top:0;left:0;right:0;z-index:40;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#fff7ea;background:linear-gradient(90deg,#8c3b22,#b5532f,#8c3b22)}.founding-bar .dot{width:8px;height:8px;border-radius:50%;background:#ffd27a;animation:ping 1.6s infinite}@keyframes ping{0%{box-shadow:0 0 #ffd27acc}70%,to{box-shadow:0 0 0 8px #ffd27a00}}.nav{position:fixed;top:32px;left:0;right:0;z-index:30;background:linear-gradient(#f6e2c8eb,#f6e2c800);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px clamp(16px,4vw,48px)}.brand{font-family:var(--serif);font-size:22px;font-weight:600;display:flex;align-items:baseline;gap:8px;text-decoration:none}.brand span{font-family:var(--sans);font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-2);font-weight:500}.clock{justify-self:center;display:flex;align-items:baseline;gap:6px;background:#fffaf2bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 18px;border-radius:999px;box-shadow:0 10px 24px -16px #5a321499}.clock i{font-style:normal;color:var(--saffron);font-size:16px}.clock b{font-family:var(--serif);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.clock small{font-size:12px;font-weight:700;color:var(--ink-2)}.pill{justify-self:end;background:var(--ink);color:#fbf5ea;padding:10px 16px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500}.timeline{position:fixed;left:clamp(10px,2vw,28px);top:50%;transform:translateY(-50%);z-index:20;list-style:none;margin:0;padding:0;display:grid;gap:14px}.timeline li{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink-2);opacity:.55;transition:opacity .3s;cursor:pointer;height:10px}.timeline li span{opacity:0;transform:translate(-4px);transition:.3s;white-space:nowrap;background:#fffaf2cc;padding:2px 7px;border-radius:999px}.timeline li.on span,.timeline li:hover span{opacity:1;transform:none}.timeline li i{width:8px;height:8px;border-radius:50%;background:#6b564673;transition:.3s}.timeline li.on{opacity:1}.timeline li.on i{background:var(--saffron);transform:scale(1.5)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#f08a2c,#d96b1a);color:#fff;font-weight:700;font-size:16px;padding:15px 24px;border-radius:999px;text-decoration:none;box-shadow:0 12px 26px -12px #a0460ae6;transition:transform .2s cubic-bezier(.3,1.6,.5,1);overflow:hidden;border:0;cursor:pointer}.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:shine 3.2s infinite}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.btn:hover{transform:translateY(-2px) scale(1.04)}.btn.pulse{animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 12px 26px -12px #a0460ae6,0 0 #e07d248c}70%,to{box-shadow:0 12px 26px -12px #a0460ae6,0 0 0 16px #e07d2400}}.btn.ghost{background:#fffaf2d9;color:var(--ink);animation:none;box-shadow:0 10px 24px -16px #5a321499}.btn.ghost:after{display:none}.btn.big{font-size:19px;padding:18px 34px}.pair{display:flex;gap:14px;flex-wrap:wrap}.ch{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;padding:150px clamp(60px,9vw,150px) 90px;display:grid;align-content:center;justify-items:center;gap:28px}.ch header{text-align:center;max-width:820px}.ch time{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--rust);background:#fffaf2b3;padding:5px 12px;border-radius:999px;margin-bottom:14px}.ch h2{font-size:clamp(44px,5.4vw,84px);line-height:.98;text-shadow:0 2px 30px rgba(255,244,228,.7)}.ch header p{font-size:20px;margin:14px 0 0;color:var(--ink);opacity:.78}.screen{position:relative;margin:0;width:min(1080px,76vw);border-radius:22px;padding:10px;background:#fffcf68c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 60px 100px -50px #46230abf,0 0 0 1px #fff9;transform:translateY(40px) scale(.97);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s}.ch.in .screen{transform:none;opacity:1}.screen video,.screen img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;border-radius:14px;background:#f0d9bd}.screen.pending img{filter:blur(6px) saturate(.7);opacity:.7}.screen.pending figcaption{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;color:var(--ink-2)}.buddy{position:absolute;z-index:3;pointer-events:none;height:min(46vh,440px);filter:drop-shadow(0 24px 30px rgba(90,50,20,.3));transition:transform 1s cubic-bezier(.2,1,.25,1.1) .25s,opacity .6s .25s;opacity:0}.b-right{right:clamp(0px,2vw,40px);bottom:6vh;transform:translate(80px)}.b-left{left:clamp(0px,2vw,40px);bottom:6vh;transform:translate(-80px)}.ch.in .buddy{transform:none;opacity:1}.open{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);justify-items:start;align-items:center;column-gap:40px}.open .copy{align-self:center}.app-id{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:15px;color:var(--ink-2)}.app-id img{width:44px;height:44px;border-radius:11px}.app-id b{color:var(--ink);font-size:17px}.open h1{font-size:clamp(44px,5vw,80px);line-height:.98;margin-bottom:28px}.open h1 em{display:block}.open .screen{width:100%;opacity:1;transform:rotate(1.5deg)}.b-wave{right:-10px;bottom:2vh;height:min(58vh,560px);opacity:1;transform:none;animation:bob 3.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(-1deg)}}.say{position:absolute;z-index:4;right:min(22vw,330px);top:22vh;background:#fffaf2;font:700 22px var(--sans);padding:14px 20px;border-radius:20px;box-shadow:0 16px 34px -14px #5a32148c;animation:pop .6s cubic-bezier(.3,1.7,.5,1) 1s both}.say:after{content:"";position:absolute;right:30px;bottom:-8px;width:16px;height:16px;background:#fffaf2;transform:rotate(45deg);border-radius:3px}@keyframes pop{0%{opacity:0;transform:scale(.5)}}.knock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:start;align-items:center}.knock .copy{position:relative;z-index:3}.knock h1{font-size:clamp(48px,5.8vw,92px);line-height:.96;margin-bottom:30px}.knock h1 em{display:block}.edge{position:absolute;top:12vh;bottom:8vh;right:-40px;width:46vw;border-radius:40px;border:3px solid rgba(255,244,222,.9);box-shadow:0 0 60px 10px #ffe2aa8c,inset 0 0 50px #ffecc880;background:linear-gradient(90deg,#fff4e259,#fff4e214)}.lean{position:absolute;z-index:2;right:0;bottom:0;height:min(90vh,880px);transform:translate(105%);animation:leanIn 1.4s cubic-bezier(.2,1,.25,1.05) .5s forwards,sway 4s ease-in-out 2s infinite;transform-origin:100% 100%;filter:drop-shadow(-20px 20px 40px rgba(70,35,10,.3))}@keyframes leanIn{to{transform:translate(0) rotate(-1.5deg)}}@keyframes sway{0%,to{transform:translate(0) rotate(-1.5deg)}50%{transform:translate(-2%) rotate(-3deg)}}.s-knock{right:min(34vw,520px);top:24vh;animation-delay:1.8s}.catcher{justify-items:end;align-content:center}.catcher .beat-copy{position:relative;z-index:3;max-width:520px}.catcher h2{font-size:clamp(44px,5.4vw,86px);line-height:.98;margin-bottom:18px}.catcher h2 em{display:block}.catcher .beat-copy>p{font-size:20px;margin:0 0 26px;opacity:.8}.buddy-catch{position:absolute;z-index:2;left:6vw;bottom:4vh;height:min(84vh,820px);pointer-events:none;filter:drop-shadow(0 30px 40px rgba(110,55,20,.28));transform:translate3d(0,var(--cy, 0),0) rotate(var(--cr, 0deg))}.cards{position:absolute;inset:0;z-index:3;pointer-events:none}.felt-card{position:absolute;display:flex;align-items:center;gap:8px;background:#fff8ec;border-radius:10px;padding:12px 16px;font:600 15px var(--sans);box-shadow:0 16px 28px -14px #5a32148c;transform:translate3d(var(--x, 0),var(--y, 0),0) rotate(var(--r, 0deg)) scale(var(--s, 1));opacity:var(--o, 1)}.felt-card i{font-style:normal;color:var(--saffron);font-weight:800}.felt-card.c-photo{padding:8px 8px 22px}.felt-card.c-photo img{width:120px;height:84px;object-fit:cover;border-radius:3px;display:block}.felt-card.c-colour span{width:22px;height:22px;border-radius:6px;background:#e07d24}.felt-card.c-code{font-family:ui-monospace,Menlo,monospace;background:#2e2723;color:#f2c77a}.twomacs{position:relative;width:min(1180px,84vw);display:grid;grid-template-columns:1fr 2.1fr;gap:6%;align-items:end;padding-top:90px}.twomacs figure{margin:0;text-align:center}.desk{position:relative;border-radius:12px;border:10px solid #2b2622;background:url(/l1/bg-calm.webp) center / cover;overflow:hidden;box-shadow:0 40px 70px -40px #46230acc}.mb .desk{aspect-ratio:16 / 10}.uw .desk{aspect-ratio:32 / 9}.desk img{position:absolute;right:6%;top:8%;height:84%;width:auto;border-radius:8px;box-shadow:0 16px 30px -12px #3c1e0a99}.twomacs small{display:block;margin-top:10px;font-size:13px;color:var(--ink-2);font-weight:600}.rope{position:absolute;left:24%;top:70px;width:40%;height:90px;overflow:visible}.rope path{fill:none;stroke:var(--marigold);stroke-width:1.4;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;stroke-width:4px}.rope-buddy{position:absolute;left:0;top:0;height:170px;width:auto;transform-origin:50% 100%;filter:drop-shadow(0 12px 14px rgba(90,50,20,.3))}.faces{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.faces button{all:unset;cursor:pointer;text-align:center;width:220px;border-radius:24px;padding:12px 12px 16px;background:#fff4e2b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid transparent;transition:transform .3s cubic-bezier(.3,1.6,.5,1),border-color .2s}.faces button img{height:240px;display:block;margin:0 auto 6px 0}.faces b{font-family:var(--serif);font-size:22px}.faces button.on{border-color:var(--saffron);transform:translateY(-10px)}.countries{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:760px}.countries button{all:unset;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;background:#fffaf2d9}.countries button.on{background:var(--saffron);color:#fff}.certificate{position:relative;z-index:2;width:min(640px,100%);text-align:center;background:#fff8ec;border-radius:22px;padding:54px clamp(22px,6vw,64px) 44px;box-shadow:0 60px 100px -50px #46230acc;outline:2px solid #e2c38e;outline-offset:-16px}.certificate:before{content:"";position:absolute;inset:24px;border:1px dashed #d9b77c;border-radius:12px;pointer-events:none}.cert-kicker{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--rust);font-weight:700;margin:0 0 14px}.certificate h2{font-size:clamp(44px,5vw,72px);line-height:1}.cert-line{font-size:17px;color:var(--ink-2);margin:16px 0 24px}.cert-line b{color:var(--ink)}.spec{font-size:13px;color:var(--ink-2);margin:20px 0 0}.seal{position:absolute;right:-24px;bottom:-24px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d4553b,#8f2415 70%);box-shadow:0 10px 20px -8px #500a00b3,inset 0 -6px 12px #00000040;transform:rotate(-12deg)}.seal span{color:#ffd5c4;font-size:38px}.b-key{left:calc(50% - 560px);bottom:8vh;height:min(56vh,520px);transform:translate(-60px)}@media(max-width:900px){.nav{grid-template-columns:auto 1fr auto}.clock b{font-size:18px}.brand span,.timeline{display:none}.ch{padding:130px 16px 70px}.knock{grid-template-columns:1fr;align-items:start}.lean{height:52vh}.edge{width:70vw;top:40vh}.s-knock{right:40vw;top:auto;bottom:46vh;font-size:15px}.buddy-catch{left:auto;right:-6vw;height:50vh}.screen{width:100%}.buddy{height:26vh;bottom:6vh}.b-wave{height:34vh}.say{right:36vw;top:auto;bottom:30vh;font-size:16px}.twomacs{grid-template-columns:1fr}.rope,.rope-buddy{display:none}.studio-card{grid-template-columns:1fr}.preview{min-height:300px}.talk-stage{width:100%}.talk-bubble{right:38%;max-width:58%}.talk-tags{right:20px}.wm-buddy{height:22vw}.b-key{display:none}}@media(prefers-reduced-motion:reduce){.btn,.btn:after,.b-wave{animation:none!important}.screen,.buddy{opacity:1!important;transform:none!important}}.drift{position:absolute;width:34vw;opacity:.55;filter:blur(1px);will-change:transform;animation:drift linear infinite}.d1{top:18%;left:-10%;animation-duration:140s}.d2{top:52%;left:60%;width:26vw;animation-duration:180s;animation-delay:-60s;opacity:.45}.d3{top:70%;left:20%;width:40vw;animation-duration:220s;animation-delay:-120s;opacity:.5}.d4{top:32%;left:80%;width:22vw;animation-duration:160s;animation-delay:-30s;opacity:.4}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(120vw)}}.daysky{animation:skypan 60s ease-in-out infinite alternate}@keyframes skypan{0%{background-position:48% 50%}to{background-position:52% 46%}}.screen.mac{padding:14px 14px 0;background:#1d1a18;border-radius:26px 26px 10px 10px;box-shadow:0 70px 110px -50px #3c1e0acc,inset 0 0 0 1px #3a3531}.screen.mac:before{content:"";position:absolute;top:0;left:50%;width:11%;height:14px;transform:translate(-50%);background:#1d1a18;border-radius:0 0 10px 10px;z-index:2}.screen.mac:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-18px;height:18px;border-radius:0 0 22px 22px;background:linear-gradient(#e4ddd3,#b7ae9f);box-shadow:0 14px 20px -12px #3c1e0a99}.screen.mac video,.screen.mac img{border-radius:10px 10px 0 0}.ch .screen.mac{margin-bottom:18px}.talk-stage{position:relative;width:min(1000px,80vw);height:min(56vh,520px);border-radius:28px;background:url(/l1/bg-calm.webp) center / cover;box-shadow:0 60px 100px -50px #46230abf;overflow:hidden}.talk-buddy{position:absolute;right:-2px;bottom:0;height:88%;transform:scaleX(-1)}.talk-bubble{position:absolute;right:30%;top:30%;max-width:46%;background:#fffaf2;font:700 clamp(18px,2vw,26px)/1.3 var(--sans);padding:18px 24px;border-radius:22px;box-shadow:0 18px 36px -16px #5a32148c;transition:opacity .35s,transform .45s cubic-bezier(.3,1.7,.5,1)}.talk-bubble:after{content:"";position:absolute;right:-8px;top:40%;width:18px;height:18px;background:#fffaf2;transform:rotate(45deg);border-radius:3px}.talk-bubble.swap{opacity:0;transform:scale(.85)}.talk-tags{position:absolute;left:24px;bottom:22px;right:34%;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.talk-tags li{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:#fffaf2b3;color:var(--ink-2);transition:.3s}.talk-tags li.on{background:var(--saffron);color:#fff}.twomacs{grid-template-columns:1fr 1.25fr!important}.desk .panel{position:absolute;left:8%;top:9%;height:82%;width:auto;border-radius:8px;box-shadow:0 16px 30px -12px #3c1e0a99}.desk .peek{position:absolute;right:0;bottom:0;height:78%;width:auto;transform:scaleX(-1)}.mon .desk{aspect-ratio:16 / 9}.mon .stand{display:block;width:18%;height:34px;margin:0 auto;background:linear-gradient(#d9d2c7,#b3aa9c);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.studio-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;width:min(1100px,86vw);background:#fff8eedb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:30px;padding:28px;box-shadow:0 60px 100px -50px #28140acc}.preview{position:relative;border-radius:22px;background:url(/l1/bg-calm.webp) center / cover;overflow:hidden;min-height:420px}.preview img{position:absolute;right:0;bottom:0;height:86%;transform:scaleX(-1);transition:transform .6s cubic-bezier(.5,0,.3,1),opacity .3s}.preview.hidden img{transform:scaleX(-1) translate(-110%);opacity:0}.pv-bubble{position:absolute;left:16px;top:20px;right:38%;background:#fffaf2;font:700 16px/1.3 var(--sans);padding:12px 14px;border-radius:16px;box-shadow:0 12px 24px -12px #5a32148c;transition:opacity .3s}.controls label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink-2);margin:16px 0 8px}.controls label:first-child{margin-top:0}.controls .faces{justify-content:flex-start;gap:10px;flex-wrap:nowrap}.controls .faces button{width:auto;flex:1 1 0;min-width:0;padding:8px 8px 10px}.controls .faces button img{height:110px;margin:0 auto 4px}.controls .faces b{font-size:17px;display:block}.controls .faces span{font-size:12px;color:var(--ink-2)}.countries{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding:2px 30px 6px 2px;max-width:none!important}.countries::-webkit-scrollbar{display:none}.countries button{flex:none}.seg{display:inline-flex;background:#6b56461a;border-radius:999px;padding:4px}.seg button{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;color:var(--ink-2)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 4px 10px -6px #0000004d}.bigfoot{position:relative;background:#2a1e17;color:#f4e6d2;overflow:hidden;padding:60px clamp(16px,6vw,96px) 0}.foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.bigfoot .brand{color:#f4e6d2}.bigfoot .brand span{color:#c9b39a}.foot-row nav{display:flex;gap:22px;font-size:14px}.foot-row nav a{text-decoration:none;color:#d9c4a8}.foot-row nav a:hover{color:var(--marigold)}.wordmark{position:relative;margin-top:150px;line-height:.8}.wordmark span{display:block;font-family:var(--serif);font-weight:600;font-size:15.4vw;letter-spacing:-.04em;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#e9a93b 10%,#b5532f59 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 -1vw -2.4vw}.wm-buddy{position:absolute;right:6vw;bottom:72%;height:13vw;transform:scaleX(-1)}.timeline{transition:opacity .4s}.timeline.gone{opacity:0;pointer-events:none}@media(max-width:600px){.nav a.brand{font-size:0;gap:0}.wordmark>span{font-size:13.6vw}}.desk .peek{box-shadow:none;border-radius:0;filter:drop-shadow(-6px 10px 14px rgba(60,30,10,.35))}.mb-screen .peek-art{position:absolute;right:0;top:34%;height:34cqh;width:auto;transform:scaleX(-1);filter:drop-shadow(-.4cqw .8cqh 1cqw rgba(90,40,10,.25));transition:transform .6s cubic-bezier(.3,1.4,.5,1)}.mb-screen .bub{position:absolute;right:20cqh;top:42%;max-width:52cqw;background:#fbf7ef;color:#2b2622;font:600 max(11px,2.9cqh)/1.3 -apple-system,"Inter",system-ui,sans-serif;padding:.7em 1.1em;border-radius:1.4em;box-shadow:0 .6cqh 2cqh -.8cqh #3c1e0a73;transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1);transform-origin:100% 50%}.mb-screen .bub:after{content:"";position:absolute;right:-.5em;top:50%;margin-top:-.45em;border:.45em solid transparent;border-left:.6em solid #fbf7ef;border-right:0}.mb-screen .bub.swap{opacity:0;transform:scale(.8)}.mb-screen .talk-tags{position:absolute;left:4cqw;bottom:5cqh;right:30cqw;display:flex;flex-wrap:wrap;gap:1cqh;list-style:none;margin:0;padding:0}.mb-screen .talk-tags li{font:600 max(10px,2.3cqh)/1 var(--sans);padding:.6em 1em;border-radius:999px;background:#fffaf2bf;color:var(--ink-2);transition:.3s}.mb-screen .talk-tags li.on{background:var(--saffron);color:#fff}.mb-screen .you-tag{position:absolute;left:4cqw;bottom:6cqh;font:700 max(10px,2.2cqh)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--saffron);padding:.8em 1.1em;border-radius:999px}.mb-screen.left-edge .peek-art{right:auto;left:0;transform:none;filter:drop-shadow(.4cqw .8cqh 1cqw rgba(90,40,10,.25))}.mb-screen.left-edge .bub{right:auto;left:20cqh;transform-origin:0 50%}.mb-screen.left-edge .bub:after{right:auto;left:-.5em;border-left:0;border-right:.6em solid #fbf7ef}.mb-screen.left-edge .you-tag{left:auto;right:4cqw}.mb-screen .dim{position:absolute;inset:0;background:rgba(20,12,30,var(--dim, 0));pointer-events:none;z-index:1}.mb-screen.night .peek-art,.mb-screen.night .bub{z-index:2}.mb-screen.night.tucked .peek-art{transform:translate(-70%)}#musicDemo .mbar{position:absolute;left:0;right:0;top:0;height:3.43cqh;display:flex;justify-content:space-between;align-items:center;padding:0 1.6cqw;background:#fff8f080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 max(7px,1.9cqh)/1 -apple-system,"Inter",sans-serif;color:#2b2622;z-index:3}#musicDemo .mbar .l,#musicDemo .mbar .r{display:flex;align-items:center;gap:1.6cqw}#musicDemo .mbar .l b{font-weight:700}#musicDemo .mbar .apple{width:1.6cqh;height:1.9cqh;background:#2b2622;clip-path:path("M5 0 C5 1 4 2 3 2 C3 1 4 0 5 0 Z");-webkit-mask:radial-gradient(circle at 70% 25%,transparent 22%,#000 23%);border-radius:45% 45% 50% 50%}#musicDemo .mbar .mb-buddy{width:2.6cqh;height:2.4cqh;background:url(/icons/deskbuddy-64.png) center / contain no-repeat}#musicDemo .mbar .wifi{width:2cqh;height:1.6cqh;border-radius:2cqh 2cqh 0 0;border:.35cqh solid #2b2622;border-bottom:0}#musicDemo .notif{position:absolute;right:1.6cqw;top:5cqh;width:30cqw;display:flex;gap:1cqw;align-items:center;padding:1.4cqh 1.2cqw;border-radius:2.4cqh;background:#faf6f0eb;box-shadow:0 1.4cqh 4cqh -1.4cqh #28140573;font:500 max(8px,2.2cqh)/1.3 -apple-system,"Inter",sans-serif;color:#2b2622;transform:translate(120%);transition:transform .6s cubic-bezier(.2,1.2,.3,1);z-index:2}#musicDemo .notif b,#musicDemo .notif span{display:block}#musicDemo .notif span{color:#6f6861}#musicDemo .notif .ph{width:5cqh;height:5cqh;flex:none;border-radius:1.2cqh;background:linear-gradient(135deg,#3a3531,#1d1a18);position:relative}#musicDemo .notif .ph:after{content:"";position:absolute;inset:14% 34%;border:.3cqh solid #eee;border-radius:.6cqh}#musicDemo.m1 .notif{transform:none}#musicDemo .win{position:absolute;left:20cqw;top:14cqh;width:46cqw;height:62cqh;border-radius:2cqh;background:#fbf8f3;box-shadow:0 3cqh 6cqh -2cqh #2814058c;overflow:hidden;transform:scale(.2);opacity:0;transition:transform .5s cubic-bezier(.2,1.3,.4,1),opacity .3s}#musicDemo .win .tl{display:flex;align-items:center;gap:.8cqw;padding:1.6cqh 1.4cqw;border-bottom:1px solid #eee4d8;font:600 max(8px,2.2cqh)/1 -apple-system,"Inter",sans-serif;color:#2b2622}#musicDemo .win .tl i{width:1.6cqh;height:1.6cqh;border-radius:50%;background:#ff5f57}#musicDemo .win .tl i:nth-child(2){background:#febc2e}#musicDemo .win .tl i:nth-child(3){background:#28c840}#musicDemo .win .tl b{margin-left:1cqw}#musicDemo .mw-body{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqh;padding:2cqh}#musicDemo .mw-body span{aspect-ratio:1;border-radius:1.2cqh;background:linear-gradient(135deg,#fa5c6f,#f7a1ad);opacity:.85}#musicDemo .mw-body span:nth-child(2n){background:linear-gradient(135deg,#f7b25c,#fad7a1)}#musicDemo.m2 .win{transform:none;opacity:1}#musicDemo.m3 .win{transform:scale(.05) translate(160%,-260%);opacity:0;transition:transform .45s cubic-bezier(.6,0,.8,.4),opacity .45s .1s}#musicDemo .stopped{position:absolute;left:34cqw;top:40cqh;font:800 max(14px,7cqh)/1 var(--sans);color:#c0392b;border:.6cqh solid #c0392b;border-radius:2cqh;padding:.2em .5em;transform:rotate(-10deg) scale(1.6);opacity:0;transition:transform .35s cubic-bezier(.3,1.8,.5,1),opacity .2s;background:#fffaf4d9}#musicDemo.m3 .stopped{opacity:1;transform:rotate(-10deg) scale(1)}#musicDemo.m4 .stopped{opacity:0;transition-delay:.2s}#musicDemo .popover{position:absolute;right:10cqw;top:4cqh;height:76cqh;width:auto;border-radius:2.4cqh;box-shadow:0 3cqh 8cqh -3cqh #2814058c;transform:translateY(-4%) scale(.96);opacity:0;transition:transform .5s cubic-bezier(.2,1.2,.3,1),opacity .3s;z-index:2}#musicDemo.m4 .popover{transform:none;opacity:1}.twomacs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;width:100%}.twomacs .mb2{text-align:center}.twomacs .mb2 small{display:block;margin-top:8px;font-size:13px;font-weight:700;color:#fff4e6;text-shadow:0 1px 8px rgba(40,20,5,.7)}.twomacs .panel{position:absolute;left:8cqw;top:8cqh;height:80cqh;width:auto;border-radius:2cqh;box-shadow:0 2cqh 4cqh -2cqh #3c1e0a99}.twomacs .rope{position:absolute;left:24%;top:-14%;width:52%;height:28%;overflow:visible;z-index:4}.fly-card{position:absolute;left:0;top:0;z-index:5;width:72px;padding:6px 6px 16px;background:#fffaf1;border-radius:6px;box-shadow:0 12px 24px -10px #3c1e0a99;opacity:0;pointer-events:none}.fly-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;display:block}.twomacs.arrived .b .macbook{filter:drop-shadow(0 0 18px rgba(224,125,36,.8));transition:filter .4s}.preview[data-level=chatty] .pv-bubble{animation:chat 1.4s ease infinite}@keyframes chat{0%,to{transform:translateY(0)}10%{transform:translateY(-4px)}20%{transform:translateY(0)}}.pv-bubble{transition:opacity .15s,transform .25s cubic-bezier(.3,1.6,.5,1)}.pv-bubble.swap{opacity:0;transform:scale(.85)}.pick{background:url(/scenes/db-2359.webp) center bottom / cover}.pick>header h2,.pick>header p{color:#fbf1e2;text-shadow:0 2px 18px rgba(20,10,5,.55)}.pick>header h2 em{color:#f3a55a}.timeline.aside{opacity:0;pointer-events:none}.hero1{min-height:100svh;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:0 3vw;padding:120px clamp(24px,6vw,110px) 34px!important;text-align:left;justify-items:stretch!important}.h1-copy{max-width:620px}.h1-copy .app-id{justify-content:flex-start}.h1-copy .display{font-family:var(--serif);font-weight:600;font-size:clamp(48px,6.4vw,104px);line-height:.95;letter-spacing:-.03em;margin:18px 0 20px}.h1-copy .display em{display:block;color:var(--rust, #b5532f)}.h1-copy .lede{font-size:clamp(17px,1.45vw,22px);line-height:1.5;color:var(--ink);opacity:.85;margin:0 0 28px;max-width:34ch}.h1-copy .pair{justify-content:flex-start}.h1-copy .trust{margin:18px 0 0;font-size:14px;color:var(--ink-2)}.h1-copy .trust b{color:var(--ink);font-weight:600}.h1-stage{position:relative;height:min(72svh,660px)}.h1-panelwrap{position:absolute;left:6%;top:2%;height:92%;aspect-ratio:860 / 1300;animation:panelIn .9s cubic-bezier(.2,.9,.3,1) both}.h1-panel{display:block;height:100%;width:100%;border-radius:18px;box-shadow:0 50px 90px -40px #46230ab3,0 0 0 1px #6b56461f}@keyframes panelIn{0%{opacity:0;transform:translateY(24px) scale(.97)}}.h1-pick{position:absolute;left:2%;right:2%;height:8.6%;top:26.2%;border-radius:12px;box-shadow:0 0 0 3px #e07d24e6,0 0 24px #e07d2473;transition:top .5s cubic-bezier(.3,1.4,.5,1);pointer-events:none}.hero1[data-row="1"] .h1-pick{top:37.3%}.hero1[data-row="2"] .h1-pick{top:48%}.hero1[data-row="3"] .h1-pick{top:58.7%}.hero1[data-row="4"] .h1-pick{top:69.6%}.h1-stand{position:absolute;right:-2%;bottom:0;height:24%;width:auto;filter:drop-shadow(0 20px 26px rgba(80,40,10,.35))}.h1-buddy{position:absolute;right:4%;bottom:18.72%;height:66%;width:auto;filter:drop-shadow(0 20px 24px rgba(80,40,10,.3));animation:buddyIn .7s cubic-bezier(.3,1.4,.5,1) .25s both;transform-origin:50% 100%}@keyframes buddyIn{0%{opacity:0;transform:translateY(14px) scale(.96)}}.h1-say{position:absolute!important;right:22%;top:6%;left:auto!important;bottom:auto!important;max-width:300px;font-size:17px!important;animation:sayIn .5s ease .9s both;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.h1-say.swap{opacity:0;transform:scale(.9)}@keyframes sayIn{0%{opacity:0;transform:translateY(8px)}}.h1-feats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid rgba(107,86,70,.18)}.h1-feats li{font-size:14px;color:var(--ink-2);padding:0 20px}.h1-feats li+li{border-left:1px solid rgba(107,86,70,.18)}.h1-feats b{display:block;font-size:16px;color:var(--ink);margin-bottom:3px}@media(max-width:900px){.hero1{grid-template-columns:1fr;padding:110px 20px 30px!important;gap:24px}.h1-stage{height:62svh}.h1-stage{height:64svh}.h1-panelwrap{left:0;top:6%;height:90%}.h1-buddy{right:-4%;height:46%;bottom:12.48%}.h1-stand{right:-6%;height:16%}.h1-say{right:2%;top:-2%;max-width:64%;font-size:14px!important}.h1-copy .app-id span{display:none}.h1-feats{grid-template-columns:1fr;gap:12px}.h1-feats li+li{border:0}.h1-feats li{padding:0}}.timeline{display:none!important}.pm{position:absolute;inset:0}.pm-after{position:absolute;inset:0;background:url(/shots/deskbuddy/wallpaper.webp) center / cover}.pm-before{position:absolute;inset:0;background:url(/shots/deskbuddy/wallpaper.webp) center / cover;clip-path:inset(0 0 0 calc(var(--c, 0) * 100%))}.pm-icons{position:absolute;right:2.5cqw;top:6cqh;bottom:4cqh;width:58cqw;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:20cqh;gap:1cqh 1cqw;direction:rtl}.pm-icons span{direction:ltr;display:flex;flex-direction:column;align-items:center;gap:.6cqh;font:500 max(7px,1.7cqh)/1.15 -apple-system,"Inter",sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);text-align:center;overflow:hidden}.pm-icons i{width:7cqh;height:8.5cqh;border-radius:.8cqh;background:#fff;box-shadow:0 .4cqh 1cqh #00000040}.pm-icons .k-dir i{width:9cqh;height:7cqh;background:linear-gradient(#8cc8f5,#5aa7e6);border-radius:1cqh}.pm-icons .k-img i{background:linear-gradient(135deg,#f7c38a,#d86a3a)}.pm .peek-art{position:absolute;right:0;top:34%}.pm-curtain{position:absolute;top:-2%;height:104%;width:auto;left:calc(var(--c, 0) * 100% - 30cqw);transform:scaleX(-1);filter:drop-shadow(-1cqw 0 2cqw rgba(40,10,0,.5));opacity:calc(min(1,var(--c, 0) * 20)*(1 - (max(0,var(--c, 0) - .96)*25)));pointer-events:none}.pm-chip{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) scale(.9);padding:1.6cqh 3cqw;border-radius:999px;background:#1e1814b8;color:#fff;font:700 max(10px,3.2cqh)/1 -apple-system,"Inter",sans-serif;opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}.pm.on .pm-chip{opacity:1;transform:translate(-50%,-50%) scale(1)}.pm-after,.pm-before{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;background:none!important}h1.app-id{font:inherit;font-size:15px;letter-spacing:0;margin:0 0 18px}.display{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;margin:0}.display em{font-style:italic;color:var(--rust)}