@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #F4F2ED;--bg-warm: #EEEBE4;--bg-deep: #E4E0D7;--surface: #FAF8F4;--surface-2: #F0EDE6;--surface-raised: #FFFFFF;--surface-inset: #F0EDE6;--panel-bg: #FFFFFF;--panel-rail: #F7F5F1;--panel-bg-deep: #EFEBE4;--rail: #EDEAE1;--ink: #2B2926;--ink-soft: #6E6A62;--ink-faint: #9C978F;--line: #E7E3DA;--line-strong: #D8D2C5;--primary: #35322E;--primary-hover: #403C37;--primary-ink: #FBFAF6;--focus: #BEB7AA;--accent: #6B6760;--accent-bg: #ECE8E0;--on-warm: #2B2926;--on-warm-soft: #6B6760;--danger: #A4322B;--overlay: rgba(43, 41, 38, .12);--scrim: rgba(43, 41, 38, .45);--shadow: rgba(43, 41, 38, .05);--heat-0: rgba(43, 41, 38, .05);--heat-1: #E4E0D7;--heat-2: #CFC9BD;--heat-3: #9E9A91;--heat-4: #2B2926;--breath-0: #F4F2ED;--breath-1: #ECE8DF;--breath-2: #DDD8CE;--breath-3: #BBB4A7;--breath-4: #827C72;--breath-5: #2B2926;--ease-breath: cubic-bezier(.4, 0, .4, 1);--ease-calm: cubic-bezier(.25, .1, .25, 1);--dur-breath: .82s;--dur-surface: .2s;--hold-turn: .36s;--rise-statement: 8px;--rise-support: 4px;--ladder-base: .2s;--ladder-step: .14s;interpolate-size:allow-keywords;--r-button: 16px;--r-card: 24px;--h-sm: 32px;--h-md: 40px;--h-lg: 56px;--sidebar-w: 280px}:root[data-theme=dark]{color-scheme:dark;--bg: #171716;--bg-warm: #201F1E;--bg-deep: #111110;--surface: #242322;--surface-2: #343230;--surface-raised: #2B2927;--surface-inset: #201F1E;--panel-bg: #171716;--panel-rail: #242322;--panel-bg-deep: #343230;--rail: #242322;--ink: #F4F2ED;--ink-soft: #BEB7AA;--ink-faint: #77716A;--line: #3A3835;--line-strong: #504C46;--primary: #F4F2ED;--primary-hover: #DEDAD2;--primary-ink: #171716;--focus: #77716A;--accent: #BEB7AA;--accent-bg: #343230;--on-warm: #F4F2ED;--on-warm-soft: #BEB7AA;--danger: #E07067;--overlay: rgba(0, 0, 0, .32);--scrim: rgba(0, 0, 0, .68);--shadow: rgba(0, 0, 0, .28);--heat-0: rgba(244, 242, 237, .06);--heat-1: #343230;--heat-2: #57524C;--heat-3: #9C958A;--heat-4: #F4F2ED}.panel-shell:has(.focus-scene){isolation:isolate}.focus-scene{position:absolute;inset:0;z-index:-2;overflow:clip;container-type:size;background:var(--sky);pointer-events:none;animation:fade-in var(--dur-breath) var(--ease-breath);--vig: rgba(0, 0, 0, .34);--grain: .09}.focus-scene[data-tone=light]{--vig: rgba(128, 114, 92, .12);--grain: .07}.focus-scene>*,.focus-scene .field>*{position:absolute}.focus-scene svg{position:absolute;inset:0;width:100%;height:100%}.focus-scene:before{content:"";position:absolute;inset:0;z-index:8;background:radial-gradient(135% 105% at 50% 40%,transparent 52%,var(--vig))}.focus-scene:after{content:"";position:absolute;inset:0;z-index:9;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px;opacity:var(--grain);mix-blend-mode:overlay}@keyframes scene-drift{0%{transform:translate(calc(-100% - var(--x, 0px) - 2cqw))}to{transform:translate(calc(100cqw - var(--x, 0px) + 2cqw))}}@keyframes scene-glow{0%,to{opacity:var(--lo, .45)}50%{opacity:var(--hi, 1)}}@keyframes scene-twinkle{0%,to{opacity:1}50%{opacity:var(--tw, .2)}}@keyframes scene-sway{0%,to{transform:translate(0)}50%{transform:translate(var(--dx, 3cqw),var(--dy, 0))}}@keyframes scene-wander{0%,to{transform:translate(0)}25%{transform:translate(var(--x1),var(--y1))}50%{transform:translate(var(--x2),var(--y2))}75%{transform:translate(var(--x3),var(--y3))}}@keyframes scene-roll{0%{transform:translateY(0);opacity:0}25%,65%{opacity:var(--o, .7)}to{transform:translateY(var(--dy, 8cqh));opacity:0}}@keyframes scene-shore{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-5cqh);opacity:1}}@keyframes scene-mist{to{transform:translate(1100px)}}@keyframes scene-rise{0%,to{translate:0 0}50%{translate:0 -1.5cqh}}@keyframes scene-glint{0%,to{opacity:0}50%{opacity:var(--o, .9)}}@keyframes scene-emerge{0%{opacity:0}}@keyframes scene-sunrise{0%{transform:translateY(34cqh)}}@keyframes scene-streak{0%{opacity:0;transform:translate(0)}12%{opacity:.85}to{opacity:0;transform:translate(-34cqw)}}@keyframes scene-name{0%{opacity:0;transform:translateY(4px)}12%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.focus-scene .field{inset:0}.focus-scene .field.sky-half{inset:0 0 50%}.focus-scene .field.drifting{inset:0 -6% 0 0;--dx: -5cqw;animation:scene-sway 120s ease-in-out infinite}.focus-scene .stars{fill:#f4f2ed}.focus-scene .twinkle{animation:scene-twinkle var(--p) ease-in-out var(--d) infinite}.focus-scene .late{animation:scene-emerge 1500s ease-in-out var(--elapsed, 0s) both}.focus-scene .cloud{left:var(--x, 0);background-repeat:no-repeat;animation:scene-drift var(--dur, 120s) linear var(--delay, 0s) infinite}.focus-scene .halo{border-radius:50%;translate:-50% -50%;animation:scene-glow 12s ease-in-out infinite}.focus-scene .moon{translate:-50% -50%}.focus-scene .glint{height:max(1px,.35cqh);border-radius:2px;opacity:var(--o);animation:scene-glint var(--g, 4s) ease-in-out var(--d, 0s) infinite}.focus-scene .wisp{height:6cqh;width:74cqw;background:radial-gradient(closest-side,rgba(176,184,200,.22),transparent)}.focus-scene .shoot{left:78%;top:14%;z-index:3;width:14cqw;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#f4f2ede6,#f4f2ed00);opacity:0;rotate:-27deg}.focus-scene .shoot.go{animation:scene-streak 1.8s var(--ease-breath) forwards}[data-scene=clouds]{--sky: linear-gradient(to bottom, #BFD0DA 0%, #D5DFE4 46%, #ECEAE3 100%)}[data-scene=clouds] .ground{inset:auto 0 0;height:30%;background:linear-gradient(to bottom,transparent,rgba(238,234,227,.75))}[data-scene=daymoon]{--sky: linear-gradient(to bottom, #B3C6D2 0%, #D1DCE0 55%, #ECE9E2 100%)}[data-scene=daymoon] .halo{left:64%;top:27%;width:40cqmin;height:40cqmin;background:radial-gradient(closest-side,rgba(255,255,255,.4),transparent);--lo: .35}[data-scene=daymoon] .moon{left:64%;top:27%;width:13cqmin;height:13cqmin}[data-scene=daymoon] .cirrus{height:3.4cqh;width:70cqw;background:radial-gradient(closest-side,rgba(255,255,255,.6),transparent)}[data-scene=sunrise]{--sky: linear-gradient(to bottom, #D2D8DA 0%, #E3E0D8 46%, #EBDDCB 66%, #E1D5C5 100%)}[data-scene=sunrise] .warmth{inset:0;background:radial-gradient(80% 60% at 30% 66%,rgba(244,212,174,.6),transparent 70%);--lo: .55;animation:scene-glow 12s ease-in-out infinite}[data-scene=sunrise] .sun{left:28%;top:50%;width:16cqmin;height:16cqmin;margin-left:-8cqmin;border-radius:50%;background:radial-gradient(closest-side,#f7e8cc 70%,#f7e8cc00);box-shadow:0 0 12cqmin 6cqmin #f6e2be73;animation:scene-sunrise 1500s ease-out var(--elapsed, 0s) both}[data-scene=sunrise] .haze{height:6cqh;width:90cqw;background:radial-gradient(closest-side,rgba(250,244,234,.65),transparent);animation:scene-sway var(--sw) ease-in-out var(--d) infinite}[data-scene=fog]{--sky: linear-gradient(to bottom, #DFDFDA 0%, #EAE7E0 60%, #E6E2DA 100%)}[data-scene=fog] .mist{left:-1100px;width:calc(100cqw + 1100px);height:16cqh;background-size:1100px 100%;background-repeat:repeat-x;--lo: .6;animation:scene-mist var(--dur) linear var(--d) infinite,scene-glow 12s ease-in-out var(--d2) infinite,scene-rise 12s ease-in-out var(--d2) infinite}[data-scene=sea]{--sky: linear-gradient(to bottom, #C8D4D9 0%, #DFE0DB 40%, #ECE3D6 52%, #B3C1C3 52.2%, #C3CDCA 78%, #E4DBCB 78.2%, #E9E1D2 100%)}[data-scene=sea] .sunhaze{left:50%;top:52%;width:96cqmin;height:44cqmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(247,229,206,.7),transparent);--lo: .6;animation:scene-glow 12s ease-in-out infinite}[data-scene=sea] .swell{left:-10%;width:120%;height:max(1px,.45cqh);opacity:var(--o);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 25%,rgba(255,255,255,.5) 75%,transparent);animation:scene-roll 9s linear var(--d) infinite}[data-scene=sea] .glint{background:#fffcf4f2}[data-scene=sea] .shore{left:-10cqw;right:-10cqw;top:74%;height:9cqh;background:radial-gradient(60% 50% at 20% 50%,rgba(250,248,242,.95),transparent 70%),radial-gradient(50% 50% at 62% 55%,rgba(250,248,242,.9),transparent 70%),radial-gradient(40% 50% at 92% 45%,rgba(250,248,242,.85),transparent 70%);animation:scene-shore 12s ease-in-out infinite}[data-scene=leaves]{--sky: linear-gradient(160deg, #EFE9DE 0%, #E8DFD0 100%)}[data-scene=leaves] .window{left:14%;top:8%;width:62%;height:76%;background:radial-gradient(closest-side,rgba(255,248,232,.85),rgba(255,248,232,.35) 70%,transparent);--lo: .7;animation:scene-glow 12s ease-in-out infinite}[data-scene=leaves] .dapples{inset:0;animation:scene-sway var(--sw) ease-in-out infinite}[data-scene=leaves] .dapple,[data-scene=leaves] .shade{position:absolute;border-radius:50%}[data-scene=leaves] .dapple{background:radial-gradient(closest-side,#fffaeed9,#fffaee00);--lo: .35;animation:scene-glow var(--g) ease-in-out var(--d) infinite}[data-scene=leaves] .shade{background:radial-gradient(closest-side,#968a6e1a,#968a6e00)}[data-scene=moon]{--sky: radial-gradient(120% 90% at 50% 24%, #2C3342 0%, #1D212A 46%, #131417 100%)}[data-scene=moon] .halo{left:50%;top:28%;width:84cqmin;height:84cqmin;background:radial-gradient(closest-side,rgba(237,233,223,.24),rgba(237,233,223,.07) 45%,transparent);--lo: .4}[data-scene=moon] .moon{left:50%;top:28%;width:21cqmin;height:21cqmin;filter:drop-shadow(0 0 3cqmin rgba(237,233,223,.25))}[data-scene=stars]{--sky: linear-gradient(to bottom, #0D1016 0%, #141821 58%, #22242B 100%)}[data-scene=stars] .band{inset:-20%;background:radial-gradient(ellipse 22% 70% at 50% 50%,rgba(196,198,214,.09),transparent 70%);rotate:28deg}[data-scene=nclouds]{--sky: linear-gradient(to bottom, #1B1F28 0%, #22252D 60%, #2A2B2F 100%)}[data-scene=nclouds] .halo{left:70%;top:22%;width:64cqmin;height:64cqmin;background:radial-gradient(closest-side,rgba(226,222,212,.3),rgba(226,222,212,.08) 50%,transparent);--lo: .5}[data-scene=nclouds] .moon{left:70%;top:22%;width:10cqmin;height:10cqmin}[data-scene=aurora]{--sky: linear-gradient(to bottom, #0E1214 0%, #141A1C 55%, #1B1E1F 100%)}[data-scene=aurora] .curtain{top:4%;width:78cqw;height:58cqh;background:linear-gradient(to top,transparent 0%,var(--c) 22%,var(--c2) 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%),repeating-linear-gradient(90deg,#000 0 2px,rgba(0,0,0,.35) 2px 9px);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%),repeating-linear-gradient(90deg,#000 0 2px,#00000059 2px 9px);-webkit-mask-composite:source-in,xor;mask-composite:intersect;--lo: .3;animation:scene-sway var(--sw) ease-in-out var(--d) infinite,scene-glow var(--gl) ease-in-out var(--d2) infinite}[data-scene=fireflies]{--sky: linear-gradient(to bottom, #11131A 0%, #171A1B 55%, #1B1D17 100%)}[data-scene=fireflies] .fly{width:max(3px,.9cqmin);height:max(3px,.9cqmin);animation:scene-wander var(--w) ease-in-out var(--d) infinite}[data-scene=fireflies] .fly i{position:absolute;inset:0;border-radius:50%;background:#f0d98e;box-shadow:0 0 max(6px,2.6cqmin) max(1px,.5cqmin) #f0d98e80;--lo: .05;animation:scene-glow var(--g) ease-in-out var(--d) infinite}[data-scene=lake]{--sky: linear-gradient(to bottom, #141821 0%, #1E232E 52%, #161A21 53%, #101318 100%)}[data-scene=lake] .halo{left:30%;top:24%;width:48cqmin;height:48cqmin;background:radial-gradient(closest-side,rgba(237,233,223,.18),transparent);--lo: .55}[data-scene=lake] .moon{left:30%;top:24%;width:9cqmin;height:9cqmin}[data-scene=lake] .wisp{height:4cqh;width:60cqw;background:radial-gradient(closest-side,rgba(176,184,200,.14),transparent)}[data-scene=lake] .water{inset:53% 0 0;background:linear-gradient(to bottom,#161a21,#0f1217)}[data-scene=lake] .pool{left:30%;top:53%;width:22cqw;height:40cqh;translate:-50% 0;background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(237,233,223,.14),transparent);--lo: .6;animation:scene-glow 12s ease-in-out infinite}[data-scene=lake] .glint{background:#ede9dfcc;height:max(1px,.3cqh)}.focus-session:has(.focus-scene):before,.onboarding-stage:has(.focus-scene):before{content:"";position:absolute;left:50%;top:calc(50% + 36px);z-index:-1;width:min(680px,84%);height:340px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg) 58%,transparent),transparent);pointer-events:none}.focus-session:has(.focus-scene) .focus-actions .secondary-button{border-color:color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--surface-raised) 55%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.focus-session:has(.focus-scene) .focus-actions .secondary-button:hover:not(:disabled){background:color-mix(in srgb,var(--surface-raised) 80%,transparent)}.focus-corner{position:absolute;top:10px;right:16px;z-index:2;display:flex;gap:4px;-webkit-app-region:no-drag}.focus-corner button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:12px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease-calm),color .16s var(--ease-calm),opacity .16s var(--ease-calm)}.focus-corner button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.focus-corner button:disabled{opacity:.4;cursor:default}.focus-scene-name{position:absolute;top:60px;left:0;right:0;color:var(--ink-soft);font-size:12px;text-align:center;opacity:0;pointer-events:none;animation:scene-name 8s var(--ease-breath) .9s both}*,*:before,*:after{box-sizing:border-box;min-width:0}html{-webkit-text-size-adjust:100%}html,body{margin:0;font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}:root{--ease-breath: cubic-bezier(.4, 0, .4, 1);--ease-calm: cubic-bezier(.25, .1, .25, 1);--space-section: clamp(112px, 13vw, 192px);--space-head: clamp(56px, 6.5vw, 88px);--space-cta: clamp(48px, 5vw, 72px);--space-lead: 24px;--space-card: clamp(28px, 3vw, 40px);--space-grid: clamp(16px, 2vw, 24px);--gutter: clamp(20px, 5vw, 56px);scroll-padding-top:88px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{background:var(--surface-raised);color:var(--ink);font-size:17px;line-height:1.6}p{margin:0}h1,h2,h3{margin:0;font-weight:500}.s-wrap{width:min(1200px,100%);margin:0 auto;padding:0 var(--gutter)}.s-h2{font-size:40px;line-height:1.1;letter-spacing:-.03em;max-width:24ch}.s-lead{color:var(--ink-soft);max-width:46ch;font-size:19px}.s-h2+.s-lead{margin-top:var(--space-lead)}.s-cta-row{margin-top:var(--space-cta)}.s-center{text-align:center;display:grid;justify-items:center}.js .b{opacity:0;transform:translateY(var(--rise, 8px))}.js .in .b:not(.reveal:not(.in) .b){animation:s-breathe .82s var(--ease-breath) var(--d, 0ms) forwards}.b.s{--rise: 4px}@keyframes s-breathe{to{opacity:1;transform:translateY(0)}}@keyframes s-fade{0%{opacity:0}}@keyframes s-surface{0%{opacity:0;transform:translateY(16px)}}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h-lg);min-width:240px;padding:0 24px;border:0;border-radius:var(--r-button);background:var(--primary);color:var(--primary-ink);font:inherit;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .16s var(--ease-calm)}.s-btn:hover{background:var(--primary-hover)}.s-btn.sm{min-height:var(--h-sm);min-width:0;padding:0 14px;font-size:14px}.s-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface-raised) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .16s var(--ease-calm)}.s-nav.is-scrolled{border-bottom-color:var(--line)}.s-nav .s-wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.s-brand{display:flex;align-items:center;gap:10px;font-weight:500;font-size:17px;text-decoration:none}.s-mark{position:relative;flex:none;width:30px;height:30px;overflow:hidden;border:1px solid #D8D2C5;border-radius:50%;background:#fff}.s-mark img{position:absolute;left:var(--timi-x, -26.31%);top:var(--timi-y, -28.5%);width:var(--timi-size, 156.38%);height:var(--timi-size, 156.38%)}.s-links{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--ink-soft)}.s-links a{text-decoration:none}.s-links a:hover{color:var(--ink)}.s-theme{display:none;place-items:center;width:var(--h-sm);height:var(--h-sm);padding:0;border:0;border-radius:var(--r-button);background:transparent;color:inherit;cursor:pointer;transition:background .16s var(--ease-calm),color .16s var(--ease-calm)}.js .s-theme{display:grid}.s-theme:hover{background:var(--surface-2);color:var(--ink)}.s-hero{padding:clamp(72px,9vw,136px) 0 0}.s-hero h1{max-width:16ch;margin:0 auto;font-size:64px;line-height:1.02;letter-spacing:-.04em}.s-hero .s-sub{max-width:44ch;margin:28px auto 0;color:var(--ink-soft);font-size:19px}.s-hero .s-cta{margin-top:40px}.s-hero{overflow-x:clip}.s-hero .s-wrap{perspective:1200px}#heroStage{transform-origin:50% 0;rotate:x calc(var(--tilt, 0) * 22deg);scale:calc(1 - var(--tilt, 0) * .12)}.s-stage{position:relative;isolation:isolate;margin:clamp(64px,8vw,112px) auto 0;width:min(1056px,100%);aspect-ratio:1056 / 640;border-radius:32px;overflow:hidden;background:var(--bg-warm);display:grid;place-items:center}.s-stage.paper{background:radial-gradient(120% 90% at 50% 0%,var(--surface) 0%,var(--bg-warm) 60%,var(--bg-deep) 100%)}.s-stage.paper .focus-scene{display:none}.s-reel{position:relative;width:76%;aspect-ratio:16 / 9;border:1px solid color-mix(in srgb,var(--line-strong) 80%,transparent);border-radius:14px;overflow:hidden;background:#f4f2ed;box-shadow:0 1px 2px #2b29260f,0 30px 80px #2b29262e}.s-reel video,.s-reel img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.s-reel img{transition:opacity var(--dur-surface) var(--ease-calm)}.s-reel.is-playing img{opacity:0}.s-caption{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;font-size:13px;color:var(--ink-faint)}.s-icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease-calm),color .16s var(--ease-calm)}.s-icon-btn:hover{background:var(--surface-2);color:var(--ink)}.s-tasks{display:grid;gap:1.4cqh;width:64cqw}.s-row{display:flex;align-items:center;gap:1.6cqw;font-size:max(9px,2.2cqw)}.s-row.task{padding:2.2cqh 2.4cqw;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);font-weight:500}.s-row.step{padding:.6cqh 2.4cqw .6cqh 6cqw;color:var(--ink-soft)}.s-box{flex:none;width:max(10px,2.2cqw);height:max(10px,2.2cqw);border:1px solid var(--focus);border-radius:4px}.s-row.step .s-box{width:max(9px,1.9cqw);height:max(9px,1.9cqw)}.due{flex:none;margin-left:auto;padding:.35em .9em;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-size:max(7px,1.35cqw);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;outline:none;outline-offset:-1px;transition:background .2s var(--ease-calm),color .2s var(--ease-calm)}.due[data-p=later]{background:transparent;color:var(--ink-faint)}.due[data-p=today]{background:var(--accent-bg);color:var(--ink);outline:1px solid var(--line-strong)}.due[data-p=close]{background:var(--primary);color:var(--primary-ink)}.due[data-p=missed]{background:transparent;outline:1px solid var(--line-strong)}.due[data-p=soft]{background:transparent;color:var(--ink-faint);outline:1px dashed var(--line-strong)}.s-timi{position:absolute;right:2.4cqw;bottom:3.4cqh;z-index:4;display:flex;align-items:center;gap:1.2cqw;animation:s-surface .2s var(--ease-calm)}.s-toast{display:flex;align-items:center;height:max(22px,6.4cqh);padding:0 2cqw;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-raised);color:var(--ink);font-size:max(8px,1.8cqw);white-space:nowrap;box-shadow:0 1px 2px var(--shadow);transition:border-color .16s var(--ease-calm),background .16s var(--ease-calm)}.s-orb{flex:none;position:relative;width:max(28px,7.6cqw);height:max(28px,7.6cqw);overflow:hidden;border:1px solid #D8D2C5;border-radius:50%;background:#fff;box-shadow:0 1px 2px var(--shadow),0 8px 24px var(--shadow)}.s-orb>div{position:absolute;left:var(--timi-x);top:var(--timi-y);width:var(--timi-size);height:var(--timi-size)}.s-problem,.s-levers,.s-how,.s-privacy,.s-faq{padding:var(--space-section) 0 0}.s-turn{display:grid;gap:24px;justify-items:center}.s-turn h2{font-size:48px;line-height:1.08;letter-spacing:-.035em;max-width:18ch}.s-turn p{font-size:22px;color:var(--ink-soft)}.s-ba{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:16px;align-items:stretch;width:min(1000px,100%);margin-top:var(--space-head)}.s-ba-card{display:grid;gap:16px;align-content:center;min-height:320px;padding:var(--space-card);text-align:left;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}.s-ba-card.after{background:var(--surface-raised);box-shadow:0 1px 2px var(--shadow),0 16px 40px var(--shadow)}.s-ba-card .raw{font-size:17px;line-height:1.9;color:var(--ink-soft);white-space:pre-wrap;text-wrap:pretty}.s-ba-arrow{display:grid;place-items:center;color:var(--ink-faint)}.s-ba .s-tasks{width:100%;gap:10px;container-type:inline-size}.s-ba .s-row{font-size:16px;gap:10px}.s-ba .s-row.task{padding:16px 18px}.s-ba .s-row.step{padding:6px 18px 6px 40px}.s-ba .s-box{width:15px;height:15px}.s-ba .due{font-size:10px}.s-lever-list{margin-top:var(--space-head)}.s-lever{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,104px);align-items:center;padding:clamp(64px,8vw,120px) 0}.s-lever:first-child{padding-top:0}.s-lever:last-child{padding-bottom:0}.s-lever+.s-lever{border-top:1px solid var(--line)}.s-lever:nth-child(2n) .s-lever-text{order:2}.s-lever-text{display:grid;gap:20px;align-content:center}.s-lever-text h3{font-size:32px;line-height:1.12;letter-spacing:-.03em}.s-lever-text p{color:var(--ink-soft);max-width:40ch;font-size:18px}.s-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-soft)}.s-kicker svg{width:16px;height:16px}.s-demo{position:relative;isolation:isolate;height:380px;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--surface);container-type:size}.s-demo .s-demo-note{position:absolute;top:20px;left:24px;z-index:3;font-size:12px;color:var(--ink-faint)}.s-demo .s-tasks{position:absolute;left:50%;top:52%;translate:-50% -50%;width:80cqw;gap:10px}.s-demo .s-row{font-size:15px;gap:10px}.s-demo .s-row.task{padding:16px 18px}.s-demo .s-row.step{padding:6px 18px 6px 40px}.s-demo .s-box{width:15px;height:15px}.s-demo .due{font-size:10px}.s-demo-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.s-demo-stage:before{content:"";position:absolute;left:50%;top:52%;z-index:-1;width:80%;height:70%;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg) 58%,transparent),transparent)}.s-demo-stage strong{font-size:44px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.s-demo-stage>span{color:var(--ink-soft);font-size:15px}.s-shuffle{position:absolute;top:16px;right:16px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:12px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease-calm),color .16s var(--ease-calm),opacity .16s var(--ease-calm)}.s-shuffle:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.s-shuffle:disabled{opacity:.4;cursor:default}.s-scene-name{position:absolute;left:24px;bottom:20px;z-index:3;font-size:12px;color:var(--ink-soft)}.s-track{display:grid;gap:8px;width:240px;font-size:13px;color:var(--ink-soft);text-align:center}.s-track-bar{position:relative;height:4px;border-radius:2px;background:var(--line)}.s-track-bar i{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--ink-soft);transition:width .1s linear}.s-pile{display:grid;gap:4px;margin:0;padding:0;list-style:none;color:var(--ink-faint);font-size:14px;text-align:center}.s-dash-end{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:8px;text-align:center;background:color-mix(in srgb,var(--surface) 92%,transparent);animation:s-fade .2s var(--ease-calm)}.s-dash-end strong{font-size:22px;font-weight:500}.s-dash-end span{color:var(--ink-soft);font-size:15px}.s-demo .s-timi{right:16px;bottom:auto;top:16px}.s-demo .s-toast{height:32px;padding:0 14px;font-size:13px}.s-demo .s-orb{width:36px;height:36px}.s-say{display:grid;justify-items:center;gap:20px}.s-say .s-toast{position:relative;height:40px;padding:0 18px;font-size:14px;box-shadow:0 1px 2px var(--shadow),0 8px 24px var(--shadow)}.s-say .s-toast:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--surface-raised);transform:rotate(45deg)}.s-say .s-slot{display:grid;place-items:end center;min-height:44px}.s-say .s-slot .s-toast{animation:s-breathe-in .82s var(--ease-breath)}@keyframes s-breathe-in{0%{opacity:0;transform:translateY(4px)}}.s-say .s-orb{width:104px;height:104px}.s-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-grid);margin:var(--space-head) 0 0;padding:0;list-style:none}.s-step{display:grid;gap:12px;align-content:start;padding:var(--space-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-raised)}.s-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);font-size:13px;font-weight:500}.s-step h3{margin-top:16px;font-size:22px;letter-spacing:-.02em}.s-step p{color:var(--ink-soft);font-size:16px}.s-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:var(--space-head);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--line)}.s-fact{display:grid;grid-template-columns:22px 1fr;gap:16px;padding:var(--space-card);background:var(--surface-raised)}.s-fact svg{width:18px;height:18px;margin-top:3px;color:var(--ink-soft)}.s-fact p{color:var(--ink-soft);font-size:16px}.s-fact b{display:block;margin-bottom:6px;color:var(--ink);font-weight:500}.s-faq-list{width:min(760px,100%);margin:var(--space-head) auto 0;border-top:1px solid var(--line)}.s-faq-list details{border-bottom:1px solid var(--line)}.s-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4px;font-weight:500;cursor:pointer;list-style:none}.s-faq-list summary::-webkit-details-marker{display:none}.s-faq-list summary svg{flex:none;color:var(--ink-faint);transition:transform .2s var(--ease-calm)}.s-faq-list details[open] summary svg{transform:rotate(45deg)}.s-faq-list details p{padding:0 4px 28px;color:var(--ink-soft);max-width:58ch}.s-final{margin:var(--space-section) 0 0;padding:var(--space-section) 0;background:var(--bg-warm)}.s-final .s-turn h2{font-size:56px}.s-footer{padding:0 0 56px;background:var(--bg-warm);font-size:13px;color:var(--ink-faint)}.s-footer .s-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:32px;border-top:1px solid var(--line)}.s-footer nav{display:flex;gap:20px}.s-footer a{text-decoration:none}@media(max-width:700px){.s-links a:not(.s-btn){display:none}.s-hero h1{font-size:42px}.s-hero .s-sub{font-size:17px}.s-stage{aspect-ratio:4 / 3;border-radius:24px}.s-reel{width:92%;border-radius:10px}.s-h2{font-size:32px}.s-turn h2,.s-final .s-turn h2{font-size:34px}.s-turn p{font-size:18px}.s-ba{grid-template-columns:minmax(0,1fr)}.s-ba-arrow{transform:rotate(90deg);height:24px}.s-ba-card{min-height:0}.s-lever{grid-template-columns:minmax(0,1fr);gap:32px}.s-lever:nth-child(2n) .s-lever-text{order:0}.s-lever-text h3{font-size:26px}.s-lever-text p,.s-lead{font-size:17px}.s-demo{height:340px}.s-demo .s-tasks{width:90cqw}.s-demo .s-row{font-size:14px}.s-demo .s-row.step,.s-ba .s-row.step{padding-left:30px}.s-steps,.s-facts{grid-template-columns:minmax(0,1fr)}.s-demo .s-timi .s-toast{display:none}}@media(prefers-reduced-motion:reduce){.js .b{opacity:1;transform:none}.js .in .b:not(.reveal:not(.in) .b){animation:none}#heroStage{rotate:none;scale:none}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}
