/* Maibel: lavender light, champagne highlights, charcoal glass. */
.chat-stories{position:relative}.chat-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,6vw,90px);align-items:center;padding:64px 0;scroll-margin-top:130px}.chat-feature-copy h3{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);line-height:1.13;margin:18px 0;color:#fff5ee}.chat-feature-copy>p:last-child{color:#d5ccdf;font-size:clamp(17px,1.6vw,21px);line-height:1.7;max-width:40ch}.chat-stage{position:relative;isolation:isolate;padding:26px;border-radius:30px;border:1px solid #e5d0ff38;background:linear-gradient(135deg,#e0ccff14,#fff4dc09 48%,#91a9ff0e),#20212bdd;box-shadow:inset 0 1px 0 #fff6,0 22px 65px #07091266,0 0 60px #af8bf422;backdrop-filter:blur(18px)}.chat-stage:before{content:'';position:absolute;z-index:-1;inset:-35px;background:radial-gradient(ellipse at 18% 30%,#b89eff40,transparent 64%),radial-gradient(ellipse at 95% 90%,#ffcda936,transparent 65%);filter:blur(24px);pointer-events:none}.scene-person{display:flex;align-items:center;gap:12px;padding-bottom:24px;color:#fff5ed}.scene-person>img{width:44px;height:44px;object-fit:cover;border-radius:50%;box-shadow:0 0 22px #ffcb9a45}.scene-person strong{display:block;font-size:17px}.scene-person span:not(.brand){display:block;font-size:12px;color:#c4b8d0}.scene-person .scene-star{margin-left:auto;color:#e9c9ff!important;font-size:30px!important;text-shadow:0 0 20px #d9a8ff}.scene-messages{display:flex;flex-direction:column;gap:16px}.scene-row{display:flex;align-items:flex-end;gap:10px;max-width:94%}.scene-row>img{height:30px;width:30px;object-fit:cover;border-radius:50%;flex-shrink:0}.scene-row.you{align-self:flex-end;max-width:84%}.scene-bubble{margin:0;padding:14px 18px;border-radius:22px 22px 22px 6px;background:linear-gradient(145deg,#d5d2e92b,#b6bfd912);border:1px solid #e0dbf030;color:#fff5ee;font-size:clamp(15px,1.5vw,19px);line-height:1.5;box-shadow:inset 0 1px 0 #fff2,0 6px 18px #0002}.you .scene-bubble{background:linear-gradient(140deg,#fff8ee,#f0dcf2);border-radius:22px 22px 6px 22px;color:#56415e;box-shadow:0 0 25px #edc5e22b,inset 0 1px 0 white}.scene-row.scene-pending{opacity:0;transform:translateY(18px) scale(.96)}.scene-row.scene-arrived{animation:message-arrive .5s cubic-bezier(.2,.8,.2,1) both}.scene-typing{display:flex;gap:5px;padding:16px 0 0 40px;height:24px;visibility:hidden}.scene-typing.active{visibility:visible}.scene-typing i{width:5px;height:5px;background:#d6b5f1;border-radius:50%;animation:typing 1s infinite}.scene-typing i:nth-child(2){animation-delay:.15s}.scene-typing i:nth-child(3){animation-delay:.3s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:80px}.app-showcase h2{font-size:clamp(32px,4vw,56px)}.app-showcase-copy>p{line-height:1.7;color:#d3c8df}.showcase-note{font-size:13px;max-width:40ch}.showcase-device{max-width:390px;width:100%;justify-self:center;padding:12px;border-radius:36px;background:linear-gradient(150deg,#d5bce450,#becbf320);border:1px solid #e8d9ff50;box-shadow:inset 0 1px 0 #fff6,0 24px 70px #07091280,0 0 85px #a28af22a}.showcase-tabs{display:flex;gap:5px;padding:6px;margin-bottom:12px;border-radius:24px;background:#14152280}.showcase-tabs button{flex:1;min-height:44px;border:0;border-radius:20px;background:transparent;color:#d6cce1;font:inherit;font-size:14px;cursor:pointer}.showcase-tabs button[aria-selected=true]{background:linear-gradient(130deg,#f8e5f5,#e4d4ff);color:#493552;box-shadow:0 0 20px #d9b9ff38}.showcase-screen{border-radius:26px;background:linear-gradient(155deg,#343447,#1c1d2b);padding:20px;min-height:535px}.showcase-screen>.scene-person{justify-content:space-between}.showcase-panel[hidden]{display:none!important}.showcase-panel{animation:message-arrive .35s ease-out;min-height:430px}.showcase-panel img{max-width:100%;object-fit:cover}.showcase-panel .park{height:190px;width:100%;border-radius:18px}.showcase-panel .letter-body{font-size:16px;line-height:1.6;padding:16px 0}.showcase-panel .dreamscape{height:150px;width:100%}.showcase-panel .pact-card{overflow:hidden;border-radius:18px}.benefit-grid article{background:linear-gradient(140deg,#d1bbff18,#ffdab408 50%,#b2d7ff12)!important;border:1px solid #d6c9ed35!important;box-shadow:inset 0 1px 0 #fff3,0 14px 45px #080b1b44,0 0 32px #af95ed14!important;border-radius:24px;padding:28px!important}.hero-try{text-decoration:none!important}.scene-row,.showcase-device{min-width:0}button:focus-visible,a:focus-visible{outline:2px solid #f2d1ff;outline-offset:5px}
@keyframes message-arrive{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes typing{50%{opacity:.35;transform:translateY(-3px)}}
@media(max-width:720px){.chat-feature,.app-showcase{grid-template-columns:1fr;gap:24px;padding-block:36px}.chat-stage{padding:20px 16px;border-radius:24px}.scene-row{max-width:100%}.scene-row.you{max-width:88%}.scene-bubble{padding:12px 14px}.showcase-device{max-width:390px}.showcase-screen{min-height:515px}.benefit-grid article{padding:24px!important}.chat-feature{scroll-margin-top:110px}}
@media(prefers-reduced-motion:reduce){.scene-row.scene-pending{opacity:1;transform:none}.scene-arrived,.scene-typing i,.showcase-panel{animation:none!important}.scene-typing{display:none}}
/* Feature labels sit above their respective screens. */
.chat-feature{grid-template-columns:1fr;max-width:760px;margin-inline:auto;gap:26px}.chat-feature-copy{text-align:center}.chat-feature-copy>p:last-child{margin-inline:auto;max-width:48ch}.chat-stage{width:100%;box-sizing:border-box}.app-showcase{grid-template-columns:1fr;gap:28px}.app-showcase-copy{text-align:center}.app-showcase-copy>p{max-width:48ch;margin-inline:auto}.brew-screen{text-align:center}.brew-screen .quiz-title{max-width:360px;margin-inline:auto}.coach-orbit{position:relative;isolation:isolate;height:250px;max-width:340px;margin:12px auto;background:radial-gradient(ellipse,#b792e879,transparent 65%)}.orbit-ring{position:absolute;inset:20px;border:1px solid #fff4caaa;border-top:3px solid #785082;border-radius:50%;transform:rotate(-20deg);animation:brew-orbit 5s linear infinite;box-shadow:0 0 28px #d4afff55,inset 0 0 25px #fff8dc44}.coach-shadow{position:absolute;width:110px;top:24px;left:calc(50% - 55px);filter:drop-shadow(0 0 12px #9f78c8);animation:shadow-breathe 2s ease-in-out infinite alternate}.coach-shadow svg{width:100%;height:190px;fill:#3a2548}.shadow-0{transform:translateX(-76px) scale(.78) rotate(-9deg);opacity:.4}.shadow-1{z-index:2}.shadow-2{transform:translateX(76px) scale(.78) rotate(9deg);opacity:.4;animation-delay:.5s}.orbit-spark{position:absolute;right:18px;top:25px;font-size:38px;color:#fff8e6;text-shadow:0 0 22px #b088e6;animation:spark-wink 1.5s ease-in-out infinite}.brew-message{min-height:52px;font-size:18px;line-height:1.5;color:#55365e}.brew-screen .button{width:100%;margin-top:12px}.brew-screen .quiz-help{margin-inline:auto}.showcase-tabs{justify-content:center}
@keyframes brew-orbit{to{transform:rotate(340deg)}}@keyframes shadow-breathe{from{filter:drop-shadow(0 0 8px #9f78c8)}to{filter:drop-shadow(0 0 24px #c9a9e8)}}@keyframes spark-wink{50%{opacity:.45;scale:.85}}
@media(max-width:720px){.chat-feature-copy,.app-showcase-copy,.story-intro,.section-heading,.everyday{text-align:center}.chat-feature-copy>p,.app-showcase-copy>p,.story-intro>p,.everyday-copy{margin-inline:auto}.chat-feature-copy h3{font-size:34px}.coach-orbit{height:225px}.chat-stage{text-align:left}.showcase-screen{text-align:left}}
@media(prefers-reduced-motion:reduce){.orbit-ring,.coach-shadow,.orbit-spark{animation:none!important}}
.scene-bubble{position:relative}.emoji-reaction{display:flex;width:max-content;align-items:center;gap:5px;margin:10px 0 -7px;padding:3px 9px;background:#fce8fa;border:1px solid #fff9;border-radius:99px;color:#653e6d;font-size:20px;box-shadow:0 0 18px #d2a1e644}.emoji-reaction>span{font-size:12px}.scene-arrived .emoji-reaction{animation:reaction-bounce .5s 1s backwards}.cat-meme{margin:12px 0 0;border-radius:16px;overflow:hidden;max-width:290px;background:#d7c8ed}.cat-meme svg{display:block;width:100%;height:auto}.cat-meme figcaption{text-align:center;padding:9px 12px;font-size:14px;font-weight:600;line-height:1.4;color:#4b365a;background:#ece0f6}@keyframes reaction-bounce{from{opacity:0;transform:scale(.3) rotate(-12deg)}70%{transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scene-arrived .emoji-reaction{animation:none}}
/* Sunset-lake palette: lavender haze, blush light and peach reflections. */
.benefits{position:relative;isolation:isolate}.benefits:before{background:radial-gradient(ellipse at 15% 30%,#cf9ec638,transparent 60%),radial-gradient(ellipse at 86% 65%,#f5bb8d26,transparent 60%)!important}.benefit-grid article{background:linear-gradient(135deg,#d8b6ec26,#e9a6a818 55%,#efb78815)!important;border-color:#eac9e446!important;box-shadow:inset 0 1px 0 #ffecdb4d,0 15px 48px #110d244d,0 0 35px #d7a2d21c!important}.chat-feature:nth-of-type(2) .chat-stage{background:linear-gradient(140deg,#a68ecb2e,#c9899c22 60%,#e8b48b18),#292330ed;border-color:#f3d2ce40;box-shadow:inset 0 1px 0 #ffe9d54d,0 22px 65px #0f0b2466,0 0 65px #eeada429}.chat-feature:nth-of-type(3) .chat-stage{background:linear-gradient(145deg,#9b8cc92b,#b994b722,#d6ab8520),#262532ed}.chat-stage:after{content:'✧';position:absolute;right:-8px;top:-14px;font-size:28px;color:#ffe6c9;text-shadow:0 0 16px #f8cfae,0 0 32px #cfb0ee;pointer-events:none;animation:romantasy-glimmer 5s ease-in-out infinite}.app-showcase{position:relative;isolation:isolate}.app-showcase:before{content:'';position:absolute;inset:8% -3%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#cba2db24,transparent 60%),radial-gradient(ellipse at 80% 78%,#edb6901e,transparent 55%)}.showcase-device{background:linear-gradient(145deg,#d4b4df55,#dda7af30 55%,#edc29830);border-color:#ffe0d452;box-shadow:inset 0 1px 0 #fff0db66,0 24px 70px #0c092580,0 0 80px #daa9d82d}.everyday{background:radial-gradient(ellipse at 30% 15%,#d9a7cf22,transparent 60%),radial-gradient(ellipse at 80% 90%,#ebb68d20,transparent 55%);border-radius:32px}.scene-person .online-status{display:flex!important;align-items:center;gap:6px;color:#dbd4e4!important}.online-status i{width:6px;height:6px;border-radius:50%;background:#b4d7bc;box-shadow:0 0 9px #b4d7bc66}.online-status em{font-style:italic}.cat-sticker{margin:10px 0 0;background:none;max-width:210px}.cat-sticker img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 13px #110a2340)}.you .scene-bubble.sticker-message{background:transparent;border:0;box-shadow:none;padding:0}.sticker-caption{display:block;background:linear-gradient(140deg,#fff8ee,#f0dcf2);padding:12px 16px;border:1px solid #fff3;border-radius:22px 22px 6px 22px;color:#56415e}.sticker-message .cat-sticker{margin-left:auto}.scene-arrived .cat-sticker{animation:sticker-pop .5s .2s backwards}@keyframes sticker-pop{from{opacity:0;transform:translateY(12px) rotate(-6deg) scale(.8)}to{opacity:1;transform:none}}@keyframes romantasy-glimmer{50%{opacity:.45;transform:scale(.85)}}@media(max-width:720px){.cat-sticker{max-width:170px}.chat-stage:after{right:3px;top:-12px;font-size:23px}}@media(prefers-reduced-motion:reduce){.chat-stage:after,.scene-arrived .cat-sticker{animation:none!important}}