@font-face{font-family:Satoshi;src:url('/assets/fonts/Satoshi-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/fonts/Satoshi-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/fonts/Satoshi-Black.otf') format('opentype');font-weight:900;font-display:swap}
:root{color-scheme:dark;--bg:#100817;--surface:rgba(255,255,255,.06);--surface-strong:#21172c;--line:rgba(255,255,255,.15);--text:#fff;--muted:#b9afc1;--purple:#d9b3ff;--cyan:#62e5e9;--green:#5be17a;--coral:#ff9e92}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Satoshi,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;font-size:16px;line-height:1.55;letter-spacing:0;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(107,35,137,.17),transparent 38%,rgba(22,164,169,.05));opacity:.8}
a{color:inherit}
.skip-link{position:absolute;left:16px;top:-60px;z-index:10;padding:10px 14px;background:#fff;color:#100817;border-radius:4px}.skip-link:focus{top:12px}
.site-nav,main,footer{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:block;width:118px;height:44px;overflow:hidden}.brand img{display:block;width:118px;height:118px;transform:translateY(-37px);object-fit:contain}
.nav-links{display:flex;gap:28px}.nav-links a{color:var(--muted);font-size:14px;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:#fff}
.hero{min-height:720px;padding:74px 20px 96px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.app-icon{width:150px;height:150px;border-radius:28px;box-shadow:0 28px 75px rgba(0,0,0,.48),0 0 70px rgba(156,76,196,.22)}
.eyebrow{margin:28px 0 8px;color:var(--cyan);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:clamp(64px,11vw,120px);font-weight:900;line-height:.95} .hero-line{margin:15px 0 6px;color:var(--purple);font-size:clamp(22px,3.4vw,34px);font-weight:700}
.hero-copy{max-width:650px;margin:8px auto 28px;color:var(--muted);font-size:18px}
.store-links{height:58px;display:flex;align-items:center;justify-content:center;gap:13px}.store-link{display:flex;align-items:center;justify-content:center;height:54px;transition:transform .16s ease,opacity .16s ease}.store-link:hover{transform:translateY(-2px)}.store-link:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.store-link.apple img{width:162px;height:auto}.store-link.google img{width:176px;height:auto}
.availability{margin:10px 0 0;color:#8e8298;font-size:12px}
section{padding:96px 0;border-top:1px solid rgba(255,255,255,.08)}
.snapshot{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.snapshot-heading h2,.section-heading h2{max-width:700px;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:900}.snapshot-heading .eyebrow,.section-heading .eyebrow{margin-top:0}.snapshot-copy{max-width:560px;margin:20px 0 0;color:var(--muted)}
.stats-demo-shell{position:relative;grid-column:2;grid-row:1/span 2;width:min(100%,480px);justify-self:end;padding:24px;border:1px solid var(--line);border-radius:8px;background:rgba(24,17,32,.92);box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.34)}.stats-demo-header{display:flex;align-items:flex-start;justify-content:space-between}.stats-demo-header h3{margin:0;font-size:30px}.stats-demo-header p{margin:2px 0 0;color:var(--muted);font-size:13px}.info-button{width:27px;height:27px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font:italic 700 13px Satoshi;cursor:pointer}.chart-stage{min-height:330px;display:grid;place-items:center}.radar{--active-accent:#a78bfa;--active-fill:rgba(167,139,250,.25);position:relative;width:min(100%,350px);aspect-ratio:1;margin:auto}.radar svg{display:block;width:100%;filter:drop-shadow(0 0 22px var(--active-fill))}.radar-grid,.radar-axis{fill:none;stroke:rgba(255,255,255,.11);stroke-width:1}.radar-fill{fill:var(--active-fill);stroke:var(--active-accent);stroke-width:1.8;stroke-linejoin:round}.radar.overall-mode .radar-fill{fill:url(#overall-fill);fill-opacity:.48;stroke:rgba(255,255,255,.82);filter:drop-shadow(0 0 7px rgba(255,255,255,.28))}
.chart-label{position:absolute;z-index:2;width:112px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(0,0,0,.52);color:#fff;font:700 10px Satoshi;cursor:pointer;white-space:nowrap}.chart-label i{width:6px;height:6px;border-radius:50%;background:var(--label-color);box-shadow:0 0 8px var(--label-color)}.chart-label b{color:var(--label-color);font-size:10px}.chart-label.active{border-color:var(--label-color);box-shadow:0 0 12px color-mix(in srgb,var(--label-color) 30%,transparent)}.chart-focus{left:50%;top:0;transform:translateX(-50%)}.chart-discipline{right:-4px;top:31%}.chart-consistency{right:4px;bottom:8%}.chart-physical{left:4px;bottom:8%}.chart-mindfulness{left:-4px;top:31%}
.stat-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-box{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055);color:var(--muted);text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.05);cursor:pointer}.stat-box.selected{border-color:color-mix(in srgb,var(--stat-color,#a78bfa) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--stat-color,#a78bfa) 22%,transparent),inset 0 1px rgba(255,255,255,.07)}.stat-box-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.stat-box-top b{min-width:0;overflow:hidden;color:var(--stat-color,#a78bfa);font-size:10px;font-weight:700;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.stat-box output{flex:none;color:#fff;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.stat-box input{display:block;width:100%;height:20px;margin:8px 0 2px;accent-color:var(--stat-color);cursor:pointer}.stat-box input:focus-visible{outline:2px solid var(--stat-color);outline-offset:2px;border-radius:4px}.stat-box small{display:block;overflow:hidden;color:#897d91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stat-track{display:block;height:5px;margin:13px 0 9px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.stat-track i{display:block;height:100%;border-radius:inherit;background:#a78bfa}
.stats-info-panel{position:absolute;inset:16px;z-index:8;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#21172c;box-shadow:0 20px 60px rgba(0,0,0,.58)}.stats-info-panel[hidden]{display:none}.stats-info-panel button{float:right;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font:700 11px Satoshi;cursor:pointer}.stats-info-panel h4{margin:48px 0 10px;font-size:24px}.stats-info-panel p{color:var(--muted);font-size:14px}
.features .section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.features .section-heading .eyebrow{position:absolute}.features .section-heading h2{padding-top:34px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:220px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);box-shadow:inset 0 1px rgba(255,255,255,.07)}.feature-grid .number{color:var(--cyan);font-size:12px}.feature-grid h3{margin:35px 0 8px;font-size:22px}.feature-grid p{max-width:460px;margin:0;color:var(--muted)}
.privacy-line{margin:24px 0 0;padding-left:16px;border-left:2px solid var(--green);color:var(--muted)}
.legal{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.legal .section-heading p:last-child{color:var(--muted)}.legal-links{border-top:1px solid var(--line)}.legal-links a{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none}.legal-links span{font-size:18px;font-weight:700}.legal-links small{grid-column:1;color:var(--muted);font-size:13px}.legal-links b{grid-column:2;grid-row:1/3;align-self:center;color:var(--cyan);font-size:20px}.legal-links a:hover span{text-decoration:underline;text-underline-offset:4px}
footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer p{margin:0}.footer-brand{color:#fff;font-size:22px;font-weight:900;text-decoration:none}footer div{display:flex;gap:20px}footer div a{text-decoration:none}footer div a:hover{color:#fff}
@media(max-width:760px){.site-nav,main,footer{width:min(100% - 28px,1120px)}.nav-links{gap:16px}.nav-links a:first-child{display:none}.hero{min-height:680px;padding:58px 0 78px}.app-icon{width:126px;height:126px;border-radius:24px}.hero-copy{font-size:16px}.store-links{height:auto;gap:6px}.store-link.apple img{width:145px}.store-link.google img{width:158px}section{padding:72px 0}.snapshot,.legal{grid-template-columns:1fr;gap:36px}.stats-demo-shell{grid-column:1;grid-row:auto;justify-self:center}.feature-grid{grid-template-columns:1fr}.features .section-heading{display:block}.legal{gap:32px}footer{padding:26px 0;flex-wrap:wrap}footer p{order:3;width:100%}}
@media(max-width:430px){.site-nav{height:72px}.nav-links a{font-size:13px}.hero{min-height:650px}.store-links{flex-direction:column;gap:0}.store-link{height:47px}.availability{margin-top:8px}.stats-demo-shell{padding:18px}.chart-stage{min-height:300px}.radar{width:310px;max-width:100%}.chart-label{width:102px;padding-inline:5px;font-size:9px}.chart-label b{font-size:9px}.stat-box{padding:12px}.stat-box-top b{font-size:9px}.stat-box output{font-size:19px}.feature-grid article{min-height:190px;padding:26px}.legal-links a{padding-block:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-link{transition:none}}
