:root,:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a19;--bg-2:#120f27;--bg-3:#1a1636;--surface:#ffffff0b;--surface-2:#ffffff13;--surface-solid:#16132f;--border:#ffffff17;--border-strong:#ffffff29;--text:#f7f1e8;--text-2:#cfc6dd;--muted:#9a92b3;--saffron:#ffa24a;--rose:#ff6b98;--violet:#9b7bff;--mint:#45dcbb;--sky:#6cb8ff;--accent:var(--saffron);--accent-ink:#1b1024;--glow-1:#ff964647;--glow-2:#9b7bff47;--glow-3:#ff6b9838;--shadow:0 30px 80px -30px #000000b3;--shadow-soft:0 12px 40px -18px #0009;--grain-opacity:.07;--star:#ffffffb3}:root[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf6ee;--bg-2:#f5ecdf;--bg-3:#efe3d2;--surface:#ffffff9e;--surface-2:#ffffffd9;--surface-solid:#fff;--border:#3c230a1a;--border-strong:#3c230a2e;--text:#1d1530;--text-2:#47405c;--muted:#736a86;--saffron:#e6700f;--rose:#e03d72;--violet:#6a4de0;--mint:#0f9f81;--sky:#2877d8;--accent:var(--saffron);--accent-ink:#fff;--glow-1:#ffa05059;--glow-2:#9678ff38;--glow-3:#ff6e9633;--shadow:0 30px 70px -32px #46280a59;--shadow-soft:0 12px 34px -18px #46280a4d;--grain-opacity:.05;--star:#78501e40}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.6 Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:1000;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;top:0;bottom:0;left:0;right:0}img,svg,canvas{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--saffron);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--saffron);outline-offset:3px;border-radius:8px}.skip{z-index:2000;background:var(--surface-solid);border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:16px}h1,h2,h3,.display{letter-spacing:-.015em;margin:0;font-family:Instrument Serif,ui-serif,Georgia,serif;font-weight:400;line-height:.98}h1 em,h2 em,.display em{background:linear-gradient(100deg, var(--saffron), var(--rose) 55%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic}h2{font-size:clamp(40px,6vw,76px)}h3{font-size:clamp(26px,2.6vw,34px);line-height:1.08}h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}p{margin:0}.eyebrow{letter-spacing:.02em;color:var(--text-2);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow b{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(100deg, var(--saffron), var(--rose));border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--saffron);font-size:13px;font-weight:600}.lede{color:var(--text-2);font-size:clamp(18px,1.6vw,21px);line-height:1.55}.muted{color:var(--muted)}.wrap{width:min(1200px,100% - 32px);margin-inline-start:auto;margin-inline-end:auto}section{position:relative}.section{padding:clamp(80px,12vw,150px) 0}.section-head{gap:18px;max-width:760px;margin-bottom:clamp(40px,6vw,70px);display:grid}.section-head.center{text-align:center;justify-items:center;margin-inline-start:auto;margin-inline-end:auto}.button{--b-bg:var(--surface-2);border:1px solid var(--border-strong);background:var(--b-bg);min-height:52px;color:var(--text);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .3s,background .3s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button.primary{color:var(--accent-ink);background:linear-gradient(100deg, var(--saffron), var(--rose));box-shadow:0 10px 30px -10px var(--rose), inset 0 1px 0 #ffffff59;border-color:#0000}.button.primary:hover{box-shadow:0 16px 40px -12px var(--rose), inset 0 1px 0 #ffffff59}.button.small{min-height:40px;padding:0 18px;font-size:14px}.button svg{width:18px;height:18px}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.site-header{z-index:900;border:1px solid #0000;border-radius:999px;align-items:center;gap:24px;width:min(1200px,100% - 24px);padding:10px 10px 10px 18px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.site-header.scrolled,.site-header.open{background:color-mix(in srgb, var(--bg) 72%, transparent);border-color:var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4)}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{width:26px;height:26px;color:var(--text-2)}.nav-links{gap:4px;margin-right:auto;display:flex}.nav-links a{color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:15px;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text);background:var(--surface-2)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-signin{color:var(--text-2);padding:8px 12px;font-size:15px;text-decoration:none}.nav-signin:hover{color:var(--text)}.theme-toggle .sun{display:none}:root[data-theme=day] .theme-toggle .sun{display:block}:root[data-theme=day] .theme-toggle .moon,.menu-toggle{display:none}@media (max-width:900px){.site-header{gap:8px}.nav-links{background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.site-header.open .nav-links{display:flex}.nav-links a{padding:12px 16px;font-size:17px}.nav-links{margin-right:0}.brand{margin-right:auto}.menu-toggle{display:inline-grid}.nav-signin{display:none}}@media (max-width:560px){.nav-actions .button.small{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:64px 0 32px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:32px;width:min(1200px,100% - 32px);margin:0 auto;display:grid}.footer-grid a:not(.brand){color:var(--text-2);padding:4px 0;font-size:15px;text-decoration:none;display:block}.footer-grid a:not(.brand):hover{color:var(--text)}.footer-brand p{color:var(--muted);max-width:280px;margin-top:14px;font-size:15px}.footer-bottom{width:min(1200px,100% - 32px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:48px auto 0;font-size:14px;display:flex}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.hero{isolation:isolate;grid-template-rows:1fr auto;min-height:100svh;padding-top:120px;display:grid;overflow:hidden}.aurora{z-index:-2;filter:blur(70px);position:absolute;top:-20%;bottom:0;left:-10%;right:-10%}.aurora i{border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:absolute}.aurora i:first-child{background:var(--glow-1);width:55vw;height:55vw;top:-8%;left:42%}.aurora i:nth-child(2){background:var(--glow-2);width:45vw;height:45vw;animation-duration:28s;top:18%;left:58%}.aurora i:nth-child(3){background:var(--glow-3);width:40vw;height:40vw;animation-duration:34s;top:30%;left:-8%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vw,4vh)scale(1.12)}}.stars{z-index:-1;opacity:.9;background-image:radial-gradient(1.2px 1.2px at 12% 22%, var(--star), transparent 60%), radial-gradient(1px 1px at 28% 68%, var(--star), transparent 60%), radial-gradient(1.4px 1.4px at 44% 14%, var(--star), transparent 60%), radial-gradient(1px 1px at 63% 44%, var(--star), transparent 60%), radial-gradient(1.2px 1.2px at 78% 12%, var(--star), transparent 60%), radial-gradient(1px 1px at 88% 58%, var(--star), transparent 60%), radial-gradient(1.3px 1.3px at 6% 82%, var(--star), transparent 60%), radial-gradient(1px 1px at 52% 88%, var(--star), transparent 60%), radial-gradient(1px 1px at 35% 38%, var(--star), transparent 60%), radial-gradient(1.2px 1.2px at 95% 30%, var(--star), transparent 60%);animation:6s ease-in-out infinite alternate twinkle;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding-bottom:48px;display:grid}.hero-copy{justify-items:start;gap:26px;display:grid}.hero h1{font-size:clamp(60px,9.4vw,142px);line-height:.9}.hero .lede{max-width:560px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.hero-notes li:before{content:"✓";color:var(--mint);margin-right:8px;font-weight:700}.hero-stage{align-content:end;justify-items:center;height:min(500px,58vh);display:grid;position:relative}.spotlight{background:radial-gradient(circle, color-mix(in srgb, var(--saffron) 30%, transparent), transparent 62%);pointer-events:none;border-radius:50%;width:420px;height:420px;animation:5s ease-in-out infinite breathe;position:absolute;top:-150px;left:50%;transform:translate(-50%)}@keyframes breathe{50%{opacity:.75;transform:translate(-50%)scale(1.1)}}.stage-hint{color:var(--text-2);align-items:flex-end;gap:6px;font-family:Instrument Serif,serif;font-size:24px;font-style:italic;display:flex;position:absolute;top:230px;left:2%;transform:rotate(-4deg)}.stage-hint svg{width:54px;height:36px;color:var(--saffron);transform:translateY(-18px)}.dock{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);box-shadow:var(--shadow-soft);scrollbar-width:none;border-radius:24px;gap:6px;max-width:100%;padding:8px;display:flex;overflow-x:auto}.dock::-webkit-scrollbar{display:none}.dock button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;transition:transform .25s cubic-bezier(.3,1.7,.5,1),background .2s;display:grid}.dock button canvas{pointer-events:none;width:46px;height:46px}.dock button:hover{background:var(--surface-2);transform:translateY(-4px)scale(1.08)}.dock button[aria-checked=true]{background:var(--surface-2);border-color:var(--border-strong)}.dock-name{color:var(--muted);min-height:22px;margin-top:10px;font-size:14px}@media (max-width:560px){.dock{grid-template-columns:repeat(4,1fr);width:100%;display:grid;overflow:visible}.dock button{width:100%;height:60px}}.marquee{border-block:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:48px;width:max-content;padding:18px 0;animation:48s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap;color:var(--text-2);font-size:15px}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:900px){.hero{padding-top:104px}.hero-grid{grid-template-columns:1fr}.hero-stage{order:-1;align-content:end;height:300px}.spotlight,.stage-hint{display:none}}.hang-host{position:relative}.hang-host canvas.hang{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}.pill{color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.text-link{color:var(--text);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px)}.chip{color:#2b211b;white-space:nowrap;background:#0000000f;border-radius:999px;padding:5px 10px;font-size:12px}.chip.strong{color:#fff;background:linear-gradient(100deg,#ff9a3d,#ff6b98);font-weight:600}.seg{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px;transition:background .2s,color .2s}.seg button[aria-checked=true]{background:var(--text);color:var(--bg)}.seg button small{opacity:.75;margin-left:4px;font-size:11px}.ways-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.way{border:1px solid var(--border);background:var(--surface);border-radius:32px;grid-template-rows:auto 1fr;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;display:grid;overflow:hidden}.way:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.way-copy{align-content:start;justify-items:start;gap:14px;padding:28px 32px 34px;display:grid}.way-copy p{color:var(--text-2)}.way-scene{height:380px;position:relative;overflow:hidden}.way-scene .hang-host{position:absolute;top:0;bottom:0;left:0;right:0}.desk-scene{background:linear-gradient(160deg,#2f2a58,#6b4c86 55%,#d4877a)}:root[data-theme=day] .desk-scene{background:linear-gradient(160deg,#a9c1ff,#d8b7ef 55%,#ffd3b0)}.menubar{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14102859;justify-content:space-between;align-items:center;height:28px;padding:0 12px;font-size:12px;display:flex;position:relative}.menubar-right{gap:14px;display:flex}.tray{font-variant-numeric:tabular-nums}.dots{gap:6px;display:inline-flex}.dots i{background:#ffffff80;border-radius:50%;width:10px;height:10px}.desk-windows .win{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;position:absolute}.win.w1{width:46%;height:62%;top:70px;left:6%}.win.w2{background:#ffffff38;width:40%;height:48%;top:120px;left:30%}.bubble{z-index:3;color:#2b211b;background:#fffaf3;border-radius:18px;padding:12px 14px;font-size:14px;position:absolute;box-shadow:0 14px 30px -12px #00000073}.bubble p{margin-bottom:8px;font-weight:600}.bubble-buttons{flex-wrap:wrap;gap:6px;display:flex}.desk-bubble{max-width:240px;animation:4s ease-in-out infinite bob;top:150px;right:6%}@media (max-width:560px){.desk-bubble{max-width:min(280px,88%);top:auto;bottom:18px;left:6%;right:auto}}@keyframes bob{50%{transform:translateY(-6px)}}.web-scene{color:#2b211b;background:#f7efe4}:root[data-theme=night] .web-scene{background:#efe6da}.browser-bar{z-index:2;background:#e6dccd;align-items:center;gap:14px;height:34px;padding:0 12px;display:flex;position:relative}.browser-bar .dots i{background:#c8b9a4}.url{color:#7a6a58;background:#fffaf3;border-radius:8px;flex:1;align-items:center;max-width:260px;height:22px;padding:0 10px;font-size:12px;display:flex}.shop{gap:14px;padding:18px;display:grid}.shop-hero{background:linear-gradient(120deg,#ffd9a6,#ffb2c4);border-radius:16px;gap:2px;padding:22px;display:grid}.shop-hero b{font-family:Instrument Serif,serif;font-size:30px;font-weight:400}.shop-hero span{color:#6b5040;font-size:13px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shop-grid i{background:#fffaf3;border-radius:14px;height:120px;box-shadow:0 4px 14px -8px #50321459}.coupon{z-index:3;opacity:0;pointer-events:none;background:#fff;border:2px dashed #ff9a3d;border-radius:16px;justify-items:center;padding:12px 22px;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%,30px)scale(.9);box-shadow:0 16px 30px -14px #0006}.coupon span{text-transform:uppercase;letter-spacing:.1em;color:#8a7666;font-size:11px}.coupon b{letter-spacing:.06em;color:#2b211b;font-size:26px}.coupon small{color:#0f9f81;font-size:12px;font-weight:600}.coupon.shown{opacity:1;transform:translate(-50%)scale(1)}.scene-tip{z-index:3;color:#8a7666;font-size:13px;font-style:italic;position:absolute;bottom:14px;right:16px}@media (max-width:900px){.ways-grid{grid-template-columns:1fr}}.stories{height:360vh}.stories-sticky{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;height:100svh;padding-top:90px;display:grid;position:sticky;top:0;overflow:hidden}.stories-head{gap:14px;margin-bottom:40px;display:grid}.stories-progress{background:var(--border);border-radius:3px;width:200px;height:3px;overflow:hidden}.stories-progress i{background:linear-gradient(90deg, var(--saffron), var(--rose));width:0;height:100%;display:block}.stories-track{will-change:transform;gap:28px;padding:0 max(16px,50vw - 600px);display:flex}.story{border:1px solid var(--border);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tone) 28%, transparent), transparent 60%), var(--surface);border-radius:32px;flex:none;grid-template-columns:.9fr 1.1fr;width:min(760px,82vw);height:min(460px,58svh);display:grid;overflow:hidden}.story-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--tone) 30%, transparent), transparent 70%);position:relative}.story-copy{align-content:center;justify-items:start;gap:16px;padding:clamp(24px,4vw,48px);display:grid}.story-copy p{color:var(--text-2)}.story-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--tone);font-size:12px;font-weight:600}.story-stat{border-top:1px solid var(--border);width:100%;color:var(--muted);margin-top:6px;padding-top:16px;font-size:14px}.story-stat b{color:var(--text);margin-right:8px;font-family:Instrument Serif,serif;font-size:30px;font-weight:400}@media (max-width:760px){.stories{height:auto}.stories-sticky{height:auto;padding:80px 0;position:static}.stories-track{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px;overflow-x:auto;transform:none!important}.stories-track::-webkit-scrollbar{display:none}.story{scroll-snap-align:center;grid-template-rows:270px auto;grid-template-columns:1fr;height:auto}.stories-progress{display:none}}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(300px,auto);gap:18px;display:grid}.tile{border:1px solid var(--border);background:var(--surface);border-radius:28px;grid-template-rows:1fr auto;min-height:300px;transition:border-color .3s,transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.tile:hover{border-color:var(--border-strong)}.tile:before{content:"";pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--saffron) 14%, transparent), transparent 55%);opacity:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.tile:hover:before{opacity:1}.tile-demo{min-height:240px}.tile-copy{align-content:end;justify-items:start;gap:10px;padding:0 26px 26px;display:grid;position:relative}.tile-copy p{color:var(--text-2);font-size:15px}.tile-focus{grid-area:span 2/span 3}.tile-focus .tile-demo{min-height:420px}.tile-physics,.tile-break{grid-column:span 3}.tile-tasks,.tile-weather,.tile-companions{grid-column:span 2}.tile-beads{grid-column:span 3}.tile-web{grid-column:span 3;grid-template-rows:auto auto 1fr;padding-top:26px}.clock{font-variant-numeric:tabular-nums;color:var(--text);font-family:Instrument Serif,serif;font-size:44px;position:absolute;top:22px;right:24px}.break-card{color:#2b211b;box-shadow:var(--shadow-soft);background:#fffaf3;border-radius:24px;place-self:center;align-items:center;gap:18px;margin:30px 20px;padding:18px 24px 18px 18px;display:flex}.break-card b{font-size:17px;display:block}.break-card .muted{color:#8a7666;font-size:13px}.ring{font-variant-numeric:tabular-nums;place-items:center;width:76px;height:76px;font-weight:700;display:grid;position:relative}.ring svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#f0e2d0;stroke-width:8px}.ring .ring-fill{stroke:#ff8a4a;stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:var(--offset,0);transition:stroke-dashoffset 1s linear}.weather{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.tile-weather{background:linear-gradient(180deg, color-mix(in srgb, var(--sky) 18%, transparent), var(--surface))}.tile-weather .tile-copy{background:linear-gradient(transparent, color-mix(in srgb, var(--bg) 55%, transparent));grid-row:2;padding-top:24px}.job-labels{color:var(--muted);pointer-events:none;justify-content:space-around;font-size:12px;display:flex;position:absolute;top:190px;left:0;right:0}.web-chips{flex-wrap:wrap;gap:8px;margin:18px 26px 0;padding:0;list-style:none;display:flex}.web-chips li{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:7px 12px;font-size:14px}.web-chips b{margin-right:6px;font-weight:400}.mini-chart{align-self:end;gap:10px;margin:22px 26px 26px;display:grid}.bars{align-items:flex-end;gap:8px;height:90px;display:flex}.bars i{height:calc(var(--h) * 100%);background:linear-gradient(180deg, var(--saffron), color-mix(in srgb, var(--rose) 60%, transparent));transform-origin:bottom;border-radius:8px 8px 3px 3px;flex:1;transition:transform 1s cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}.tile-web.in .bars i{transform:scaleY(1)}.tile-web.in .bars i:nth-child(2){transition-delay:50ms}.tile-web.in .bars i:nth-child(3){transition-delay:.1s}.tile-web.in .bars i:nth-child(4){transition-delay:.15s}.tile-web.in .bars i:nth-child(5){transition-delay:.2s}.tile-web.in .bars i:nth-child(6){transition-delay:.25s}.tile-web.in .bars i:nth-child(7){transition-delay:.3s}.chart-label{color:var(--muted);font-size:14px}.chart-label b{color:var(--mint)}@media (max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.tile-focus,.tile-physics,.tile-break,.tile-tasks,.tile-weather,.tile-companions,.tile-beads,.tile-web{grid-area:auto/span 1}.tile-focus,.tile-web{grid-column:span 2}}@media (max-width:640px){.bento{grid-template-columns:1fr}.tile-focus,.tile-web{grid-column:span 1}.tile-focus .tile-demo{min-height:340px}}.numbers{border-block:1px solid var(--border);background:var(--bg-2);padding:56px 0}.numbers-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.numbers b{background:linear-gradient(180deg, var(--text), color-mix(in srgb, var(--text) 50%, transparent));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Instrument Serif,serif;font-size:clamp(48px,6vw,80px);font-weight:400;line-height:1;display:block}.numbers span{color:var(--muted);font-size:14px}@media (max-width:760px){.numbers-grid{grid-template-columns:repeat(2,1fr)}.numbers-grid div:last-child{grid-column:span 2}}.get-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.platform{border:1px solid var(--border);background:var(--surface);border-radius:26px;align-content:start;gap:12px;padding:26px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s;display:grid;position:relative}.platform:hover{border-color:var(--border-strong);transform:translateY(-4px)}.platform.yours{border-color:color-mix(in srgb, var(--saffron) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--saffron) 14%, transparent)}.platform .os-icon{width:44px;height:44px;color:var(--text)}.platform h3{font-size:30px}.platform p{color:var(--text-2);font-size:14px}.platform .meta{color:var(--muted);font-size:13px}.platform .button{white-space:normal;text-align:center;width:100%;margin-top:auto}.status{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:22px;right:22px}.status.yours{color:var(--accent-ink);background:var(--saffron);border-color:#0000}.button[aria-disabled=true]{opacity:.6;cursor:default;transform:none}@media (max-width:1000px){.get-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.get-grid{grid-template-columns:1fr}}.billing-switch{margin-top:8px}.plans{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:18px;display:grid}.plan{border:1px solid var(--border);background:var(--surface);border-radius:28px;grid-template-rows:auto auto auto 1fr auto;gap:14px;padding:30px 26px;display:grid;position:relative}.plan.featured{background:linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, linear-gradient(140deg, var(--saffron), var(--rose), var(--violet)) border-box;box-shadow:0 30px 60px -30px color-mix(in srgb, var(--rose) 50%, transparent);border:1.5px solid #0000}.plan-badge{color:var(--accent-ink);background:linear-gradient(100deg, var(--saffron), var(--rose));border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:26px}.price{align-items:baseline;gap:8px;display:flex}.price b{font-family:Instrument Serif,serif;font-size:56px;font-weight:400;line-height:1}.price span{color:var(--muted);font-size:14px}.plan ul{color:var(--text-2);align-content:start;gap:9px;margin:4px 0 8px;padding:0;font-size:15px;list-style:none;display:grid}.plan li:before{content:"✓";color:var(--mint);margin-right:10px;font-weight:700}.desktop-plan{background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--violet) 18%, transparent), transparent 60%), var(--surface)}@media (max-width:1100px){.plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.plans{grid-template-columns:1fr}}.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.faq-list{gap:12px;display:grid}.faq details{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:4px 22px;transition:background .2s}.faq details[open]{background:var(--surface-2)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:22px;line-height:1;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--text-2);padding:0 0 18px}.faq code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:14px}@media (max-width:860px){.faq-grid{grid-template-columns:1fr;gap:0}}.final{padding:40px 0 120px}.final-card{text-align:center;border:1px solid var(--border);background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--saffron) 26%, transparent), transparent 70%), radial-gradient(50% 60% at 90% 100%, color-mix(in srgb, var(--violet) 26%, transparent), transparent 70%), var(--bg-2);border-radius:40px;justify-items:center;gap:20px;padding:220px 32px 72px;display:grid;position:relative;overflow:hidden}.final-card h2{max-width:900px;font-size:clamp(44px,7vw,96px)}.final-hang{height:240px;position:absolute;top:0;bottom:auto;left:0;right:0}.lost{text-align:center;place-content:center;justify-items:center;gap:18px;min-height:100svh;padding:280px 16px 80px;display:grid;position:relative}.lost h1{font-size:clamp(56px,9vw,120px)}.lost-hang{height:300px;position:absolute;top:0;bottom:auto;left:0;right:0}.plans-more{text-align:center;margin-top:28px}
