:root{--purple:#7734d9;--ink:#211532;--muted:#716779;--line:#e8e2ec;--mint:#c8f3df;--bg:#faf9fd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:22px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #9a63ed;outline-offset:5px}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:110px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.052em;font-weight:650;line-height:1.08}h1{font-size:clamp(56px,5.5vw,78px);margin-bottom:26px}h2{font-size:clamp(40px,4.1vw,58px);margin-bottom:26px}h3{font-size:32px;margin-bottom:20px}p{color:var(--muted)}.gradient{background:linear-gradient(105deg,#7734d9 8%,#a945c9 70%,#e45b9a);background-clip:text;-webkit-background-clip:text;color:transparent}.muted{color:#8c8195}.eyebrow{display:block;font-size:16px;letter-spacing:1.8px;font-weight:650;line-height:1.6;margin-bottom:24px}.skip{position:absolute;left:15px;top:-100px;padding:12px;background:white;z-index:100}.skip:focus{top:15px}.header{position:sticky;top:0;z-index:30;background:#faf9fde8;backdrop-filter:blur(20px);border-bottom:1px solid #e8e2ec77}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700;letter-spacing:-1px}.brand img{border-radius:12px}.brand-dot{color:var(--purple)}nav{display:flex;align-items:center;gap:32px}.header nav>a{font-size:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:0;border-radius:50px;padding:17px 28px;background:var(--purple);color:white;font-size:20px;font-weight:550;line-height:1.35;min-height:60px;box-shadow:0 8px 25px #7734d91a;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#6529bd;transform:translateY(-3px);box-shadow:0 12px 25px #7734d92b}.button:active{transform:scale(.97)}.button span{font-size:24px}.button.small{font-size:18px;min-height:50px;padding:12px 22px;gap:18px}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:20px;color:var(--purple);border-bottom:1px solid #7734d933;padding-bottom:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding-top:55px;padding-bottom:70px;min-height:690px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:1.4px}.eyebrow i{height:7px;width:7px;background:#8a4adc;border-radius:50%;box-shadow:0 0 0 5px #7734d90d}.hero p{font-size:23px;line-height:1.65;max-width:600px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.hero-note{display:block;font-size:17px;color:#887b93;margin-top:23px}.hero-visual{position:relative;isolation:isolate;height:540px;display:flex;justify-content:center;align-items:center}.phone{border-radius:32px;background:#241e2b;padding:6px;box-shadow:0 24px 45px #28143c26,0 3px 5px #28143c20;border:1px solid #655471;overflow:hidden;width:240px;flex-shrink:0}.phone img{width:100%;height:auto;border-radius:26px}.hero-phone{width:224px;z-index:2;animation:phone-float 7s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(40px);z-index:-1}.orb-purple{height:340px;width:340px;background:#b89aeb4d;top:20px;right:0;animation:orb-flow 12s ease-in-out infinite}.orb-mint{height:320px;width:320px;background:#b5e4d969;bottom:20px;left:10px;animation:orb-flow 12s ease-in-out infinite reverse}.visual-word{position:absolute;font-size:72px;font-weight:700;line-height:.98;letter-spacing:-5px;color:#e1d4ef;left:0;top:65px;z-index:0;transform:rotate(-8deg)}.hero-chip{display:flex;align-items:center;gap:12px;position:absolute;background:#ffffffec;backdrop-filter:blur(20px);border:1px solid #ffffffd9;padding:14px 18px;border-radius:18px;box-shadow:0 12px 40px #42206614;font-size:17px;z-index:3;animation:chip-float 8s ease-in-out infinite}.hero-chip small{display:block;font-size:14px;color:var(--muted);margin-top:1px}.chip-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eae0f7;color:#7f40ca;font-size:25px}.mint-icon{background:#def6ec;color:#329d70}.chip-meals{top:100px;right:-12px}.chip-habits{bottom:60px;left:10px;animation-delay:-3s}.intro{border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro-grid p{font-size:25px;line-height:1.65;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:60px}.benefits p{font-size:21px;margin:0}.benefit-icon{display:grid;place-items:center;width:56px;height:56px;background:#ebe0f7;color:var(--purple);border-radius:17px;font-size:30px;margin-bottom:23px}.benefit-icon.mint{background:#dff2e8;color:#30825e}.benefit-icon.rose{background:#f9e6ed;color:#bd5284}.food-section{background:#f0eaf6}.food-grid,.themes-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.food-copy p{font-size:23px}.steps{display:flex;flex-direction:column;gap:8px;margin-top:35px}.steps button{text-align:left;border:1px solid transparent;background:transparent;padding:18px 20px;border-radius:18px;display:flex;gap:20px;align-items:center;font-size:22px;color:#84738f;transition:background .25s,transform .25s,color .25s}.steps button span{font-size:17px;color:#a080be}.steps button[aria-selected=true]{background:#fff;color:#512381;border-color:#e4d7ef;box-shadow:0 9px 25px #59278809;transform:translateX(6px)}.food-copy .fine-print{font-size:17px;line-height:1.65;margin-top:26px}.feature-visual{display:flex;flex-direction:column;align-items:center;gap:25px;min-width:0}.feature-visual>p{font-size:18px;text-align:center;margin-bottom:0}.feature-phone{width:250px;transition:transform .4s}.image-enter{animation:screen-in .45s ease both}.progress-section{background:#21152e;color:#fff}.progress-heading{max-width:780px;margin:0 auto 55px;text-align:center}.progress-heading h2 span{color:#c9a1ec}.progress-heading p{color:#baabca;font-size:23px}.progress-section .eyebrow{color:#ad8bc5}.progress-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.progress-card{display:grid;grid-template-columns:1fr 185px;gap:20px;align-items:center;overflow:hidden;border:1px solid #6146716b;border-radius:30px;background:linear-gradient(150deg,#392546,#2b1d3b);padding:40px 28px 0;min-height:460px}.progress-card>div:first-child{align-self:start;padding-top:5px}.progress-card .eyebrow{font-size:14px;letter-spacing:1.2px}.progress-card h3{font-size:36px}.progress-card p{font-size:20px;color:#c4b3d1}.card-phone{width:185px;align-self:end;transform:translateY(55px) rotate(4deg);box-shadow:none}.fitness-card{background:linear-gradient(160deg,#183e37,#21312f);border-color:#35564c}.fitness-card .eyebrow{color:#90c6b3}.fitness-card .card-phone{transform:translateY(55px) rotate(-4deg)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:center;margin-bottom:35px}.section-heading p{max-width:410px;font-size:22px}.gallery-bar{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{border:1px solid #e4d9eb;border-radius:30px;background:transparent;padding:12px 18px;min-height:50px;font-size:18px;color:#786285;transition:background .2s,color .2s}.filters button[aria-pressed=true]{background:#793cc2;color:white;border-color:#793cc2}.gallery-arrows{display:flex;gap:12px}.circle-button{border:1px solid #dbc9e6;background:#fff8;color:#6a3b89;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:28px;line-height:1;flex-shrink:0;transition:background .2s,transform .2s}.circle-button:hover{background:#e8def3;transform:translateY(-2px)}.screen-gallery{display:flex;gap:26px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:16px 10px 30px;margin-inline:-10px;scrollbar-width:thin;scrollbar-color:#cbb3df transparent}.screen-card{flex:0 0 232px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;border:0;background:none;color:var(--ink);padding:0;text-align:left}.screen-card .phone{width:210px;box-shadow:0 12px 24px #28143c15;transition:transform .3s,box-shadow .3s}.screen-card:hover .phone{transform:translateY(-8px);box-shadow:0 20px 35px #28143c22}.screen-card strong{display:block;align-self:stretch;font-size:20px;font-weight:550;margin:22px 12px 0}.screen-card>span{font-size:16px;color:#8c7799;align-self:stretch;margin:4px 12px 0}.gallery-note{font-size:17px;color:#877191;margin-top:20px;margin-bottom:0}.themes-section{background:#ecf1f0}.themes-visual{position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.theme-phone{width:235px;animation:phone-float 8s ease-in-out infinite;z-index:2}.theme-orbit{position:absolute;width:370px;height:370px;border-radius:50%;background:#d8e7e1;border:1px solid #c7d9d0;z-index:0}.themes-copy p{font-size:23px}.theme-swatches{display:flex;gap:20px;flex-wrap:wrap;margin:32px 0}.theme-swatches button{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:18px;color:#7a6c81;border:0;background:transparent;padding:6px}.swatch{display:block;width:46px;height:46px;border-radius:50%;border:5px solid #ffffffb3;box-shadow:0 0 0 1px #bdc9c233;transition:transform .2s,box-shadow .2s}.swatch-mint{background:#0dbb90}.swatch-rose{background:#f85991}.swatch-ocean{background:#09accc}.theme-swatches [aria-pressed=true]{color:var(--ink)}.theme-swatches [aria-pressed=true] .swatch{box-shadow:0 0 0 2px #88749b;transform:scale(1.12)}.themes-copy .theme-caption{font-size:18px;min-height:54px}.faq-section{max-width:1000px}.faq-list{border-top:1px solid var(--line);margin-top:45px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:24px;padding:28px 0;font-weight:550;line-height:1.4}summary::-webkit-details-marker{display:none}summary span{color:#9970b9;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:21px;margin:0 0 30px;max-width:800px}details a{text-decoration:underline;text-underline-offset:4px;color:#6d36a5}.closing{background:radial-gradient(ellipse at 90% 120%,#c355b3,transparent 60%),linear-gradient(120deg,#6631b4,#452179);text-align:center;color:white}.closing img{border-radius:20px;margin:0 auto 26px;box-shadow:0 10px 35px #2a00383b}.closing .eyebrow{color:#d7bdea}.closing h2{font-size:clamp(45px,5vw,70px)}.closing p{color:#e4d4ef;font-size:23px;margin-bottom:30px}.button.light{background:white;color:#6938a1;box-shadow:none}.button.light:hover{background:#f0e5fc}.footer{padding-block:48px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding-bottom:32px}.footer-top>a:last-child{font-size:18px;color:#86728f}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);font-size:17px;color:#8a7994}.footer nav{gap:25px;flex-wrap:wrap}dialog{border:1px solid #e2d3ec;background:#fff;border-radius:30px;color:var(--ink);max-width:calc(100% - 28px);padding:0;box-shadow:0 35px 100px #21152e33}dialog::backdrop{background:#1a0b2d88;backdrop-filter:blur(10px)}#beta-dialog{width:640px}.dialog-close{position:absolute;right:20px;top:20px;background:#f5edf9;z-index:2}.beta-body{padding:55px}.beta-body>img{border-radius:18px;margin-bottom:24px}.beta-body h2{font-size:42px}.beta-body p{font-size:22px}.beta-body .eyebrow{font-size:15px}.beta-body .button{font-size:18px}.beta-email{font-size:18px;display:block;color:#8a64a4;margin-top:22px}#screen-dialog{width:600px;max-height:90dvh;overflow:hidden}.screen-dialog-header{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;align-items:center;border-bottom:1px solid var(--line)}.screen-dialog-header h2{font-size:23px;letter-spacing:-.025em;margin:0}.screen-dialog-body{max-height:calc(90dvh - 180px);overflow:auto;padding:25px}.screen-dialog-body img{max-width:360px;width:100%;margin:auto;border-radius:20px}.screen-dialog-body p{font-size:20px;margin:20px auto 0;max-width:400px;text-align:center}.screen-dialog-navigation{display:flex;align-items:center;justify-content:center;gap:30px;background:#fff;padding:14px;border-top:1px solid var(--line);font-size:18px}.reveal{transition:opacity .65s,transform .65s}.reveal-pending{opacity:0;transform:translateY(25px)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes orb-flow{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-20px)}}@keyframes screen-in{from{opacity:.2;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:20px}.hero-chip{font-size:16px;padding:12px;gap:9px}.chip-meals{right:-10px;top:72px}.chip-habits{left:0;bottom:38px}.visual-word{font-size:60px;left:-5px}.benefits{gap:32px}.intro-grid{gap:45px}.food-grid,.themes-grid{gap:50px}.progress-card{grid-template-columns:1fr 155px;padding:30px 22px 0;gap:10px}.card-phone{width:155px}.progress-card h3{font-size:32px}.progress-card p{font-size:19px}.header nav{gap:22px}}
@media(max-width:800px){body{font-size:20px}.wrap{width:calc(100% - 40px)}.section{padding-block:70px}.header-inner{height:78px}.brand{font-size:27px;gap:9px}.brand img{width:36px;height:36px;border-radius:10px}.desktop-link{display:none}.button.small{font-size:16px;padding:11px 16px;gap:12px;min-height:46px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:25px}.hero h1{font-size:clamp(45px,8.9vw,69px)}.hero p{font-size:22px;max-width:620px}.hero-actions{gap:23px}.button{font-size:19px;padding:16px 24px}.hero .eyebrow{font-size:14px;letter-spacing:1px}.hero-note{font-size:16px}.hero-visual{height:505px;max-width:500px;width:100%;margin:auto}.hero-phone{width:205px}.visual-word{font-size:65px;left:0;top:80px}.chip-meals{right:0;top:55px}.chip-habits{bottom:30px;left:0}.hero-chip small{font-size:13px}.hero-chip{font-size:15px}.intro-grid{grid-template-columns:1fr;gap:14px}.intro-grid p{font-size:23px}.intro h2{margin-bottom:15px}.benefits{grid-template-columns:1fr;gap:35px;margin-top:45px}.benefits article{display:grid;grid-template-columns:55px 1fr;column-gap:20px}.benefit-icon{grid-row:1/3;width:50px;height:50px;font-size:27px}.benefits h3{font-size:29px;margin-bottom:12px}.benefits p{font-size:21px}.food-grid,.themes-grid{grid-template-columns:1fr;gap:45px}.food-copy p{font-size:22px}.steps button{font-size:21px;padding:17px 15px;gap:15px}.feature-phone{width:225px}.progress-heading{text-align:left}.progress-heading p{font-size:22px}.progress-cards{grid-template-columns:1fr}.progress-card{grid-template-columns:1fr 155px;min-height:410px;padding:30px 25px 0;gap:15px}.progress-card h3{font-size:34px}.progress-card p{font-size:20px}.progress-card .eyebrow{font-size:13px;letter-spacing:1px}.section-heading{display:block;margin-bottom:30px}.section-heading p{max-width:none;font-size:22px}.filters button{font-size:17px;padding:12px 16px}.gallery-bar{gap:20px}.gallery-arrows{margin-left:auto}.screen-card{flex-basis:210px}.screen-card .phone{width:195px}.screen-gallery{gap:18px}.themes-visual{order:2}.theme-phone{width:220px}.theme-orbit{width:min(320px,100%);height:320px}.themes-copy p{font-size:22px}.themes-copy .theme-caption{min-height:0}.theme-swatches{margin-bottom:24px}.themes-grid{gap:25px}.faq-section h2{font-size:38px}.eyebrow{font-size:15px;letter-spacing:1.3px}summary{font-size:22px;padding:25px 0}details p{font-size:21px}.closing h2{font-size:46px}.footer-top,.footer-bottom{flex-wrap:wrap;gap:20px}.footer nav{gap:18px;row-gap:16px}.footer-top>a:last-child{font-size:17px}.footer-bottom{font-size:16px}.beta-body{padding:45px 28px 30px}.beta-body h2{font-size:35px}.beta-body .button{font-size:17px;padding:16px 20px;gap:15px}.screen-dialog-header{padding:15px 17px}.screen-dialog-header h2{font-size:20px}.screen-dialog-body{padding:20px}.circle-button{width:48px;height:48px}.screen-dialog-navigation{gap:25px}}
@media(max-width:360px){.orb-mint{width:250px;height:250px}.orb-purple{width:260px;height:260px}.header-inner{gap:12px}.brand{font-size:25px}.button.small{font-size:15px;padding-inline:13px;gap:9px}.hero h1{font-size:41px}.hero-visual{height:475px}.hero-phone{width:185px}.hero-chip{font-size:14px;padding:10px;gap:8px}.hero-chip small{font-size:12px}.chip-icon{width:30px;height:30px;font-size:22px}.chip-meals{top:38px}.chip-habits{bottom:20px}.visual-word{font-size:54px;letter-spacing:-3px}.progress-card{grid-template-columns:1fr 120px;padding-inline:18px;gap:10px}.card-phone{width:120px}.progress-card h3{font-size:29px}.progress-card p{font-size:19px}.progress-card .eyebrow{font-size:12px}.feature-phone,.theme-phone{width:205px}.screen-card{flex-basis:195px}.screen-card .phone{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}

/* Roby's original illustration family leads the product story. */
.hero-roby{position:relative;z-index:2;width:350px;height:350px;object-fit:contain;filter:drop-shadow(0 18px 22px #31155412);animation:phone-float 7s ease-in-out infinite}
.hero-visual .visual-word{font-size:60px;top:20px;color:#e1d4ef}
.hero-visual .chip-meals{top:35px;right:0}.hero-visual .chip-habits{bottom:28px;left:10px}
.benefit-art{width:90px;height:90px;object-fit:contain;margin-bottom:22px}
.feature-roby{width:105px;height:105px;object-fit:contain;margin-bottom:25px}
.progress-card{min-height:540px}.progress-card .feature-roby{filter:drop-shadow(0 8px 10px #0002)}
.inline-preview{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#f0e9f7,#f2f6f4);border:1px solid #e6dbea;border-radius:30px;padding:35px 45px;margin-bottom:30px}
.inline-preview-copy{max-width:390px}.preview-roby{width:140px;height:140px;object-fit:contain;margin-bottom:25px}.inline-preview-copy h3{font-size:34px;margin-bottom:17px}.inline-preview-copy p{font-size:22px;min-height:72px;line-height:1.6}
.inline-preview-visual{display:flex;justify-content:center}.inline-phone{width:230px;box-shadow:0 14px 28px #28143c19}.inline-navigation{display:flex;align-items:center;gap:25px;margin-top:28px}.inline-navigation>span{font-size:18px;min-width:65px;text-align:center;font-variant-numeric:tabular-nums}
.screen-card{flex-basis:160px;border-radius:20px;padding:10px 0;transition:background .2s}.screen-card .phone{width:120px;box-shadow:0 6px 12px #28143c12;padding:3px;border-radius:18px}.screen-card .phone img{border-radius:14px}.screen-card strong{font-size:18px;line-height:1.45;margin-top:16px}.screen-card>span{font-size:16px}.screen-card[aria-pressed=true]{background:#e9ddf6}.screen-card:hover .phone{transform:translateY(-4px)}
.closing img.closing-roby{width:150px;height:150px;object-fit:contain;border-radius:0;box-shadow:none;margin-bottom:25px}
@media(max-width:800px){.hero-roby{width:280px;height:280px}.hero-visual{height:380px}.hero-visual .visual-word{font-size:48px;top:10px}.hero-visual .chip-meals{top:8px}.hero-visual .chip-habits{bottom:0;left:0}.benefit-art{grid-row:1/3;width:60px;height:60px;margin:0}.benefits article{grid-template-columns:60px 1fr}.feature-roby{width:90px;height:90px;margin-bottom:20px}.progress-card{min-height:480px}.inline-preview{grid-template-columns:1fr;gap:25px;padding:28px 23px;border-radius:24px}.inline-preview-copy{max-width:none}.preview-roby{width:100px;height:100px;margin-bottom:18px}.inline-preview-copy .eyebrow{font-size:14px}.inline-preview-copy h3{font-size:31px}.inline-preview-copy p{min-height:0;font-size:22px}.inline-navigation{justify-content:center;margin-top:23px}.inline-preview-visual{grid-row:1}.inline-phone{width:200px}.screen-gallery{gap:15px}.screen-card{flex-basis:150px}.screen-card .phone{width:110px}}
@media(max-width:360px){.hero-roby{width:235px;height:235px}.hero-visual{height:345px}.hero-visual .visual-word{font-size:40px}.hero-visual .chip-meals{top:5px}.inline-preview{padding-inline:18px}.inline-phone{width:185px}.inline-navigation{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero-roby{animation:none}}
