:root{--bg:#fff;--band:#f5f5f7;--card:#f5f5f7;--card-in-band:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#00000014;--btn-bg:#1d1d1f;--btn-fg:#fff;--quiet:#0000000d;--quiet-hover:#00000017;--header:#ffffffb8;--shadow:0 10px 50px #0000001a;--wall-dim:0;--toast:#fcfaf4f7;--toast-text:#1d1b16;--toast-muted:#6b665a;--toast-btn:#1d1b160f;--num:#8a6400;--menu:#f6f6f6db;--menu-text:#1d1d1f;--menu-hover:#0a84ff;--glow:#6ea0ff42;--accent:#ffce3a;--ink:#1d1b16;--ease:cubic-bezier(.25, .1, .25, 1);--spring:cubic-bezier(.3, 1.35, .5, 1);--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#070707;--band:#141414;--card:#181818;--card-in-band:#1c1b1b;--text:#fff;--muted:#a7a7a7;--line:#ffffff14;--btn-bg:#fff;--btn-fg:#000;--quiet:#ffffff0f;--quiet-hover:#ffffff1f;--header:#2323238c;--shadow:0 10px 50px #00000080;--wall-dim:.3;--toast:#24211bf7;--toast-text:#f6f2e6;--toast-muted:#b4ad9b;--toast-btn:#ffffff14;--num:#ffce3a;--glow:#ffce3a24;--menu:#282828db;--menu-text:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font:17px/1.5 var(--font);-webkit-font-smoothing:antialiased;transition:background .3s var(--ease), color .3s var(--ease);margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500}p{text-wrap:pretty;margin:0}img{display:block}button{font:inherit;color:inherit}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #ffce3ab3}.wrap{max-width:1265px;margin:0 auto;padding-inline:40px}.center{text-align:center}.caps{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}[data-theme=light] .when-dark,[data-theme=dark] .when-light{display:none}.btn{background:var(--btn-bg);height:44px;color:var(--btn-fg);cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease), filter .2s, background .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.1);transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px;margin-top:-2px}.btn-quiet{background:var(--quiet);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn-quiet:hover{background:var(--quiet-hover);filter:none}.btn-sm{height:34px;padding:0 16px;font-size:14px}.btn-ghost{background:var(--quiet);width:100%;height:44px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{background:var(--quiet);color:var(--text)}.icon-btn svg{width:18px;height:18px}.downloads{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.header{z-index:50;background:var(--header);border:1px solid var(--line);-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);border-radius:999px;align-items:center;gap:8px;width:min(720px,100% - 32px);height:56px;padding:0 10px 0 16px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000000f}.logo{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.header nav{gap:4px;margin:0 auto;display:flex}.header nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:15px;font-weight:500;transition:color .2s,background .2s}.header nav a:hover{color:var(--text);background:var(--quiet)}.hero{isolation:isolate;text-align:center;flex-direction:column;align-items:center;padding-top:128px;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 45% at 50% 42%, var(--glow), transparent 100%);pointer-events:none;width:min(1100px,90vw);height:760px;animation:10s ease-in-out infinite glow;position:absolute;top:0;left:50%;translate:-50%}@keyframes glow{50%{opacity:.7;transform:scale(1.08)}}.pill-note{color:var(--muted);background:var(--quiet);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:14px;transition:background .2s;display:inline-flex}.pill-note:hover{background:var(--quiet-hover)}.pill-note b{color:var(--text);font-weight:600}.pill-note .sep{background:var(--line);width:1px;height:14px}.pill-note svg{width:14px;height:14px}.hero .app-icon{animation:pop .9s var(--spring) both;flex-direction:column;align-items:center;margin:64px 0 28px;display:flex}.hero .shadow{background:#00000024;width:56px;height:8px;margin-top:6px}@keyframes pop{0%{opacity:0;transform:scale(.8)translateY(10px)}}.hero h1{letter-spacing:-.03em;font-size:clamp(36px,5.4vw,56px);line-height:1.08}.lede{max-width:600px;color:var(--muted);margin:20px auto 36px;font-size:19px}.meta{color:var(--muted);gap:16px;margin-top:20px;font-size:13px;display:flex}.meta>*+:before{content:"·";margin-right:16px}.hero>*{animation:rise .8s var(--ease) both}.hero>:nth-child(3){animation-delay:.1s}.hero>:nth-child(4){animation-delay:.16s}.hero>:nth-child(5){animation-delay:.22s}.hero>:nth-child(6){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.hero-shot{box-shadow:var(--shadow);border-radius:32px;margin-top:72px;overflow:hidden}.hero-shot .break{aspect-ratio:16/9}.break{aspect-ratio:16/10;text-align:center;color:#f6f2e6;transition:background .6s var(--ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.bg-honey{background:radial-gradient(at 50% 40%,#33290f,#17150f 62%)}.bg-night{background:linear-gradient(160deg,#050507,#16161d)}.bg-dusk{background:linear-gradient(160deg,#0f0c29,#302b63 55%,#6d3a7c)}.bg-ocean{background:linear-gradient(160deg,#021b2e,#0b4f6c 55%,#1f8a8a)}.bg-forest{background:linear-gradient(160deg,#07170f,#1d4d33 55%,#587a3d)}.bg-ember{background:linear-gradient(160deg,#1a0b0b,#6b1f2a 55%,#c2593f)}.break-ghost{flex-direction:column;align-items:center;margin-bottom:2.2cqw;display:flex;position:relative}.break-ghost svg{width:11cqw;height:11cqw;position:relative}.orb{pointer-events:none;background:radial-gradient(circle,#ffce3a29,#0000 68%);border-radius:50%;width:38cqw;height:38cqw;margin:-19cqw 0 0 -19cqw;animation:8s ease-in-out infinite breathe;position:absolute;top:50%;left:50%}@keyframes breathe{0%,to{opacity:.55;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}}.shadow{background:#00000073;border-radius:50%;width:5cqw;height:.8cqw;margin-top:.3cqw;animation:2.4s ease-in-out infinite shadow}.float{animation:2.4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-6%)}}@keyframes shadow{50%{opacity:.7;transform:scale(.8)}}.lean{transform-origin:50px 50px;transition:transform .8s var(--spring)}.eye{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite blink}@keyframes blink{0%,88%,to{transform:scaleY(1)}93%{transform:scaleY(.1)}}.lid{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite lid}@keyframes lid{0%,40%,60%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.lean.spine{transform-origin:50px 86px;animation:2.4s ease-in-out infinite straighten}@keyframes straighten{0%,to{transform:rotate(12deg)}45%,75%{transform:rotate(0)}}.break-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:max(9px,.95cqw);font-weight:600}.break-msg{letter-spacing:-.02em;text-wrap:balance;max-width:70cqw;margin:1.1cqw 0 1.7cqw;font-size:max(15px,3cqw);font-weight:600;line-height:1.2}.break-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:max(18px,3.2cqw);font-weight:200}.break-bar{background:#ffffff1f;border-radius:99px;width:24cqw;height:max(3px,.3cqw);margin:1.6cqw auto 2.4cqw;overflow:hidden}.break-bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width 1s linear;display:block;box-shadow:0 0 12px #ffce3a99}.break-actions{gap:.7cqw;display:flex}.break-actions span{background:#ffffff1a;border:.5px solid #fff3;border-radius:999px;padding:.6cqw 1.4cqw;font-size:max(9px,1cqw);box-shadow:inset 0 1px #ffffff14}.break-actions kbd{font:inherit;opacity:.55;margin-left:.4cqw}.break-time,.break-bar,.break-actions{transition:opacity .4s}.done .break-time,.done .break-bar,.done .break-actions{opacity:0}@container (max-width:640px){.break-ghost svg{width:22cqw;height:22cqw}.orb{width:72cqw;height:72cqw;margin:-36cqw 0 0 -36cqw}.shadow{width:10cqw;height:1.6cqw}.break-tag{font-size:max(9px,2.6cqw)}.break-msg{max-width:86cqw;margin:2cqw 0 3cqw;font-size:5.6cqw}.break-time{font-size:6.4cqw}.break-bar{width:50cqw;margin:3cqw auto 4.5cqw}.break-actions{gap:1.5cqw}.break-actions span{padding:1.4cqw 3cqw;font-size:2.7cqw}}.benefits{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:104px;display:grid}.benefits div{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.benefits svg{width:30px;height:30px;color:var(--muted)}.benefits p{letter-spacing:-.015em;font-size:22px;font-weight:500;line-height:1.3}.notes{max-width:724px;margin:128px auto 0}.stack{height:360px;position:relative}.note{background:var(--card);border:1px solid var(--line);transform-origin:50% 0;transition:transform .6s var(--spring), opacity .4s;border-radius:24px;flex-direction:column;justify-content:space-between;margin:0;padding:48px;display:flex;position:absolute;inset:0;box-shadow:0 0 40px #00000014}.note blockquote{letter-spacing:-.02em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.3;transition:opacity .3s}.note figcaption{align-items:center;gap:14px;transition:opacity .3s;display:flex}.note b{font-size:16px;font-weight:600;display:block}.note small{color:var(--muted);font-size:14px}.halo{background:#ffce3a2e;border-radius:50%;flex:none;width:56px;height:56px;display:block}.halo svg{width:100%;height:100%}.stack-nav{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--line);width:6px;height:6px;transition:width .3s var(--ease), background .3s;border-radius:99px}.dots i.on{background:var(--text);width:18px}.sec-head{text-align:center;max-width:720px;margin:0 auto;padding:176px 40px 56px}.sec-head h2,.designed h2{letter-spacing:-.03em;font-size:clamp(32px,4.4vw,44px);line-height:1.12}.sec-head p{color:var(--muted);margin-top:18px;font-size:19px}.desktop{aspect-ratio:16/9;box-shadow:var(--shadow), inset 0 0 0 100vmax rgba(0, 0, 0, var(--wall-dim));border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.wall-sunrise{background:radial-gradient(80% 90% at 15% 10%,#ffd36e,#0000 60%),radial-gradient(70% 80% at 90% 15%,#ff8f8f,#0000 60%),radial-gradient(90% 90% at 60% 100%,#7b8cff,#0000 65%),#f3a76f}.wall-dawn{background:radial-gradient(80% 90% at 85% 0,#ffe2a8,#0000 55%),radial-gradient(90% 100% at 0 100%,#8fd6c4,#0000 60%),linear-gradient(160deg,#f6c1a9,#b9a5e8)}.wall-ocean{background:radial-gradient(90% 90% at 15% 0,#9ad8ff,#0000 60%),radial-gradient(90% 100% at 100% 100%,#2445c9,#0000 60%),linear-gradient(160deg,#47a6e3,#2a3ea8)}.wall-bloom{background:radial-gradient(55% 65% at 50% 60%,#6f9cff,#0000 62%),radial-gradient(80% 90% at 30% 20%,#d4e3ff,#0000 60%),linear-gradient(160deg,#eaf1ff,#6f8fd8)}.menubar{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-shadow:0 0 8px #00000026;background:#0000001f;flex:none;align-items:center;gap:18px;height:30px;padding:0 16px;font-size:13px;display:flex;position:relative;box-shadow:0 1px #ffffff1f}.menubar b{font-weight:700}.mb-apple{width:15px;height:15px;margin-top:-2px}.mb-right{font-variant-numeric:tabular-nums;align-items:center;gap:16px;margin-left:auto;display:flex}.tray{background:#ffffff2e;border-radius:5px;align-items:center;gap:2px;padding:1px 7px 1px 2px;font-weight:500;display:flex}.tray-ghost{width:20px;height:20px}.taskbar{color:#1d1d1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#f3f3f3d1;border-top:1px solid #ffffff80;align-items:center;height:48px;margin-top:auto;padding:0 12px;display:flex;position:relative}[data-theme=dark] .taskbar{color:#fff;background:#202020d9;border-color:#ffffff14}.tb-apps{align-items:center;gap:10px;margin:0 auto;display:flex}.tb-apps i{border-radius:7px;width:26px;height:26px}.tb-win{color:#0a84ff;width:24px;height:24px}.tb-tray{text-align:right;align-items:center;gap:10px;font-size:12px;line-height:1.25;display:flex;position:absolute;right:12px}.toast-slot{width:min(372px,100% - 32px);transition:opacity .5s var(--ease), transform .5s var(--ease);position:absolute;top:46px;right:16px}.toast-slot.out{opacity:0;transform:translate(24px)}.toast{background:var(--toast);color:var(--toast-text);border-radius:18px;padding:14px;font-size:13px;line-height:1.35;box-shadow:0 0 0 .5px #00000014,0 2px 4px #00000014,0 10px 30px #00000024}.toast-row{align-items:center;gap:12px;display:flex}.toast b{letter-spacing:-.01em;font-size:13.5px;font-weight:600;display:block}.toast small{color:var(--toast-muted);margin-top:2px;font-size:12px;display:block}.toast .num{color:var(--num);font-variant-numeric:tabular-nums}.avatar{background:#ffce3a2e;border-radius:50%;flex:none;width:48px;height:48px;position:relative}.avatar svg{width:100%;height:100%;position:absolute;inset:0}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring .track{stroke:#80808033}.ring .fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:138.2;transition:stroke-dashoffset 1s linear}.toast-btns{gap:6px;margin-top:12px;display:flex}.toast-btns span{background:var(--toast-btn);border-radius:999px;flex:1;place-items:center;height:28px;font-size:12px;font-weight:500;display:grid}.toast-btns .primary{background:var(--accent);color:var(--ink);flex:1.6;font-weight:600}.flow-demo{aspect-ratio:16/8.5}.app-win{background:var(--card-in-band);border-radius:12px;width:50%;height:74%;position:absolute;top:13%;left:7%;overflow:hidden;box-shadow:0 0 0 .5px #00000026,0 20px 50px #00000040}.aw-bar{border-bottom:1px solid var(--line);height:36px;color:var(--muted);align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex}.aw-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.aw-bar i:nth-child(2){background:#febc2e}.aw-bar i:nth-child(3){background:#28c840}.aw-bar span{margin:0 auto;padding-right:50px;font-weight:500}.aw-body{flex-direction:column;gap:12px;padding:7% 9%;display:flex}.aw-body b,.aw-body span{background:var(--line);border-radius:99px;height:10px;display:block}.aw-body b{background:var(--quiet-hover);width:55%;height:16px;margin:6px 0 4px}.aw-body .typing{width:0;animation:10s steps(30,end) infinite typing}@keyframes typing{to{width:70%}}.overlay{z-index:2;opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.overlay.in{opacity:1}.overlay .break{aspect-ratio:auto;height:100%}.features{background:var(--card);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:24px;padding:48px;display:grid}.features svg{width:28px;height:28px;color:var(--accent);filter:drop-shadow(0 0 .5px #0000004d)}.features h3{letter-spacing:-.015em;margin:16px 0 8px;font-size:20px}.features p{color:var(--muted);font-size:16px}.features+.caps{margin:72px 0 24px}.chips{flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;margin:0 auto;display:flex}.chips span{background:var(--card);height:60px;transition:transform .3s var(--spring);border-radius:16px;align-items:center;gap:12px;padding:0 20px;font-size:16px;font-weight:500;display:flex}.chips span:hover{transform:translateY(-3px)}.chips svg{width:22px;height:22px;color:var(--muted)}.platforms,.wellness{grid-template-columns:1fr 1fr;gap:32px;display:grid}.platforms figure,.wellness figure{margin:0}.platforms .desktop,.wellness .desktop{aspect-ratio:4/3}.platforms figcaption{color:var(--muted);max-width:460px;margin-top:20px;font-size:16px}.platforms figcaption b{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:500;display:block}.wellness figcaption{text-align:center;margin-top:16px;font-size:17px;font-weight:500}.menu-anchor{position:absolute}.menu-anchor.mac{top:34px;right:88px}.menu-anchor.win{bottom:56px;right:12px}.traymenu{width:248px;color:var(--menu-text);background:var(--menu);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:menu 6s var(--ease) infinite;border-radius:10px;padding:5px;font-size:13px;box-shadow:0 0 0 .5px #00000026,0 10px 30px #00000038}@keyframes menu{0%,4%{opacity:0;transform:translateY(-4px)scale(.98)}10%,90%{opacity:1;transform:none}96%,to{opacity:0}}.traymenu>div{white-space:nowrap;border-radius:5px;justify-content:space-between;gap:12px;padding:3px 9px;display:flex}.traymenu>div span:last-child{opacity:.5}.traymenu>div:nth-child(3){background:var(--menu-hover);color:#fff}.traymenu>div:nth-child(3) span:last-child{opacity:.8}.traymenu .muted{opacity:.5}.traymenu hr{border:0;border-top:1px solid #80808040;margin:4px 9px}.traymenu-win{border-radius:8px;width:280px;padding:4px;font-size:13px;animation-name:menu-up}.traymenu-win>div{border-radius:4px;padding:7px 12px}.traymenu-win>div:nth-child(3){color:inherit;background:#80808024}@keyframes menu-up{0%,4%{opacity:0;transform:translateY(6px)}10%,90%{opacity:1;transform:none}96%,to{opacity:0}}.big-ghost{flex:1;place-items:center;display:grid}.big-ghost svg{filter:drop-shadow(0 20px 30px #0000002e);width:34cqw;height:34cqw;animation:2.4s ease-in-out infinite float}.band{background:var(--band);margin-top:176px;padding-bottom:128px}.band .sec-head{padding-top:128px}.card{background:var(--card-in-band);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:24px;padding:24px;display:flex}.card>.caps{text-align:center;line-height:1.5}.card-wide{margin-bottom:24px}.grid3,.grid2{gap:24px;margin-bottom:24px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.grid3 .card>:first-child,.grid2 .card>:first-child{flex:1}.ambiance .break{aspect-ratio:16/8;border-radius:16px}.swatches{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px;display:grid}.swatch{cursor:pointer;height:56px;transition:transform .3s var(--spring), box-shadow .2s;border:0;border-radius:12px;position:relative;box-shadow:inset 0 0 0 .5px #ffffff26}.swatch:hover{transform:translateY(-2px)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--card-in-band), 0 0 0 4.5px var(--accent)}.swatch span{color:#fffc;text-transform:capitalize;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:0;right:0}.mini{text-align:center;color:#f6f2e6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:240px;padding:20px;display:flex;overflow:hidden;container-type:inline-size}.mini .break-tag{font-size:11px}.mini p{opacity:.8;max-width:80%;min-height:40px;font-size:13px}.mini-ghost svg{width:22cqw;height:22cqw}.mini-ghost{transition:transform 1s var(--ease);margin-bottom:8px}.ex-follow .mini-ghost{animation:6s ease-in-out infinite wander}@keyframes wander{0%,to{transform:none}25%{transform:translate(-28cqw,-4cqw)}50%{transform:translateY(-10cqw)}75%{transform:translate(28cqw,-4cqw)}}.ex-blink .eye{animation:3.2s ease-in-out infinite slowblink}@keyframes slowblink{0%,35%,85%,to{transform:scaleY(1)}45%,70%{transform:scaleY(.08)}}.ex-far .mini-ghost{animation:5s ease-in-out infinite far}@keyframes far{0%,to{transform:none}50%{transform:scale(.45)translateY(-12cqw)}}.chimes{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:240px;display:flex}.pulse{background:#ffce3a33;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.pulse svg{width:36px;height:36px}.pulse i{border:2px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:0}.playing .pulse i{animation:ripple 1.6s var(--ease) both}.playing .pulse i:nth-child(2){animation-delay:.16s}.playing .pulse i:nth-child(3){animation-delay:.32s}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.chime-btns{gap:8px;display:flex}.chime-btns .btn{height:36px;padding:0 14px;font-size:14px}.messages{background:var(--card);border-radius:16px;flex-direction:column;justify-content:center;gap:2px;min-height:240px;padding:18px;font-size:15px;line-height:1.9;display:flex}.caret{vertical-align:-3px;background:var(--accent);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.rows{background:var(--card);border-radius:16px;flex-direction:column;justify-content:center;padding:4px 0;display:flex}.rows>div{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 18px;font-size:15px;display:flex}.rows>div+div{background:linear-gradient(var(--line), var(--line)) 18px 0 / calc(100% - 18px) 1px no-repeat}.rows>div>b{background:var(--card-in-band);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:500}.rows span b{font-variant-numeric:tabular-nums;margin-right:10px;font-weight:600}.rows .muted{color:var(--muted);font-size:13px}.report{flex-direction:row;align-items:center;gap:48px;padding:40px}.report-mood{flex-direction:column;flex:1;gap:20px;display:flex}.report-mood .halo{width:88px;height:88px}.report-mood h3{letter-spacing:-.025em;font-size:28px}.report-mood p{color:var(--muted);margin-top:10px}.report-data{flex-direction:column;flex:1.3;gap:16px;display:flex}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tiles div{background:var(--card);border-radius:14px;padding:14px}.tiles b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;display:block}.tiles span{color:var(--muted);font-size:12px}.chart{background:var(--card);border-radius:14px;grid-template-columns:repeat(7,1fr);align-items:end;height:150px;padding:16px 16px 10px;display:grid}.chart div{flex-direction:column;align-items:center;gap:2px;display:flex}.chart i{width:22px;display:block}.chart i.s{background:#5a8fe0}.chart i.t{background:#e0a800}.chart i:first-child{border-radius:4px 4px 0 0}.chart small{color:var(--muted);margin-top:6px;font-size:11px}.split-bg{background:linear-gradient(var(--band) 50%, var(--bg) 50%)}.designed{text-align:center;color:#fff;isolation:isolate;background:radial-gradient(60% 80% at 50% 0,#ffce3a59,#0000 70%),radial-gradient(80% 90% at 100% 100%,#6d3a7c,#0000 60%),linear-gradient(160deg,#17150f,#302b63);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:96px 40px;display:flex;position:relative;overflow:hidden}.designed .caps{color:#ffffffb3}.designed h2{font-size:clamp(40px,6vw,64px)}.designed>p:not(.caps){color:#ffffffbf;max-width:560px;margin-bottom:16px}.designed .btn{color:#000;background:#fff}.designed .btn-quiet{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff3}.designed-ghost{filter:drop-shadow(0 16px 30px #00000059);width:120px;height:120px;margin-bottom:8px}.posts{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.post{background:var(--card);transition:transform .4s var(--spring), box-shadow .3s;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.post:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.post-art{aspect-ratio:16/9;place-items:center;display:grid}.post-art svg{aspect-ratio:1;filter:drop-shadow(0 12px 20px #00000059);width:30%;height:auto}.post-body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.post-body small{color:var(--muted);font-size:13px}.post-body h3{letter-spacing:-.02em;font-size:22px;line-height:1.25}.post-body p{color:var(--muted);flex:1;margin-bottom:14px;font-size:15px}.footer{border-top:1px solid var(--line);margin-top:176px;padding:64px 0 80px;font-size:14px}.footer-in{justify-content:space-between;gap:48px;display:flex}.footer p{color:var(--muted);margin-top:16px;line-height:1.7}.footer-cols{grid-template-columns:repeat(3,minmax(150px,1fr));gap:32px;display:grid}.footer-cols div{flex-direction:column;gap:10px;display:flex}.footer-cols b{margin-bottom:4px;font-weight:600}.footer-cols a{color:var(--muted);transition:color .2s}.footer-cols a:hover{color:var(--text)}.article{max-width:760px;padding-top:152px}.article>.caps{display:block}.article .back{color:var(--muted);margin-bottom:32px;font-size:15px;display:inline-block}.article .back:hover{color:var(--text)}.article h1{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(34px,5vw,48px);line-height:1.1}.article .lede{margin:18px 0 40px}.article .post-art{border-radius:24px;margin-bottom:40px}.article>p:not(.lede){margin-bottom:22px;font-size:19px;line-height:1.65}.article-cta{background:var(--card);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:24px;margin-top:64px;padding:48px 24px;display:flex}.article-cta h2{font-size:28px}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 60%}@keyframes reveal{0%{opacity:0;transform:translateY(48px)}}}@media (max-width:900px){.header nav{display:none}.header nav+.icon-btn{margin-left:auto}.features,.grid3,.posts,.platforms,.wellness,.grid2{grid-template-columns:1fr}.report{flex-direction:column;align-items:stretch}.footer-in{flex-direction:column}}@media (max-width:640px){.wrap{padding-inline:16px}.sec-head{padding:112px 16px 40px}.benefits{grid-template-columns:1fr;gap:40px}.hide-sm{display:none}.note{padding:28px}.stack{height:400px}.toast-slot,.menu-anchor{zoom:.72}.swatches{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(2,1fr)}.features{padding:28px}.designed{padding:64px 20px}.footer-cols{grid-template-columns:1fr 1fr}.hero-shot{border-radius:20px}.hero{padding-top:112px}.hero-shot .break{aspect-ratio:4/5}.flow-demo{aspect-ratio:3/4}.app-win{width:76%;height:50%;top:auto;bottom:8%}.ambiance .break{aspect-ratio:1}.tb-apps i:nth-of-type(n+3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}