:root{--pippo-background:#121218;--pippo-panel:#24232b;--pippo-ink:#18171e;--pippo-paper:#fff7ea;--pippo-orange:#ff982e;--pippo-cobalt:#3954df;--pippo-blue-light:#c5d8ff;--pippo-mint:#baf4d2;--pippo-muted:#f2e9dc;--pippo-muted-ink:#595661;--pippo-border:#d9cfc0;--pippo-input:#b8ada4;--pippo-heading-font:"Bricolage Grotesque", "Arial Black", sans-serif;--pippo-body-font:"Nunito Sans", "Trebuchet MS", sans-serif;--pippo-app-body-font:"Nunito", "Trebuchet MS", sans-serif;--pippo-type-body:16px;--pippo-type-secondary:15px;--pippo-type-label:14px;--background:var(--pippo-background);--foreground:var(--pippo-ink);--card:var(--pippo-paper);--card-foreground:var(--pippo-ink);--popover:var(--pippo-paper);--popover-foreground:var(--pippo-ink);--primary:var(--pippo-orange);--primary-foreground:var(--pippo-ink);--secondary:var(--pippo-blue-light);--secondary-foreground:var(--pippo-ink);--muted:var(--pippo-muted);--muted-foreground:var(--pippo-muted-ink);--accent:var(--pippo-mint);--accent-foreground:var(--pippo-ink);--border:var(--pippo-border);--input:var(--pippo-input);--ring:var(--pippo-cobalt);--font-heading:var(--pippo-heading-font);--ink:var(--pippo-ink);--paper:var(--pippo-paper);--orange:var(--pippo-orange);--cobalt:var(--pippo-cobalt);--blue-light:var(--pippo-blue-light);--mint:var(--pippo-mint)}body{background:var(--pippo-background);color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--cobalt)}.section-shell{max-width:1230px}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;padding:13px 18px}.nav-shell{max-width:1188px;height:67px;color:var(--paper);background:#24232b;border:1px solid #ffffff29;border-radius:100px;padding:0 23px;box-shadow:0 12px 35px #00000028}.site-header .nav-shell{pointer-events:auto}.wordmark{font-family:var(--font-heading);letter-spacing:-3.5px;font-weight:800}.wordmark>span,.tiny-sun{color:var(--orange)}.nav-shell nav{font-weight:700}.nav-shell nav a:hover{color:var(--orange)}.nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-actions .button{white-space:nowrap}.button{letter-spacing:-.2px;font-weight:800;transition:transform .28s cubic-bezier(.2,.85,.2,1),background .2s,box-shadow .2s}.button:hover{transform:translateY(-4px)}.primary,.nav-cta{background:var(--orange);color:var(--ink);box-shadow:0 5px #dc6a16}.primary:hover,.nav-cta:hover{background:#ffb35b;box-shadow:0 7px #dc6a16}.nav-cta.nav-login{background:var(--pippo-cobalt);color:var(--pippo-paper);box-shadow:0 5px #253697}.nav-cta.nav-login:hover{background:#4e69ee;box-shadow:0 7px #253697}.nav-cta.nav-login:focus-visible{outline-color:var(--pippo-mint)}.hero{color:var(--paper);grid-template-columns:1.06fr .94fr;gap:7px;min-height:700px;padding-top:64px;padding-bottom:88px}.hero-copy{z-index:4;animation:.9s cubic-bezier(.2,.85,.2,1) both hero-enter;position:relative}.eyebrow{letter-spacing:2.1px;font-weight:800}.hero .eyebrow{color:#ffc58f}.hero h1{letter-spacing:-4.7px;word-spacing:.08em;max-width:690px;margin:25px 0 28px;font-size:clamp(60px,6.2vw,91px);font-weight:800;line-height:.99}.hero h1>span{color:var(--orange)}.hero-copy>p{color:#dedbd7;font-size:18px;line-height:1.66}.hero-actions{margin-top:31px}.hero-actions .primary{min-height:61px;padding:19px 27px;font-size:16px}.hero .text-button,.hero-video-link{color:#fff8eb}.hero-video-link{font-weight:700}.hero-trust{color:#bbb9be;font-size:11px}.hero-trust svg{color:var(--orange)}.hero-scene{height:550px;animation:1.1s cubic-bezier(.2,.85,.2,1) .15s both scene-enter}.scene-circle{background:var(--cobalt);width:455px;height:455px;top:52px;box-shadow:inset -32px -28px #2d42c1,0 0 80px #3954df4d}.scene-circle:after{border:2px dashed #ff9b3e99;animation:34s linear infinite orbit;inset:-23px}.hero-mascot{filter:drop-shadow(0 19px 3px #0b0a145c);width:545px;height:530px;animation:3.8s ease-in-out infinite ink-run;bottom:7px}.scene-orbit{color:var(--orange)}.speech-bubble{background:var(--paper);border:3px solid var(--ink);color:var(--ink);box-shadow:5px 6px 0 var(--orange);border-radius:20px 20px 20px 4px;font-weight:800;top:22px;left:15px}.speech-bubble span{color:#eb6054}.floating-card{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:19px;box-shadow:6px 7px #14131a}.weekly-card{animation:5s ease-in-out infinite card-drift;top:-31px;right:-10px}.streak-card{background:var(--mint);animation:5.4s ease-in-out -1.5s infinite card-drift;bottom:41px;left:-15px}.floating-card small{color:#5d5960}.mini-icon,.mini-icon.lime{background:var(--orange);color:var(--ink)}.mini-days>span{background:#e8e3dd}.mini-days>span.done{background:var(--cobalt);color:#fff}.mascot-caption{color:var(--ink);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--orange);background:#baf4d2;border-radius:999px;padding:7px 15px;font-size:14px;font-style:normal;font-weight:800;animation:3.8s ease-in-out infinite caption-bob;bottom:-2px;transform:translate(-50%)rotate(-3deg)}.promise-strip{background:var(--orange);color:var(--ink);font-family:var(--font-heading);border:0;gap:clamp(26px,5vw,84px);padding:21px;font-size:15px;font-weight:800}.promise-strip svg{stroke-width:2.5px}.intro-section,.benefits-section,.faq-section{background:var(--paper)}.intro-section{border-radius:0 0 38px 38px;padding-top:103px;padding-bottom:72px}h2{letter-spacing:-.045em;word-spacing:.06em;margin:23px 0;font-size:clamp(42px,4.8vw,67px);font-weight:800;line-height:1.05}h2>span{color:var(--cobalt)}.section-description{color:#55515b;font-size:18px}.demo-stage{border:2px solid var(--ink);box-shadow:9px 10px 0 var(--ink);background:#cbd9ff;border-radius:31px;margin-top:53px}.pill{color:#33459a;font-weight:800}.pill>span{background:var(--cobalt)}.demo-story h3{letter-spacing:-.045em;word-spacing:.04em;font-size:clamp(32px,3.3vw,46px);font-weight:800;line-height:1.09}.demo-story p,.demo-label,.demo-instructions{color:#333854}.demo-story>p{color:#1a2446;max-width:370px;font-size:16px;font-weight:800;line-height:1.55}.demo-instructions svg{color:var(--cobalt)}.play-button{font-weight:800}.play-button>span{background:var(--orange);border:2px solid var(--ink)}.app-preview{border:2px solid var(--ink);border-radius:26px 26px 0 0;box-shadow:9px 10px #1d223d}.app-preview .wordmark>span{color:var(--orange)}.app-preview h4>span{color:var(--cobalt)}.app-week [data-slot=tabs-trigger][data-state=active]{background:var(--orange);color:var(--ink)}.app-week [data-slot=tabs-trigger][data-state=active] b{color:var(--ink)}.meal-row{border-color:#e4e2ed}.food-emoji{background:#e9efff;border-radius:13px;width:62px;height:62px}.food-emoji img{object-fit:contain;width:56px;height:56px;display:block}.food-emoji.peach{background:#ffe5c5}.meal-check,.meal-check.checked{background:var(--mint);color:#1e6743}.app-note{background:var(--mint);color:#1b5842;font-weight:700}.demo-toggle,.swap-meal{color:var(--cobalt)}.how-steps{margin-top:65px}.how-steps article>span{background:var(--orange);color:var(--ink);font-weight:800}.how-steps h3{font-size:18px;font-weight:800}.how-steps p{color:#5b5960}.stories-section{color:var(--paper);background:var(--pippo-panel);border-radius:38px;margin-top:20px;padding-top:70px;padding-bottom:68px;overflow:hidden}.stories-heading{justify-content:space-between;align-items:center;gap:40px;display:flex}.stories-heading>div{max-width:680px}.stories-heading .eyebrow{color:#ffbc76}.stories-heading h2{margin-top:12px;margin-bottom:17px}.stories-heading h2 span{color:var(--orange)}.stories-heading p{color:#e1dee4;max-width:550px;font-size:16px;line-height:1.65}.stories-heading img{object-fit:contain;filter:drop-shadow(7px 8px #3954df);width:205px;height:205px;transform:rotate(6deg)}.stories-controls{justify-content:space-between;align-items:center;gap:20px;margin:24px 0 15px;display:flex}.stories-controls>span{color:#d5d0d7;font-size:13px;font-weight:700}.stories-controls>div{gap:10px;display:none}.stories-controls button{width:42px;height:42px;color:var(--ink);background:var(--orange);border:2px solid var(--ink);border-radius:50%;place-items:center;transition:transform .2s;display:grid}.stories-controls button:hover{transform:scale(1.08)}.stories-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--orange) #ffffff28;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:5px 7px 18px 2px;display:grid;overflow:visible}.story-card{aspect-ratio:9/16;min-width:0;color:var(--ink);background:var(--paper);border:2px solid var(--ink);scroll-snap-align:start;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:5px 6px #111016}.story-card:nth-child(3n+2){background:#e4ecff}.story-card-featured{border-color:var(--orange);box-shadow:6px 7px 0 var(--cobalt)}.story-card:nth-child(3n+3){background:#d6f3df}.story-photo{background:var(--pippo-panel);flex:0 0 59%;min-height:0;position:relative;overflow:hidden}.story-photo img{object-fit:cover;width:100%;height:100%;display:block}.story-photo-comparison{display:flex}.story-photo-comparison:before,.story-photo-comparison:after{content:"";background-image:var(--story-comparison-image);background-repeat:no-repeat;background-size:auto 100%;flex:50%;min-width:0}.story-photo-comparison:before{background-position:12%}.story-photo-comparison:after{background-position:82%}.story-weight-tag{border:2px solid var(--ink);color:var(--ink);background:var(--orange);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-heading);letter-spacing:-1.2px;border-radius:10px;padding:5px 11px 6px;font-size:25px;font-weight:800;line-height:1;position:absolute;bottom:12px;left:12px}.story-card-featured .story-weight-tag{color:var(--paper);background:var(--cobalt)}.story-featured-label{color:var(--ink);background:var(--paper);letter-spacing:.5px;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.story-copy{flex-direction:column;flex:1;padding:19px 17px 17px;display:flex}.story-kicker{color:#354bc7;letter-spacing:.35px;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.35}.story-copy h3{font-family:var(--font-heading);letter-spacing:-1.3px;margin:6px 0 0;font-size:30px;font-weight:800;line-height:1}.story-copy p{margin:9px 0;font-size:14px;font-weight:700;line-height:1.35}.story-footer{color:#595661;margin-top:auto;font-size:11px;font-weight:700}.stories-cta{color:var(--orange);font-family:var(--font-heading);align-items:center;gap:10px;margin-top:25px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.stories-cta:hover{text-decoration:underline}.benefits-section{background:#bcd2ff;border-radius:38px;margin-top:20px;padding-top:88px;padding-bottom:88px}.benefits-section h2>span{color:#263ebc}.benefit-grid{gap:18px;margin-top:44px}.benefit-grid article,.benefit-grid article:nth-child(2){background:var(--paper);border:2px solid var(--ink);box-shadow:6px 7px 0 var(--ink);border-radius:23px;min-height:290px;transition:transform .3s cubic-bezier(.2,.85,.2,1),box-shadow .3s}.benefit-grid article:hover{box-shadow:9px 13px 0 var(--ink);transform:translateY(-7px)rotate(-1deg)}.benefit-grid article:nth-child(2){background:#ffdfb3}.benefit-grid article:nth-child(3){background:#c6f1d9}.benefit-icon{background:var(--cobalt);color:#fff}.benefit-grid h3{letter-spacing:-1.2px;font-size:24px;font-weight:800}.benefit-grid p,.card-index{color:#4c4950}.results-section{color:var(--paper);gap:60px;padding-top:111px;padding-bottom:111px}.results-copy h2>span{color:var(--orange)}.results-copy>p{color:#d7d6e2;font-size:17px}.results-copy .text-button{color:var(--orange);font-weight:800}.journey-card{background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:29px;padding:35px;box-shadow:10px 11px #566cff}.journey-heading small,.journey-step p,.journey-note{color:#3f3734}.journey-step:before,.journey-note{border-color:#a64f13}.journey-step:before{background:#a64f13}.journey-step>span,.journey-heading .mini-icon{background:var(--ink);color:var(--paper)}.plan-gateway{isolation:isolate;background:var(--cobalt);border-radius:38px;margin-bottom:20px;padding-top:82px;padding-bottom:79px;position:relative;overflow:hidden}.plan-gateway:before{content:"";z-index:0;aspect-ratio:1;opacity:.13;pointer-events:none;background:url(/images/mascot/pippo-wink.png) 50%/contain no-repeat;width:min(70vw,680px);position:absolute;top:50%;left:-250px;transform:translateY(-50%)}.plan-gateway>*{z-index:1;position:relative}.plan-gateway .eyebrow,.plan-gateway h2>span{color:#ffc67f}.plan-gateway>p,.plan-gateway>small{color:#e3e8ff}.plan-gateway .primary{background:var(--orange);color:var(--ink);box-shadow:0 6px #db6716}.faq-section{border-radius:38px;padding-top:82px;padding-bottom:82px}.faq-section h2{font-size:clamp(40px,4.3vw,61px)}.faq-section img{filter:drop-shadow(9px 10px #fbb75c);width:225px;height:225px;transform:rotate(-9deg)}.faq-list details{border-color:#bbb1a9}.faq-list summary{font-size:16px;font-weight:800}.faq-list summary>span{color:var(--cobalt);font-weight:800}.faq-list p{color:#504d52}.closing{background:var(--orange);border-radius:38px;margin-top:20px;margin-bottom:60px;padding-top:75px;padding-bottom:79px}.closing h2{max-width:880px;margin-left:auto;margin-right:auto}.closing .primary{background:var(--ink);color:#fff;box-shadow:0 5px #a84f14}.closing>p{color:#4a3428;font-weight:700}.site-footer{color:var(--paper);border-color:#ffffff36}.site-footer>p,.site-footer>span,.footer-links,.footer-disclaimer{color:#c4c0c8}.footer-links button:hover{color:var(--orange)}.pippo-dialog[data-slot=dialog-content]{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:9px 10px #00000045}.pippo-dialog [data-slot=dialog-title]{color:var(--ink);letter-spacing:-1.3px;font-weight:800}.pippo-dialog [data-slot=dialog-description],.quiz-option small,.plans-heading>p,.legal-copy{color:#5a565e}.dialog-close{color:var(--ink);background:#ffe2ba}.quiz-brand .wordmark>span{color:var(--orange)}.quiz-brand>span:last-child,.quiz-progress,.quiz-privacy{color:#615e65}.pippo-dialog [data-slot=progress]{background:#e6dccc}.pippo-dialog [data-slot=progress-indicator]{background:var(--cobalt)}.quiz-option{background:#fffdfa;border:2px solid #e0d6cb;transition:transform .2s,border-color .2s,background .2s}.quiz-option:hover{border-color:var(--cobalt);transform:translate(3px)}.quiz-option.selected{border-color:var(--cobalt);background:#dce6ff}.quiz-option strong{font-weight:800}.back-button,.number-field>span,.edit-answers{color:#4e4b56}.number-field>div{border:2px solid #bfb5ab}.number-field input{color:var(--ink)}.running-track{border-color:var(--orange)}.result-summary{background:#dbe5ff}.result-summary small,.result-summary>svg,.goal-tag,.equivalent{color:#3149c4}.goal-tag{border-color:#9caee5}.projection-note{border-color:#d5c9be}.result-dialog .quiz-brand{margin-bottom:16px}.result-intro [data-slot=dialog-description]{margin-top:8px}.comparison-option.delayed{color:var(--ink);background:#ffe1bd}.comparison-option.starting{background:var(--cobalt);color:#fff}.result-comparison>p{color:#625d69}.annual-commitment{color:var(--ink);background:#ffce93}.projection-note,.personal-summary,.medical-note,.billing-note,.secure-note{color:#615d65}.projection-note strong{color:var(--ink)}.price-card{border:2px solid var(--ink);background:#fffefa}.price-card.annual{border:2px solid var(--cobalt);box-shadow:6px 7px 0 var(--cobalt);background:#dfe8ff}.plan-badge{background:var(--cobalt);color:#fff;font-weight:800}.plan-name,.price-caption,.price small,.currency-note{color:#56515b}.price,.price-card h4,.plans-heading h3{font-weight:800}.price-card li svg{color:var(--cobalt)}.price-card .outline{border:2px solid var(--ink);color:var(--ink);background:#fffaf2}.checkout-message{color:#293d9d;background:#dce6ff}.vsl-video{background:var(--ink)}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.85,.2,1);transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-enter{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes ink-run{0%,to{transform:translate(-50%)translateY(0)rotate(-2deg)}50%{transform:translate(-50%)translateY(-10px)rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes card-drift{0%,to{translate:0}50%{translate:0 -8px}}@keyframes caption-bob{0%,to{translate:0}50%{translate:0 -7px}}@media (max-width:1000px){.nav-shell nav{gap:20px}.nav-actions{gap:9px}.nav-actions .button{gap:10px;padding-left:15px;padding-right:15px}.hero h1{font-size:clamp(52px,6.4vw,68px)}.hero-scene{transform:none}.scene-circle{width:360px;height:360px;top:85px}.hero-mascot{width:455px;height:455px;bottom:25px}.results-section{gap:36px}}@media (max-width:900px){.nav-shell nav{display:none}}@media (max-width:760px){.site-header{padding:10px 12px}.nav-shell{height:61px;padding:0 16px}.nav-shell .wordmark{font-size:31px}.nav-cta{box-shadow:none}.nav-actions{gap:8px}.nav-actions .button{padding-left:12px;padding-right:12px}.nav-actions .nav-login{box-shadow:none}.hero{min-height:0;padding-top:42px;padding-bottom:35px}.hero .eyebrow{font-size:9px}.hero h1{letter-spacing:-3.6px;font-size:clamp(52px,12vw,67px);line-height:.99}.hero-copy>p{font-size:15px}.hero-actions .primary{min-height:54px;padding:16px 20px;font-size:14px}.hero-scene{max-width:430px;height:410px;margin-top:16px}.scene-circle{width:330px;height:330px;top:51px}.hero-mascot{width:400px;height:400px;bottom:8px}.speech-bubble{padding:9px 11px;font-size:10px;top:5px;left:5px}.weekly-card{top:auto;bottom:40px;right:-4px}.streak-card{bottom:30px;left:-2px}.mascot-caption{padding:6px 10px;font-size:13px;bottom:-10px}.promise-strip{gap:16px 8px;padding:20px 12px;font-size:11px}.promise-strip svg{width:15px;height:15px}.intro-section{border-radius:0 0 25px 25px;padding-top:67px;padding-bottom:46px}h2{letter-spacing:-.045em;font-size:clamp(39px,9vw,50px)}.section-description{font-size:15px}.demo-stage{box-shadow:5px 6px 0 var(--ink);margin-top:33px}.demo-story h3{font-size:33px}.how-steps{gap:19px;margin-top:43px}.stories-section{border-radius:25px;margin:17px 12px 0;padding-top:50px;padding-bottom:52px}.stories-heading{display:block;position:relative}.stories-heading h2{max-width:none;font-size:clamp(34px,8vw,46px)}.stories-heading p{font-size:14px}.stories-heading img{display:none}.stories-controls>span{font-size:11px}.stories-controls>div{display:flex}.stories-track{display:flex;overflow-x:auto}.story-card{flex:0 0 235px}.story-copy h3{font-size:27px}.story-copy p{font-size:13px}.story-weight-tag{font-size:21px}.benefits-section{border-radius:25px;margin:17px 12px 0;padding-top:55px;padding-bottom:56px}.benefit-grid article{min-height:210px}.benefit-grid h3{font-size:23px}.results-section{padding-top:75px;padding-bottom:75px}.journey-card{box-shadow:6px 7px #566cff}.plan-gateway{border-radius:25px;margin:0 12px 17px;padding-top:60px;padding-bottom:60px}.plan-gateway:before{opacity:.11;width:390px;left:-235px}.faq-section{border-radius:25px;margin:0 12px;padding-top:56px;padding-bottom:57px}.faq-section img{width:150px;height:150px}.closing{border-radius:25px;margin:17px 12px 45px;padding-top:55px;padding-bottom:55px}.closing h2{font-size:clamp(36px,8vw,46px)}.pippo-dialog[data-slot=dialog-content]{box-shadow:none}.result-summary{flex-wrap:wrap}}@media (max-width:420px){.nav-shell{gap:8px;padding-left:10px;padding-right:10px}.nav-shell .wordmark{font-size:28px}.nav-cta{gap:6px;padding:10px 12px;font-size:11px}.nav-actions .button{padding-left:9px;padding-right:9px;font-size:10px}.nav-actions svg{display:none}.hero h1{font-size:clamp(46px,12.6vw,56px)}.hero-scene{height:355px}.scene-circle{width:275px;height:275px;top:54px}.hero-mascot{width:350px;height:350px}.floating-card strong{font-size:9px}.floating-card small{font-size:7px}.weekly-card{bottom:26px;right:-8px}.streak-card{bottom:27px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-copy,.hero-scene{animation:none}}