@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__bPlD8q__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__bPlD8q__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__VkLvga__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__VkLvga__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--bg:#060909;--bg-2:#0a1010;--pane:#070b0b;--panel:#ffffff06;--panel-2:#ffffff0a;--line:#ffffff0f;--line-2:#ffffff1c;--text:#e9efed;--muted:#8a9694;--faint:#56625f;--accent:#2dd4bf;--accent-soft:#36e9c2;--accent-press:#14b8a6;--danger:#f0a072;--font:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;border-color:var(--line);margin:0;padding:0}html{scroll-behavior:smooth;background:#050707}html,body{overflow-x:clip}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(130% 90% at 50% -10%,#0d1817 0%,#081010 38%,#050808 70%,#040606 100%) fixed;min-height:100vh;font-size:16px;line-height:1.6}::selection{color:#fff;background:#2dd4bf4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff26 padding-box padding-box}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}img,video{max-width:100%;display:block}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1;letter-spacing:-.01em}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:11.5px;font-weight:500}.eyebrow b{color:var(--accent);font-weight:600}.glow{color:#eafffb;text-shadow:0 0 28px #2dd4bf66,0 0 64px #2dd4bf2e}.atmos{pointer-events:none;z-index:90;position:fixed;inset:0}.atmos:before{content:"";background:radial-gradient(115% 95% at 50% 32%,#0000 46%,#00000073 86%,#000000b3 100%);position:absolute;inset:0}.atmos:after{content:"";opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes ping{0%{opacity:.8;transform:scale(.4)}70%,to{opacity:0;transform:scale(1.4)}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.live-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;position:relative;box-shadow:0 0 10px #2dd4bf99}.live-dot:after{content:"";border:1px solid var(--accent);opacity:0;border-radius:50%;animation:2.4s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}nav.site{z-index:100;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}nav.site.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#060909b8}.nav-inner{align-items:center;gap:32px;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{font-family:var(--mono);letter-spacing:-.02em;align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.logo .dim{color:var(--faint)}.nav-links{gap:26px;margin-left:12px;display:flex}.nav-links a{color:var(--muted);font-size:13.5px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{align-items:center;gap:14px;margin-left:auto;display:flex}.nav-cta .ghost-link{color:var(--muted);font-size:13.5px;font-weight:500}.nav-cta .ghost-link:hover{color:var(--text)}.btn{letter-spacing:-.01em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 19px;font-size:14px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04211c;box-shadow:0 0 24px #2dd4bf40}.btn-primary:hover{background:var(--accent-soft);box-shadow:0 0 34px #2dd4bf66}.btn-ghost{border-color:var(--line-2);color:var(--text);background:#ffffff05}.btn-ghost:hover{background:#2dd4bf0d;border-color:#2dd4bf66}.btn-sm{border-radius:7px;height:34px;padding:0 14px;font-size:13px}.btn-lg{border-radius:11px;gap:11px;height:58px;padding:0 32px;font-size:17px}.btn-lg.btn-primary{box-shadow:0 0 40px #2dd4bf59}.btn-lg.btn-primary:hover{box-shadow:0 0 54px #2dd4bf80}.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translate(3px)}.text-link{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--accent-soft)}.text-link svg{width:14px;height:14px}.recess{background:var(--bg-2);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:120px 0 40px;display:flex;position:relative;overflow:hidden}.wall{z-index:0;pointer-events:none;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-auto-rows:50px;align-content:start;gap:8px;padding:8px;display:grid;position:absolute;inset:-12px}.wcell{background:var(--bg-2);border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 1px 1px #ffffff06,inset 0 -2px 3px #00000080}.wcell:before{content:"";background:var(--pane);border-radius:2px;position:absolute;inset:17%;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #ffffff05}.wcell.on:after{content:"";animation:4.5s ease-in-out infinite breathe;animation-delay:var(--cd,0s);background:radial-gradient(120% 120% at 50% 36%,#36e9c22e,#0000 64%);border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2dd4bf80,inset 0 0 14px #36e9c247,0 0 12px #2dd4bf24}.wall-spot{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),#2dd4bf21,transparent 70%);position:absolute;inset:0}.wall-scan{z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 44%,#36e9c20b 50%,#0000 56%) 0 0/300% 100%;animation:11s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{background-position:120% 0}to{background-position:-120% 0}}.wall-fog{z-index:1;pointer-events:none;background:radial-gradient(110% 80% at 50% 30%,transparent 18%,#0609098c 60%,#060909eb 92%),linear-gradient(to bottom,#06090980,#06090914 34%,#0609091f 62%,var(--bg) 97%);position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:1fr 400px;align-items:center;gap:72px;display:grid;position:relative}.hero-grid .hero-copy{order:1}.hero-grid .habit{order:2}.hero-grid:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(54% 54%,#020404fc 0%,#020404f2 46%,#030606b8 70%,#0000 100%);width:min(1400px,118vw);height:170%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-copy{text-align:left;max-width:600px}.hero-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin-bottom:26px;font-size:11.5px;display:inline-flex}.hero-tag b{color:var(--accent-soft);font-weight:600}h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(44px,6.4vw,80px);font-weight:800;line-height:1}.hero-sub{color:var(--muted);max-width:520px;font-size:clamp(16px,1.9vw,18.5px);line-height:1.65}.hero-sub b{color:var(--text);font-weight:600}.hero-ctas{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.hero-copy .hero-ctas{justify-content:flex-end;gap:28px;margin-top:40px}.hero-copy .text-link{font-size:15.5px}.hero-copy .hero-proof{justify-content:flex-end}.hero-proof{align-items:center;gap:10px;margin-top:30px;display:flex}.hero-proof .faces{display:flex}.hero-proof .face{background:var(--pane);width:26px;height:26px;font-family:var(--mono);color:var(--accent-soft);border-radius:7px;justify-content:center;align-items:center;margin-left:-6px;font-size:9px;display:flex;box-shadow:inset 0 0 0 1px #2dd4bf40}.hero-proof .face:first-child{margin-left:0}.hero-proof span{font-family:var(--mono);color:var(--faint);font-size:11.5px}.habit{background:#091010;border-radius:14px;padding:22px 20px 20px;transition:box-shadow .6s;position:relative;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 1px 1px #ffffff0a,inset 0 -3px 6px #0000008c,0 40px 110px -30px #000000d9,0 -30px 90px -70px #2dd4bf59}.habit.complete{box-shadow:inset 0 0 0 1px #2dd4bf73,inset 0 0 26px #36e9c21f,0 40px 110px -30px #000000d9,0 0 50px #2dd4bf24}.h-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.h-day{align-items:baseline;gap:9px;display:flex}.h-day .d-label{font-family:var(--mono);letter-spacing:.16em;color:var(--faint);text-transform:uppercase;font-size:10.5px}.h-day .d-num{font-family:var(--mono);letter-spacing:-.03em;color:#eafffb;text-shadow:0 0 24px #2dd4bf66,0 0 56px #2dd4bf29;font-size:30px;font-weight:700;transition:transform .3s}.h-day .d-num.bump{transform:scale(1.12)}.h-flame{font-family:var(--mono);color:var(--accent-soft);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.h-flame svg{width:14px;height:14px;stroke:var(--accent);filter:drop-shadow(0 0 6px #2dd4bf99)}.h-snd{color:var(--faint);border-radius:6px;align-items:center;padding:5px;transition:color .2s,background .2s;display:inline-flex}.h-snd:hover{color:var(--muted);background:#ffffff0a}.h-snd svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.h-sub{font-family:var(--mono);color:var(--faint);margin-bottom:14px;font-size:11px}.h-rows{flex-direction:column;gap:8px;display:flex}.hrow{text-align:left;background:var(--bg-2);border-radius:6px;align-items:center;gap:12px;width:100%;max-height:72px;padding:12px 14px;transition:background .2s,box-shadow .2s,opacity .45s,transform .45s,max-height .45s,padding .45s,margin .45s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.hrow:hover{box-shadow:inset 0 0 0 1px #2dd4bf4d,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.hrow .hname{color:#c9d4d1;order:1;font-size:14px;font-weight:500}.hrow .hcount{font-family:var(--mono);color:var(--faint);order:2;margin-left:auto;font-size:11.5px}.hrow .hbox{background:var(--bg-2);border-radius:4px;flex:none;order:3;width:27px;height:27px;transition:box-shadow .3s;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 3px #0000008c}.hrow .hbox:before{content:"";background:var(--pane);border-radius:2px;transition:background .3s,box-shadow .3s;position:absolute;inset:19%;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #ffffff05}.hrow .hbox svg{z-index:1;stroke:#04211c;stroke-width:3.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .3s 80ms;position:absolute;inset:6px}.hrow.checked{background:linear-gradient(180deg,#36e9c20d,transparent 60%),var(--bg-2);box-shadow:inset 0 0 0 1px #2dd4bf73,inset 0 0 16px #36e9c221,0 0 14px #2dd4bf1a}.hrow.checked .hbox{box-shadow:inset 0 0 0 1px #2dd4bf99,inset 0 0 10px #36e9c259,0 0 14px #2dd4bf4d}.hrow.checked .hbox:before{background:var(--accent);box-shadow:0 0 16px #2dd4bfa6,inset 0 1px 1px #ffffff59}.hrow.checked .hbox svg{stroke-dashoffset:0}.hrow.checked .hname{color:var(--faint);-webkit-text-decoration:line-through #2dd4bf80;text-decoration:line-through #2dd4bf80}.hrow.checked .hcount{color:var(--accent-soft)}.hrow.gone{opacity:0;pointer-events:none;max-height:0;margin-top:-8px;padding-top:0;padding-bottom:0;transform:translate(14px)}.h-bar{background:#ffffff0f;border-radius:99px;height:3px;margin:16px 0 0;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.h-bar i{height:100%;width:calc(var(--p,0)*1%);background:linear-gradient(90deg,var(--accent-press),var(--accent-soft));border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 0 12px #2dd4bf80}.h-done{background:var(--bg-2);opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;font-size:13px;font-weight:500;transition:opacity .5s,transform .5s;display:flex;transform:translateY(6px);box-shadow:inset 0 0 0 1px #2dd4bf73,inset 0 0 16px #36e9c224}.habit.complete .h-done{opacity:1;transform:none}.h-done .tick{background:var(--accent);border-radius:5px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 0 12px #2dd4bf80}.h-done .tick svg{stroke:#04211c;stroke-width:3.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.h-done b{color:#eafffb;font-weight:600}.h-done .h-url{font-family:var(--mono);color:var(--accent-soft);font-size:11px}.h-try{text-align:center;font-family:var(--mono);letter-spacing:.1em;color:var(--faint);text-transform:uppercase;margin-top:12px;font-size:10.5px}.h-try b{color:var(--muted);font-weight:500}.ticker-sec{z-index:2;padding:72px 0 0;position:relative}.ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker-track{gap:12px;width:max-content;animation:46s linear infinite scroll;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.tk{white-space:nowrap;background:var(--bg-2);border-radius:8px;align-items:center;gap:11px;padding:10px 17px 10px 11px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.tk .avatar{background:var(--pane);width:26px;height:26px;font-size:10px;font-family:var(--mono);color:var(--accent-soft);border-radius:6px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #2dd4bf47}.tk b{color:var(--accent-soft);font-weight:600}.tk .day{font-family:var(--mono);color:#eafffb;font-size:12px}.tk .dot-sep{background:var(--faint);border-radius:50%;width:3px;height:3px}.stats{padding:110px 0 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.stat{text-align:center;background:var(--bg-2);border-radius:10px;padding:30px 12px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.stat .num{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#eafffb;text-shadow:0 0 24px #2dd4bf4d,0 0 56px #2dd4bf1f;font-size:clamp(26px,3.4vw,38px);font-weight:700}.stat .cap{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);text-transform:uppercase;margin-top:8px;font-size:11.5px}section{position:relative}.sec-pad{padding:150px 0 0}.sec-head{max-width:640px}.sec-head.center{text-align:center;margin:0 auto}h2{letter-spacing:-.04em;margin:16px 0 18px;font-size:clamp(32px,4.6vw,52px);font-weight:800;line-height:1.06}.sec-sub{color:var(--muted);font-size:17px;line-height:1.65}.feat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px;display:grid}.feat{background:var(--bg-2);border-radius:12px;padding:10px;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.feat:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #2dd4bf47,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080,0 0 30px #2dd4bf14}.feat-media{aspect-ratio:16/10;background:var(--pane);border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 2px #000000b3}.feat-media video{object-fit:cover;width:100%;height:100%;transform:scale(1.03)}.feat-body{padding:20px 16px 16px}.feat-body h3{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17.5px;font-weight:700;display:flex}.feat-body h3 svg{width:16px;height:16px;stroke:var(--accent);filter:drop-shadow(0 0 6px #2dd4bf80);flex:none}.feat-body p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.65}.feat-body .src{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.src span{font-family:var(--mono);color:var(--faint);letter-spacing:.04em;background:var(--pane);border-radius:5px;padding:4px 9px;font-size:10.5px;font-weight:500;box-shadow:inset 1px 1px 2px #0009,inset 0 0 0 1px #ffffff05}.how-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid}.how{border-top:1px solid var(--line-2);padding-top:26px;position:relative}.how .n{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;text-shadow:0 0 12px #2dd4bf66;font-size:12px;font-weight:600}.how h3{letter-spacing:-.02em;margin:10px 0;font-size:19px;font-weight:700}.how p{color:var(--muted);font-size:14.5px}.how .mini{background:var(--bg-2);border-radius:9px;flex-direction:column;gap:10px;margin-top:20px;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.mini-row{font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;font-size:12.5px;font-weight:500;display:flex}.mini-row svg{width:14px;height:14px;stroke:var(--faint);flex:none}.mini-row .ok{stroke:var(--accent);filter:drop-shadow(0 0 5px #2dd4bf80)}.toggle{background:#ffffff14;border-radius:100px;flex:none;width:30px;height:17px;margin-left:auto;position:relative;box-shadow:inset 0 1px 2px #00000080}.toggle:after{content:"";background:#9aa5a2;border-radius:50%;width:13px;height:13px;transition:transform .25s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--accent-press);box-shadow:inset 0 1px 2px #0000004d,0 0 10px #2dd4bf4d}.toggle.on:after{background:#eafffb;transform:translate(13px)}.mini-link{font-family:var(--mono);color:var(--accent-soft);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.mini-link svg{width:13px;height:13px;stroke:var(--accent-soft)}.tap{background:var(--bg-2);border-radius:12px;margin-top:18px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.tap-media{background:var(--pane);aspect-ratio:21/8;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 2px #000000b3}.tap-media video{object-fit:cover;width:100%;height:100%}.tap-media:before{content:"";z-index:1;background:linear-gradient(90deg,#060909e0 0%,#0609098c 34%,#0000 60%);position:absolute;inset:0}.tap-copy{z-index:2;max-width:340px;position:absolute;top:50%;left:34px;transform:translateY(-50%)}.tap-copy h3{letter-spacing:-.03em;font-size:22px;font-weight:800}.tap-copy p{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.show,.wallband{margin-top:150px;position:relative;overflow:hidden}.show-media,.wallband-media{height:clamp(480px,72vh,680px);position:relative}.wallband-media{height:clamp(420px,64vh,620px)}.show-media video,.wallband-media video{object-fit:cover;will-change:transform;width:100%;height:100%;transform:scale(1.12)}.wallband-media video{transform:scale(1.08)}.show-media:after{content:"";background:linear-gradient(to bottom,var(--bg) 0%,transparent 22%,transparent 55%,#060909eb 88%,var(--bg) 100%);position:absolute;inset:0}.wallband-media:after{content:"";background:linear-gradient(to bottom,var(--bg) 0%,transparent 24%,transparent 60%,#060909e6 90%,var(--bg) 100%);position:absolute;inset:0}.show-copy,.wallband-copy{z-index:2;text-align:center;position:absolute;bottom:64px;left:0;right:0}.wallband-copy{bottom:56px}.show-copy h2,.wallband-copy h2{max-width:760px;margin:14px auto 12px}.show-copy p{color:#e9efed99;max-width:520px;margin:0 auto 26px;font-size:16px}.wallband-copy p{font-family:var(--mono);letter-spacing:.06em;color:#e9efed8c;font-size:12.5px}.sci-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin-top:56px;margin-left:auto;margin-right:auto;display:grid}.sci{background:var(--bg-2);text-align:left;border-radius:12px;padding:30px 30px 26px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.sci .big{font-family:var(--mono);letter-spacing:-.04em;color:#eafffb;text-shadow:0 0 26px #2dd4bf61,0 0 60px #2dd4bf26;font-size:clamp(38px,4.6vw,54px);font-weight:700;line-height:1}.sci .big small{color:var(--muted);text-shadow:none;margin-left:6px;font-size:.45em;font-weight:500}.sci .claim{color:#b9c4c1;margin-top:14px;font-size:14.5px;line-height:1.65}.sci .claim b{color:#eafffb;font-weight:600}.sci .srcline{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);align-items:center;gap:8px;margin-top:18px;font-size:10.5px;display:flex}.sci .srcline:before{content:"";background:#2dd4bf80;width:14px;height:1px}.sci-note{text-align:center;max-width:640px;color:var(--faint);margin:36px auto 0;font-size:14px}.sci-note b{color:var(--muted);font-weight:600}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;display:flex}.demo-frame{background:#091010;border-radius:14px;margin-top:40px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 1px 1px #ffffff0a,inset 0 -3px 6px #0000008c,0 40px 110px -30px #000000d9,0 -30px 90px -70px #2dd4bf4d}.demo-bar{align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.demo-bar .durl{font-family:var(--mono);color:var(--muted);background:var(--pane);border-radius:6px;align-items:center;gap:8px;padding:6px 13px;font-size:12px;display:inline-flex;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #ffffff05}.demo-bar .durl .u-dim{color:var(--faint)}.demo-bar .dlive{font-family:var(--mono);letter-spacing:.14em;color:var(--accent-soft);align-items:center;gap:7px;margin-left:auto;font-size:10.5px;font-weight:600;display:inline-flex}.demo-frame iframe{background:var(--pane);border:0;border-radius:6px;width:100%;height:620px;display:block;box-shadow:inset 1px 1px 2px #000000b3}.demo-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:26px;display:flex}.quotes{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px;display:grid}.quote{background:var(--bg-2);border-radius:12px;flex-direction:column;gap:20px;padding:26px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.quote p{color:#b9c4c1;font-size:14.5px;line-height:1.7}.quote p b{color:#eafffb;font-weight:600}.q-who{align-items:center;gap:12px;margin-top:auto;display:flex}.q-who .avatar{background:var(--pane);width:36px;height:36px;font-size:11.5px;font-family:var(--mono);color:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #2dd4bf47}.q-who .nm{font-size:13.5px;font-weight:600}.q-who .hd{font-family:var(--mono);color:var(--faint);font-size:11.5px}.price-grid{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:14px;margin-top:56px;display:grid}.plan{background:var(--bg-2);border-radius:14px;flex-direction:column;padding:32px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.plan.pro:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 50% 20%,#36e9c21a,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2dd4bf80,inset 0 0 24px #36e9c224,0 0 40px #2dd4bf1f}.plan .p-name{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.plan .p-name .rec{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);background:var(--pane);border-radius:5px;padding:4px 8px;font-size:9.5px;font-weight:600;box-shadow:inset 0 0 0 1px #2dd4bf59}.plan .p-price{font-family:var(--mono);letter-spacing:-.04em;color:#eafffb;margin:14px 0 2px;font-size:42px;font-weight:700}.plan.pro .p-price{text-shadow:0 0 28px #2dd4bf59}.plan .p-price small{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:500}.plan .p-cap{font-family:var(--mono);color:var(--faint);font-size:12px}.plan ul{flex-direction:column;gap:12px;margin:26px 0 30px;list-style:none;display:flex}.plan li{color:#b9c4c1;align-items:flex-start;gap:11px;font-size:14px;display:flex}.plan li svg{width:15px;height:15px;stroke:var(--accent);filter:drop-shadow(0 0 5px #2dd4bf66);flex:none;margin-top:4px}.plan .btn{z-index:1;width:100%;position:relative}.faq{max-width:720px;margin:56px auto 0}.faq details{border-bottom:1px solid var(--line)}.faq summary{letter-spacing:-.01em;cursor:pointer;color:#c9d4d1;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:16px;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq summary:hover{color:#fff}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:16px;height:16px;stroke:var(--faint);flex:none;transition:transform .3s,stroke .3s}.faq details[open] summary svg{stroke:var(--accent);transform:rotate(45deg)}.faq .a{color:var(--muted);max-width:640px;padding:0 4px 24px;font-size:14.5px;line-height:1.7}.final{text-align:center;padding:170px 0 150px;position:relative;overflow:hidden}.final:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#2dd4bf14,#0000 70%);width:900px;height:900px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.final h2{max-width:760px;margin-left:auto;margin-right:auto}.final .sec-sub{max-width:480px;margin:0 auto 34px}.final .hero-ctas{justify-content:center;margin-top:0}.mini-wall{grid-template-columns:repeat(22,1fr);gap:7px;max-width:820px;margin:64px auto 0;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.mw{aspect-ratio:1;background:var(--bg-2);border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 1px 1px #ffffff06,inset 0 -2px 3px #00000080}.mw:before{content:"";background:var(--pane);border-radius:2px;position:absolute;inset:22%;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #ffffff05}.mw.on:after{content:"";animation:4.5s ease-in-out infinite breathe;animation-delay:var(--cd,0s);background:radial-gradient(120% 120% at 50% 36%,#36e9c233,#0000 64%);border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2dd4bf80,inset 0 0 14px #36e9c24d,0 0 12px #2dd4bf26}footer{border-top:1px solid var(--line);z-index:2;padding:56px 0 48px;position:relative}.f-grid{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.f-brand p{color:var(--faint);max-width:260px;margin-top:12px;font-size:13px}.f-cols{flex-wrap:wrap;gap:72px;display:flex}.f-col h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-size:11px;font-weight:600}.f-col a{color:var(--muted);padding:5px 0;font-size:13.5px;transition:color .2s;display:block}.f-col a:hover{color:var(--text)}.f-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:52px;padding-top:24px;display:flex}.f-bottom span{font-family:var(--mono);color:var(--faint);font-size:11.5px}.f-status{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:inline-flex}.auth-wrap{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 60px;display:flex;position:relative}.auth-card{background:#091010;border-radius:14px;width:100%;max-width:400px;padding:34px 32px;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 1px 1px #ffffff0a,inset 0 -3px 6px #0000008c,0 40px 110px -30px #000000d9}.auth-card h1{letter-spacing:-.03em;margin-bottom:6px;font-size:26px}.auth-card .sub{color:var(--muted);margin-bottom:26px;font-size:14px}.field{margin-bottom:16px}.field label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;font-size:11px;display:block}.field .prefix{background:var(--pane);border-radius:8px;align-items:center;display:flex;overflow:hidden;box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #ffffff0a}.field .prefix span{font-family:var(--mono);color:var(--faint);white-space:nowrap;padding:0 2px 0 13px;font-size:13px}.field input{background:var(--pane);border-radius:8px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14.5px;transition:box-shadow .2s;box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #ffffff0a}.field .prefix input{box-shadow:none;background:0 0;padding-left:2px}.field input:focus{box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #2dd4bf80,0 0 14px #2dd4bf1f}.field input::placeholder{color:var(--faint)}.auth-err{color:var(--danger);background:#f0a07214;border-radius:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;box-shadow:inset 0 0 0 1px #f0a0724d}.auth-google{gap:10px;width:100%}.auth-divider{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:10.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-foot{text-align:center;color:var(--muted);margin-top:22px;font-size:13.5px}.auth-foot a{color:var(--accent-soft);font-weight:600}.auth-card .btn{width:100%;margin-top:6px}.ob-wrap{z-index:2;max-width:640px;margin:0 auto;padding:96px 24px 80px;position:relative}.ob-head{margin-bottom:26px}.ob-head h1{letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(30px,5vw,44px);font-weight:800}.ob-sub{color:var(--muted);max-width:460px;font-size:16px}.ob-progress{background:#ffffff0f;border-radius:99px;height:4px;margin-top:22px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.ob-progress i{background:linear-gradient(90deg,var(--accent-press),var(--accent-soft));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 0 12px #2dd4bf80}.ob-step{background:var(--bg-2);border-radius:14px;margin-top:14px;padding:24px 26px;transition:box-shadow .4s,opacity .3s;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -3px 6px #00000080}.ob-step.done{box-shadow:inset 0 0 0 1px #2dd4bf59,inset 0 0 20px #36e9c214,inset 0 -3px 6px #00000080}.ob-step.locked{opacity:.45;pointer-events:none}.ob-step-h{align-items:center;gap:13px;display:flex}.ob-step-h h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.ob-tick{background:var(--bg-2);border-radius:6px;flex:none;width:28px;height:28px;transition:box-shadow .3s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px 1px #ffffff0a,inset 0 -2px 3px #0000008c}.ob-tick:before{content:"";background:var(--pane);border-radius:3px;transition:background .3s,box-shadow .3s;position:absolute;inset:20%;box-shadow:inset 1px 1px 2px #000000b3}.ob-tick svg{z-index:1;stroke:#04211c;stroke-width:3.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s;position:absolute;inset:7px}.ob-tick.done{box-shadow:inset 0 0 0 1px #2dd4bf99,inset 0 0 10px #36e9c259,0 0 14px #2dd4bf4d}.ob-tick.done:before{background:var(--accent);box-shadow:0 0 16px #2dd4bf99,inset 0 1px 1px #ffffff59}.ob-tick.done svg{opacity:1}.ob-body{margin-top:12px;padding-left:41px}.ob-points{flex-direction:column;gap:11px;margin-bottom:20px;list-style:none;display:flex}.ob-points li{color:var(--muted);padding-left:18px;font-size:14px;line-height:1.6;position:relative}.ob-points li:before{content:"";background:var(--accent);border-radius:2px;width:6px;height:6px;position:absolute;top:9px;left:0;box-shadow:0 0 8px #2dd4bf80}.ob-points li b{color:var(--text);font-weight:600}.ob-hint{color:var(--muted);margin-bottom:14px;font-size:13.5px}.ob-handle{flex-wrap:wrap;gap:10px;display:flex}.ob-handle .prefix{flex:1;min-width:220px}.ob-handle .btn{white-space:nowrap}.ob-err{color:var(--danger);background:#f0a07214;border-radius:8px;margin-top:12px;padding:10px 13px;font-size:13px;box-shadow:inset 0 0 0 1px #f0a0724d}.ob-ok{font-family:var(--mono);color:var(--muted);margin-top:12px;font-size:12.5px}.ob-ok b{color:var(--accent-soft)}.ob-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ob-chip{color:var(--muted);background:var(--bg-2);border-radius:8px;padding:8px 13px;font-size:13px;font-weight:500;transition:color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -2px 3px #00000073}.ob-chip:hover{color:var(--accent-soft);box-shadow:inset 0 0 0 1px #2dd4bf66,inset 0 0 12px #36e9c21a}.ob-add{gap:10px;margin-bottom:16px;display:flex}.ob-add input{background:var(--pane);border-radius:8px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px;box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #ffffff0a}.ob-add input:focus{box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #2dd4bf80}.ob-habits{flex-direction:column;gap:8px;display:flex}.ob-habit{background:var(--bg-2);border-radius:8px;align-items:center;gap:12px;padding:11px 14px;display:flex;box-shadow:inset 0 0 0 1px #2dd4bf47,inset 0 0 12px #36e9c214,inset 0 -2px 4px #00000080}.ob-habit .hbox{background:var(--bg-2);border-radius:4px;flex:none;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #2dd4bf80}.ob-habit .hbox:before{content:"";background:var(--accent);border-radius:2px;position:absolute;inset:19%;box-shadow:0 0 12px #2dd4bf80}.ob-habit .hbox svg{z-index:1;stroke:#04211c;stroke-width:3.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:5px}.ob-habit .nm{font-size:14px;font-weight:500}.ob-habit .icon-btn{margin-left:auto}.ob-finish{text-align:center;margin-top:26px}.ob-finish .btn{min-width:260px}.ob-finish-hint{font-family:var(--mono);letter-spacing:.04em;color:var(--faint);text-transform:uppercase;margin-top:12px;font-size:11px}.dash{z-index:2;max-width:760px;margin:0 auto;padding:96px 24px 80px;position:relative}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;display:flex}.dash-head h1{letter-spacing:-.03em;font-size:24px}.dash-head .sub{font-family:var(--mono);color:var(--faint);margin-top:4px;font-size:12px}.dash-head .sub a{color:var(--accent-soft)}.dash-band{grid-template-columns:auto 1fr;align-items:center;gap:26px;margin:22px 0 8px;padding:22px 24px;display:grid}.dash-band .d-num{font-family:var(--mono);letter-spacing:-.04em;color:#eafffb;text-shadow:0 0 28px #2dd4bf66,0 0 64px #2dd4bf2e;font-size:64px;font-weight:700;line-height:.9}.dash-band .d-lab{font-family:var(--mono);letter-spacing:.18em;color:var(--faint);text-transform:uppercase;margin-bottom:6px;font-size:10.5px}.dash-band .band-r{font-family:var(--mono);color:var(--muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.dash-band .band-r b{color:#eafffb}.dash-h2{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;margin:38px 0 14px;font-size:11px;font-weight:600;display:flex}.dash-h2:after{content:"";background:var(--line);flex:1;height:1px}.dash-rows{flex-direction:column;gap:8px;display:flex}.drow{background:var(--bg-2);border-radius:8px;align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.drow.on{box-shadow:inset 0 0 0 1px #2dd4bf66,inset 0 0 14px #36e9c21a,inset 0 -2px 4px #00000080}.dcheck{background:var(--bg-2);cursor:pointer;border-radius:5px;flex:none;width:30px;height:30px;transition:box-shadow .3s;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 3px #0000008c}.dcheck:before{content:"";background:var(--pane);border-radius:3px;transition:background .3s,box-shadow .3s;position:absolute;inset:19%;box-shadow:inset 1px 1px 2px #000000b3}.dcheck svg{z-index:1;stroke:#04211c;stroke-width:3.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s;position:absolute;inset:7px}.dcheck.done{box-shadow:inset 0 0 0 1px #2dd4bf99,inset 0 0 10px #36e9c259,0 0 14px #2dd4bf4d}.dcheck.done:before{background:var(--accent);box-shadow:0 0 16px #2dd4bfa6,inset 0 1px 1px #ffffff59}.dcheck.done svg{opacity:1}.dcheck.busy{opacity:.5;pointer-events:none}.drow .dinfo{flex:1;min-width:0}.drow .dname{font-size:15px;font-weight:600}.drow .dmeta{font-family:var(--mono);color:var(--faint);margin-top:2px;font-size:11px}.drow .dmeta b{color:var(--accent-soft)}.drow .dctl{align-items:center;gap:12px;display:flex}.pubtog{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);cursor:pointer;align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.pubtog .toggle{margin-left:0}.icon-btn{width:28px;height:28px;color:var(--faint);border-radius:6px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.icon-btn:hover{color:var(--danger);background:#ffffff0a}.icon-btn svg{width:15px;height:15px}.add-habit{gap:10px;margin-top:14px;display:flex}.add-habit input{background:var(--pane);border-radius:8px;outline:none;flex:1;height:44px;padding:0 14px;font-size:14px;box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #ffffff0a}.add-habit input:focus{box-shadow:inset 1px 1px 2px #000000b3,inset 0 0 0 1px #2dd4bf80}.dash-empty{text-align:center;color:var(--faint);padding:30px 0;font-size:14px}.pp{z-index:2;max-width:760px;margin:0 auto;padding:44px 20px 0;position:relative}.pp-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pp-ava{background:var(--pane);width:56px;height:56px;font-family:var(--mono);color:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #2dd4bf4d,inset 0 0 18px #36e9c226}.pp-id h1{letter-spacing:-.02em;font-size:21px;font-weight:800}.pp-id .hd{font-family:var(--mono);color:var(--faint);font-size:12px}.pp-side{align-items:center;gap:10px;margin-left:auto;display:flex}.watchers{font-family:var(--mono);color:var(--muted);background:var(--bg-2);border-radius:7px;align-items:center;gap:8px;padding:8px 13px;font-size:11.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -2px 3px #00000073}.watchers b{color:var(--accent-soft);font-weight:600}.pp-bio{color:var(--muted);max-width:520px;margin-top:14px;font-size:14.5px}.band{grid-template-columns:auto 1fr;align-items:center;gap:26px;margin-top:28px;padding:24px 26px;display:grid}.band .d-num{font-family:var(--mono);letter-spacing:-.04em;color:#eafffb;text-shadow:0 0 28px #2dd4bf66,0 0 64px #2dd4bf2e;font-size:76px;font-weight:700;line-height:.9}.band .d-lab{font-family:var(--mono);letter-spacing:.18em;color:var(--faint);text-transform:uppercase;margin-bottom:6px;font-size:10.5px}.band-r{flex-direction:column;gap:12px;display:flex}.band-row{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.band-row .flame{color:var(--accent-soft);align-items:center;gap:6px;display:inline-flex}.band-row .flame svg{width:13px;height:13px;stroke:var(--accent);filter:drop-shadow(0 0 6px #2dd4bf99)}.tbar{background:#ffffff0f;border-radius:99px;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.tbar i{background:linear-gradient(90deg,var(--accent-press),var(--accent-soft));border-radius:99px;height:100%;display:block;box-shadow:0 0 12px #2dd4bf80}.tcap{font-family:var(--mono);color:var(--faint);font-size:11px}.pp h2{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;margin:42px 0 14px;font-size:11px;font-weight:600;display:flex}.pp h2:after{content:"";background:var(--line);flex:1;height:1px}.today{flex-direction:column;gap:8px;display:flex}.trow{background:var(--bg-2);border-radius:8px;align-items:center;gap:12px;padding:12px 15px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.trow.done{box-shadow:inset 0 0 0 1px #2dd4bf59,inset 0 0 14px #36e9c21a,inset 0 -2px 4px #00000080}.tbox{background:var(--bg-2);border-radius:4px;flex:none;order:3;width:25px;height:25px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 3px #0000008c}.tbox:before{content:"";background:var(--pane);border-radius:2px;position:absolute;inset:19%;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #ffffff05}.trow.done .tbox{box-shadow:inset 0 0 0 1px #2dd4bf99,inset 0 0 10px #36e9c259,0 0 12px #2dd4bf4d}.trow.done .tbox:before{background:var(--accent);box-shadow:0 0 14px #2dd4bf99,inset 0 1px 1px #ffffff59}.tbox svg{z-index:1;stroke:#04211c;stroke-width:3.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;position:absolute;inset:5px}.trow.done .tbox svg{opacity:1}.tname{color:#c9d4d1;order:1;font-size:14px;font-weight:500}.tmeta{font-family:var(--mono);color:var(--faint);order:2;margin-left:auto;font-size:11px}.trow.done .tmeta{color:var(--accent-soft)}.heat-wrap{padding:20px 22px 16px}.heat{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.hc{aspect-ratio:1;background:var(--pane);border-radius:2.5px;width:100%;box-shadow:inset 0 0 0 1px #ffffff05,inset 1px 1px 1.5px #0009}.hc.l1{background:#123f38;box-shadow:inset 0 0 0 1px #2dd4bf1f}.hc.l2{background:#17594e;box-shadow:inset 0 0 0 1px #2dd4bf33}.hc.l3{background:#1da88f;box-shadow:inset 0 0 0 1px #2dd4bf4d,0 0 6px #2dd4bf2e}.hc.l4{background:var(--accent-soft);box-shadow:0 0 8px #36e9c266}.heat-foot{font-family:var(--mono);color:var(--faint);justify-content:space-between;align-items:center;margin-top:12px;font-size:10.5px;display:flex}.legend{align-items:center;gap:4px;display:flex}.legend .hc{width:10px}.hlist{flex-direction:column;gap:8px;display:flex}.hitem{background:var(--bg-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;padding:13px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff08,inset 0 -2px 4px #00000080}.hitem .nm{min-width:150px;font-size:14px;font-weight:600}.hitem .strip{gap:3px;display:flex}.hitem .strip i{background:var(--pane);border-radius:2px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #ffffff08}.hitem .strip i.on{background:var(--accent-press);box-shadow:0 0 5px #2dd4bf59}.hitem .meta{font-family:var(--mono);color:var(--faint);gap:14px;margin-left:auto;font-size:11px;display:flex}.hitem .meta b{color:#eafffb;text-shadow:0 0 14px #2dd4bf4d;font-weight:600}.mlist{flex-direction:column;display:flex}.m{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;padding:13px 4px;font-size:13.5px;display:flex}.m:last-child{border-bottom:none}.m .when{font-family:var(--mono);color:var(--faint);min-width:64px;font-size:11px}.m .what b{color:var(--accent-soft);font-weight:600}.m .badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);background:var(--pane);white-space:nowrap;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:10px;box-shadow:inset 0 0 0 1px #ffffff0a}.pp-foot{text-align:center;border-radius:10px;margin:56px 0 60px;padding:36px 24px;position:relative}.pp-foot:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 50% 30%,#36e9c217,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2dd4bf66,inset 0 0 22px #36e9c21a}.pp-foot p{color:var(--muted);margin-bottom:18px;font-size:15px}.pp-foot p b{color:#eafffb}.pp-foot .btn{z-index:1;position:relative}.powered{text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding-bottom:40px;font-size:10.5px}.powered a{color:var(--muted)}.powered a:hover{color:var(--accent-soft)}.pp-empty{text-align:center;color:var(--faint);padding:40px 0;font-size:14px}@media (max-width:1020px){.hero{padding-top:110px}.hero-grid{grid-template-columns:1fr;gap:52px}.hero-grid .hero-copy{max-width:560px}.habit{max-width:420px}}@media (max-width:960px){.feat-grid,.how-grid,.quotes{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.price-grid{grid-template-columns:minmax(0,420px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.sec-pad{padding:110px 0 0}.mini-wall{grid-template-columns:repeat(12,1fr)}.mw:nth-child(n+25){display:none}.sci-grid{grid-template-columns:1fr;max-width:520px}.demo-frame iframe{height:520px}}@media (max-width:700px){.tap-media{aspect-ratio:16/10}.tap-copy{max-width:240px;left:20px}.tap-copy h3{font-size:18px}}@media (max-width:560px){.band,.dash-band{grid-template-columns:1fr;gap:16px;padding:20px}.band .d-num{font-size:60px}.pp-side{margin-left:0}.hitem .strip{display:none}}.theme-toggle{z-index:120;width:42px;height:42px;color:var(--muted);background:var(--bg-2);border-radius:11px;justify-content:center;align-items:center;transition:color .2s,box-shadow .2s,transform .15s;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px 1px #ffffff0d,inset 0 -2px 4px #00000080,0 10px 30px -12px #0009}.theme-toggle:hover{color:var(--accent-soft);box-shadow:inset 0 0 0 1px #2dd4bf66,inset 0 0 14px #36e9c21f,0 10px 30px -12px #0009}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}:root[data-theme=light]{--bg:#eef1f1;--bg-2:#fff;--pane:#eef2f2;--panel:#10182005;--panel-2:#1018200a;--line:#10182017;--line-2:#10182026;--text:#0c1413;--muted:#566461;--faint:#8a9794;--accent:#0d9488;--accent-soft:#12b3a1;--accent-press:#0b7d70}:root[data-theme=light] html{background:#e7ecec}:root[data-theme=light] body{background:radial-gradient(130% 90% at 50% -10%,#e6f2ef 0%,#e9efee 40%,#eef1f1 72%,#f2f4f4 100%)}:root[data-theme=light] ::selection{color:#04211c;background:#0d948838}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#1018202e}:root[data-theme=light] .glow,:root[data-theme=light] .stat .num,:root[data-theme=light] .mcard .big,:root[data-theme=light] .d-num,:root[data-theme=light] .band .d-num,:root[data-theme=light] .dash-band .d-num,:root[data-theme=light] .sci .big,:root[data-theme=light] .plan.pro .p-price,:root[data-theme=light] .hitem .meta b,:root[data-theme=light] .h-day .d-num,:root[data-theme=light] .plan .p-price{color:var(--accent-soft);text-shadow:none}:root[data-theme=light] .mcard .big{color:#0c1413}:root[data-theme=light] .atmos:before{background:radial-gradient(115% 95% at 50% 32%,#0000 55%,#1018200d 92%,#10182014 100%)}:root[data-theme=light] .atmos:after{opacity:.02}:root[data-theme=light] .recess,:root[data-theme=light] .stat,:root[data-theme=light] .feat,:root[data-theme=light] .plan,:root[data-theme=light] .quote,:root[data-theme=light] .mcard,:root[data-theme=light] .tk,:root[data-theme=light] .how .mini,:root[data-theme=light] .ob-step,:root[data-theme=light] .drow,:root[data-theme=light] .trow,:root[data-theme=light] .hitem,:root[data-theme=light] .hrow,:root[data-theme=light] .chip,:root[data-theme=light] .watchers,:root[data-theme=light] .heat-wrap,:root[data-theme=light] .ob-chip,:root[data-theme=light] .tap,:root[data-theme=light] .feat-media{box-shadow:0 1px 2px #1018200d,0 6px 20px -12px #1018202e,inset 0 0 0 1px #10182014}:root[data-theme=light] .habit,:root[data-theme=light] .mock,:root[data-theme=light] .auth-card,:root[data-theme=light] .demo-frame{background:#fff;box-shadow:0 2px 6px #1018200f,0 40px 90px -40px #10182047,inset 0 0 0 1px #10182014}:root[data-theme=light] .wcell:before,:root[data-theme=light] .mw:before,:root[data-theme=light] .niche:before,:root[data-theme=light] .hrow .hbox:before,:root[data-theme=light] .tbox:before,:root[data-theme=light] .dcheck:before,:root[data-theme=light] .ob-tick:before,:root[data-theme=light] .avatar,:root[data-theme=light] .pp-ava,:root[data-theme=light] .q-who .avatar,:root[data-theme=light] .tk .avatar{box-shadow:inset 1px 1px 2px #10182024,inset 0 0 0 1px #1018200d}:root[data-theme=light] .wcell,:root[data-theme=light] .mw{background:#e4e9e9;box-shadow:inset 0 0 0 1px #1018200f,inset 0 -2px 3px #10182014}:root[data-theme=light] .wcell:before,:root[data-theme=light] .mw:before{background:#d7dede}:root[data-theme=light] .field input,:root[data-theme=light] .field .prefix,:root[data-theme=light] .add-habit input,:root[data-theme=light] .ob-add input,:root[data-theme=light] .mock-url span,:root[data-theme=light] .demo-bar .durl,:root[data-theme=light] .src span{background:#f0f3f3;box-shadow:inset 1px 1px 2px #1018201a,inset 0 0 0 1px #1018200f}:root[data-theme=light] nav.site.scrolled,:root[data-theme=light] .bar{border-bottom-color:var(--line);background:#ffffffc7}:root[data-theme=light] .btn-primary{color:#fff;box-shadow:0 6px 18px -6px #0d948873}:root[data-theme=light] .btn-primary:hover{box-shadow:0 8px 24px -6px #0d948899}:root[data-theme=light] .live-dot{box-shadow:0 0 8px #0d948880}:root[data-theme=light] .wall-fog{background:radial-gradient(110% 80% at 50% 30%,transparent 20%,#eef1f18c 62%,#eef1f1f0 92%),linear-gradient(to bottom,#eef1f180,#eef1f10f 34%,#eef1f11f 62%,var(--bg) 97%)}:root[data-theme=light] .hero-grid:before{background:radial-gradient(54% 54%,#f0f4f4fa 0%,#f0f4f4eb 46%,#f0f4f4a8 70%,#0000 100%)}:root[data-theme=light] .wall-spot{background:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),#0d94881a,transparent 70%)}:root[data-theme=light] .show-media:after{background:linear-gradient(to bottom,var(--bg) 0%,transparent 22%,transparent 55%,#eef1f1e6 88%,var(--bg) 100%)}:root[data-theme=light] .wallband-media:after{background:linear-gradient(to bottom,var(--bg) 0%,transparent 24%,transparent 60%,#eef1f1e0 90%,var(--bg) 100%)}:root[data-theme=light] .show-copy h2,:root[data-theme=light] .wallband-copy h2,:root[data-theme=light] .h-done b,:root[data-theme=light] .mock-toast span b{color:#0c1413}:root[data-theme=light] .faq summary{color:#28322f}:root[data-theme=light] .quote p,:root[data-theme=light] .plan li{color:#3a4744}:root[data-theme=light] .theme-toggle{box-shadow:0 1px 2px #1018200f,0 8px 24px -10px #10182040,inset 0 0 0 1px #10182014}
