@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--bg:#050506;--card:#0e0e10;--line:#ffffff14;--line2:#ffffff24;--ink:#fff;--sub:#a1a1aa;--faint:#8b8b94;--fine:#7c7c86;--coffee:#fd0;--ok:#4ade80;--soon:#fbbf24;--hot:#ff453a;--info:#60a5fa;--display:"Bricolage Grotesque Variable", "Segoe UI Variable Display", system-ui, sans-serif;--ui:"Geist Variable", "Segoe UI Variable Text", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, Consolas, monospace;--gut:96px;--wall:url(../img/wallpaper.webp)}@media (max-width:1023px){:root{--gut:48px}}@media (max-width:639px){:root{--gut:24px;--wall:url(../img/wallpaper-1280.webp)}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#ffffff38 var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#fff3;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff6}::-webkit-scrollbar-thumb:active{background:#fff}::-webkit-scrollbar-corner{background:var(--bg)}::selection{color:#000;background:#fff}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}html{overflow-x:clip}.meet-copy,.drop-copy,.head{min-width:0}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mono{font-family:var(--mono)}.sr,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;color:#000;background:#fff;border-radius:99px;padding:10px 16px;position:fixed;top:72px;left:16px}:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}.eyebrow{font:600 13px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:0}.display{font:800 clamp(40px, 4.45vw, 64px)/1.04 var(--display);letter-spacing:-.035em;font-optical-sizing:auto;text-wrap:balance;margin:0}.display.xl{letter-spacing:-.04em;font-size:clamp(52px,6.4vw,92px)}.lead{color:var(--sub);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.center{text-align:center}.btn{color:#000;white-space:nowrap;will-change:transform;background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 28px 0 24px;font-size:16px;font-weight:600;transition:box-shadow .3s;display:inline-flex;box-shadow:0 0 34px #ffffff2e}.btn:hover{box-shadow:0 0 44px #ffffff4d}.btn.sm{gap:7px;height:36px;padding:0 16px 0 13px;font-size:13px;box-shadow:0 0 14px #ffffff2e}.btn.lg{height:56px}.btn.ghost{color:#fff;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff2e}.btn.ghost:hover{background:#ffffff14}.btn.coffee{background:var(--coffee);color:#000;box-shadow:0 0 34px #ffdd0038}.btn.wide{width:100%}.btn [data-icon]{width:18px;height:18px}.btn.sm [data-icon]{width:15px;height:15px}.menu-btn [data-icon]{width:18px;height:18px}.install .ic{height:22px}.win{flex:none;grid-template-columns:1fr 1fr;gap:1.6px;width:16px;height:16px;display:grid}.win i{background:currentColor}[data-icon]{flex:none;display:inline-flex}[data-icon] svg{width:100%;height:100%}.ghost{width:100%;height:auto;overflow:visible}[data-ghost]{aspect-ratio:100/115;display:block}.logo[data-ghost],.face[data-ghost]{aspect-ratio:auto}.logo{background:#000;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.logo .ghost{width:20px}.logo.lg{border-radius:12px;width:40px;height:40px}.logo.lg .ghost{width:25px}.island{z-index:60;transform-origin:50% 0;pointer-events:auto;cursor:default;padding:0 12px;display:flex;position:fixed;top:0;left:50%}.island .body{--r:20px;--glow:transparent;border-radius:0 0 var(--r) var(--r);width:168px;height:40px;box-shadow:0 14px 34px -14px #000000b3, 0 0 22px color-mix(in srgb, var(--glow) 55%, transparent), 0 0 64px 8px color-mix(in srgb, var(--glow) 20%, transparent);background:#000;transition:box-shadow .4s;position:relative;overflow:hidden}.island.has-glow .body{outline:1.2px solid color-mix(in srgb, var(--glow) 40%, transparent);outline-offset:-1.2px}.island[data-look=floating] .body{border-radius:var(--r)}.island .state{transform-origin:50% 0;max-width:none;position:absolute;top:0;left:50%}.ear{background:radial-gradient(circle at var(--ex) 100%, transparent 11.5px, #000 12px);width:12px;height:12px;position:absolute;top:0}.ear.l{--ex:0;transform-origin:100% 0;left:0}.ear.r{--ex:100%;transform-origin:0 0;right:0}.mini-island{--r:22px;border-radius:0 0 var(--r) var(--r);background:#000;position:absolute;top:0;left:50%;overflow:visible;translate:-50%;box-shadow:0 10px 24px -10px #000000b3}.mini-island:before,.mini-island:after{content:"";width:12px;height:12px;position:absolute;top:0}.mini-island:before{background:radial-gradient(circle at 0 100%,#0000 11.5px,#000 12px);right:100%}.mini-island:after{background:radial-gradient(circle at 100% 100%,#0000 11.5px,#000 12px);left:100%}.mini-island img{transform-origin:50% 0;border-radius:inherit;max-width:none;position:absolute;top:0;left:50%}.mini-island.floating{border-radius:var(--r);top:12px}.mini-island.floating:before,.mini-island.floating:after{display:none}.nav{z-index:50;background:linear-gradient(var(--bg) 30%, #05050600);align-items:center;gap:24px;height:64px;padding:0 32px;transition:transform .35s cubic-bezier(.2,.9,.3,1),opacity .3s;display:flex;position:fixed;inset:0 0 auto}.nav.away{opacity:0;pointer-events:none;transform:translateY(-100%)}.brand{align-items:center;gap:10px;display:flex}.wordmark{font:700 18px/1 var(--display);letter-spacing:-.02em}.links{gap:24px;margin-left:14px;display:flex}.links a{color:var(--sub);font-size:14px;font-weight:500;transition:color .2s}.links a:hover,.links a.on{color:#fff}.actions{align-items:center;gap:10px;margin-left:auto;display:flex}.lang{background:#ffffff0a;border-radius:99px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.lang button{font:700 11px/1.2 var(--ui);color:var(--sub);border-radius:99px;padding:4px 9px 5px}.lang button[aria-pressed=true]{color:#000;background:#fff}.menu-btn{background:#ffffff0a;border-radius:50%;width:36px;height:36px;padding:9px;display:none;box-shadow:inset 0 0 0 1px #ffffff1a}.sheet{z-index:55;padding:96px var(--gut) 40px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050506f5;flex-direction:column;gap:22px;display:flex;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet nav{flex-direction:column;gap:6px;display:flex}.sheet nav a{font:800 40px/1.2 var(--display);letter-spacing:-.03em}.sheet .lang{align-self:flex-start}section{position:relative}.hero{text-align:center;padding:150px var(--gut) 0;flex-direction:column;align-items:center;display:flex;overflow:clip}.hero-glow{opacity:.07;filter:blur(170px);pointer-events:none;background:#fff;border-radius:50%;width:840px;height:460px;position:absolute;top:120px;left:50%;translate:-50%}.hero-wisp{width:104px;margin-bottom:34px}.hero-title{font:800 clamp(76px, 9.7vw, 140px)/1 var(--display);letter-spacing:-.04em;margin:14px 0 0}.hero-sub{color:#e4e4e7;margin:26px 0 0;font-size:24px;font-weight:500;line-height:1.35}.hero-sub br{display:none}.hero-body{color:#9c9ca5;max-width:680px;margin:10px 0 0;font-size:17px}.cta{gap:14px;margin-top:40px;display:flex}.cta .win{color:#000}.meta{color:#8b8b94;margin:22px 0 0;font-size:13px}.desk-wrap{perspective:1600px;width:min(1120px,100%);margin-top:66px}.desk{aspect-ratio:1120/640;background:var(--wall) center / cover #000;transform-origin:50% 0;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff24,0 40px 120px #000}.desk:after{content:"";background:linear-gradient(#05050600 45%, var(--bg));position:absolute;inset:0}.desk .mini-island{z-index:1}.meet{max-width:1340px;padding:160px var(--gut) 140px 90px;grid-template-columns:520px 1fr;align-items:center;gap:56px;margin:0 auto;display:grid}.stage{aspect-ratio:1;place-items:center;width:480px;display:grid;position:relative}.ring{background:#ffffff05;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.ring.r2{background:0 0;inset:12.5%;box-shadow:inset 0 0 0 1px #ffffff0a}.stage .shadow{filter:blur(10px);opacity:.8;background:#000;border-radius:50%;width:33%;height:4%;position:absolute;bottom:10%;left:50%;translate:-50%}.meet-wisp{cursor:pointer;width:46%;position:relative;translate:0 -4%}.eyes-note{color:var(--faint);margin:0;font-size:12px;font-weight:500;position:absolute;bottom:-38px}.meet-copy .display{margin-top:14px}.meet-copy .lead{max-width:640px;margin-top:18px}.moods{grid-template-columns:repeat(3,minmax(0,236px));gap:12px;margin-top:34px;display:grid}.mood{text-align:left;background:#ffffff08;border-radius:18px;align-items:center;gap:12px;height:64px;padding:0 14px 0 12px;transition:background .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.mood:hover{transform:translateY(-2px)}.mood .face{background:#000;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.mood .face .ghost{width:22px}.mood b{font-size:14px;font-weight:600;display:block}.mood span span{color:var(--faint);font-size:11px;font-weight:500;display:block}.mood.on{color:#000;background:#fff;box-shadow:inset 0 0 0 1px #fff}.mood.on span span{color:#3f3f46}.swipe{display:none}.story-pin{height:100vh;height:100svh;min-height:640px;position:relative;overflow:hidden}.story-wall{background:var(--wall) center / cover;transform-origin:50% 40%;position:absolute;inset:0}.story-shade{background:linear-gradient(#0000 35%,#000000a6),radial-gradient(60% 55% at 12% 88%,#0009,#0000 70%);position:absolute;inset:0}.story-copy{width:min(760px,100% - 300px);position:absolute;bottom:96px;left:72px}.step{visibility:hidden;width:100%;position:absolute;bottom:0;left:0}.step.on{visibility:visible}.step-title{font:800 clamp(56px, 5.8vw, 84px)/.96 var(--display);letter-spacing:-.035em;margin:0}.step p{color:#fffc;max-width:560px;margin:20px 0 0;font-size:19px;line-height:1.55}.rail{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:140px;right:72px}.rail li{color:#ffffff8c;align-items:center;gap:10px;font-size:13px;font-weight:500;transition:color .3s;display:flex}.rail i{background:#fff6;border-radius:1px;width:8px;height:2px;transition:width .4s cubic-bezier(.2,.9,.3,1),background .3s}.rail li.on{color:#fff;font-weight:600}.rail li.on i{background:#fff;width:18px}.taskbar{background:#1c1c1fe6;justify-content:center;align-items:center;height:48px;display:flex;position:absolute;inset:auto 0 0;box-shadow:inset 0 1px #ffffff14}.taskbar .apps{gap:8px;display:flex}.taskbar .apps>*{border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.taskbar b{position:relative}.taskbar b:after{content:"";background:#fff3;border-radius:5px;position:absolute;inset:7px}.taskbar b.on{background:#ffffff14}.taskbar .start .win{color:var(--info);width:17px;height:17px}.taskbar .tray{text-align:right;align-items:center;gap:12px;font-size:11px;line-height:1.25;display:flex;position:absolute;right:24px}.taskbar .tray [data-icon]{width:15px;height:15px}.story-list{display:none}.drop{max-width:1440px;min-height:960px;padding:200px var(--gut) 120px 120px;grid-template-columns:minmax(0,520px) 1fr;align-items:center;gap:40px;margin:0 auto;display:grid}.drop-copy .display{margin-top:14px}.drop-copy .lead{margin-top:18px}.hint{background:#ffffff0a;border-radius:99px;align-items:center;gap:10px;margin:30px 0 0;padding:10px 16px 10px 12px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.hint [data-icon]{width:16px;height:16px}.drop-stage{height:560px;position:relative}.drop-path{pointer-events:none;width:46%;height:520px;position:absolute;top:-160px;left:0;overflow:visible}.drop-path path{fill:none;stroke:#fff6;stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 7;vector-effect:non-scaling-stroke}.file{left:var(--x);top:var(--y);width:120px;rotate:var(--r);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--sub);flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex;position:absolute}.file:active{cursor:grabbing}.file.flying{pointer-events:none}.doc{background:#f4f4f5;border-radius:9px 20px 9px 9px;flex:none;width:64px;height:80px;display:block;position:relative;box-shadow:0 18px 30px #00000080}.doc:before{content:"";background:#d4d4d8;border-radius:0 0 0 6px;width:19px;height:19px;position:absolute;top:0;right:0}.doc b{text-align:center;color:#fff;background:var(--c);border-radius:6px;padding:2px 0 3px;font-size:12px;font-weight:800;position:absolute;bottom:11px;left:8px;right:8px}.doc.pdf{--c:var(--hot)}.doc.doc-blue{--c:var(--info)}.doc.zip{--c:#71717a}.doc.ppt{--c:var(--soon)}.photo{background:radial-gradient(circle at 74% 26%,#fff 8px,#0000 9px),radial-gradient(120% 90% at 20% 110%,#3f3f46 45%,#0000 46%),radial-gradient(110% 80% at 85% 120%,#18181b 50%,#0000 51%),linear-gradient(135deg,#e4e4e7,#71717a);border-radius:12px;width:86px;height:70px;display:block;box-shadow:inset 0 0 0 2.5px #ffffffa6,0 18px 30px #00000080}.drop-phone{display:none}.more{padding:150px var(--gut) 140px}.head{text-align:center;flex-direction:column;align-items:center;display:flex}.head .display,.head .lead{margin-top:16px}.more .head .display br{display:none}.cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1248px;margin:64px auto 0;display:grid}.card{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transform-style:preserve-3d;border-radius:28px;flex-direction:column;transition:box-shadow .4s;display:flex;position:relative;overflow:hidden}.card:after,.look-card:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;transition:box-shadow .35s;position:absolute;inset:0}.card:hover{box-shadow:0 24px 50px #0009}.card:hover:after{box-shadow:inset 0 0 0 1.5px #ffffff40}.cscreen{height:184px;position:relative;overflow:hidden}.cscreen:before{content:"";background:var(--wall) var(--bp,30% 40%) / 180% auto;transition:transform .6s cubic-bezier(.2,.9,.3,1);position:absolute;inset:-6%}.cscreen:after{content:"";background:linear-gradient(#00000040 20%, var(--card));position:absolute;inset:0}.card:hover .cscreen:before{transform:scale(1.06)}.cscreen .mini-island{z-index:1}.ctext{padding:18px 26px 26px}.ctitle{align-items:center;gap:10px;display:flex}.ctitle b{letter-spacing:-.01em;font-size:20px;font-weight:600}.kbd{gap:3px;margin-left:auto;display:flex}.kbd span{box-shadow:inset 0 0 0 1px var(--line);font:500 11px/1.3 var(--mono);color:var(--sub);background:#232326;border-radius:6px;padding:2px 7px 3px}.ctext p{color:var(--sub);margin:8px 0 0;font-size:14px}.dots{display:none}.looks{padding:150px var(--gut) 140px}.seg{background:#ffffff0a;border-radius:99px;gap:2px;width:max-content;margin:44px auto 0;padding:4px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.seg .knob{background:#fff;border-radius:99px;position:absolute;top:4px;bottom:4px;left:4px}.seg button{color:var(--sub);border-radius:99px;padding:10px 22px 11px;font-size:15px;font-weight:600;transition:color .3s;position:relative}.seg button[aria-checked=true]{color:#000}.look-cards{grid-template-columns:1fr 1fr;gap:48px;max-width:1248px;margin:60px auto 0;display:grid}.look-card{text-align:left;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;flex-direction:column;transition:box-shadow .35s;display:flex;position:relative;overflow:hidden}.look-card.on:after{box-shadow:inset 0 0 0 2px #fff}.lscreen{background:var(--wall) 40% 30% / cover;height:300px;display:block;position:relative}.lscreen:after{content:"";background:#0003;position:absolute;inset:0}.lscreen .mini-island{z-index:1;margin-left:-40px}.lscreen .bubble{z-index:1;background:url(../islands/bubble.webp) 50%/cover;border-radius:50%;width:44px;height:44px;position:absolute;top:4px;left:calc(50% + 120px);box-shadow:0 10px 24px #00000059}.look-card[data-look=floating] .bubble{top:12px}.ltext{flex-direction:column;gap:4px;padding:20px 28px 24px;display:flex}.ltext b{font-size:22px;font-weight:600}.ltext span{color:var(--sub);font-size:14px}.check{z-index:2;color:#000;opacity:0;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;padding:7px;transition:opacity .3s,scale .45s cubic-bezier(.3,1.6,.4,1);display:grid;position:absolute;top:252px;right:20px;scale:.5}.look-card.on .check{opacity:1;scale:1}.download{text-align:center;padding:140px var(--gut) 120px;flex-direction:column;align-items:center;display:flex;overflow:clip}.dl-glow{opacity:.08;filter:blur(180px);pointer-events:none;background:#fff;border-radius:50%;width:800px;height:520px;position:absolute;top:180px;left:50%;translate:-50%}.dl-wisp{width:112px;margin-bottom:38px}.download .lead{margin-top:18px;font-size:20px;font-weight:500}.dl-card{background:var(--card);width:min(760px,100%);min-height:120px;box-shadow:inset 0 0 0 1px var(--line2), 0 24px 60px #0009;text-align:left;border-radius:28px;align-items:center;gap:20px;margin-top:56px;padding:0 28px;display:flex}.os{background:#ffffff0d;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.os .win{color:#fff;gap:2.6px;width:28px;height:28px}.dl-name{flex-direction:column;gap:4px;margin-right:auto;display:flex}.dl-name b{font-size:20px;font-weight:600}.dl-name span{color:#8e8e96;font-size:13px}.file-name{color:var(--fine);margin:22px 0 0;font-size:12px}.install{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1128px,100%);margin:56px 0 0;padding:0;list-style:none;display:grid}.install li{background:var(--card);min-height:184px;box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;flex-direction:column;gap:10px;padding:26px;display:flex;position:relative}.install .n{color:#000;width:30px;height:30px;font:700 13px var(--mono);background:#fff;border-radius:50%;place-items:center;display:grid}.install .ic{width:22px;color:var(--sub);position:absolute;top:30px;right:26px}.install b{margin-top:8px;font-size:20px;font-weight:600}.install span:not(.n):not(.ic){color:var(--sub);font-size:14px}.support{justify-content:center;align-items:center;gap:16px;margin-top:56px;display:flex}.support p{color:var(--sub);margin:0;font-size:16px;font-weight:500}.cup{transform-origin:40% 90%}.reqs{color:var(--fine);margin:44px 0 0;font-size:12px}.faq{max-width:1248px;padding:150px var(--gut) 100px;grid-template-columns:1fr minmax(0,760px);gap:60px;margin:0 auto;display:grid}.faq-head .display{margin-top:16px}.accordion details{border-top:1px solid var(--line)}.accordion details:first-child{border-top:0}.accordion summary{cursor:pointer;align-items:center;gap:12px;padding:24px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{flex:1}.accordion summary i{flex:none;width:18px;height:18px;position:relative}.accordion summary i:before,.accordion summary i:after{content:"";background:var(--faint);border-radius:1px;height:2px;transition:rotate .35s cubic-bezier(.2,.9,.3,1),background .3s;position:absolute;top:8px;left:2px;right:2px}.accordion summary i:after{rotate:90deg}.accordion details[open] summary i:before,.accordion details[open] summary i:after{background:#fff}.accordion details[open] summary i:after{rotate:0deg}.accordion .ans{overflow:hidden}.accordion details p{color:var(--sub);margin:0;padding:0 60px 24px 0;font-size:15px;line-height:1.6}.accordion summary+.ans{margin-top:-8px}.footer{max-width:1248px;margin:0 auto;margin-inline:max(var(--gut), calc((100% - 1248px) / 2));border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:40px 0 120px;display:grid;position:relative;overflow:hidden}.foot-brand{align-items:center;gap:12px;display:flex}.foot-brand>span:last-child{flex-direction:column;gap:3px;display:flex}.studio{color:var(--faint);font-size:13px}.studio a{color:#d4d4d8;text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.studio a:hover{color:#fff}.credit{color:var(--faint);text-align:center;margin:0;font-size:13px;font-weight:500}.foot-links{color:var(--sub);flex-wrap:wrap;justify-content:flex-end;gap:22px;font-size:13px;font-weight:500;display:flex}.foot-links a:hover{color:#fff}.coffee-text{color:var(--coffee);align-items:center;gap:6px;font-weight:600;display:inline-flex}.coffee-text [data-icon]{width:15px;height:15px}.peek{cursor:pointer;width:96px;position:absolute;bottom:-36px;left:50%;translate:-50%}.live-dl{color:#fff;width:304px;height:44px;font:600 12px/1 var(--ui);align-items:center;gap:10px;padding:0 18px 0 14px;display:flex}.live-dl .ring{flex:none;width:18px;height:18px;rotate:-90deg}.live-dl circle{fill:none;stroke:#2e2e32;stroke-width:3px}.live-dl .bar{stroke:var(--info);stroke-linecap:round;stroke-dasharray:0 100}.live-dl .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.live-dl .pct{color:var(--info);font-size:12px}.island.hot .body{box-shadow:0 0 0 1.5px #60a5fab3,0 0 40px #60a5fa73}.bit{z-index:61;pointer-events:none;border-radius:2px;width:6px;height:10px;position:fixed;top:0;left:0}@media (max-width:1023px){.links,.coffee-link,.nav .lang{display:none}.menu-btn{display:grid}.nav{padding:0 32px}.hero{padding-top:136px}.hero-wisp{width:100px}.desk{aspect-ratio:738/300}.meet{text-align:center;padding:120px var(--gut) 88px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:30px}.stage{width:min(340px,80vw)}.eyes-note{display:none}.meet-copy{flex-direction:column;align-items:center;width:100%;display:flex}.moods{grid-template-columns:repeat(3,minmax(0,236px))}.story-copy{left:var(--gut);width:calc(100% - 2 * var(--gut));bottom:96px}.step-title{font-size:clamp(48px,8.2vw,68px)}.rail{left:var(--gut);flex-direction:row;gap:8px;bottom:360px;right:auto}.rail span{display:none}.rail i{border-radius:2px;width:8px;height:4px}.rail li.on i{width:28px}.drop{text-align:center;min-height:0;padding:200px var(--gut) 88px;grid-template-columns:1fr}.drop-copy{flex-direction:column;align-items:center;display:flex}.drop-copy .lead{max-width:600px}.drop-stage{height:320px}.drop-path{display:none}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.more .head .display br{display:inline}.look-cards{grid-template-columns:1fr;max-width:738px}.looks:not([data-show=floating]) .look-card[data-look=floating],.looks[data-show=floating] .look-card[data-look=attached]{display:none}.install{grid-template-columns:repeat(3,1fr);gap:18px}.install li{min-height:200px;padding:22px}.support{flex-wrap:wrap}.faq{padding:120px var(--gut) 72px;grid-template-columns:1fr;gap:20px}.footer{grid-template-columns:1fr auto;padding-bottom:110px}.credit{grid-area:2/1/auto/-1}}@media (max-width:639px){.nav{background:linear-gradient(var(--bg) 40%, #05050600);height:56px;padding:0 20px}.nav .wordmark,.nav .actions>.btn{display:none}.logo{width:30px;height:30px}.eyebrow{font-size:11px}.display{font-size:44px;line-height:.96}.lead{font-size:16px}.hero{padding:100px var(--gut) 0}.hero-wisp{width:84px;margin-bottom:28px}.hero-title{font-size:72px;line-height:.92}.hero-sub{margin-top:22px;font-size:19px}.hero-sub br{display:inline}.hero-body{padding:0 6px;font-size:15px}.cta{flex-direction:column;gap:10px;width:100%;margin-top:34px}.cta .btn{width:100%;height:54px}.meta{font-size:11px}.desk-wrap{margin-top:48px}.desk{aspect-ratio:342/206;border-radius:20px}.desk .mini-island{transform-origin:50% 0;scale:.8}.meet{padding:88px var(--gut) 72px;gap:28px}.stage{width:260px}.moods{scroll-snap-type:x mandatory;width:calc(100% + var(--gut));margin-right:calc(-1 * var(--gut));padding-right:var(--gut);scrollbar-width:none;gap:10px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.moods::-webkit-scrollbar{display:none}.mood{scroll-snap-align:start;flex:0 0 220px}.swipe{color:var(--faint);margin:12px 0 0;font-size:12px;font-weight:500;display:block}.story-pin{display:none}.story-list{padding:88px var(--gut) 80px;flex-direction:column;gap:64px;display:flex}.story-list h2{font-size:40px}.sblock{flex-direction:column;gap:16px;display:flex}.sscreen{background:var(--wall) center / cover;border-radius:22px;height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.sscreen .mini-island{scale:min(1, calc((100vw - 72px) / 324px));transform-origin:50% 0}.sblock h3{font:800 36px/.96 var(--display);letter-spacing:-.035em;margin:4px 0 0}.sblock p{color:#ffffffb3;margin:0;font-size:15px}.drop{padding:88px var(--gut) 72px;gap:32px}.hint,.drop-stage{display:none}.drop-phone{flex-direction:column;align-items:center;gap:12px;display:flex}.drop-phone .sscreen{width:100%;height:250px}.drop-phone .sscreen:after{content:"";background:#0000004d;position:absolute;inset:0}.drop-phone .doc,.drop-phone .photo{z-index:1;left:var(--x);top:var(--y);rotate:var(--r);position:absolute;scale:.8}.caption{color:var(--faint);margin:0;font-size:12px;font-weight:500}.more{padding:88px 0 72px}.more .head{padding:0 var(--gut)}.more .head .display{font-size:38px}.cards{scroll-snap-type:x mandatory;padding:0 var(--gut);scroll-padding:0 var(--gut);scrollbar-width:none;gap:14px;margin-top:30px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex:0 0 min(296px,82vw)}.cscreen{height:176px}.cscreen .mini-island{scale:min(1, calc((min(296px, 82vw) - 24px) / 304px));transform-origin:50% 0}.ctext{padding:16px 22px 20px}.ctitle b{font-size:18px}.dots{justify-content:center;gap:6px;margin-top:18px;display:flex}.dots i{background:#fff3;border-radius:3px;width:6px;height:6px;transition:width .35s,background .35s}.dots i.on{background:#fff;width:18px}.looks{padding:88px var(--gut) 72px}.seg,.look-cards{margin-top:26px}.lscreen{height:200px}.lscreen .mini-island{transform-origin:50% 0;margin-left:-30px;scale:.86}.lscreen .bubble{transform-origin:0 0;left:calc(50% + 86px);scale:.86}.check{top:156px}.download{padding:88px var(--gut) 64px}.dl-wisp{width:88px;margin-bottom:26px}.display.xl{font-size:56px}.download .lead{font-size:16px}.dl-card{text-align:center;flex-direction:column;gap:14px;margin-top:28px;padding:26px 22px 22px}.dl-name{align-items:center;margin:0}.dl-name b{font-size:19px}.dl-card .btn{width:100%}.install{grid-template-columns:1fr;gap:22px;margin-top:36px}.install li{min-height:0;box-shadow:none;background:0 0;grid-template-columns:28px 1fr;gap:4px 14px;padding:0;display:grid}.install .n{grid-row:span 2;width:28px;height:28px}.install .ic{display:none}.install b{margin:2px 0 0;font-size:17px}.support{flex-direction:column;gap:12px;width:100%;margin-top:40px}.support .btn{width:100%}.reqs{margin-top:28px;font-size:11px;line-height:1.7}.faq{padding:88px var(--gut) 56px;text-align:left}.faq-head{text-align:center}.faq-head .eyebrow{display:none}.accordion summary{padding:20px 0;font-size:16px}.accordion details p{padding-right:0;font-size:14px}.footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:36px 0 90px}.foot-brand{flex-direction:column;gap:12px}.foot-brand>span:last-child{align-items:center}.foot-brand .wordmark{font-size:20px}.credit{order:3;grid-row:auto;max-width:280px;font-size:12px}.foot-links{order:2;justify-content:center;gap:14px 20px}.coffee-text{flex-basis:100%;justify-content:center}.peek{width:80px;bottom:-30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.hero-title div[style*="overflow: clip"],.step-title div[style*="overflow: clip"]{margin:-.14em -.06em -.22em;padding:.14em .06em .22em}