/* A little movement, with a purpose. All decorative motion settles within 5s. */
@keyframes girly-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes girly-spark{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.16) rotate(12deg)}}
@keyframes girly-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes girly-pop{0%{transform:scale(.92)}65%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes girly-confetti{0%{opacity:0;transform:translateY(20px) scale(.5) rotate(-15deg)}25%{opacity:1}100%{opacity:0;transform:translateY(-42px) scale(1.1) rotate(22deg)}}
@keyframes girly-scan{0%,100%{transform:translateY(0);opacity:0}20%,80%{opacity:.8}90%{transform:translateY(75px)}}
.fruit-friends{animation:girly-float 2.4s ease-in-out 2}.hero-spark{animation:girly-spark 2.2s ease-in-out 2}.spark-two{animation-delay:.35s}.floating-note{animation:girly-arrive .65s .2s both}
.button,.nav-cta{transition:transform .18s,box-shadow .18s,background .18s}.button:active,.nav-cta:active{transform:translateY(2px) scale(.985)}
.answer-story{margin:0 auto 92px;padding:48px;border-radius:38px;background:#fff0f4;border:1px solid #f6dce8;position:relative}
.answer-story-heading{text-align:center;max-width:580px;margin:0 auto 32px}.answer-story-heading h2{margin:12px 0 20px}.answer-story-heading>p:last-child{max-width:440px;margin:auto;font-size:16px;line-height:1.7;color:#786575}
.answer-story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.answer-story-cards article{position:relative;padding:27px 23px 24px;background:#fffafc;border:1px solid #f1dfe8;border-radius:25px}.answer-story-cards article:nth-child(2){background:#f7f1ff;border-color:#e8def7}.answer-story-cards article:nth-child(3){background:#fff7e9;border-color:#f0e4cf}
.answer-fruit{display:block;font-size:38px;margin-bottom:22px}.answer-step{font-size:9px;letter-spacing:1px;font-weight:700;color:#a26d87}.answer-story h3{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.answer-story-cards p{font-size:14px;line-height:1.7;color:#7e6a77;margin:0 0 22px}.answer-payoff{display:block;padding-top:17px;border-top:1px solid #eadde6;font-size:11px;font-weight:700;color:#925c79;line-height:1.6}.answer-story-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:26px}.answer-story-foot p{max-width:430px;color:#8a7081;font-size:12px;line-height:1.7}.answer-story-foot .button{font-size:13px;white-space:nowrap}
.reservation-delight{display:flex;align-items:center;gap:15px;margin:-5px 0 24px;padding-bottom:20px;border-bottom:1px solid #ecdbe5}.reservation-delight img{width:96px;flex:none;animation:girly-float 2.3s ease-in-out 2}.reservation-delight p{font-size:12px;line-height:1.6;color:#7d6778;margin:0}.reservation-delight b{display:inline-block;margin-bottom:5px;color:#553f57}
.success-icon{animation:girly-pop .5s ease-out}
/* Quiz: helpful cues, soft character movement, and a tangible result. */
.ob-content{animation:girly-arrive .3s ease-out both}.ob-chapter{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#96829b;margin:2px 1px 7px}.ob-chapter>span:last-child{font-size:18px;line-height:1.2}
.ob-option{transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.ob-option:active{transform:scale(.985)}.ob-option.selected{box-shadow:0 3px 16px #9b86d61c}.ob-option.selected .ob-tick{animation:girly-pop .28s ease-out}.ob-next{transition:background .16s,transform .16s,box-shadow .16s}.ob-next:active:not(:disabled){transform:scale(.985)}
.ob-fruit-scene{position:relative;max-width:310px;margin:0 auto}.ob-fruit-scene .ob-fruit{animation:girly-float 2.1s ease-in-out 2}.ob-spark{position:absolute;z-index:1;pointer-events:none;animation:girly-spark 2s ease-in-out 2}.ob-spark-a{left:18px;top:37px;font-size:27px;color:#d4a64d}.ob-spark-b{right:8px;top:75px;font-size:28px;color:#d67ba9;animation-delay:.3s}.ob-spark-c{left:40px;bottom:25px;font-size:25px;color:#ab94d4;animation-delay:.6s}
.ob-soft-card{padding:20px 22px;background:#f3ecfa;border:1px solid #eae0f3;border-radius:22px;text-align:left;font-size:15px;line-height:1.6}.ob-soft-card b{color:#665383}.ob-soft-card p{color:#85718e;font-size:14px;line-height:1.7;margin:8px 0 0}.ob-welcome .ob-fruit,.ob-community .ob-fruit{height:185px;margin:4px auto 14px}.ob-welcome .ob-privacy,.ob-community .ob-privacy{margin-top:16px}
.ob-why{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:#f5effb;border-radius:18px;margin:22px 0 4px;font-size:12px;line-height:1.65;color:#897591}.ob-why>span{font-size:23px;color:#ac8cba;line-height:1.2}.ob-why b{font-size:13px;color:#735c83}.ob-why p{margin:4px 0 0}
.ob-answer-path{display:grid;gap:13px;margin:25px 0 20px}.ob-answer-path article{display:flex;gap:15px;align-items:center;border:1px solid #f2e2ea;border-radius:23px;background:#fff;padding:21px 19px}.ob-answer-path article:nth-child(2){background:#fff4f7}.ob-answer-path article:nth-child(3){background:#fff8ea;border-color:#f2e8ce}.ob-answer-path article>span{font-size:31px;flex:none}.ob-answer-path b{font-size:15px;color:#65506a}.ob-answer-path p{font-size:13px;line-height:1.65;color:#8c7686;margin:7px 0 0}
.ob-phone{animation:girly-phone 2.2s ease-in-out 2}@keyframes girly-phone{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}.ob-scan-box:after{content:'';position:absolute;top:23px;left:17px;right:17px;height:2px;background:#fff9;box-shadow:0 0 8px #fff;animation:girly-scan 1.8s ease-in-out 2;opacity:0}.ob-loading-card>span{display:inline-block;animation:girly-float 1.4s ease-in-out 3}.ob-modal[open]{animation:girly-pop .25s ease-out}
.ob-result .ob-content{padding-top:12px}.ob-result-intro{position:relative;text-align:center}.ob-result-intro h1{font-size:29px;margin:9px 0 9px}.ob-result-intro .ob-script{font-size:28px}.ob-result-intro .ob-subtitle{font-size:14px;max-width:290px;margin:0 auto}.ob-result-mascot .ob-fruit{width:165px;height:119px;margin:4px auto -3px}.ob-result-mascot .ob-fruit-scene{max-width:210px}.ob-result-mascot .ob-spark-a{top:23px;left:20px;font-size:20px}.ob-result-mascot .ob-spark-b{top:31px;right:18px;font-size:23px}.ob-result-mascot .ob-spark-c{bottom:13px;left:32px;font-size:17px}
.ob-celebrate{position:absolute;inset:80px 0 0;pointer-events:none}.ob-celebrate i{position:absolute;font-style:normal;font-size:22px;color:#c48cc0;opacity:0;animation:girly-confetti 1.3s .2s ease-out both}.ob-celebrate i:nth-child(1){left:9%;top:35px;color:#dfac50}.ob-celebrate i:nth-child(2){left:27%;top:75px;animation-delay:.3s}.ob-celebrate i:nth-child(3){right:26%;top:33px;color:#9b87d1;animation-delay:.4s}.ob-celebrate i:nth-child(4){right:9%;top:70px;color:#dc93a5;animation-delay:.5s}.ob-celebrate i:nth-child(5){right:16%;top:5px;color:#e1b976;animation-delay:.35s}
.ob-plan{border:1px solid #e8dbee;border-radius:25px;padding:20px 22px 7px;background:#fff;box-shadow:0 7px 0 #f2eafa;margin:0 0 20px}.ob-plan-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#9976a3}.ob-plan-top>span:last-child{font-size:23px;color:#c77ca5;line-height:1}.ob-plan-priority{border-radius:14px;background:#f7eff8;padding:12px 15px;margin:13px 0 3px}.ob-plan-priority>span{display:block;color:#9d829f;font-size:10px;margin-bottom:4px}.ob-plan-priority b{font-size:14px;color:#765886;line-height:1.4}.ob-plan-row{display:flex;gap:14px;align-items:flex-start;padding:19px 0;border-bottom:1px dashed #ebdfed}.ob-plan-row:last-child{border:0}.ob-plan-icon{font-size:29px;flex:none;display:grid;place-items:center;width:44px;height:44px;background:#fff0f3;border-radius:15px}.ob-plan-row:nth-of-type(2) .ob-plan-icon{background:#f6edfd}.ob-plan-row:nth-of-type(3) .ob-plan-icon{background:#fff7e6}.ob-plan-row h2{font-size:16px;line-height:1.35;letter-spacing:-.2px;margin:1px 0 6px}.ob-plan-row p{font-size:12px;line-height:1.65;color:#897482;margin:0}.ob-choice-tag{display:inline-block;color:#ab7c9b;font-size:9px;margin-top:8px}.ob-result-caption{font-size:11px;color:#9a8599;line-height:1.7;text-align:center;margin:20px 10px}.ob-allergy-note{background:#fff5e9;border:1px solid #f0e4d4;border-radius:17px;padding:14px 17px;font-size:11px;line-height:1.7;color:#94785e}.ob-answer-details{border:1px solid #eee3f0;border-radius:17px;padding:16px 18px;font-size:12px;color:#8d7690;background:#fcf8fe}.ob-answer-details summary{cursor:pointer;font-weight:700;color:#806688;font-size:12px;line-height:1.5}.ob-answer-details summary:after{display:none}.ob-answer-details dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee3f0;padding:10px 0;line-height:1.5}.ob-answer-details dt{color:#a28ea5}.ob-answer-details dd{margin:0;text-align:right}.ob-answer-details p{font-size:11px;line-height:1.8;margin-bottom:0}
.ob-roadmap{margin:28px 0 24px;display:grid;gap:13px}.ob-roadmap article{display:flex;gap:16px;padding:21px 20px;background:white;border:1px solid #f0e2ed;border-radius:22px}.ob-roadmap article>span{width:34px;height:34px;display:grid;place-items:center;background:#fff0f5;color:#c6789c;border-radius:50%;font-size:12px;font-weight:800;flex:none}.ob-roadmap article:nth-child(2)>span{background:#f0e9fc;color:#9c83c7}.ob-roadmap article:nth-child(3)>span{background:#fff4df;color:#ba944e}.ob-roadmap b{font-size:15px;color:#655168}.ob-roadmap p{font-size:13px;line-height:1.7;color:#8b7787;margin:7px 0 0}.ob-build-note{display:flex;gap:13px;align-items:center;padding:18px 20px;background:#f7eef8;border-radius:21px}.ob-build-note img{width:39px;flex:none}.ob-build-note p{font-size:12px;line-height:1.7;color:#917c92;margin:0}.ob-build-note b{color:#79627f}.ob-offer-perks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}.ob-offer-perks span{font-size:10px;background:#f7edf5;border-radius:20px;padding:7px 10px;color:#a27191}.ob-offer-card{margin-top:16px}
@media(hover:hover){.ob-option:hover{transform:translateY(-2px);box-shadow:0 5px 18px #80638916}.answer-story-cards article:hover .answer-fruit{animation:girly-pop .4s ease-out}.button:hover{transform:translateY(-2px)}}
@media(max-width:720px){.answer-story{margin:0 17px 50px;padding:30px 18px;border-radius:28px}.answer-story-heading{margin-bottom:25px}.answer-story-heading h2{font-size:33px;line-height:1.12}.answer-story-heading>p:last-child{font-size:13px}.answer-story-cards{grid-template-columns:1fr;gap:12px}.answer-story-cards article{padding:22px 19px 20px}.answer-fruit{float:right;font-size:32px;margin:0 0 8px 15px}.answer-story h3{font-size:19px;margin:10px 0}.answer-story-cards p{font-size:12px;margin-bottom:15px}.answer-payoff{font-size:10px;padding-top:12px}.answer-story-foot{display:block;margin-top:20px}.answer-story-foot p{font-size:11px;margin-bottom:18px}.answer-story-foot .button{width:100%;font-size:12px}.reservation-delight img{width:76px}}
@media(max-width:580px){.ob-result-intro h1{font-size:27px}.ob-result-intro .ob-script{font-size:25px}.ob-plan{padding:18px 17px 4px}.ob-plan-row{gap:11px;padding:17px 0}.ob-plan-icon{width:36px;height:39px;font-size:25px}.ob-plan-row h2{font-size:15px}.ob-plan-row p{font-size:11px}.ob-plan-priority b{font-size:13px}.ob-result-mascot .ob-fruit{height:107px}.ob-roadmap article{padding:18px 15px;gap:12px}.ob-roadmap b{font-size:14px}.ob-roadmap p{font-size:12px}.ob-answer-path article{padding:18px 15px;gap:12px}.ob-answer-path b{font-size:14px}.ob-answer-path p{font-size:12px}.ob-soft-card{padding:18px;font-size:14px}.ob-soft-card p{font-size:13px}.ob-welcome .ob-fruit,.ob-community .ob-fruit{height:165px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ob-celebrate{display:none}}