body{font-size:18px;line-height:1.7}:root{--muted-foreground:#bdc9ba}p{line-height:1.7}button,a,summary{touch-action:manipulation}.button,.button.small,.hero-buttons .button,.dashboard-heading>.button{white-space:normal;text-align:center;min-height:56px;padding:14px 22px;font-size:18px}.text-button,.back-home,.login-link,.main-nav a{align-items:center;min-height:48px;font-size:16px;display:inline-flex}.icon-button{min-width:48px;min-height:48px}.menu-toggle{gap:8px;padding:10px}.brand,.patient-sidebar>.brand{border-radius:0;width:150px;height:100px}.brand img,.hero-brand .brand img,.patient-sidebar>.brand img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 0 1px #a9ce9c);width:100%;height:100%;margin:0;display:block}.hero-brand .brand{width:220px;height:147px}.login-story-content>img{mix-blend-mode:normal;filter:drop-shadow(0 0 1px #a9ce9c);margin:0}.site-header{height:auto;min-height:108px}.header-inner{gap:20px;min-height:108px}.main-nav,.header-actions{gap:18px}.container{width:min(1320px,100% - 64px)}.hero{grid-template-columns:1fr 1fr;gap:48px;padding-block:64px}.hero h1{font-size:clamp(44px,4.3vw,68px);line-height:1.12}.hero-copy>p,.section-description,.section-heading>p,.final-cta>p{max-width:58ch;font-size:20px}.hero-buttons{flex-wrap:wrap;gap:16px}.hero-points{flex-wrap:wrap;gap:12px 24px}.hero-points span,.hero-brand>span{font-size:16px}.pill,.eyebrow,.demo-label,.demo-pill{letter-spacing:.04em;font-size:16px;line-height:1.6}.hero-visual{padding:0}.orbit-label,.achievement-float{display:none}.simple-preview{width:100%;transform:none}.simple-preview .preview-top{flex-wrap:wrap;gap:12px;padding:20px 24px;font-size:18px}.simple-preview .preview-body{padding:28px}.simple-preview h3{margin-top:8px;font-size:26px}.simple-preview h4{margin:8px 0 14px;font-size:23px}.simple-preview p{font-size:18px}.simple-preview .eyebrow{font-size:16px}.daily-summary,.preview-progress{align-items:flex-start;gap:16px;margin-top:26px;display:flex}.daily-summary>svg,.preview-progress>svg{color:var(--primary);margin-top:6px}.daily-summary strong,.preview-progress strong{font-size:18px}.preview-next{background:#162310;border:1px solid #385c29;border-radius:16px;margin-top:26px;padding:24px}.preview-next .button{width:100%;margin-top:22px}.simple-preview .preview-footer{padding:18px 28px;font-size:16px}.principles .container{flex-wrap:wrap;gap:24px}.principles p,.principles b,.principles span{font-size:16px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.step,.benefit-card{padding:30px}.step h3,.benefit-card h3{font-size:24px}.step p,.benefit-card p{font-size:18px}.step-top>span{font-size:24px}.section{padding-block:64px}#dashboard>.dashboard-preview{max-width:780px}#dashboard>.button{margin-top:28px}.rank-details-disclosure summary{cursor:pointer;background:#101a0e;border:1px solid #38512d;border-radius:12px;padding:20px 24px;font-size:20px}.rank-trail{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}.rank-trail:before{display:none}.rank-stop>b,.rank-badge.large>span,.rank-stop>span,.journey-caption p{font-size:16px}.rank-stop{gap:16px}.site-footer{flex-wrap:wrap;gap:24px}.site-footer p,.site-footer>a:not(.brand){align-items:center;min-height:48px;font-size:16px;display:flex}.patient-sidebar{width:264px;overflow-y:auto}.patient-sidebar>.brand{margin:0 auto 24px}.patient-sidebar nav button{min-height:56px;font-size:18px}.patient-main{width:calc(100% - 264px);margin-left:264px}.patient-mobile-menu,.sidebar-encouragement{display:none}.patient-topbar{flex-wrap:wrap;height:auto;min-height:80px;padding-block:16px}.patient-topbar>span,.patient-topbar .demo-pill{font-size:16px}.dashboard-heading{flex-wrap:wrap}.dashboard-heading h1{font-size:36px}.dashboard-heading p,.dashboard-heading .eyebrow{font-size:18px}.dashboard-content{max-width:1160px}.demo-notice{padding:14px 18px;font-size:16px}.status-message{font-size:18px}.status-message:empty{min-height:20px}.panel{margin-bottom:24px;padding:28px}.panel h2,.panel-heading h2{letter-spacing:-.5px;font-size:26px}.panel-heading{flex-wrap:wrap;gap:16px}.panel-heading>span{font-size:18px}.guided-day{border-color:#3c602b}.day-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0;padding:0;list-style:none;display:grid}.day-steps li{color:var(--muted-foreground);align-items:flex-start;gap:12px;font-size:16px;display:flex}.day-steps li>span:first-child{border:1px solid #49623d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.day-steps li.current{color:var(--foreground)}.day-steps li.current>span:first-child{color:#101a0d;background:var(--primary)}.day-steps li.done>span:first-child{color:var(--primary)}.day-steps small{font-size:16px;display:block}.guided-instruction{margin-bottom:20px;font-size:18px}.guided-day .mission-card{background:#162210;border:1px solid #355226;border-radius:14px;padding:24px}.guided-day .mission-action:not(:disabled){background:var(--primary);color:#101a0d;border-color:var(--primary);font-weight:600}.guided-day .text-button,.today-details{margin-top:24px}.today-details summary{cursor:pointer;min-height:48px;padding-block:10px;font-size:18px}.simple-progress{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.simple-progress>div{flex:300px}.simple-progress p{margin-top:14px;font-size:18px}.day-complete{padding-block:20px}.day-complete svg{color:var(--primary)}.day-complete h3{margin:12px 0;font-size:24px}.mission-card{flex-wrap:wrap;gap:18px;padding-block:24px}.mission-card>div{flex:220px;min-width:0}.mission-card h3{font-size:22px}.mission-card p,.weekly-mission p,.points-explainer{font-size:18px}.mission-action,.mission-action.done,.mission-card.completed .mission-action{white-space:normal;min-height:54px;margin:0;padding:14px 18px;font-size:18px}.mission-card.completed .mission-action span{display:inline}.mission-card.completed{opacity:1}.xp-reward{font-size:16px}.weekly-mission{flex-wrap:wrap;gap:20px;padding:28px}.weekly-mission h3{font-size:22px}.weekly-mission>.button{margin-left:0;font-size:18px}.progress-card-top,.progress-card-bottom{flex-wrap:wrap;gap:18px}.progress-card h2{font-size:26px}.progress-card-bottom p{font-size:18px}.points-explainer{margin-block:20px}.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-badge h3{font-size:21px}.achievement-badge p{font-size:18px}.achievement-badge small{letter-spacing:0;font-size:16px}.achievement-badge.locked{opacity:1}.journey-list p,.journey-list>div>span:last-child{font-size:16px}.journey-list h3{font-size:22px}.history-list>div{flex-wrap:wrap;font-size:18px}.chart-summary{flex-wrap:wrap;gap:14px}.chart-summary span,.chart-foot,.day-label,.bar-value{font-size:16px}.login-form{max-width:540px}.login-form h1{font-size:clamp(32px,3vw,44px);line-height:1.25}.login-form>p,.login-form .goal-option,.login-form legend{font-size:18px}.login-form .goal-option{gap:14px;min-height:68px;padding:18px}.goal-option input{min-width:22px;min-height:22px;accent-color:var(--primary)}.onboarding-step{background:var(--primary);color:#101a0d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-right:8px;display:inline-flex}.login-note p,.login-fine,.login-footer{font-size:16px}select{min-height:56px;padding:12px 16px;font-size:18px}.checkin-modal,.level-modal{width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);padding:48px 32px 32px;overflow-y:auto}.checkin-modal h2,.level-modal h2{font-size:30px}.checkin-modal p,.level-modal p{font-size:18px}.checkin-modal small{font-size:16px}.mood-options button{text-align:left;min-height:60px;padding:16px;font-size:18px}@media (max-width:1200px){.main-nav{display:none}.menu-toggle{display:inline-flex!important}.main-nav.is-open{border-bottom:1px solid var(--border);background:#0b120b;flex-direction:column;align-items:stretch;gap:8px;padding:20px 32px;display:flex;position:absolute;inset:108px 0 auto}.hero{grid-template-columns:1fr;gap:40px;max-width:820px}.hero-visual{width:100%;max-width:none;margin:0}.dashboard-heading>.button{font-size:18px}}@media (max-width:900px){.patient-shell{display:block}.patient-sidebar{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:24px;width:100%;height:auto;padding:16px 24px;position:relative;inset:auto}.patient-sidebar>.brand{width:120px;height:80px;margin:0;display:block}.patient-sidebar nav,.patient-sidebar>.sidebar-label{display:none}.patient-mobile-menu{flex-direction:column;flex:0 320px;gap:6px;min-width:0;font-size:16px;display:flex}.patient-mobile-menu select{width:100%;color:var(--foreground);background:#142011;border:1px solid #49623d;border-radius:8px}.patient-main{width:100%;margin:0}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-side{padding:32px}.login-form-side:before{content:"";filter:drop-shadow(0 0 1px #a9ce9c);background:url(/brand/nutrirank-logo-transparent.png) 50%/contain no-repeat;width:180px;height:120px;display:block}}@media (max-width:600px){.container{width:calc(100% - 40px)}.brand{width:120px;height:80px}.header-inner{gap:10px;min-height:92px}.header-actions{gap:10px}.header-actions>.button{display:none}.site-header{min-height:92px;position:relative}.main-nav.is-open{top:92px}.hero{padding-block:36px}.hero:before{inset:0}.hero h1{letter-spacing:-1.5px;font-size:44px}.hero-copy>p{font-size:20px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.hero-brand{flex-wrap:wrap}.hero-brand .brand{width:180px;height:120px}.pill{letter-spacing:0;border-radius:12px;font-size:16px}.simple-preview .preview-body{padding:22px 18px}.simple-preview .preview-top{padding:18px}.simple-preview h3{font-size:24px}.preview-next{padding:20px 16px}.simple-preview .preview-footer{padding:18px}.steps,.benefits-grid,.achievements-grid,.day-steps{grid-template-columns:1fr}.section{padding-block:44px}.section-heading>p{font-size:18px}.section h2,.journey-section h2,.final-cta h2{letter-spacing:-.8px;font-size:32px}.step,.benefit-card{padding:26px}.rank-trail{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.patient-sidebar{gap:16px;padding:16px}.patient-sidebar>.brand{width:90px;height:60px}.patient-topbar{padding:16px 20px}.dashboard-content{padding:28px 20px}.dashboard-heading h1{font-size:32px}.panel,.progress-card{padding:22px 18px}.panel h2,.panel-heading h2{font-size:24px}.guided-day .mission-card{padding:20px 16px}.mission-card>div{flex-basis:calc(100% - 62px)}.mission-action,.mission-action.done{justify-content:center;width:100%}.mission-symbol{width:40px;height:40px}.simple-progress>.button{width:100%}.weekly-mission{padding:22px 18px}.weekly-mission>.button{width:100%}.progress-card-top,.progress-card-bottom{align-items:flex-start}.journey-list>div{flex-wrap:wrap}.journey-list .rank-badge{width:auto;font-size:16px}.login-form-side{padding:24px 20px}.checkin-modal,.level-modal{padding:54px 22px 28px}.week-chart{gap:5px}.week-bar{width:min(100%,28px)}}
:root{--background:#32116a;--foreground:#fcf9ff;--card:#3e1d6b;--card-foreground:#fcf9ff;--popover:#321653;--popover-foreground:#fcf9ff;--primary:#b6ff57;--primary-foreground:#231137;--secondary:#4c2b76;--secondary-foreground:#fcf9ff;--muted:#45246c;--muted-foreground:#dfd2ed;--accent:#b6ff57;--accent-foreground:#231137;--border:#69458f;--input:#76529a;--ring:#b6ff57}body{background:var(--background)}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#32116af5;border-color:#634184}.site-header .brand{width:180px;height:120px}.header-inner{min-height:124px}.main-nav a,.login-link,.back-home{color:#eee4f7;font-size:18px}.primary{color:#231137;box-shadow:none;background:#b6ff57}.primary:hover{background:#c9ff84;box-shadow:0 5px 24px #16062b30}.secondary,.icon-button{color:#fcf9ff;background:#43216d;border-color:#8967aa}.secondary:hover{background:#51307e}.brand img,.patient-sidebar>.brand img,.login-story-content>img{filter:drop-shadow(0 0 1px #ddfcbf)drop-shadow(0 0 15px #b6ff5720)}.patient-sidebar,.patient-topbar{background:#29104f;border-color:#604081}.patient-sidebar nav button,.patient-topbar>span,.sidebar-label,.sidebar-profile div>span,.patient-footer{color:#dfd2ed}.patient-sidebar nav button.active{color:#b6ff57;background:#4b2975;border-color:#8b6ba9}.patient-sidebar nav button:hover{background:#4b2975}.patient-mobile-menu select,select,.profile-panel select{color:#fcf9ff;background:#43216d;border-color:#8b6ba9}.panel,.stat-card,.mission-card,.achievement-badge,.next-goal{background:#3d1d65;border-color:#79539c}.guided-day{background:#3d1d65;border-color:#926ab6}.guided-day .mission-card{background:#4d2a78;border-color:#9472b3}.guided-day .mission-action:not(:disabled){color:#231137;background:#b6ff57}.mission-action{color:#fcf9ff;background:#57347e;border-color:#b7a0c9}.mission-action.done,.mission-symbol{color:#caff85;background:#452668}.progress-card,.weekly-mission{background:linear-gradient(120deg,#50277c,#391c60);border-color:#8967a8}.progress-card-bottom p,.mission-card p,.weekly-mission p,.stat-card p,.achievement-badge p,.day-steps li,.form-hint{color:#dfd2ed}.xp-track{background:#261041}.rank-badge{background:#31174e}.dashboard-heading h1 span{color:#b6ff57}.demo-notice{color:#dfd2ed;background:#331858;border-color:#b197cb}.demo-notice>span,.demo-pill{color:#e7dcf2}.demo-pill{background:#432168;border-color:#7c599b}.eyebrow{color:#d9c7ed}.status-message,.saved-message,.xp-reward,.text-button{color:#c5ff7f}.day-steps li>span:first-child{border-color:#a18ab8}.day-steps li.current>span:first-child{color:#231137;background:#b6ff57}.login-page,.login-form-side{background:#32116a}.login-story{background:linear-gradient(145deg,#47217b,#231043);border-color:#69458f}.login-story h2 span{color:#b6ff57}.goal-option,.mood-options button{color:#fcf9ff;background:#3c1d64;border-color:#9577b0}.goal-option.selected,.mood-options button.selected{background:#513079;border-color:#b6ff57}.login-note p,.login-fine,.login-footer,.login-story-bottom{color:#dfd2ed}dialog,.checkin-modal,.level-modal{color:#fcf9ff;background:#371b5b;border-color:#9577b0}dialog::backdrop{background:#160929d9}.week-bar{background:#9473bb}.week-column:last-child .week-bar{background:#b6ff57}.chart-summary>span,.chart-foot,.bar-value,.day-label{color:#dfd2ed}.journey-list>div.active{background:#523078}@media (max-width:1200px){.main-nav.is-open{background:#32165c;inset-block-start:124px}}@media (max-width:600px){.header-inner{min-height:100px}.site-header .brand{width:135px;height:90px}.site-header{min-height:100px}.main-nav.is-open{top:100px}.header-actions{gap:8px}.menu-toggle{padding-inline:8px}}@media (max-width:360px){.site-header .brand{width:105px;height:80px}.header-inner{gap:8px}.header-actions{gap:6px}.header-actions .login-link{font-size:16px}}