:root{--bg-page: #08090c;--bg-app-1: #131418;--bg-app-2: #0d0e12;--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .08);--stroke-soft: rgba(255, 255, 255, .05);--text-1: #f6f4ef;--text-2: rgba(235, 232, 224, .62);--text-3: rgba(235, 232, 224, .38);--emerald: #3ecf8e;--emerald-2: #2dd4bf;--gold: #e9b453;--gold-2: #f0ce84;--coral: #f07a6b;--cyan: #38bdf8;--blue: #6c8cff;--violet: #a78bfa;--r-md: 20px;--r-btn: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--phone-scale: 1}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-page);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.blob{animation:none!important}}.stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;overflow:hidden}.layout{width:100%;max-width:1260px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:64px}.col-copy{display:flex;flex-direction:column;align-items:flex-start;gap:36px}.col-phone{display:flex;justify-content:center;zoom:var(--phone-scale)}.topnav{position:fixed;top:22px;left:0;right:0;width:fit-content;margin-inline:auto;z-index:50;display:flex;gap:4px;padding:6px;border-radius:99px;background:#14151a99;border:1px solid var(--stroke);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 16px 40px -16px #0009,inset 0 1px #ffffff0d}.navitem{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-2);text-decoration:none;transition:color .3s var(--ease),background .3s var(--ease)}.navitem svg{opacity:.85}.navitem:hover{color:var(--text-1)}.navitem.on{background:#ffffff1a;color:var(--text-1);box-shadow:inset 0 1px #ffffff14}.nav-figma{color:var(--emerald)}.nav-figma:hover{color:var(--emerald-2)}.nav-figma svg{opacity:1}.stage.reading{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:100px 24px 72px}.approach{position:relative;z-index:1;width:100%;max-width:760px;margin:0 auto}.approach h1{font-size:clamp(28px,4.2vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:20px;color:var(--text-1)}.approach h1 .grad{background:linear-gradient(100deg,var(--emerald) 0%,var(--cyan) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.approach-lead{color:var(--text-2);font-size:17px;line-height:1.6;margin-top:16px;max-width:640px}.approach-body{margin-top:40px;display:flex;flex-direction:column;gap:14px}.approach-section{display:flex;gap:20px;padding:22px 24px;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0a}.sec-index{flex:0 0 auto;width:30px;font-size:13px;font-weight:800;color:var(--emerald);font-variant-numeric:tabular-nums;padding-top:3px}.sec-content h2{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text-1)}.sec-content p{font-size:14.5px;line-height:1.65;color:var(--text-2);margin-top:8px}.sec-content p+p{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.step{display:flex;gap:10px;padding:12px 13px;border-radius:14px;background:#ffffff08;border:1px solid var(--stroke-soft)}.step-n{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--emerald);font-variant-numeric:tabular-nums}.step-t{font-size:13px;font-weight:700;color:var(--text-1)}.step-d{font-size:11.5px;color:var(--text-3);margin-top:2px;line-height:1.4}.ds{position:relative;z-index:1;width:100%;max-width:1080px;margin:0 auto}.ds-head{max-width:720px}.ds h1{font-size:clamp(28px,4.2vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:20px;color:var(--text-1)}.ds h1 .grad{background:linear-gradient(100deg,var(--emerald) 0%,var(--cyan) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ds-lead{color:var(--text-2);font-size:17px;line-height:1.6;margin-top:16px;max-width:640px}.ds-section{margin-top:44px}.ds-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding-bottom:14px;border-bottom:1px solid var(--stroke-soft);margin-bottom:22px}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:16px}.ds-swatches.accents{margin-top:16px}.ds-chip{display:block;height:56px;border-radius:14px;border:1px solid transparent}.ds-swatch-name{font-size:12.5px;font-weight:700;color:var(--text-1);margin-top:10px}.ds-swatch-val{font-size:11px;color:var(--text-3);margin-top:2px;font-variant-numeric:tabular-nums}.ds-type{display:flex;flex-direction:column;gap:18px}.ds-type-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.ds-type-spec{flex:0 0 auto;font-size:12px;color:var(--text-3);text-align:right}.ds-t-display{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--text-1)}.ds-t-title{font-size:19px;font-weight:700;letter-spacing:-.3px;color:var(--text-1)}.ds-t-body{font-size:14px;font-weight:500;color:var(--text-2)}.ds-t-caption{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--text-3)}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.ds-item.full{grid-column:1 / -1}.ds-item-label{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:10px}.ds-canvas{padding:20px;border-radius:20px;background:#ffffff05;border:1px dashed var(--stroke)}.ds-canvas>*:first-child{margin-top:0}.ds-rings{display:flex;flex-wrap:wrap;gap:24px 44px;justify-content:center;padding:12px 4px}.ds-ring{display:flex;flex-direction:column;align-items:center;gap:10px}.ds-ring-box{width:152px;height:152px;display:grid;place-items:center}.ds-ring-box .ringbox{transform:scale(.82);margin:0}.ds-cap{font-size:11px;color:var(--text-3)}.ds-buttons{display:flex;flex-direction:column;gap:10px}.ds-buttons .btn{flex:0 0 auto;width:100%}.ds-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ds-pill{font-size:12px;font-weight:700;padding:6px 14px;border-radius:99px}.ds-pill.em{color:var(--emerald);background:#3ecf8e1f}.ds-pill.go{color:var(--gold);background:#e9b4531f}.ds-pill.co{color:var(--coral);background:#f07a6b1f}.ds-tabbar{max-width:380px;margin:0 auto}.ds-foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--stroke-soft);font-size:12.5px;color:var(--text-3);line-height:1.6}.mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(130px);opacity:.13;animation:drift 26s var(--ease) infinite alternate}.blob.b1{width:680px;height:680px;background:var(--emerald);top:-240px;left:-160px}.blob.b2{width:560px;height:560px;background:var(--blue);top:6%;right:-200px;animation-delay:-9s}.blob.b3{width:500px;height:500px;background:var(--violet);bottom:-220px;left:34%;opacity:.09;animation-delay:-17s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,44px) scale(1.08)}}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.hero{text-align:left;max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);padding:8px 16px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 12px var(--emerald)}.hero h1{font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:22px;text-wrap:balance}.hero .grad{background:linear-gradient(100deg,var(--emerald) 0%,var(--cyan) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{color:var(--text-2);font-size:16px;line-height:1.65;margin-top:14px}.scenario-picker{display:flex;gap:4px;padding:6px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px -16px #0009,inset 0 1px #ffffff0d}.pick{padding:10px 18px;border-radius:99px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-2);transition:color .3s var(--ease),background .3s var(--ease)}.pick:hover{color:var(--text-1)}.pick.on{background:#ffffff1a;color:var(--text-1);box-shadow:inset 0 1px #ffffff14}.stage-footer{font-size:12px;color:var(--text-3);text-align:left;max-width:480px;line-height:1.6}.iphone-stage{position:relative;display:flex;justify-content:center}.iphone{position:relative;width:344px}.side-btn{position:absolute;z-index:0;background:linear-gradient(90deg,#34363b,#131418);border-radius:2px}.action-btn{left:-2.5px;top:132px;width:3px;height:26px}.vol-up{left:-2.5px;top:182px;width:3px;height:50px}.vol-down{left:-2.5px;top:242px;width:3px;height:50px}.power{right:-2.5px;top:196px;width:3px;height:86px}.camera-ctl{right:-2.5px;top:330px;width:3px;height:38px}.titanium{position:relative;z-index:1;border-radius:60px;padding:11px;background:linear-gradient(145deg,#3d4046,#17181c 28%,#26282d 62%,#0f1013);box-shadow:inset 0 0 2px #fff6,inset 0 0 14px #000000d9,0 70px 130px -35px #000000e6,0 28px 55px -22px #000000bf}.titanium:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:57px;border:1px solid rgba(255,255,255,.07);pointer-events:none}.screen{position:relative;height:706px;border-radius:49px;background:#000;border:3px solid #000;overflow:hidden}.dynamic-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:106px;height:31px;background:#000;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding-right:9px;box-shadow:inset 0 0 5px #ffffff0b}.di-cam{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1d2738,#05070c 72%);box-shadow:inset 0 0 2px #6082d280}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:118px;height:4px;border-radius:2px;background:#ffffff47;z-index:30}.glass-reflection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.02) 16%,transparent 30%)}.screen-content{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.floor-glow{position:absolute;bottom:-66px;left:50%;transform:translate(-50%);width:440px;height:110px;border-radius:50%;background:radial-gradient(ellipse,rgba(62,207,142,.16),transparent 70%);filter:blur(28px);pointer-events:none}.pulse-app{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--bg-app-1) 0%,var(--bg-app-2) 100%)}.app-glow{position:absolute;top:-90px;left:50%;transform:translate(-50%);width:280px;height:220px;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}.viewport{position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.viewport::-webkit-scrollbar{display:none}.route{min-height:100%}.view{display:flex;flex-direction:column;padding:2px 18px 112px}.statusbar{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:var(--text-2);padding:21px 10px 18px;font-variant-numeric:tabular-nums}.date{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.greet{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:4px}.ringbox{position:relative;width:184px;height:184px;margin:18px auto 12px}.ringbox svg{display:block}.ringbox .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ringbox .cap{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.ringbox .word{font-size:19px;font-weight:800;letter-spacing:.02em}.why{font-size:13.5px;color:var(--text-2);text-align:center;line-height:1.6;padding:0 10px}.why b{color:var(--text-1);font-weight:600}.card{margin-top:16px;border-radius:var(--r-md);padding:15px 16px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0d;display:flex;gap:13px;align-items:center;transition:background .3s var(--ease)}.card:hover{background:var(--glass-2)}.card .icobox{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.card .t{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3)}.card .d{font-size:13.5px;font-weight:500;line-height:1.45;margin-top:3px;color:var(--text-1)}.btnrow{display:flex;gap:10px;margin-top:16px}.btn{flex:1;padding:14px 0;border-radius:var(--r-btn);font-size:14px;font-weight:700;text-align:center;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .3s var(--ease),background .3s var(--ease)}.btn-emerald{background:linear-gradient(135deg,var(--emerald),var(--emerald-2));color:#04241a;box-shadow:0 10px 28px -6px #3ecf8e66}.btn-emerald:hover{box-shadow:0 14px 34px -6px #3ecf8e8c}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1e06;box-shadow:0 10px 28px -6px #e9b45359}.btn-blue{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#071233;box-shadow:0 10px 28px -6px #6c8cff66}.btn-ghost{background:var(--glass);border:1px solid var(--stroke);color:var(--text-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--glass-2);color:var(--text-1)}.statusbar{position:relative;z-index:5}.tabbar-wrap{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:0 14px 14px;pointer-events:none}.tabbar{display:flex;justify-content:space-around;align-items:center;padding:10px 6px;border-radius:24px;background:#14151ab8;border:1px solid var(--stroke);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 18px 44px -14px #000000b3,inset 0 1px #ffffff0f;pointer-events:auto}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--text-3);min-width:52px;padding:3px 0;border:none;background:transparent;transition:color .3s var(--ease)}.tab:hover{color:var(--text-2)}.tab.on{color:var(--text-1)}.tab.on svg{stroke:var(--emerald);filter:drop-shadow(0 0 6px rgba(62,207,142,.5))}.backrow{display:flex;align-items:center;gap:10px;padding:2px 0 16px;font-size:16px;font-weight:700;letter-spacing:-.01em}.backrow .bk{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:var(--glass);border:1px solid var(--stroke);color:var(--text-2)}.metric{border-radius:18px;padding:14px 15px;margin-bottom:10px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s var(--ease)}.metric:hover{background:var(--glass-2)}.metric .top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:10px}.metric .name{color:var(--text-2);font-weight:500}.metric .val{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metric .delta{font-size:11px;font-weight:700;margin-left:7px;padding:2px 7px;border-radius:99px;font-variant-numeric:tabular-nums}.d-pos{color:var(--emerald);background:#3ecf8e1f}.d-mid{color:var(--gold);background:#e9b4531f}.bar{height:5px;border-radius:3px;background:#ffffff0f;position:relative}.bar .fill{position:absolute;height:100%;border-radius:3px}.f-em{background:linear-gradient(90deg,var(--emerald-2),var(--emerald));box-shadow:0 0 10px #3ecf8e59}.f-go{background:linear-gradient(90deg,#d9a344,var(--gold-2));box-shadow:0 0 10px #e9b4534d}.bar .base{position:absolute;top:-4px;width:2px;height:13px;background:var(--text-3);border-radius:1px}.footnote{font-size:11.5px;color:var(--text-3);line-height:1.6;margin-top:12px;padding:0 4px}.footnote b{color:var(--text-2);font-weight:600}.days{display:flex;gap:6px;justify-content:center;margin:16px 0 6px}.day{width:28px;height:5px;border-radius:3px;background:#ffffff12}.day.on{background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 8px #6c8cff80}.chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 13px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);color:var(--text-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.checklist{border-radius:var(--r-md);background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:4px 16px;margin-top:16px}.checklist .item{display:flex;gap:12px;padding:12px 0;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--stroke-soft);align-items:center}.checklist .item:last-child{border-bottom:none}.checklist .item svg{color:var(--cyan);flex:0 0 auto;opacity:.9}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:radial-gradient(120% 90% at 50% 38%,#17242020 0%,transparent 60%),linear-gradient(180deg,var(--bg-app-1) 0%,#0a0b0e 100%)}.splash-mark{position:relative;width:78px;height:78px;display:grid;place-items:center;margin-bottom:22px}.splash-core{width:20px;height:20px;border-radius:50%;background:var(--emerald);box-shadow:0 0 24px var(--emerald)}.splash-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--emerald);opacity:0;animation:splashRing 2.4s var(--ease) infinite}.splash-pulse.d2{animation-delay:.8s}@keyframes splashRing{0%{transform:scale(.4);opacity:.6}to{transform:scale(1.15);opacity:0}}.splash-word{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--text-1)}.splash-tag{font-size:13px;color:var(--text-3);letter-spacing:.01em}.di-head{padding-top:4px}.headline{text-align:center;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-top:2px;color:var(--text-2)}.headline b{color:var(--text-1);font-weight:800}.percentile{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-top:10px}.percentile svg{color:var(--emerald)}.percentile b{color:var(--text-2);font-weight:700}.di-cta{display:flex;margin-top:18px}.sync-last{display:flex;justify-content:center;margin-top:4px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mini-metric{border-radius:18px;padding:13px 14px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mm-top{display:flex;align-items:center;gap:7px}.mm-label{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.01em}.mm-val{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-top:8px;color:var(--text-1);font-variant-numeric:tabular-nums}.mm-delta{font-size:11px;font-weight:700;color:var(--emerald);margin-left:6px}.reco{position:relative;display:flex;align-items:center;gap:13px;margin-top:20px;padding:15px 16px;border-radius:var(--r-md);background:linear-gradient(135deg,color-mix(in srgb,var(--reco-color) 12%,transparent),color-mix(in srgb,var(--reco-color) 3%,transparent));border:1px solid color-mix(in srgb,var(--reco-color) 26%,transparent);box-shadow:inset 0 1px #ffffff0d,0 14px 34px -18px color-mix(in srgb,var(--reco-color) 60%,transparent)}.reco-ico{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--reco-color) 16%,transparent)}.reco-body{flex:1;min-width:0}.reco-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:color-mix(in srgb,var(--reco-color) 85%,white 15%)}.reco-title{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-top:3px;color:var(--text-1);line-height:1.3}.reco-why{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--text-2);background:none;border:none;align-self:flex-start;padding:2px}.reco-why:hover{color:var(--text-1)}.confidence{display:flex;align-items:center;gap:13px;margin-top:16px;padding:13px 15px;border-radius:18px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cf-ring{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cf-color) var(--cf),rgba(255,255,255,.08) 0)}.cf-ring:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg-app-1)}.cf-ring span{position:relative;font-size:12px;font-weight:800;color:var(--text-1);font-variant-numeric:tabular-nums}.cf-label{font-size:13px;font-weight:700;color:var(--text-1)}.cf-sub{font-size:11.5px;color:var(--text-3);line-height:1.45;margin-top:2px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:20px 2px 12px}.section-title>span:first-child{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-1)}.st-hint{font-size:10.5px;color:var(--text-3);text-align:right;flex:0 0 auto}.view>.section-title:first-child{margin-top:6px}.why-intro{font-size:14px;color:var(--text-2);line-height:1.6;margin:2px 0 16px}.why-intro b{color:var(--text-1);font-weight:700}.reasons{display:flex;flex-direction:column;gap:10px}.reason{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke-soft);font-size:13.5px;color:var(--text-1);line-height:1.4}.reason-ico{flex:0 0 auto}.why-chart{margin-top:4px}.minibars{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:96px;padding:8px 6px 0;border-radius:16px;background:var(--glass);border:1px solid var(--stroke-soft)}.mb-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.mb-track{width:100%;max-width:20px;flex:1;display:flex;align-items:flex-end}.mb-fill{width:100%;border-radius:6px 6px 3px 3px;min-height:6px}.mb-label{font-size:10px;font-weight:600;color:var(--text-3)}.metric-card{border-radius:var(--r-md);padding:15px 16px 12px;margin-bottom:12px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0a}.mc-head{display:flex;align-items:center;gap:11px}.mc-ico{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.mc-titles{flex:1;min-width:0}.mc-name{font-size:14px;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.mc-sub{font-size:11px;color:var(--text-3);margin-top:1px}.mc-state{flex:0 0 auto;font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px}.mc-value-row{display:flex;align-items:baseline;gap:10px;margin:12px 0 4px}.mc-value{font-size:27px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);font-variant-numeric:tabular-nums}.mc-unit{font-size:14px;font-weight:600;color:var(--text-3);margin-left:3px;letter-spacing:0}.mc-trend{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:99px}.mc-trend.up{color:var(--emerald);background:#3ecf8e1f}.mc-trend.down{color:var(--gold);background:#e9b4531f}.mc-trend.down svg{transform:scaleY(-1)}.mc-desc-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-3);background:none;border:none;padding:8px 0 2px}.mc-desc-toggle:hover{color:var(--text-2)}.mc-desc{overflow:hidden;font-size:12.5px;color:var(--text-2);line-height:1.55;margin-top:6px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--stroke-soft)}.plan-intro{font-size:14px;color:var(--text-2);line-height:1.55;margin:-4px 2px 14px}.plan-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pp-bar{flex:1;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.pp-fill{height:100%;border-radius:3px}.pp-count{font-size:11.5px;font-weight:600;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.plan-action{border-radius:var(--r-md);padding:14px 15px;margin-bottom:11px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .3s var(--ease)}.plan-action.done{opacity:.62}.plan-action.skipped{opacity:.42}.pa-main{display:flex;align-items:center;gap:13px}.pa-check{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--stroke);transition:all .25s var(--ease)}.pa-body{flex:1;min-width:0}.pa-title{font-size:14.5px;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.plan-action.done .pa-title{text-decoration:line-through;text-decoration-color:var(--text-3)}.pa-meta{font-size:11.5px;color:var(--text-3);margin-top:2px}.pa-actions{display:flex;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke-soft)}.pa-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-2);padding:8px 4px;border-radius:11px;background:#ffffff0a;border:1px solid var(--stroke-soft);transition:all .25s var(--ease)}.pa-btn:hover{color:var(--text-1);background:#ffffff12}.pa-btn.primary{color:var(--emerald)}.history-card{border-radius:var(--r-md);padding:16px 16px 12px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0a}.hc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.hc-cap{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.hc-big{font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin-top:4px;font-variant-numeric:tabular-nums}.hc-big span{font-size:17px;color:var(--text-3);font-weight:600;margin-left:2px}.hc-trend{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:99px}.hc-trend.up{color:var(--emerald);background:#3ecf8e1f}.weekchart{margin-top:6px}.wc-labels{display:flex;justify-content:space-between;padding:4px 4px 0}.wc-labels span{font-size:10px;font-weight:600;color:var(--text-3);flex:1;text-align:center}.wc-labels span.on{color:var(--emerald)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stat-tile{border-radius:18px;padding:14px 15px;background:var(--glass);border:1px solid var(--stroke-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.stat-ico{display:inline-flex;margin-bottom:8px}.stat-value{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.stat-label{font-size:11px;font-weight:600;color:var(--text-3);margin-top:2px}.stat-sub{font-size:10.5px;color:var(--text-3);opacity:.75;margin-top:4px;line-height:1.35}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 18px;margin-top:20px;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--stroke-soft)}.es-ico{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;margin-bottom:18px}.es-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text-1)}.es-text{font-size:13px;color:var(--text-2);line-height:1.55;margin-top:8px;max-width:240px}.es-btn{margin-top:20px;flex:0 0 auto;padding:12px 28px}@media(max-width:920px){.layout{grid-template-columns:1fr;justify-items:center;gap:44px}.col-copy{align-items:center;order:1}.col-phone{order:0}.hero,.stage-footer{text-align:center}}@media(max-width:640px){.stage{padding:48px 16px 40px}.stage.reading{padding:88px 16px 56px}.steps{grid-template-columns:1fr}.approach-section{padding:18px;gap:14px}.navitem{padding:8px 13px;font-size:12.5px}.iphone{width:306px}.screen{height:636px}.side-btn{display:none}.ringbox{width:160px;height:160px;margin:12px auto 10px}.ringbox svg{width:160px;height:160px}}