/* OuraDiet visual refresh — scoped landing components and accessible account controls. */
:root{--accent:#426b48;--accent2:#edf2e9;--bg:#f8f7f2;--ink:#253629;--muted:#657065;--line:#dde3d9;--sage:#426b48;--sage-d:#34573a;--cream:#f8f7f2}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{background:#f8f7f2!important;color:#253629}
body::before,body::after{display:none!important}
button,a,input{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #638952;outline-offset:4px}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
body.od-modal-open{overflow:hidden}
#odTop{height:76px!important;background:rgba(248,247,242,.97)!important;border-bottom:1px solid #e2e6dd!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 max(24px,calc((100vw - 1180px)/2))!important}
#odTopLogo{height:48px!important}
#odSpacer{height:76px!important}
#odBurger{background:#edf2e9!important;border:1px solid #dce4d6!important;box-shadow:none!important;font-size:15px!important;color:#34573a!important}
#od-desktop-nav{display:none;align-items:center;gap:30px;margin-left:auto}
#od-desktop-nav a{color:#475348;font-size:14px;font-weight:600;text-decoration:none}
#od-desktop-nav button{border:1px solid #426b48;background:transparent;border-radius:100px;padding:10px 22px;color:#34573a;font-weight:700;font-size:14px}
body:not(.od-locked) #od-desktop-nav,body:not(.od-locked) #od-how,body:not(.od-locked) #od-extra{display:none!important}
body.od-locked header{display:none!important}
#od_hero,#od_podglad,#paywall,#od-how,#od-extra,#od-public-footer{max-width:1180px!important;width:calc(100% - 64px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
#od_hero{display:grid!important;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center;padding:60px 0 76px!important;margin-top:12px!important;margin-bottom:0!important;text-align:left!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.od-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.14em;color:#507053;text-transform:uppercase}
#od_hero h1{font-size:clamp(36px,4.35vw,60px)!important;line-height:1.08!important;letter-spacing:-.045em;margin:22px 0!important;font-weight:750!important;color:#253629}
#od_hero h1 em{font-style:normal;color:#648153}
#od_hero .od-hero-copy>p{font-size:17px;line-height:1.8;max-width:470px;color:#657065}
#od_hero .od-primary{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;margin:30px 0 12px!important;padding:16px 27px!important;font-size:16px!important;border-radius:100px!important;background:#426b48!important;box-shadow:0 6px 14px #426b4812!important;color:white;text-decoration:none;transition:transform .18s,background .18s}
#od_hero .od-primary:hover{transform:translateY(-2px);background:#34573a!important}
.od-hero-meta{display:block;font-size:12px;color:#657065}
.od-hero-visual{position:relative;min-width:0;padding:16px 0 0 16px}
.od-food{display:block;width:100%;height:440px;object-fit:cover;border-radius:160px 160px 24px 24px;background:#e4e9dc}
.od-food-caption{position:relative;background:#fff;border:1px solid #e3e7de;margin:-46px 22px 0;padding:20px 24px;border-radius:18px;box-shadow:0 12px 30px #2436250a;display:grid;gap:7px}
.od-food-caption strong{font-size:19px;line-height:1.3}.od-food-caption>span:last-child{color:#657065;font-size:13px}
.od-food-caption .od-eyebrow{font-size:9px}
.od-float{position:absolute;left:-12px;top:54px;background:#fff;padding:12px 17px;border-radius:100px;font-size:12px;font-weight:600;box-shadow:0 8px 25px #2436250b;display:flex;gap:8px;align-items:center;animation:od-arrive .55s ease both}
.od-check{display:inline-grid;place-items:center;background:#edf2e9;color:#426b48;border-radius:50%;width:23px;height:23px}
#od-how{padding:40px 0 55px;border-top:1px solid #dfe5da}
#od-how>h2,#od-extra h2{font-size:32px;letter-spacing:-.025em;margin:12px 0 28px;color:#253629}
.od-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.od-steps article>span{font-size:13px;color:#7b9470;font-weight:700}.od-steps h3{font-size:18px;margin:10px 0}.od-steps p{font-size:15px;color:#657065;line-height:1.7;max-width:300px}
#od_podglad{background:#fff!important;border:1px solid #e1e6dc!important;border-radius:24px!important;box-shadow:none!important;backdrop-filter:none!important;padding:30px!important;margin-bottom:48px!important}
#od_podglad>div:nth-child(2){font-size:30px!important;letter-spacing:-.025em}
#od_podglad .od-sample-meal{padding:16px 0!important;gap:20px!important}
#od_podglad .od-sample-meal img{width:100px!important;height:82px!important;border-radius:14px!important}
#od_podglad .od-sample-meal>div:last-child{color:#426b48;font-size:15px}
#od_podglad>.btn{width:auto!important;display:block;margin:22px auto 0!important;padding:13px 24px!important;border-radius:100px!important;box-shadow:none!important}
#od-extra{background:#eaf0e4;border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:44px}
#od-extra h2{margin-bottom:0;font-size:28px}#od-extra p{color:#5f705c;line-height:1.7;font-size:16px}
#paywall{padding:0!important;margin-bottom:35px!important}
#paywall>.card{background:#fff!important;border:1px solid #e1e6dc!important;border-radius:24px!important;padding:38px!important;box-shadow:none!important;backdrop-filter:none!important}
#paywall h2{font-size:32px!important;letter-spacing:-.025em}
#od_benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 32px;margin:28px 0!important}#od_benefits>div:first-child{grid-column:1/-1;margin-bottom:12px!important}#od_benefits>div:not(:first-child){background:transparent!important;border-bottom:1px solid #eef0eb;padding:14px 0!important}
#paywall>.card>.acctbtn{width:auto!important;margin:8px 5px!important;padding:12px 20px!important;border-radius:100px!important;box-shadow:none!important}
.od-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;text-align:left}
.od-price{padding:27px;border:1px solid #dce3d6;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:14px}
.od-price-year{background:#f1f5ed;border-color:#90a581}.od-price[data-selected=true]{outline:2px solid #426b48;outline-offset:3px}
.od-price-value{font-size:36px;font-weight:750;letter-spacing:-.035em}.od-price-value small{font-size:14px;font-weight:400;letter-spacing:0;color:#657065}
.od-price p{font-size:14px;color:#657065;line-height:1.65;min-height:46px}.od-price .od-saving{font-size:12px;min-height:0;margin-top:auto}.od-price .acctbtn{width:100%;padding:13px 18px!important;border-radius:100px;box-shadow:none!important}
.od-billing-note{font-size:12px;line-height:1.6;color:#657065;text-align:center;margin:18px auto 0;max-width:590px}
#od-public-footer{border-top:1px solid #dfe5da;display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:26px 0;color:#657065;font-size:12px}#od-public-footer a{color:inherit}
.authov{background:rgba(28,43,31,.38)!important;backdrop-filter:blur(5px)!important}
#authmodal .authbox,#shopbox{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #e1e6dc!important;border-radius:24px!important;padding:30px!important;box-shadow:0 24px 80px #13251624!important;max-height:calc(100dvh - 32px)!important;overscroll-behavior:contain;position:relative}
#authmodal .authbox{max-width:450px!important;width:100%!important}
#shopbox{max-width:740px!important;width:100%!important}
#od-auth-title{font-size:26px;margin:5px 36px 8px 0;letter-spacing:-.03em}
#od-auth-intro{font-size:13px;line-height:1.65;color:#657065;margin-bottom:20px}
.od-close{position:absolute;right:15px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f4ed;color:#426b48;font-size:25px;line-height:1}
#authmodal .authtabs{background:#f1f4ed;border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}#authmodal .authtab{border:0;background:transparent;border-radius:9px;padding:10px;font-size:13px;color:#657065}#authmodal .authtab.on{background:#fff;color:#34573a;box-shadow:0 2px 4px #20352008}
#authmodal input{background:#fff!important;border:1px solid #d6ded1!important;border-radius:11px;min-height:48px;color:#253629;box-shadow:none;backdrop-filter:none!important}
#authmodal label{font-size:12px;color:#4c5e4c;font-weight:600;margin:12px 0 6px}
#authmodal input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px;flex:0 0 18px;margin:2px 0 0!important;accent-color:#426b48}
#a_consentwrap{align-items:flex-start;line-height:1.55;font-size:12px!important;font-weight:400!important;margin:16px 0!important;gap:10px!important}
#a_submitbtn{border-radius:100px!important;box-shadow:none!important;min-height:48px;margin-top:12px!important}
#a_codewrap details{font-size:12px;color:#657065}#a_codewrap summary{cursor:pointer;padding:5px 0}#a_codewrap label{display:none!important}#a_codewrap input{margin-top:8px}
#od_auth_sec{font-size:11px!important;line-height:1.6!important;color:#657065!important}
#od-purchase-context,.od-purchase-note{background:#edf3e8;border-radius:12px;padding:13px;font-size:13px;line-height:1.6;margin-bottom:15px;color:#426b48}
#od-purchase-context[hidden]{display:none}
.od-quiz{padding-bottom:30px!important}.quiz-header{display:flex!important;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:20px 28px;border-bottom:1px solid #e1e6dc}.quiz-header img{height:44px}.quiz-header span{font-size:12px;color:#657065}.quiz-header a{color:#426b48;font-size:13px;text-decoration:none}
.od-quiz .wrap{max-width:580px;padding:30px 24px 50px}.od-quiz h1{font-size:30px;letter-spacing:-.025em;line-height:1.2;margin:0 0 16px}.od-quiz .why{text-align:left;margin:0 0 26px;max-width:none;font-size:14px;color:#657065;line-height:1.7}
.od-quiz .opt{font-size:16px;border-width:1px;border-radius:15px;padding:16px;min-height:62px}.od-quiz .opt:hover{border-color:#7e9b6c;background:#f1f5ed}.od-quiz .go{border-radius:100px;font-size:16px;padding:16px;background:#426b48}.od-quiz .bar{height:5px;margin-bottom:35px}.od-quiz .cnt{font-size:12px}.od-quiz .num .v{min-width:110px}.od-quiz .num input{width:140px;max-width:100%;font:700 44px/1.2 inherit;font-family:inherit;font-size:44px;font-weight:700;text-align:center;border:1px solid #cbd8c3;border-radius:16px;padding:12px 0;background:#fff;color:#253629;appearance:textfield}.od-quiz .num input::-webkit-inner-spin-button{appearance:none}.od-quiz .num button{width:48px;height:48px;font-size:24px}
.od-quiz .num{gap:20px;margin:40px 0}.quiz-error{font-size:13px;color:#a44632;line-height:1.5}.quiz-step{animation:od-arrive .2s ease both}.od-quiz .kcal{border:1px solid #cbd9c3;background:#edf3e8;padding:24px;border-radius:22px}.od-quiz .kcal .big{font-size:50px;color:#426b48}.od-quiz .kcal small{font-size:20px;font-weight:500}.od-quiz .meal{background:#fff;border:1px solid #e1e6dc;box-shadow:none;backdrop-filter:none;padding:13px;border-radius:16px;display:flex;gap:16px;align-items:center}.od-quiz .meal img{width:86px;height:86px;object-fit:cover;border-radius:12px}.od-quiz .meal .nm{font-size:15px}.od-quiz .meal .mt{font-size:12px}.od-quiz .meal .sl{font-size:10px;text-transform:uppercase;color:#426b48}.od-quiz .note{font-size:14px;line-height:1.65}.od-quiz .tiny{font-size:12px;color:#657065;line-height:1.7;margin:16px 0}.od-quiz .sec{font-size:17px;margin:24px 0 14px}.od-quiz .link{font-size:13px}.quiz-result{animation:od-arrive .25s ease both}.quiz-result>.od-eyebrow{margin-bottom:14px}
@keyframes od-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:980px){body.od-locked #od-desktop-nav{display:flex}body.od-locked #odBurger{display:none!important}body.od-locked #odTopLogo{left:max(32px,calc((100vw - 1180px)/2))!important;transform:translateY(-50%)!important}}
@media(max-width:800px){#od_hero,#od_podglad,#paywall,#od-how,#od-extra,#od-public-footer{width:calc(100% - 36px)!important}#od_hero{grid-template-columns:1fr;gap:25px;padding:35px 0 44px!important}#od_hero h1{font-size:42px!important;max-width:560px;margin:16px 0!important}#od_hero .od-hero-copy>p{font-size:15px;line-height:1.7}.od-hero-visual{padding:5px 12px 0;max-width:500px;width:100%;margin:auto}.od-food{height:310px;border-radius:100px 100px 20px 20px}.od-float{left:0;top:28px;font-size:11px}.od-food-caption{margin:-42px 14px 0;padding:16px}.od-food-caption strong{font-size:17px}.od-hero-copy{text-align:center}.od-hero-copy>p{margin:auto}#od_hero .od-primary{margin-top:22px!important}.od-steps{gap:22px;grid-template-columns:1fr}.od-steps article{display:grid;grid-template-columns:34px 1fr;gap:3px 10px}.od-steps article>span{grid-row:1/3;padding-top:8px}.od-steps h3{margin:5px 0}.od-steps p{max-width:none;font-size:14px}#od-how{padding:30px 0}#od-how>h2{font-size:27px}#od_podglad{padding:21px!important;margin-bottom:28px!important}#od_podglad>div:nth-child(2){font-size:25px!important}#od_podglad .od-sample-meal{gap:12px!important;flex-wrap:wrap}#od_podglad .od-sample-meal img{width:66px!important;height:66px!important}#od_podglad .od-sample-meal>div:nth-child(2){font-size:13px!important}#od_podglad .od-sample-meal>div:last-child{font-size:12px;white-space:normal!important}#od_podglad>.btn{font-size:13px}#od-extra{grid-template-columns:1fr;gap:16px;padding:24px;margin-bottom:28px}#od-extra h2{font-size:26px}#od-extra p{font-size:14px}#paywall>.card{padding:22px!important}#paywall h2{font-size:26px!important}#od_benefits{grid-template-columns:1fr;gap:4px}#paywall>.card>.acctbtn{width:100%!important;margin:5px 0!important}.od-plans{grid-template-columns:1fr;gap:14px}.od-price{padding:23px}.od-price p{min-height:0}.od-price-value{font-size:34px}#od-public-footer{gap:15px}.quiz-header{padding:12px 20px}.quiz-header span{display:none}.od-quiz .wrap{padding:20px 22px 40px}.od-quiz h1{font-size:27px}#authmodal .authbox,#shopbox{padding:24px!important}#od-auth-title{font-size:23px}.od-quiz .num input{width:120px}.od-quiz .num{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
#authmodal .authbox,#authmodal .authbox *{hyphens:none!important}
body:not(.od-locked) #od-public-footer{display:none}
@media(max-width:800px){#authmodal .authbox{max-height:calc(100dvh - 24px)!important}}

/* Clear entry and saved-plan context, September 24. */
.od-sample-link{display:block;margin-top:16px;color:#426b48;font-size:14px;text-underline-offset:4px}
.od-plan-context{padding:14px 16px;background:#edf3e8;border:1px solid #d9e3d3;border-radius:14px;margin:0 0 16px;color:#34573a;font-size:13px;line-height:1.5}
.od-plan-context[hidden]{display:none}.od-plan-context ul{padding-left:18px;margin:8px 0}.od-plan-context small{display:block;font-size:12px}
.od-resume-plan{border:1px solid #b6cbb0!important}.od-resume-plan p{font-size:14px;line-height:1.6;color:#657065}.od-resume-actions{display:flex;flex-wrap:wrap;gap:10px}.od-resume-actions .btn{width:auto;margin:0;font-size:14px;padding:12px 16px}
@media(max-width:600px){.od-resume-actions{flex-direction:column}.od-resume-actions .btn{width:100%}#od_hero h1{font-size:36px!important}#od_hero{padding-top:24px!important}.od-plan-context{padding:12px}#od-auth-intro{margin-bottom:12px}}