/* FRELUMO V28. Visual-only layer: no changes to auth, payment or task completion logic. */
.f28-site,.f28-member-app{--v28-bg:#030e24;--v28-panel:#071b38;--v28-line:rgba(87,151,231,.27);--v28-cyan:#28d4f5;--v28-violet:#8c42f9;--v28-muted:#b6c8e0;color:#eff8ff;background:#030e24;overflow:hidden}
.f28-site *,.f28-member-app *, .f28-member-mobile-nav *{box-sizing:border-box}
.f28-site a,.f28-member-app a{text-decoration:none}
.f28-site button,.f28-member-app button{font:inherit;cursor:pointer}
.f28-site .shell,.f28-member-app .shell{width:min(1350px,calc(100% - 44px));max-width:1350px;margin-inline:auto}
.f28-overline{display:block;font-size:.69rem;letter-spacing:.17em;font-weight:900;color:#79dcf4;margin:0 0 10px}
.f28-btn{border:1px solid transparent;border-radius:13px;padding:13px 23px;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:.93rem;font-weight:850;text-align:center;transition:transform .18s,filter .18s,box-shadow .18s}
.f28-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.f28-btn-gradient{background:linear-gradient(105deg,#00caf8 0%,#3277f6 54%,#a73bf7 100%);box-shadow:0 10px 25px #137fe84a;color:white}
.f28-btn-outline{border-color:#6390c7;color:#f0f8ff;background:#0a1936ab}
.f28-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:30px;border:1px solid #2b72a8;background:#082743bd;color:#8aeaff;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.f28-live-dot{display:inline-block;width:7px;height:7px;background:#2de1ed;border-radius:100%;box-shadow:0 0 0 5px #21f0f224;flex-shrink:0}
.f28-hero{min-height:584px;position:relative;display:flex;align-items:center;border-bottom:1px solid #234470;isolation:isolate}
.f28-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-3}
.f28-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030c20 0%,#05122ddd 29%,#06132a69 56%,#0208150b 83%),linear-gradient(0deg,#030e24 0%,transparent 35%,#040a1b24)}
.f28-hero-content{position:relative;min-height:584px;display:flex;align-items:center}
.f28-hero-text{max-width:790px;padding:42px 0 34px;z-index:1}
.f28-hero h1{font-size:clamp(3.1rem,5vw,5.15rem);letter-spacing:-.06em;line-height:1.02;font-weight:950;margin:16px 0 15px;color:#f6faff;text-wrap:balance}
.f28-hero h1 span,.f28-member-topbar h1 span{background:linear-gradient(90deg,#32d4f1,#718dff 62%,#cb60ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.f28-hero-text>p{font-size:clamp(1rem,1.35vw,1.12rem);max-width:565px;color:#d2e4f7;line-height:1.66;margin:0 0 19px}
.f28-goal-grid{display:flex;gap:8px;flex-wrap:wrap;max-width:690px}
.f28-goal{min-width:108px;flex:1;max-width:130px;min-height:102px;padding:11px 8px 10px;background:linear-gradient(180deg,#081f43e6,#05142dcd);border-radius:12px;border:1px solid #285186;color:#f5f9ff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;box-shadow:inset 0 1px 0 #ffffff0b}
.f28-goal:hover,.f28-goal.active{border-color:#25d5ff;box-shadow:0 0 0 1px #34d8ff,0 0 21px #3379ff81;background:linear-gradient(165deg,#173d8eec,#11152bdd)}
.f28-goal .f28-emoji{font-size:1.65rem;line-height:1;color:#44d5ff;text-shadow:0 0 16px #159eff}
.f28-goal[data-f28-goal=love] .f28-emoji{color:#ff6fc2}.f28-goal[data-f28-goal=money] .f28-emoji{color:#ffdd71}
.f28-goal strong{font-size:.87rem}.f28-goal small{font-size:.69rem;color:#c1d3e5}
.f28-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px}.f28-footnote{font-size:.76rem;line-height:1.7;color:#cde8f2;margin-top:14px}
.f28-guide-callout{position:absolute;right:4%;top:36%;width:282px;display:flex;align-items:center;gap:10px;background:#081939dd;border:1px solid #479dec;border-radius:19px;box-shadow:0 10px 40px #0009,inset 0 0 22px #364bd13d;padding:10px 11px;backdrop-filter:blur(10px)}
.f28-guide-face{width:48px;height:48px;flex-shrink:0;border-radius:100%;overflow:hidden;border:2px solid #8f72f8}.f28-guide-face img{width:100%;height:100%;object-fit:cover}.f28-guide-callout b{font-size:.77rem;display:block;line-height:1.35}.f28-guide-callout small{display:block;color:#92cbe4;font-size:.65rem;margin-top:3px}.f28-guide-callout button{border:none;background:linear-gradient(90deg,#1797ef,#874df5);border-radius:100%;height:37px;width:37px;color:white;flex-shrink:0}
.f28-app-section{position:relative;background:radial-gradient(ellipse at 8% -3%,#143c81 0%,#04132d 50%,#030d21 100%);padding:29px 0 40px}
.f28-app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,335px);gap:19px;align-items:start}
.f28-primary-pane{display:flex;flex-direction:column;gap:16px;min-width:0}
.f28-calendar-box,.f28-action-board,.f28-phone-frame,.f28-member-calendar-box,.f28-member-actions{border:1px solid var(--v28-line);background:linear-gradient(145deg,#091d3f,#06152d 80%);box-shadow:0 16px 35px #0000002b;border-radius:17px;padding:18px 19px}
.f28-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.f28-section-title h2{font-size:clamp(1.2rem,1.7vw,1.55rem);font-weight:900;letter-spacing:-.03em;margin:0 0 3px;color:#f7fbff}.f28-section-title p{font-size:.81rem;color:#b4c8df;line-height:1.5;margin:0}.f28-cal-counter{border:1px solid #24609c;border-radius:9px;color:#a1defb;background:#102b57;font-size:.75rem;white-space:nowrap;padding:10px 13px}.f28-cal-counter b{color:white}
.f28-progress-line{display:flex;align-items:center;gap:12px;font-size:.71rem;margin:16px 0 12px;color:#acdbf6}.f28-progress-line>div{flex:1;height:8px;border-radius:30px;background:#20406b;overflow:hidden}.f28-progress-line>div>i{display:block;width:3.33%;height:100%;background:linear-gradient(90deg,#03d4f0,#a24ffb);border-radius:30px;box-shadow:0 0 14px #14dcf9}.f28-progress-line strong{font-size:.77rem;color:#fff}
.f28-days{display:flex;overflow-x:auto;gap:7px;padding:3px 1px 10px;scrollbar-width:thin;scrollbar-color:#3c609b transparent}.f28-day{flex:0 0 66px;min-height:63px;border:1px solid #234675;border-radius:9px;background:#05152f;color:#c1d1e3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.f28-day strong{font-size:.78rem}.f28-day span{font-size:.64rem}.f28-day.is-active{color:white;box-shadow:inset 0 0 17px #3849b8,0 0 12px #4653fa65;border:1px solid #4f9fff}.f28-day.is-future{opacity:.86}.f28-day.is-complete{border-color:#1dccb3;background:#053e46;color:white}.f28-day:hover{border-color:#69b4ff}
.f28-cal-note{color:#a6c9ed;font-size:.75rem;margin:5px 0 0;line-height:1.5}
.f28-time-pill{white-space:nowrap;color:#51d8ee;border-radius:30px;border:1px solid #317194;padding:8px 11px;background:#072846;font-size:.7rem;font-weight:900}
.f28-action-heading{margin-bottom:18px}.f28-title-goal{font-size:.9rem;color:#63d1ed;font-weight:650;letter-spacing:0}.f28-tasks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.f28-task-card{background:#06182e;border:1px solid #24446e;border-radius:13px;overflow:hidden;display:flex;min-width:0;flex-direction:column;position:relative;transition:border-color .18s,transform .18s}.f28-task-card:hover,.f28-task-card.is-highlight{border-color:#15d0f0;box-shadow:0 0 0 1px #2495efaa,0 0 20px #3371de3e;transform:translateY(-2px)}
.f28-task-media{position:relative;height:138px;overflow:hidden}.f28-task-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.f28-task-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061529c8)}.f28-task-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #c4e6ff;background:#061938b4;color:white;font-size:1.2rem;box-shadow:0 0 15px #158ae7}.f28-task-duration{position:absolute;bottom:8px;left:9px;z-index:2;padding:4px 8px;border-radius:25px;font-size:.65rem;background:#020b20b8;color:#d9f1ff}
.f28-task-body{padding:11px;display:flex;flex-direction:column;gap:6px;flex:1}.f28-task-body h3{font-size:.86rem;color:white;font-weight:850;margin:0;line-height:1.3}.f28-task-body p{font-size:.7rem;line-height:1.45;color:#c5d8ec;margin:0;flex:1}.f28-task-link{width:100%;border:none;background:linear-gradient(100deg,#069af1,#8745f1);border-radius:9px;padding:9px 6px;color:white;font-weight:850;font-size:.72rem;margin-top:5px}.f28-task-link:focus-visible{outline:2px solid #fff}
.f28-phone-preview{position:relative}.f28-phone-frame{padding:6px;background:linear-gradient(155deg,#131c54,#030918 70%);border:3px solid #4c5ea9;border-radius:39px;box-shadow:0 0 0 6px #080a26,0 0 34px #5628bd64;min-height:650px;position:relative}.f28-phone-notch{position:absolute;z-index:5;top:10px;left:32%;width:36%;height:21px;background:#010713;border-radius:0 0 19px 19px}.f28-phone-content{background:linear-gradient(155deg,#04152d,#020d24);min-height:640px;border-radius:32px;overflow:hidden;padding:28px 11px 12px}.f28-phone-head{display:flex;justify-content:space-between;border-bottom:1px solid #254c7b;padding:8px 7px 15px;letter-spacing:.12em;font-size:.84rem}.f28-phone-brand{color:#8af0fc;font-weight:900}.f28-phone-day{display:flex;justify-content:space-between;align-items:center;padding:18px 7px 12px}.f28-phone-day b{font-size:1.2rem}.f28-phone-day small{display:block;margin-top:3px;color:#b7c7e2;font-size:.72rem}.f28-phone-ring{width:54px;height:54px;display:grid;place-items:center;font-weight:850;border-radius:50%;border:6px solid #27467a;border-top-color:#20d6f0;border-right-color:#378cff}.f28-phone-list{display:grid;gap:8px}.f28-phone-item{display:flex;gap:9px;padding:8px;border-radius:12px;border:1px solid #264d83;background:#071c3a;align-items:center}.f28-phone-item.is-hot{border-color:#59baff;box-shadow:0 0 12px #2b88ee88}.f28-phone-item img{width:83px;height:76px;object-fit:cover;border-radius:8px}.f28-phone-item div{min-width:0}.f28-phone-item strong{display:block;font-size:.71rem;line-height:1.3}.f28-phone-item p{margin:4px 0;color:#a9c9df;font-size:.62rem;line-height:1.3}.f28-phone-item span{display:inline-block;font-size:.64rem;color:#56dff6}.f28-phone-completion{border:1px solid #9e59fc;border-radius:15px;padding:15px 11px;text-align:center;margin-top:12px;background:#0b1235}.f28-phone-completion>span{font-size:1.7rem;color:#75b9ff}.f28-phone-completion h3{font-size:.97rem;margin:5px 0;color:white}.f28-phone-completion p{font-size:.67rem;line-height:1.4;color:#b5cde2;margin:0 0 11px}.f28-phone-completion .f28-btn{min-height:37px;padding:8px;width:100%;font-size:.72rem}.f28-phone-completion small{display:block;font-size:.6rem;margin-top:6px;color:#a3c6df}.f28-phone-nav{display:flex;justify-content:space-between;padding:11px 9px 0;color:#79d9ef}.f28-phone-nav span{text-align:center;font-size:1rem}.f28-phone-nav small{display:block;font-size:.59rem}
.f28-three-benefits{background:#040f22;padding:27px 0;border-bottom:1px solid #1a355e}.f28-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.f28-benefit-grid article{position:relative;background:#0a2142;border:1px solid #274b75;border-radius:18px;padding:22px 23px}.f28-benefit-grid article>span{position:absolute;right:20px;top:18px;color:#639bcb;font-size:.78rem}.f28-benefit-grid article>div{font-size:2rem;color:#47defb;margin:0 0 10px}.f28-benefit-grid h3{font-size:1.05rem;color:#fff;margin:0 0 7px}.f28-benefit-grid p{color:#bdcee5;font-size:.83rem;line-height:1.55;margin:0}
.f28-guide-section{padding:65px 0;background:radial-gradient(ellipse at 75% 50%,#142f5d 0%,#030c20 60%)}.f28-guide-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px}.f28-guide-photo{position:relative;border-radius:24px;overflow:hidden;max-height:410px;border:1px solid #2c5999}.f28-guide-photo img{width:100%;height:100%;object-fit:cover;display:block}.f28-guide-caption{position:absolute;bottom:16px;left:16px;padding:11px 14px;border-radius:11px;color:white;background:#09234abd;border:1px solid #3384ca;font-size:.75rem;font-weight:900}.f28-guide-grid h2{font-size:clamp(2.3rem,4vw,3.65rem);color:white;line-height:1.1;letter-spacing:-.045em}.f28-guide-grid h2 em{color:#8dcfff}.f28-guide-grid p{max-width:480px;color:#c1d3e8;line-height:1.75}.f28-sound-truth{font-size:.72rem!important;color:#95afc9!important}
.f28-site .f22-stories{padding-top:70px}.f28-site .f-section.f-pricing{padding:85px 0}.f28-site .f-section.f-faq{padding:70px 0}.f28-bottom-cta{padding:58px 0;background:linear-gradient(110deg,#061e3f,#151344);text-align:center}.f28-bottom-cta h2{font-size:clamp(2rem,4vw,3.3rem);margin:7px 0;color:white}.f28-bottom-cta p{color:#c9daee}.f28-bottom-cta .shell>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.f28-modal[hidden]{display:none!important}.f28-modal{position:fixed;z-index:9000;inset:0;background:#000c;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.f28-modal-content{position:relative;background:linear-gradient(150deg,#0a284d,#0a1030);border:1px solid #469cdd;box-shadow:0 18px 70px #000a;border-radius:21px;padding:23px;width:min(485px,100%);color:white}.f28-modal-content>img{width:100%;height:190px;object-fit:cover;border-radius:12px;margin:5px 0 14px}.f28-modal-content h2{font-size:1.45rem;margin:0 0 10px;color:white}.f28-modal-content p{font-size:.9rem;color:#d0deec}.f28-modal-content small{display:block;margin-top:14px;font-size:.7rem;color:#abbdd7;line-height:1.4}.f28-modal-close{position:absolute;top:15px;right:15px;border:1px solid #5684b1;color:white;background:#0e2e55;border-radius:50%;width:30px;height:30px}.f28-modal-prompt{border-left:3px solid #2ed3f1;padding:10px 14px;background:#17345d;font-size:.87rem;color:#e6faff;border-radius:4px 8px 8px 4px}.f28-modal-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.f28-modal-buttons .f28-btn{font-size:.77rem;padding:9px 12px}
/* Member app — vertical mobile-first card experience backed by server dates */
.f28-member-app{padding:27px 0 60px;min-height:calc(100vh - 75px);background:radial-gradient(ellipse at 46% -10%,#162f74 0%,#061734 36%,#030b20 85%)}
.f28-member-shell{display:grid;grid-template-columns:192px minmax(0,1fr);gap:23px;align-items:start}
.f28-member-sidebar{background:#06142dbd;border:1px solid #244671;border-radius:18px;padding:22px 12px;display:flex;flex-direction:column;gap:7px;position:sticky;top:88px;min-height:670px}.f28-member-side-kicker{font-size:.66rem;color:#73cdec;letter-spacing:.18em;font-weight:900;margin:0 10px 14px}.f28-member-sidebar>a{display:flex;gap:10px;color:#c2d5ec;padding:12px 14px;border-radius:10px;font-size:.88rem;font-weight:750}.f28-member-sidebar>a.is-active,.f28-member-sidebar>a:hover{color:#fff;background:linear-gradient(90deg,#0b5fac,#19427f);box-shadow:inset 0 0 13px #3699ef44}.f28-side-upgrade{margin-top:auto;border:1px solid #5d4cb3;border-radius:14px;background:linear-gradient(135deg,#203b88,#201447);padding:18px 12px}.f28-side-upgrade strong{font-size:.99rem}.f28-side-upgrade p{font-size:.73rem;color:#c3d9ee}.f28-side-upgrade>a{display:block;background:linear-gradient(90deg,#0bc9ef,#8d49ef);text-align:center;border-radius:9px;padding:10px 8px;color:white;font-size:.76rem;font-weight:900}
.f28-member-main{min-width:0}.f28-member-topbar{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:8px 0 18px}.f28-member-topbar h1{font-size:clamp(1.6rem,2.8vw,2.6rem);letter-spacing:-.05em;margin:0;color:white}.f28-account-pill{color:#d3e8f8;padding:9px 13px;border:1px solid #32628e;border-radius:12px;white-space:nowrap;font-size:.8rem}.f28-preview-disclaimer{border:1px solid #6197c1;border-radius:10px;background:#0a324d;color:#bdeafd;padding:11px 14px;margin-bottom:14px;font-size:.79rem}.f28-error{padding:12px;border-radius:12px;border:1px solid #e6838c;color:white;background:#562037;margin-bottom:16px}
.f28-member-hero{height:325px;position:relative;border-radius:20px;overflow:hidden;border:1px solid #39699d;isolation:isolate;display:flex;align-items:center;margin-bottom:17px}.f28-member-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%;z-index:-2}.f28-member-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06152bf2 0%,#091c3899 51%,transparent 100%),linear-gradient(0deg,#020b21c9,transparent 52%);z-index:-1}.f28-member-hero-copy{padding:26px;max-width:640px}.f28-member-hero-copy h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.07;color:white;margin:18px 0 9px;letter-spacing:-.055em}.f28-member-hero-copy p{color:#d1e8f4;line-height:1.5;font-size:.9rem;max-width:430px}.f28-member-hero-copy .f28-btn{margin-top:6px}.f28-member-hero-progress{position:absolute;right:20px;top:20px;width:70px;height:70px;border:7px solid #2b5186;border-top-color:#10d5fb;border-right-color:#7774fa;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#081d3a8a;color:white}.f28-member-hero-progress b{font-size:.95rem}.f28-member-hero-progress small{font-size:.65rem}
.f28-member-goal-picker{background:#10244b;border:1px solid #5278ac;border-radius:16px;margin-bottom:18px;padding:19px}.f28-member-goal-picker h2{color:white;font-size:1.2rem}.f28-member-goal-picker p{font-size:.84rem;color:#c1d9ee}.f28-member-goal-list{display:flex;flex-wrap:wrap;gap:9px}.f28-member-goal-list button{border:1px solid #547ec1;background:#071b3d;color:white;border-radius:10px;padding:11px 15px;font-weight:800}.f28-member-goal-list button:hover{border-color:#27dffa;box-shadow:0 0 14px #258bef83}
.f28-member-calendar-box{margin-bottom:18px}.f28-days-real .f28-day{flex:0 0 72px}.f28-real-date-message{font-size:.78rem;color:#a4cee3;padding-top:4px}.f28-member-actions{padding:21px 17px}.f28-member-task-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:19px}.f28-member-card{border:1px solid #2c5185;background:#06182f;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;position:relative}.f28-member-card.is-current{border-color:#1ad9f3;box-shadow:0 0 0 1px #2993df,0 0 21px #386be368}.f28-member-card.is-completed{border-color:#1eac9b}.f28-member-card-media{height:145px;position:relative;overflow:hidden}.f28-member-card-media img{width:100%;height:100%;object-fit:cover;display:block}.f28-member-card-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#040d1c)}.f28-member-card-badge{position:absolute;z-index:2;top:9px;left:9px;padding:6px 9px;border-radius:25px;background:#05254cdb;color:#ddf5ff;font-size:.63rem;font-weight:850}.f28-member-card.is-completed .f28-member-card-badge{background:#087d6b}.f28-member-card.is-current .f28-member-card-badge{background:#145bad}.f28-member-card-copy{padding:13px;display:flex;flex-direction:column;gap:7px;flex:1}.f28-member-card-copy h3{font-size:.95rem;line-height:1.32;color:white;margin:0}.f28-member-card-copy p{font-size:.75rem;line-height:1.44;color:#b8d1e7;flex:1;margin:0}.f28-member-card-cta{font-size:.75rem;display:block;text-align:center;padding:11px 5px;margin-top:6px;border-radius:9px;background:#17355e;border:1px solid #3875af;color:#ecf9ff;font-weight:900}.f28-member-card.is-current .f28-member-card-cta{background:linear-gradient(90deg,#00b8f6,#8049f9);border-color:transparent}.f28-member-card.is-completed .f28-member-card-cta{border-color:#069c88;background:#075749}.f28-member-congrats{display:flex;align-items:center;gap:16px;padding:17px;background:linear-gradient(100deg,#06413e,#0b2950);border-radius:17px;border:1px solid #24c4b9;margin-top:17px}.f28-member-congrats>span{font-size:2.2rem;color:#4ef4d8}.f28-member-congrats>div{flex:1}.f28-member-congrats h3{font-size:1.03rem;margin:0 0 6px;color:white}.f28-member-congrats p{margin:0;font-size:.78rem;color:#b9dcee}.f28-member-congrats .f28-btn{font-size:.76rem}
.f28-member-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.f28-member-extras a{border:1px solid #264a80;border-radius:14px;background:#0a1e3d;padding:18px;color:#69ddf2;font-size:1.2rem}.f28-member-extras b{display:block;color:white;font-size:.87rem;margin-top:10px}.f28-member-extras small{display:block;color:#9fc1d8;font-size:.7rem;margin-top:3px}.f28-member-privacy{font-size:.72rem;color:#9db2ca;line-height:1.5}.f28-member-mobile-nav{display:none}
/* Mobile changes mimic the sample's tall phone screen, using actual responsive HTML. */
@media(max-width:1170px){.f28-guide-callout{right:0;top:24%;width:244px}.f28-hero h1{font-size:clamp(2.8rem,5.3vw,4.4rem)}.f28-app-grid{grid-template-columns:minmax(0,1fr) 290px}.f28-phone-item img{width:64px}.f28-tasks-grid,.f28-member-task-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.f28-task-media{height:170px}.f28-member-card-media{height:165px}.f28-member-shell{grid-template-columns:160px minmax(0,1fr);gap:14px}}
@media(max-width:800px){.f28-site .shell,.f28-member-app .shell{width:min(100% - 26px,600px)}.f28-hero,.f28-hero-content{min-height:710px}.f28-hero-image{object-position:65% center}.f28-hero-shade{background:linear-gradient(0deg,#06132be8 1%,#050d24b8 57%,#02091581),linear-gradient(90deg,#06112ddd,transparent)}.f28-hero-content{align-items:end}.f28-hero-text{padding:100px 0 43px}.f28-hero h1{font-size:clamp(2.45rem,8.6vw,4.5rem)}.f28-hero-text>p{font-size:.94rem;line-height:1.52}.f28-guide-callout{position:static;margin:0 0 16px;max-width:300px;order:-1;display:none}.f28-goal-grid{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px}.f28-goal{min-width:94px;flex:0 0 94px;min-height:88px}.f28-goal .f28-emoji{font-size:1.4rem}.f28-hero-actions{gap:9px}.f28-hero-actions .f28-btn{font-size:.82rem;padding:12px 15px}.f28-footnote{font-size:.69rem}.f28-app-grid{display:block}.f28-phone-preview{display:none}.f28-app-section{padding:15px 0 28px}.f28-calendar-box,.f28-action-board{padding:15px 13px;border-radius:15px}.f28-section-title{align-items:start}.f28-section-title p{font-size:.73rem}.f28-cal-counter{font-size:.67rem;padding:7px 8px}.f28-tasks-grid{grid-template-columns:1fr}.f28-task-card{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:125px}.f28-task-media{height:100%;min-height:125px}.f28-task-body{padding:12px 11px}.f28-task-body h3{font-size:.86rem}.f28-task-body p{font-size:.72rem}.f28-task-link{font-size:.75rem;padding:8px}.f28-task-duration{bottom:7px;left:6px;font-size:.61rem}.f28-task-play{height:35px;width:35px;font-size:1rem}.f28-benefit-grid{grid-template-columns:1fr;gap:10px}.f28-benefit-grid article{padding:16px 18px}.f28-guide-grid{grid-template-columns:1fr;gap:24px}.f28-guide-section{padding:37px 0}.f28-site .f22-stories{padding-top:35px}.f28-site .f-section.f-pricing{padding:35px 0}.f28-site .f-section.f-faq{padding:35px 0}.f28-member-shell{display:block}.f28-member-sidebar{display:none}.f28-member-app{padding:14px 0 95px}.f28-member-topbar{margin:10px 0 15px}.f28-member-topbar h1{font-size:1.72rem}.f28-account-pill{font-size:0;padding:9px}.f28-account-pill span{display:none}.f28-member-hero{height:255px}.f28-member-hero-copy{padding:17px}.f28-member-hero-copy h2{font-size:1.8rem;margin:14px 0 6px}.f28-member-hero-copy p{font-size:.78rem;max-width:270px}.f28-member-hero-copy .f28-btn{font-size:.74rem;padding:10px 12px;min-height:38px}.f28-member-hero-progress{right:11px;top:11px;height:52px;width:52px;border-width:5px}.f28-member-hero-progress b{font-size:.72rem}.f28-member-calendar-box,.f28-member-actions{padding:15px 12px}.f28-member-task-cards{grid-template-columns:1fr;gap:9px}.f28-member-card{min-height:132px;display:grid;grid-template-columns:125px minmax(0,1fr)}.f28-member-card-media{height:100%;min-height:132px}.f28-member-card-badge{padding:5px 6px;font-size:.61rem;top:6px;left:6px}.f28-member-card-copy{padding:10px;gap:5px}.f28-member-card-copy h3{font-size:.89rem}.f28-member-card-copy p{font-size:.7rem}.f28-member-card-cta{font-size:.73rem;padding:8px;margin-top:3px}.f28-member-congrats{flex-wrap:wrap;gap:9px}.f28-member-congrats h3{font-size:.94rem}.f28-member-congrats .f28-btn{width:100%}.f28-member-extras{grid-template-columns:1fr}.f28-member-extras a{display:flex;align-items:center;gap:10px;padding:12px;font-size:1.2rem}.f28-member-extras a b,.f28-member-extras a small{margin:0}.f28-member-mobile-nav{display:flex;position:fixed;z-index:200;bottom:0;left:0;right:0;justify-content:space-around;background:#03102af5;border-top:1px solid #1d599b;backdrop-filter:blur(16px);padding:9px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 25px #0008}.f28-member-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#b4c8e1;font-size:.62rem;text-decoration:none;min-width:60px}.f28-member-mobile-nav a span{font-size:1.35rem}.f28-member-mobile-nav a.active{color:#31d9ff}}
@media(max-width:390px){.f28-hero h1{font-size:2.29rem}.f28-goal{min-width:81px;flex-basis:81px}.f28-hero,.f28-hero-content{min-height:675px}.f28-member-hero-progress{width:44px;height:44px;right:6px;top:6px}.f28-member-card{grid-template-columns:100px 1fr}.f28-member-hero-copy h2{max-width:230px}}
@media(prefers-reduced-motion:reduce){.f28-site *, .f28-member-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Paid exercise screen: coordinated visual treatment, with actual functioning inputs preserved. */
.dv{background:radial-gradient(ellipse at 70% -5%,#202863 0%,#061b3f 38%,#030d21 100%)!important}
.dv .dv-panel{border:1px solid #315d97;background:linear-gradient(145deg,#102e52,#07182f);box-shadow:0 13px 36px #020a2199}
.dv .dv-activity{border-color:#329de9;box-shadow:0 0 0 1px #295baa69,0 18px 48px #0005}
.dv .dv-voice{background:linear-gradient(100deg,#0d3764,#251c69);border-color:#356fbb}
.dv .dv-primary{background:linear-gradient(110deg,#10c8f7,#8245f6)!important;color:#fff!important;box-shadow:0 8px 24px #137dea6a}
.dv .dv-choice[aria-pressed=true]{border-color:#27dfff;background:#184f75}
.dv .dv-four-item.active{border-color:#2fcefb;background:#183865;box-shadow:0 0 0 1px #278fec99}
.dv .dv-days{display:flex;overflow-x:auto;gap:7px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#3767a2 transparent}
.dv .dv-calendar-day{flex:0 0 82px;min-height:75px}
.dv .dv-calendar-day.locked{opacity:.8}
.dv .dv-calendar-day.today{border-color:#27cefe;background:linear-gradient(140deg,#214ebd,#1b3066);box-shadow:0 0 17px #286af688}
.f28-dv-action-media{height:215px;border-radius:15px;position:relative;overflow:hidden;margin:19px 0 8px;border:1px solid #407bb1}
.f28-dv-action-media img{width:100%;height:100%;object-fit:cover;display:block}
.f28-dv-action-media:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#030f25e6)}
.f28-dv-action-media>div{position:absolute;z-index:2;bottom:16px;left:18px;display:flex;flex-direction:column;gap:5px}
.f28-dv-action-media>div>span{font-size:.7rem;color:#71e5fc;font-weight:900;letter-spacing:.12em}
.f28-dv-action-media b{color:white;font-size:1.13rem}
.dv .dv-answer{background:#0e2b4c;border-color:#3e81ac}
@media(max-width:540px){.f28-dv-action-media{height:150px;margin:13px 0 7px}.dv .dv-four-item{background:#0a2648}.dv .dv-activity h2{font-size:1.5rem!important}}