:root{--ivory:#f8f3eb;--paper:#fffdf8;--cream:#fffdf8;--ink:#302720;--muted:#706257;--green:#372a22;--green-2:#4b3a30;--coffee:#372a22;--hero:#f8f3eb;--sage:#77816a;--vermouth:#b66d4e;--rust:#b66d4e;--rust-ink:#96543e;--butter:#f0ce7d;--blue:#a9c1c1;--felt:#986957;--sand:#eee4d5;--peach:#f1ddcf;--line:rgba(79,61,46,.12);--shell:min(1160px,calc(100% - 32px));--serif:"Iowan Old Style","Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--display:var(--serif);--body:var(--sans)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;padding-bottom:84px;background:var(--ivory);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(32,35,31,.14) .45px,transparent .45px);background-size:6px 6px}
a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:-60px;padding:12px 16px;border-radius:10px;background:#fff;color:#111}.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:9px 0}.nav-shell{width:calc(100% - 20px);height:60px;margin:auto;padding:0 8px 0 11px;border:1px solid rgba(255,255,255,.76);border-radius:20px;background:rgba(255,253,247,.9);box-shadow:0 10px 30px rgba(20,35,29,.1);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;object-fit:cover;box-shadow:0 3px 10px rgba(30,35,31,.12);flex:none}.brand-name{font-family:var(--display);font-size:20px;font-weight:700}.brand-tagline{display:none;padding-left:9px;border-left:1px solid var(--line);color:var(--muted);font-size:10px}.nav-shell nav{display:flex;align-items:center}.nav-shell nav a{display:none;text-decoration:none}.nav-shell nav .nav-cta{display:inline-flex;min-height:44px;padding:0 16px;border-radius:14px;background:var(--ink);color:#fff;align-items:center;font-size:12px;font-weight:700}
.button{min-height:58px;padding:10px 22px;border-radius:17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:active{transform:scale(.98)}.button:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid rgba(240,215,120,.75);outline-offset:3px}.button svg{width:25px;height:25px;fill:currentColor}.button span{display:grid;gap:1px}.button small{font-size:9px;letter-spacing:.1em;opacity:.65}.button-primary{background:var(--butter);color:#19221d;box-shadow:0 14px 30px rgba(8,30,23,.25)}.button-light{background:#fff;color:var(--green)}
.hero{padding:104px 0 70px;background:var(--green);color:#fff;overflow:hidden}.hero-layout{display:grid;gap:40px}.eyebrow,.section-kicker{margin:0 0 16px;color:var(--vermouth);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:#f0d778}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--butter);box-shadow:0 0 0 5px rgba(240,215,120,.12)}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:23px;font-family:var(--display);font-size:clamp(42px,12vw,62px);line-height:1.02;letter-spacing:-.045em}.hero h1 em{display:block;margin-top:9px;color:var(--butter);font-size:.67em;font-style:normal;line-height:1.2;letter-spacing:-.025em}.hero-lead{margin-bottom:27px;color:#d7e1dc;font-size:14px;line-height:1.9}.hero-actions{display:grid;gap:11px}.hero-actions .button{width:100%}.hero-actions>p{margin:0;color:#aebfb8;font-size:10px;text-align:center}.hero-preview{position:relative;width:min(310px,86vw);margin:auto}.phone-shell{position:relative;height:575px;padding:12px;border:7px solid #181b18;border-radius:44px;background:#181b18;box-shadow:0 38px 70px rgba(0,0,0,.3);transform:rotate(1.4deg)}.phone-speaker{position:absolute;z-index:3;left:50%;top:7px;width:82px;height:20px;border-radius:14px;background:#181b18;transform:translateX(-50%)}
.shot-placeholder{position:relative;height:100%;padding:24px;border:2px dashed rgba(32,35,31,.28);border-radius:31px;color:#252a25;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;isolation:isolate}.shot-placeholder::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:7px 7px}.shot-placeholder::after{content:"";position:absolute;z-index:-1;right:-46px;top:58px;width:170px;height:170px;border:2px dashed rgba(32,35,31,.18);border-radius:50%}.shot-placeholder>span{margin-bottom:auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.64);font-size:9px;font-weight:800;letter-spacing:.08em}.shot-placeholder strong{font-family:var(--display);font-size:27px;line-height:1.25}.shot-placeholder p{margin:8px 0 0;font-size:10px;line-height:1.7;opacity:.7}.shot-home{background:var(--butter)}
.proof{padding:55px 0;background:var(--paper)}.proof .section-kicker{text-align:center}.proof-grid{display:flex;gap:11px;padding-bottom:5px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.proof-grid::-webkit-scrollbar{display:none}.proof-grid article{min-width:76vw;padding:23px 20px;border:1px solid var(--line);border-radius:22px;background:#fff;scroll-snap-align:center;display:grid;gap:6px;text-align:center}.proof-grid strong{color:var(--green);font-family:Georgia,serif;font-size:43px}.proof-grid sup{font-size:.47em}.proof-grid span{color:var(--muted);font-size:11px}.data-note{margin:15px 0 0;color:#9b9d96;font-size:9px;text-align:center}
.section{padding:80px 0}.section-head{max-width:720px;margin-bottom:40px}.section-head h2,.pricing-panel h2,.final-copy h2{margin-bottom:0;font-family:var(--display);font-size:clamp(36px,10vw,56px);line-height:1.12;letter-spacing:-.04em}.section-head.compact{margin-bottom:30px}.scene-list{display:grid;gap:25px}.scene{padding:14px 14px 27px;border:1px solid var(--line);border-radius:29px;background:rgba(255,253,247,.82);box-shadow:0 18px 48px rgba(29,44,36,.06);display:grid;gap:26px}.shot-frame{height:440px;padding:7px;border-radius:25px;background:#20231f;box-shadow:0 22px 45px rgba(25,35,29,.16)}.shot-frame .shot-placeholder{border-radius:19px}.shot-vault{background:var(--sage)}.shot-buy{background:var(--vermouth);color:#fff}.shot-taste{background:var(--blue)}.shot-memory{background:var(--felt);color:#fff}.scene-copy{padding:0 8px}.scene-number{display:inline-flex;margin-bottom:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.08em}.scene h3{margin-bottom:13px;font-family:var(--display);font-size:26px;line-height:1.3}.scene-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.benefits{background:var(--green);color:#fff}.benefits .section-kicker{color:var(--butter)}.benefit-grid{display:flex;gap:12px;padding-bottom:7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.benefit-grid::-webkit-scrollbar{display:none}.benefit-grid article{min-width:78vw;min-height:235px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07);scroll-snap-align:start}.benefit-grid article>span{font-size:27px}.benefit-grid h3{margin:28px 0 10px;font-family:var(--display);font-size:24px}.benefit-grid p{margin:0;color:#c8d5d0;font-size:12px;line-height:1.8}
.testimonials{background:var(--paper)}.testimonial-grid{display:flex;gap:12px;padding-bottom:7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonial-grid::-webkit-scrollbar{display:none}.testimonial-grid>article{min-width:84vw;padding:23px;border:1px solid var(--line);border-radius:24px;background:var(--ivory);scroll-snap-align:start}.user{display:grid;grid-template-columns:47px 1fr;gap:12px;align-items:center}.user>span{width:47px;height:47px;border-radius:16px;background:var(--butter);display:grid;place-items:center;font-family:var(--display);font-size:20px}.user p{margin:0;display:grid;gap:4px}.user b{font-size:13px}.user small{color:var(--muted);font-size:9px;line-height:1.5}.testimonial-grid blockquote{margin:22px 0 0;padding-top:19px;border-top:1px dashed var(--line);color:#4f564f;font-family:var(--display);font-size:16px;line-height:1.85}
.pricing{padding:65px 0}.pricing-panel{position:relative;padding:33px 26px;border-radius:29px;background:var(--butter);overflow:hidden}.pricing-panel::after{content:"FREE";position:absolute;right:-12px;top:8px;color:rgba(32,35,31,.08);font:700 85px/1 Georgia,serif;transform:rotate(7deg)}.pricing-panel h2{position:relative;z-index:1;font-size:39px}.pricing-panel>p:not(.section-kicker){position:relative;z-index:1;margin:15px 0 27px;color:#51584e;font-size:12px;line-height:1.8}.pricing-panel>span{position:relative;z-index:1;font:700 52px/1 Georgia,serif}.pricing-panel>span small{font:11px var(--body)}
.faq{padding-top:55px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{min-height:67px;padding:20px 40px 20px 2px;cursor:pointer;list-style:none;font-size:14px;font-weight:800;display:flex;align-items:center;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"＋";position:absolute;right:4px;color:var(--green);font-size:22px;font-weight:400}details[open] summary::after{content:"—"}details p{margin:-4px 0 22px;color:var(--muted);font-size:12px;line-height:1.85}
.final-cta{padding:75px 0 100px;background:var(--green);color:#fff;overflow:hidden}.final-layout{display:grid;gap:42px}.final-copy .section-kicker{color:var(--butter)}.final-copy h2{font-size:42px}.final-copy>p:not(.section-kicker){margin:18px 0 28px;color:#cad7d2;font-size:13px;line-height:1.8}.final-copy .button{width:100%}
.site-footer{padding:58px 0 112px;background:#ebe7dc}.footer-main{display:grid;gap:28px;padding-bottom:32px}.footer-brand{margin-bottom:10px}.footer-main>div>p{color:var(--muted);font-size:11px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}.footer-links>a:not(.douyin-card){min-height:44px;color:var(--muted);font-size:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.douyin-card{grid-column:1/-1;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.5);color:var(--ink);text-decoration:none;display:flex;gap:13px;align-items:center}.douyin-card>img{width:92px;height:92px;border-radius:13px;object-fit:cover;flex:none}.douyin-copy{min-width:0;display:grid;gap:5px}.douyin-copy strong{font-size:12px}.douyin-copy small{color:var(--muted);font-size:9px;line-height:1.55}.legal-footer{padding-top:23px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;text-align:center}.legal-footer p{margin:0;color:#858a83;font-size:9px;line-height:1.7}.legal-footer a{text-underline-offset:3px}.responsible{width:100%;padding-top:5px;letter-spacing:.08em}
.mobile-download-bar{position:fixed;z-index:45;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:66px;padding:8px 8px 8px 10px;border:1px solid rgba(255,255,255,.65);border-radius:21px;background:rgba(23,63,54,.94);box-shadow:0 18px 45px rgba(10,30,24,.25);backdrop-filter:blur(15px);color:#fff;display:flex;align-items:center;justify-content:space-between}.mobile-app{min-width:0;display:flex;align-items:center;gap:9px}.mobile-app>img{width:42px;height:42px;border-radius:12px;object-fit:cover;flex:none}.mobile-app>div{min-width:0;display:grid;gap:3px}.mobile-download-bar strong{font-size:12px}.mobile-download-bar small{color:#b9cbc4;font-size:8px}.mobile-download-bar>a{min-width:96px;min-height:48px;padding:0 15px;border-radius:14px;background:var(--butter);color:var(--ink);text-decoration:none;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.download-dialog{width:min(420px,calc(100% - 28px));padding:29px;border:1px solid var(--line);border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.25);text-align:center}.download-dialog::backdrop{background:rgba(15,25,21,.62);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:9px;width:42px;height:42px;border:0;background:transparent;color:var(--muted);font-size:26px}.dialog-icon{width:52px;height:52px;margin:4px auto 17px;border-radius:17px;background:var(--butter);font-size:26px;display:grid;place-items:center}.download-dialog h2{font-family:var(--display);font-size:25px}.download-dialog p{color:var(--muted);font-size:12px;line-height:1.8}.download-dialog code{display:block;margin:17px 0;padding:11px;border-radius:10px;background:#ece8df;font-size:10px}.dialog-confirm{width:100%;height:48px;border:0;border-radius:14px;background:var(--green);color:#fff;font-weight:700}

@media(min-width:700px){:root{--shell:min(1160px,calc(100% - 64px))}body{padding-bottom:0}.nav-shell{width:var(--shell);height:64px;padding-inline:14px 18px}.brand-tagline{display:inline}.nav-shell nav{gap:22px}.nav-shell nav a{display:inline;color:var(--muted);font-size:12px}.nav-shell nav a:hover{color:var(--ink)}.nav-shell nav .nav-cta{color:#fff}.hero{padding:150px 0 105px}.hero-layout{grid-template-columns:1fr .85fr;gap:70px;align-items:center}.hero h1{font-size:66px}.hero-lead{max-width:640px;font-size:16px}.hero-actions{display:flex;align-items:center}.hero-actions .button{width:auto}.hero-actions>p{text-align:left}.hero-preview{width:345px}.phone-shell{height:650px}.proof{padding:65px 0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.proof-grid article{min-width:0}.section{padding:120px 0}.scene-list{gap:38px}.scene{padding:22px;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.scene:nth-child(even) .scene-visual{order:2}.scene:nth-child(even) .scene-copy{order:1}.shot-frame{height:580px}.scene-copy{padding:35px}.scene h3{font-size:35px}.scene-copy p{font-size:15px}.benefit-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.benefit-grid article{min-width:0}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid>article{min-width:0}.pricing{padding:90px 0}.pricing-panel{padding:50px 55px}.pricing-panel h2{font-size:52px}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:start}.final-cta{padding:110px 0}.final-copy h2{font-size:58px}.final-copy .button{width:auto}.footer-main{grid-template-columns:1fr auto;align-items:start}.footer-links{width:390px;gap:4px 12px}.legal-footer{display:flex;justify-content:center}.responsible{text-align:center}.mobile-download-bar{display:none}}

.scene-copy,.scene-visual{min-width:0}
@media(min-width:700px){.scene{grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,70px)}.scene:nth-child(even) .scene-copy{order:1}.scene:nth-child(even) .scene-visual{order:2}}
@media(min-width:1050px){.hero-layout{grid-template-columns:1.12fr .88fr}.hero h1{font-size:76px}.scene{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}.shot-frame{height:620px}.nav-shell nav{gap:28px}.nav-shell nav a{font-size:13px}}
@media(max-width:699px){.scene{padding:12px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px;align-items:center}.scene-copy{padding:4px 0 4px 2px}.scene-number{margin-bottom:9px;padding:5px 7px;font-size:8px}.scene h3{margin-bottom:10px;font-size:clamp(17px,4.8vw,21px);line-height:1.34}.scene-copy p{font-size:10px;line-height:1.72}.scene-visual{height:clamp(300px,85vw,340px)}.scene .shot-frame{height:100%;padding:5px;border-radius:20px}.scene .shot-frame .shot-placeholder{padding:12px;border-radius:15px}.scene .shot-placeholder>span{padding:5px 7px;font-size:7px}.scene .shot-placeholder strong{font-size:clamp(16px,4vw,20px)}.scene .shot-placeholder p{font-size:8px;line-height:1.55}}
@media(max-width:350px){.scene{padding:10px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px}.scene h3{font-size:16px}.scene-copy p{font-size:9px;line-height:1.65}.scene-visual{height:290px}}
.hero{position:relative;background:var(--hero);color:var(--ink);isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(circle at 84% 16%,rgba(255,255,255,.72) 0 42px,transparent 43px),radial-gradient(circle at 91% 27%,rgba(185,109,80,.13) 0 18px,transparent 19px),radial-gradient(circle at 8% 72%,rgba(166,173,144,.18) 0 34px,transparent 35px)}.hero h1{font-weight:850;letter-spacing:-.025em}.hero h1 em{color:#9a6247;font-weight:750;letter-spacing:-.018em}.hero .eyebrow{color:#8b6048}.hero .eyebrow span{background:#d59a5f;box-shadow:0 0 0 5px rgba(213,154,95,.14)}.hero-lead{color:#625851}.hero-actions>p{color:#8b7f75}.button-primary{background:var(--ink);color:#fff;box-shadow:0 14px 30px rgba(70,48,36,.2)}.section-head h2,.pricing-panel h2,.final-copy h2{font-weight:800;letter-spacing:-.025em}.scene h3,.benefit-grid h3,.brand-name,.download-dialog h2,.shot-placeholder strong{font-weight:750}.mobile-download-bar{background:rgba(75,57,48,.96);box-shadow:0 18px 45px rgba(54,38,30,.25)}
/* Real app imagery */
.phone-shell{height:auto;aspect-ratio:390/844;padding:0;overflow:hidden}
.phone-shell .app-screen{display:block;width:100%;height:100%;object-fit:cover}
.phone-shell .app-screen{border-radius:35px}

/* What we heard */
.proof{padding:68px 0;background:#fffaf2}
.proof-layout{display:grid;gap:32px}
.proof .section-kicker{text-align:left}
.proof-intro h2{margin:23px 0 0;font-family:var(--display);font-size:clamp(31px,8.7vw,52px);line-height:1.14;letter-spacing:-.035em}
.proof-count{display:flex;align-items:center;gap:14px;margin:0;padding:17px 0;border-block:1px solid var(--line)}
.proof-count strong{color:#9a6247;font:700 45px/1 Georgia,serif;white-space:nowrap}
.proof-count sup{font-size:.45em}
.proof-count span{color:var(--muted);font-size:10px;line-height:1.55}
.proof-grid{display:grid;gap:0;padding:0;overflow:visible}
.proof-grid article{min-width:0;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;display:grid;grid-template-columns:34px 1fr;gap:14px;text-align:left;scroll-snap-align:none}
.proof-grid article>span{padding-top:3px;color:#b96d50;font:700 10px/1 var(--body);letter-spacing:.08em}
.proof-grid h3{margin:0 0 7px;font-family:var(--display);font-size:18px;line-height:1.4}
.proof-grid article p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}
.proof-grid .data-note{margin:17px 0 0;color:#8a7366;font-size:10px;text-align:left;line-height:1.7}

/* Four product highlights — compact enough to read as one idea on mobile */
.core-highlights{background:#fffaf2}
.highlight-head{max-width:720px;margin-bottom:29px}
.highlight-head h2{margin:0;font-family:var(--display);font-size:clamp(31px,9vw,52px);line-height:1.13;letter-spacing:-.035em}
.highlight-head>p:last-child{max-width:590px;margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.8}
.highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.highlight-grid article{position:relative;min-width:0;min-height:202px;padding:14px 12px 16px;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.highlight-grid article::after{content:"";position:absolute;right:-25px;bottom:-30px;width:82px;height:82px;border-radius:50%;background:currentColor;opacity:.07;pointer-events:none}
.highlight-grid article:nth-child(1){background:#eef0e7;color:#53604d}.highlight-grid article:nth-child(2){background:#f8e7cf;color:#9a6247}.highlight-grid article:nth-child(3){background:#e7f0ef;color:#4d7775}.highlight-grid article:nth-child(4){background:#efe2db;color:#855c4b}
.highlight-mark{display:inline-flex;min-height:25px;padding:0 8px;border:1px solid currentColor;border-radius:999px;align-items:center;font-size:7px;font-weight:800;letter-spacing:.04em;opacity:.85}
.highlight-grid h3{margin:21px 0 8px;color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.4;letter-spacing:-.015em}
.highlight-grid p{margin:auto 0 0;color:var(--muted);font-size:9px;line-height:1.72}

/* Portrait motion stories */
.scene-visual{display:flex;align-items:center;justify-content:center}
.motion-demo{position:relative;width:min(100%,310px);aspect-ratio:390/844;border:6px solid #20211e;border-radius:32px;background:#f8f3ea;box-shadow:0 22px 45px rgba(25,35,29,.17);overflow:hidden;isolation:isolate}
.motion-demo::after{content:"";position:absolute;z-index:30;inset:0;border:1px solid rgba(255,255,255,.32);border-radius:25px;pointer-events:none}
.demo-topline{position:absolute;z-index:25;left:10px;right:10px;top:10px;height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(31,31,28,.76);backdrop-filter:blur(9px);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.03em}
.demo-topline b{color:#f5d684;font-size:7px}
.screen-stage,.memory-stage{position:absolute;inset:0;background:#f8f3ea;overflow:hidden}
.demo-screen,.memory-shot{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;will-change:opacity,transform}
.demo-screen img,.memory-shot img{display:block;width:100%;height:100%;object-fit:cover}
.demo-screen figcaption,.memory-shot figcaption{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;min-height:37px;padding:0 12px;border:1px solid rgba(255,255,255,.45);border-radius:13px;background:rgba(34,32,29,.8);backdrop-filter:blur(10px);color:#fff;display:flex;gap:7px;align-items:center;font-size:8px;font-weight:700}
.demo-screen figcaption i{width:18px;height:18px;border-radius:50%;background:#f2ce75;color:#28241f;font-style:normal;display:grid;place-items:center;font-size:7px}
.recognize-scan{opacity:1}
.recognize-demo.is-playing .recognize-scan{animation:recognizeOne 12s linear infinite}
.recognize-demo.is-playing .recognize-confirm{animation:recognizeTwo 12s linear infinite}
.recognize-demo.is-playing .recognize-home{animation:recognizeThree 12s linear infinite}
.recognize-demo .demo-progress,.memory-demo .demo-progress{position:absolute;z-index:28;left:18px;right:18px;bottom:5px;height:2px;border-radius:9px;background:rgba(255,255,255,.35);overflow:hidden}
.recognize-demo .demo-progress i,.memory-demo .demo-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:#f0ce7d;transform-origin:left;transform:scaleX(0)}
.recognize-demo.is-playing .demo-progress i{animation:demoProgress 12s linear infinite}
@keyframes recognizeOne{0%,28%{opacity:1;transform:scale(1)}33%{opacity:0;transform:scale(1.035)}34%,97%{opacity:0}100%{opacity:1}}
@keyframes recognizeTwo{0%,28%{opacity:0}33%,61%{opacity:1;transform:scale(1)}66%{opacity:0;transform:scale(1.035)}67%,100%{opacity:0}}
@keyframes recognizeThree{0%,61%{opacity:0}66%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.025)}}
@keyframes demoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Next-bottle explainer */
.unlock-demo{padding:56px 17px 18px;background:#d98b68;color:#fff}
.unlock-demo::before,.taste-demo::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.3;background-image:radial-gradient(rgba(255,255,255,.8) .6px,transparent .6px);background-size:8px 8px}
.cabinet-row{height:122px;padding:15px 12px 10px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(80,45,34,.17);display:flex;align-items:flex-end;justify-content:space-around}
.mini-bottle{width:27%;display:grid;justify-items:center;gap:6px;color:rgba(255,255,255,.82);font-size:7px}
.mini-bottle i,.suggested-bottle i{position:relative;display:block;width:38px;height:62px;border:3px solid #47352e;border-radius:9px 9px 13px 13px;background:#f1d987;box-shadow:inset 0 -18px rgba(255,255,255,.16)}
.mini-bottle i::before,.suggested-bottle i::before{content:"";position:absolute;left:50%;top:-18px;width:17px;height:18px;border:3px solid #47352e;border-bottom:0;border-radius:5px 5px 0 0;background:#f8f0df;transform:translateX(-50%)}
.bottle-b i{height:55px;background:#b9794f}.bottle-c i{height:69px;background:#dbe3d7}
.unlock-focus{margin-top:13px;display:grid;grid-template-columns:1.1fr .9fr;gap:9px;align-items:stretch}
.suggested-bottle,.unlock-result{min-width:0;padding:13px 10px;border-radius:18px;background:#fff7e8;color:#372c27}
.suggested-bottle{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}
.suggested-bottle i{grid-row:1/3;width:31px;height:55px;background:#e49253;transform:translateY(6px)}
.suggested-bottle span{align-self:end;color:#9b7664;font-size:7px}.suggested-bottle strong{align-self:start;font-size:10px;line-height:1.35}
.unlock-result{display:grid;align-content:center;justify-items:center}.unlock-result>span{color:#9b7664;font-size:7px}.unlock-result>div{display:flex;gap:5px;align-items:baseline}.unlock-result del{color:#9c8c82;font:700 20px Georgia,serif}.unlock-result i{font-size:10px;font-style:normal}.unlock-result strong{color:#b45232;font:700 33px Georgia,serif}.unlock-result small{margin-left:2px;font:8px var(--body)}
.unlock-demo.is-playing .suggested-bottle{animation:suggestGlow 7s ease-in-out infinite}.unlock-demo.is-playing .unlock-result strong{animation:countLift 7s ease-in-out infinite}
.recipe-bubbles{height:126px;position:relative;margin-top:3px}.recipe-bubbles i{position:absolute;padding:7px 9px;border-radius:999px;background:#fff8e8;color:#694638;box-shadow:0 8px 18px rgba(75,40,30,.14);font-size:7px;font-style:normal;opacity:.3;transform:scale(.75)}
.recipe-bubbles i:nth-child(1){left:1%;top:50px}.recipe-bubbles i:nth-child(2){right:1%;top:20px}.recipe-bubbles i:nth-child(3){left:25%;top:88px}.recipe-bubbles i:nth-child(4){right:17%;top:69px}
.unlock-demo.is-playing .recipe-bubbles i{animation:bubbleUnlock 7s ease-in-out infinite}.unlock-demo.is-playing .recipe-bubbles i:nth-child(2){animation-delay:.2s}.unlock-demo.is-playing .recipe-bubbles i:nth-child(3){animation-delay:.4s}.unlock-demo.is-playing .recipe-bubbles i:nth-child(4){animation-delay:.6s}
.unlock-foot{position:absolute;left:17px;right:17px;bottom:19px;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.3);font-size:8px;font-weight:800;text-align:center;letter-spacing:.05em}
@keyframes suggestGlow{0%,25%,100%{box-shadow:0 0 0 0 rgba(255,239,171,0)}40%,65%{box-shadow:0 0 0 7px rgba(255,239,171,.28)}}
@keyframes countLift{0%,28%,100%{transform:translateY(5px);opacity:.25}40%,75%{transform:translateY(0);opacity:1}}
@keyframes bubbleUnlock{0%,31%,100%{opacity:.2;transform:translateY(8px) scale(.75)}45%,78%{opacity:1;transform:translateY(0) scale(1)}}

/* Taste profile explainer */
.taste-demo{padding:58px 17px 18px;background:#afc8cb;color:#253334}
.taste-demo .demo-topline b{color:#f7d478}
.taste-person{padding:12px;border-radius:18px;background:rgba(255,255,255,.66);display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}
.taste-person>span{width:38px;height:38px;border-radius:13px;background:#f2d17d;display:grid;place-items:center;font-size:13px;font-weight:800}.taste-person>div{display:grid;gap:3px}.taste-person strong{font-size:10px}.taste-person small{color:#657677;font-size:7px}
.flavor-bars{margin-top:13px;padding:14px 12px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(255,255,255,.3)}
.flavor-bars p{margin:0 0 11px;display:grid;grid-template-columns:31px 1fr 18px;gap:6px;align-items:center;font-size:7px}.flavor-bars p:last-child{margin:0}.flavor-bars i{height:5px;border-radius:10px;background:rgba(39,59,60,.14);overflow:hidden}.flavor-bars i b{display:block;width:var(--taste);height:100%;border-radius:inherit;background:#52797a;transform-origin:left}.flavor-bars em{font-style:normal;text-align:right}
.taste-demo.is-playing .flavor-bars i b{animation:flavorGrow 5.5s ease-in-out infinite}
.taste-recommend{position:relative;margin-top:13px;padding:12px;border-radius:20px;background:#fff9ee;box-shadow:0 12px 28px rgba(40,70,70,.12);display:grid;grid-template-columns:49px 1fr auto;gap:9px;align-items:center}.drink-orb{width:49px;height:57px;border-radius:25px 25px 18px 18px;background:#d8eadf;display:grid;place-items:end center;overflow:hidden}.drink-orb i{position:relative;width:34px;height:40px;margin-bottom:5px;border:3px solid #3b4540;border-radius:5px 5px 15px 15px;background:linear-gradient(to top,#e3d473 0 60%,transparent 61%)}.drink-orb i::after{content:"";position:absolute;right:-3px;top:-5px;width:14px;height:7px;border-radius:50%;background:#82a45d;transform:rotate(-25deg)}.taste-recommend>div:nth-child(2){min-width:0;display:grid;gap:2px}.taste-recommend small{color:#7a8783;font-size:6px}.taste-recommend strong{font-size:13px}.taste-recommend p{margin:0;color:#73817d;font-size:7px}.match-score{color:#4d7775;font:700 16px Georgia,serif;text-align:center}.match-score small{display:block;font:6px var(--body)}
.taste-demo.is-playing .taste-recommend{animation:recommendFloat 5.5s ease-in-out infinite}.taste-new{margin-top:11px;padding:10px 11px;border-top:1px solid rgba(50,77,76,.18);display:grid;gap:3px}.taste-new span{color:#6d8585;font-size:7px}.taste-new b{font-size:8px}
@keyframes flavorGrow{0%,100%{transform:scaleX(.25);opacity:.35}35%,75%{transform:scaleX(1);opacity:1}}
@keyframes recommendFloat{0%,24%,100%{transform:translateY(8px);opacity:.45}38%,78%{transform:translateY(0);opacity:1}}

/* Cinematic record flow */
.memory-demo{background:#9b6e59}
.memory-detail{opacity:1}
.memory-shot figcaption{bottom:12px;justify-content:center}
.memory-demo.is-playing .memory-detail{animation:memoryDetail 20s ease-in-out infinite;transform-origin:50% 88%}
.memory-demo.is-playing .memory-receipt{animation:memoryReceipt 20s ease-in-out infinite;transform-origin:50% 48%}
.memory-demo.is-playing .memory-polaroid{animation:memoryPolaroid 20s ease-in-out infinite;transform-origin:50% 32%}
.memory-demo.is-playing .memory-coaster{animation:memoryCoaster 20s ease-in-out infinite;transform-origin:50% 31%}
.memory-demo.is-playing .demo-progress i{animation:demoProgress 20s linear infinite}
.memory-writing{position:absolute;z-index:12;left:13px;right:13px;bottom:18px;padding:14px;border:1px solid rgba(255,255,255,.5);border-radius:17px;background:rgba(255,250,242,.96);color:#3c322d;box-shadow:0 15px 30px rgba(45,25,20,.23);opacity:0;transform:translateY(22px)}
.memory-writing small{color:#9d735f;font-size:7px}.memory-writing p{width:0;margin:7px 0 10px;overflow:hidden;white-space:nowrap;font-size:9px}.memory-writing button{width:100%;height:30px;border:0;border-radius:10px;background:#41322c;color:#fff;font:700 8px var(--body);pointer-events:none}
.memory-demo.is-playing .memory-writing{animation:memoryWriteCard 20s ease-in-out infinite}.memory-demo.is-playing .memory-writing p{animation:storyType 20s steps(15,end) infinite}
.memory-toast{position:absolute;z-index:18;left:17px;right:17px;top:43%;padding:17px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:rgba(50,39,34,.9);backdrop-filter:blur(14px);color:#fff;display:grid;gap:5px;text-align:center;opacity:0;transform:scale(.85)}.memory-toast b{font-size:11px}.memory-toast span{color:#e2d7d0;font-size:7px}
.memory-demo.is-playing .memory-toast{animation:memoryToast 20s ease-in-out infinite}
.demo-tap{position:absolute;z-index:22;width:22px;height:22px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.22);opacity:0;pointer-events:none}.memory-demo.is-playing .demo-tap{animation:tapTour 20s ease-in-out infinite}
@keyframes memoryDetail{0%,14%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.42)}23%,100%{opacity:0;transform:scale(1.44)}}
@keyframes memoryReceipt{0%,19%{opacity:0;transform:scale(1.08)}24%,38%{opacity:1;transform:scale(1)}43%{opacity:0;transform:scale(1.14)}44%,100%{opacity:0}}
@keyframes memoryPolaroid{0%,39%{opacity:0;transform:scale(1.08)}44%,54%{opacity:1;transform:scale(1)}59%,100%{opacity:0;transform:scale(1.08)}}
@keyframes memoryCoaster{0%,55%{opacity:0;transform:scale(1.08)}60%,83%{opacity:1;transform:scale(1)}88%,100%{opacity:0;transform:scale(1.12)}}
@keyframes memoryWriteCard{0%,67%{opacity:0;transform:translateY(22px)}72%,84%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes storyType{0%,70%{width:0}79%,100%{width:100%}}
@keyframes memoryToast{0%,85%{opacity:0;transform:scale(.85)}90%,97%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.03)}}
@keyframes tapTour{0%,9%{left:48%;top:87%;opacity:0}11%{opacity:1;transform:scale(.75)}13%{opacity:0;transform:scale(1.25)}27%{left:70%;top:27%;opacity:0}29%{opacity:1;transform:scale(.75)}31%{opacity:0;transform:scale(1.25)}47%{left:46%;top:27%;opacity:0}49%{opacity:1;transform:scale(.75)}51%,100%{opacity:0;transform:scale(1.25)}}

/* Softer, story-led benefits */
.benefits{background:#4b3930}
.benefit-grid article>span{display:inline-flex;min-height:26px;padding:0 10px;border:1px solid rgba(240,206,125,.45);border-radius:999px;color:#f0ce7d;align-items:center;font-size:8px;font-weight:800;letter-spacing:.08em}
.benefit-grid h3{margin:26px 0 10px}

@media(min-width:700px){
  .proof-layout{grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.proof-intro{position:sticky;top:98px}.proof-grid article{grid-template-columns:48px 1fr;padding:24px 0}.proof-grid h3{font-size:22px}.proof-grid article p{font-size:13px}
  .highlight-head{margin-bottom:42px}.highlight-head>p:last-child{font-size:13px}.highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.highlight-grid article{min-height:278px;padding:20px;border-radius:23px}.highlight-grid h3{margin-top:34px;font-size:21px}.highlight-grid p{font-size:11px}.highlight-mark{min-height:28px;padding-inline:10px;font-size:8px}
  .scene-visual{min-height:650px}.motion-demo{width:300px}
}
@media(max-width:699px){
  .hero-preview{width:min(286px,76vw)}
  .scene-visual{height:auto;align-self:center}.motion-demo{width:100%;border-width:4px;border-radius:23px}.motion-demo::after{border-radius:18px}.demo-topline{left:6px;right:6px;top:6px;height:24px;padding-inline:7px}.demo-screen figcaption,.memory-shot figcaption{left:7px;right:7px;bottom:7px;min-height:29px;padding-inline:8px}.unlock-demo,.taste-demo{padding:42px 9px 12px}.unlock-focus{grid-template-columns:1.25fr .75fr}.suggested-bottle{grid-template-columns:24px 1fr;padding:9px 5px;column-gap:5px}.suggested-bottle i{width:20px;height:39px;transform:translateY(4px)}.suggested-bottle i::before{top:-12px;width:11px;height:12px}.suggested-bottle strong{font-size:8px}.unlock-result{padding:8px 4px}.unlock-result>div{gap:1px}.unlock-result del{font-size:13px}.unlock-result i{font-size:7px}.unlock-result strong{font-size:19px}.cabinet-row{height:96px}.mini-bottle i{transform:scale(.78);transform-origin:bottom}.recipe-bubbles{height:74px}.unlock-foot{left:9px;right:9px;bottom:10px;padding-top:7px}.taste-person{padding:8px;grid-template-columns:30px 1fr}.taste-person>span{width:30px;height:30px}.flavor-bars{margin-top:8px;padding:9px 8px}.flavor-bars p{margin-bottom:7px}.taste-recommend{margin-top:8px;padding:8px;grid-template-columns:36px 1fr auto}.drink-orb{width:36px;height:43px}.drink-orb i{transform:scale(.72);transform-origin:bottom}.taste-new{margin-top:6px;padding:7px 8px}.memory-writing{left:7px;right:7px;bottom:10px;padding:10px}.memory-toast{left:8px;right:8px;padding:12px}.benefit-grid article{min-height:255px}
}
@media(max-width:350px){.demo-topline{display:none}.unlock-demo,.taste-demo{padding-top:13px}.scene-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.motion-demo *,.motion-demo::before,.motion-demo::after{animation:none!important}.recognize-confirm,.recognize-home,.memory-receipt,.memory-polaroid,.memory-coaster,.memory-writing,.memory-toast,.demo-tap{display:none}.flavor-bars i b{transform:scaleX(1)}.taste-recommend{opacity:1;transform:none}.recipe-bubbles i{opacity:1;transform:none}}

/* Six flavor stories */
.flavor-stories{padding-top:88px}
.story-list{display:grid;gap:22px}
.story-scene{position:relative;padding:11px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,247,.87);box-shadow:0 18px 48px rgba(29,44,36,.055);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:9px;align-items:center;overflow:hidden}
.story-scene::before{content:"";position:absolute;left:0;top:23px;bottom:23px;width:3px;border-radius:0 5px 5px 0;background:var(--story-accent,#b96d50)}
.story-tonight{--story-accent:#c18e43}.story-map{--story-accent:#75856b}.story-chat{--story-accent:#6e9294}.story-buy{--story-accent:#b96d50}.story-dna{--story-accent:#537a6e}.story-memory{--story-accent:#9a6c58}
.story-copy{min-width:0;padding:4px 0 4px 3px}
.story-index{display:block;margin-bottom:10px;color:var(--story-accent);font-size:7px;font-weight:850;letter-spacing:.05em}
.story-copy h3{margin:0 0 10px;font-family:var(--display);font-size:clamp(16px,4.8vw,21px);line-height:1.34;letter-spacing:-.025em}
.story-copy>p{margin:0;color:var(--muted);font-size:9px;line-height:1.72}
.story-closing{display:block;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);color:#4f463f;font-size:8px;line-height:1.65}
.story-visual{min-width:0;display:flex;justify-content:center;align-items:center}
.story-demo.motion-demo{width:100%;max-width:176px;aspect-ratio:390/844;border-width:4px;border-radius:23px;box-shadow:0 16px 32px rgba(37,32,28,.15)}
.story-demo.motion-demo::after{border-radius:18px}
.story-demo button{font-family:var(--body)}

/* 01 — tonight */
.tonight-demo{padding:15px 9px 9px;background:#f2d483;color:#3c322c}
.story-demo-head{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:6px}.story-demo-head b{font-size:6px}
.ingredient-chips{margin:10px 0 8px;display:flex;gap:3px;flex-wrap:wrap}.ingredient-chips span{padding:5px 6px;border:1px solid rgba(77,56,35,.23);border-radius:999px;background:rgba(255,255,255,.55);font-size:6px;font-weight:750}
.tonight-result{height:calc(100% - 65px);padding:6px;border-radius:16px;background:#fffaf1;box-shadow:0 10px 25px rgba(93,66,30,.12);display:grid;grid-template-rows:43% 1fr;gap:7px;overflow:hidden}.tonight-result>img{width:100%;height:100%;border-radius:11px;object-fit:cover}.tonight-result>div{min-height:0;display:flex;flex-direction:column;align-items:flex-start}.tonight-result small{color:#9a7962;font-size:5px}.tonight-result h4{margin:2px 0 4px;font-family:var(--display);font-size:14px}.tonight-result p{margin:0;color:#6b615a;font-size:6px;line-height:1.55}.tonight-result span{margin-top:auto;color:#9b6748;font-size:6px;font-weight:800}
.tonight-demo.is-playing .ingredient-chips span{animation:storyRise 4.8s ease-in-out infinite}.tonight-demo.is-playing .ingredient-chips span:nth-child(2){animation-delay:.18s}.tonight-demo.is-playing .ingredient-chips span:nth-child(3){animation-delay:.36s}.tonight-demo.is-playing .tonight-result{animation:resultBreathe 4.8s ease-in-out infinite}

/* 02 — spirit map */
.spirit-demo{padding:10px 7px;background:#b2b99c;color:#2e352c}
.spirit-tabs{height:47%;display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.spirit-tabs::-webkit-scrollbar{display:none}.spirit-tabs button{min-width:69px;padding:8px 6px;border:1px solid rgba(50,61,45,.16);border-radius:14px;background:rgba(255,255,255,.47);color:#596153;text-align:left;scroll-snap-align:start;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;font-size:8px;font-weight:800;transition:background .2s,color .2s,transform .2s}.spirit-tabs button::before{content:"";width:19px;height:34px;margin:auto;border:2px solid currentColor;border-radius:6px 6px 9px 9px;opacity:.55}.spirit-tabs button small{font-size:5px;font-weight:500;white-space:nowrap}.spirit-tabs button.is-active{background:#39443a;color:#fff;transform:translateY(-1px)}
.spirit-route{position:relative;margin-top:6px;height:46%;padding:10px 8px;border-radius:16px;background:#fffaf1;overflow:hidden}.spirit-route>span{color:#718168;font-size:6px;font-weight:800}.spirit-route h4{margin:6px 0 4px;font-family:var(--display);font-size:12px}.spirit-route p{margin:0;color:#716c64;font-size:5.5px;line-height:1.5}.spirit-route>div{position:absolute;left:8px;right:8px;bottom:10px;display:flex;gap:3px;flex-wrap:wrap}.spirit-route i{padding:4px 5px;border-radius:999px;background:#e7eadf;font-size:5px;font-style:normal}
.route-line{position:absolute;z-index:-1;right:8px;bottom:11%;width:41px;height:41px;border:1px dashed rgba(57,68,58,.25);border-radius:50%}.route-line i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f0ce7d}.route-line i:nth-child(1){left:3px;top:7px}.route-line i:nth-child(2){right:3px;top:15px}.route-line i:nth-child(3){left:17px;bottom:0}.spirit-demo.is-playing .route-line{animation:orbitSlow 9s linear infinite}

/* 03 — chat */
.chat-demo{padding:11px 8px;background:#bad2d1;color:#283635}
.chat-head{padding:7px;border-radius:13px;background:rgba(255,255,255,.55);display:grid;grid-template-columns:25px 1fr;gap:6px;align-items:center}.chat-head>span{width:25px;height:25px;border-radius:9px;background:#f1ce77;display:grid;place-items:center;font-size:9px;font-weight:850}.chat-head>div{display:grid;gap:2px}.chat-head b{font-size:6px}.chat-head small{color:#687b79;font-size:5px}
.chat-thread{margin-top:9px;display:grid;gap:7px}.chat-thread p{max-width:88%;margin:0;padding:8px;border-radius:13px;font-size:6px;line-height:1.55}.chat-question{justify-self:end;background:#394a48;color:#fff;border-bottom-right-radius:4px!important}.chat-answer{justify-self:start;background:#fffaf1;color:#5d625f;border-bottom-left-radius:4px!important}
.chat-presets{position:absolute;left:8px;right:8px;bottom:10px;display:flex;gap:4px;flex-wrap:wrap}.chat-presets button{padding:5px 6px;border:1px solid rgba(40,54,53,.18);border-radius:999px;background:rgba(255,255,255,.45);color:#415553;font-size:5px;cursor:pointer}.chat-presets button:active{transform:scale(.97)}.chat-demo.is-playing .chat-answer{animation:answerIn 5.2s ease-in-out infinite}

/* 04 — buy value */
.value-demo{padding:13px 10px;background:#d9916f;color:#fff;text-align:center}.value-head{font-size:6px;font-weight:750;text-align:left}.value-bottle{height:38%;padding-top:12px;display:grid;place-items:center}.value-bottle i{position:relative;width:42px;height:74px;border:3px solid #4d352b;border-radius:9px 9px 14px 14px;background:#e7c66d;box-shadow:inset 0 -22px rgba(255,255,255,.12)}.value-bottle i::before{content:"";position:absolute;left:50%;top:-22px;width:18px;height:22px;border:3px solid #4d352b;border-bottom:0;border-radius:5px 5px 0 0;background:#f7edda;transform:translateX(-50%)}.value-bottle span{margin-top:-5px;padding:4px 7px;border-radius:999px;background:#fff8ea;color:#714a38;font-size:5px;font-weight:800}.value-demo h4{margin:7px 0 4px;font-family:var(--display);font-size:12px}.value-demo>p{margin:0;color:#ffe8dc;font-size:5.5px;line-height:1.55}.owned-chips{margin:8px 0 6px;display:flex;gap:3px;justify-content:center;flex-wrap:wrap}.owned-chips span{padding:4px 5px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:5px}
.unlock-big{padding:6px 9px;border-radius:14px;background:#fff8e9;color:#5b3a2e;display:flex;align-items:center;justify-content:center;gap:6px}.unlock-big strong{color:#b85837;font:700 27px/1 Georgia,serif}.unlock-big span{font-size:6px;line-height:1.3;text-align:left}.value-note{position:absolute;left:8px;right:8px;bottom:8px;color:#ffe5d8;font-size:5px}.value-demo.is-playing .unlock-big strong{animation:valuePulse 4.5s ease-in-out infinite}

/* 05 — flavor DNA */
.dna-demo{padding:12px 8px;background:#a9c9bf;color:#253b35}.dna-head{display:flex;justify-content:space-between;gap:4px;font-size:6px}.dna-head b{font-size:6px}.flavor-cloud{position:relative;z-index:2;margin-top:10px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.flavor-cloud button{padding:6px 7px;border:1px solid rgba(37,59,53,.18);border-radius:999px;background:rgba(255,255,255,.38);color:#3e5e55;font-size:5.5px;cursor:pointer;transition:transform .18s,background .18s,color .18s}.flavor-cloud button.is-selected{background:#38594f;color:#fff;transform:translateY(-1px)}
.dna-orbit{position:absolute;left:50%;top:37%;width:94px;height:94px;border:1px dashed rgba(45,81,69,.28);border-radius:50%;transform:translate(-50%,-50%)}.dna-orbit::after{content:"DNA";position:absolute;inset:25px;border:1px solid rgba(45,81,69,.18);border-radius:50%;display:grid;place-items:center;color:rgba(45,81,69,.4);font:700 8px Georgia,serif}.dna-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f3d17a}.dna-orbit i:nth-child(1){left:7px;top:18px}.dna-orbit i:nth-child(2){right:5px;top:35px}.dna-orbit i:nth-child(3){left:44px;bottom:-3px}.dna-orbit i:nth-child(4){left:-3px;bottom:27px}.dna-demo.is-playing .dna-orbit{animation:dnaSpin 12s linear infinite}
.dna-summary{position:absolute;z-index:3;left:8px;right:8px;bottom:9px;padding:10px;border-radius:15px;background:#fff9ef;box-shadow:0 10px 25px rgba(42,75,65,.12);text-align:left}.dna-summary small{color:#67847c;font-size:5px}.dna-summary strong{display:block;margin:3px 0 4px;font-family:var(--display);font-size:11px}.dna-summary p{margin:0;color:#66756f;font-size:5.5px;line-height:1.5}

/* 06 — collection */
.collection-demo{background:#9f745f}.collection-demo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) brightness(.92)}.collection-demo::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(to bottom,rgba(50,34,27,.05),rgba(50,34,27,.58))}
.memory-cards{position:absolute;z-index:4;left:8px;right:8px;bottom:12px;display:grid;gap:5px}.memory-cards article{padding:7px 8px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:rgba(255,250,242,.9);backdrop-filter:blur(7px);color:#49372f;display:grid;gap:2px}.memory-cards b{font-size:7px}.memory-cards span{color:#8b7468;font-size:5px}.memory-cards article:nth-child(2){transform:translateX(5px) rotate(1deg)}.memory-cards article:nth-child(3){transform:translateX(-3px) rotate(-1deg)}
.saved-stamp{position:absolute;z-index:5;right:9px;top:12px;width:46px;height:46px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(78,52,42,.72);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;align-content:center;font-size:7px;font-weight:800;transform:rotate(8deg)}.saved-stamp small{font-size:4.5px;font-weight:500}.collection-demo.is-playing .memory-cards article{animation:memoryFloat 6s ease-in-out infinite}.collection-demo.is-playing .memory-cards article:nth-child(2){animation-delay:.3s}.collection-demo.is-playing .memory-cards article:nth-child(3){animation-delay:.6s}

@keyframes storyRise{0%,18%,100%{opacity:.45;transform:translateY(5px)}35%,78%{opacity:1;transform:translateY(0)}}
@keyframes resultBreathe{0%,24%,100%{transform:translateY(5px);opacity:.72}40%,82%{transform:translateY(0);opacity:1}}
@keyframes orbitSlow{to{transform:rotate(360deg)}}
@keyframes answerIn{0%,25%,100%{opacity:.35;transform:translateY(6px)}40%,82%{opacity:1;transform:translateY(0)}}
@keyframes valuePulse{0%,100%{transform:scale(.88);opacity:.55}42%,75%{transform:scale(1);opacity:1}}
@keyframes dnaSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes memoryFloat{0%,100%{translate:0 3px}50%{translate:0 -2px}}

@media(min-width:700px){
  .story-list{gap:38px}.story-scene{min-height:710px;padding:24px;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(42px,7vw,86px)}.story-scene::before{top:48px;bottom:48px;width:4px}.story-copy{padding:36px}.story-index{margin-bottom:18px;font-size:10px}.story-copy h3{font-size:clamp(34px,3.4vw,46px);line-height:1.24}.story-copy>p{font-size:14px;line-height:1.9}.story-closing{margin-top:27px;padding-top:18px;font-size:12px}.story-demo.motion-demo{max-width:300px;border-width:6px;border-radius:32px}.story-demo.motion-demo::after{border-radius:25px}.story-demo-head,.story-demo-head b,.value-head,.dna-head,.dna-head b{font-size:9px}.ingredient-chips span{padding:7px 9px;font-size:8px}.tonight-result{padding:9px;gap:10px}.tonight-result small{font-size:7px}.tonight-result h4{font-size:23px}.tonight-result p{font-size:9px}.tonight-result span{font-size:8px}.spirit-tabs button{min-width:115px;padding:14px 12px;font-size:12px}.spirit-tabs button small{font-size:8px}.spirit-route{padding:17px 15px}.spirit-route>span{font-size:9px}.spirit-route h4{font-size:19px}.spirit-route p{font-size:9px}.spirit-route i{font-size:8px}.chat-head{padding:12px;grid-template-columns:40px 1fr}.chat-head>span{width:40px;height:40px;font-size:14px}.chat-head b{font-size:10px}.chat-head small{font-size:8px}.chat-thread p{padding:13px;font-size:9px}.chat-presets button{padding:8px 10px;font-size:8px}.value-bottle i{width:66px;height:112px}.value-demo h4{font-size:20px}.value-demo>p{font-size:9px}.owned-chips span{font-size:8px}.unlock-big strong{font-size:44px}.unlock-big span{font-size:9px}.value-note{font-size:8px}.flavor-cloud button{padding:9px 11px;font-size:8px}.dna-orbit{width:155px;height:155px}.dna-orbit::after{inset:43px;font-size:13px}.dna-summary{padding:16px}.dna-summary small{font-size:8px}.dna-summary strong{font-size:18px}.dna-summary p{font-size:9px}.memory-cards article{padding:11px 13px}.memory-cards b{font-size:11px}.memory-cards span{font-size:8px}.saved-stamp{width:72px;height:72px;font-size:11px}.saved-stamp small{font-size:7px}
}
@media(max-width:350px){.story-scene{padding:9px;gap:7px}.story-copy h3{font-size:15px}.story-copy>p{font-size:8px}.story-closing{font-size:7px}.story-demo.motion-demo{max-width:150px}.tonight-result h4{font-size:12px}.spirit-tabs button{min-width:61px}.dna-summary p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.story-demo *{animation:none!important}.spirit-tabs{scroll-snap-type:none}}

/* Reference-aligned story framework: editorial section + full-width demo, never a phone */
.flavor-stories{padding:0;background:#f8f3eb}
.flavor-stories>.shell{width:100%}
.flavor-stories>.shell>.section-head{display:none}
.story-list{gap:0}
.story-scene{min-height:0;padding:clamp(70px,9vw,118px) max(24px,calc((100vw - 1120px)/2));border:0;border-radius:0;background:#fbf7f0;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;overflow:hidden}
.story-scene::before{display:none}
.story-copy{display:contents}
.story-index,.story-copy h3,.story-copy>p,.story-visual,.story-closing{width:min(100%,1080px);margin-inline:auto}
.story-index{order:1;margin-bottom:28px;color:#bd6b4d;font-family:Georgia,"Songti SC",serif;font-size:20px;font-weight:400;letter-spacing:.08em}
.story-copy h3{order:2;margin-bottom:28px;font-family:Georgia,"Songti SC","STSong",serif;font-size:clamp(48px,5.2vw,70px);font-weight:500;line-height:1.24;letter-spacing:-.045em}
.story-copy>p{order:3;margin-bottom:50px;color:#765f51;font-size:21px;line-height:1.9}
.story-visual{order:4;display:block}
.story-closing{order:5;display:block;margin-top:40px;padding:0;border:0;color:#9a725b;font-family:Georgia,"Songti SC",serif;font-size:20px;font-weight:400;line-height:1.7}
.story-demo{position:relative;width:100%;max-width:none;min-height:0;aspect-ratio:auto;border:1px solid #e1d7ca;border-radius:34px;box-shadow:0 18px 50px rgba(67,51,39,.07);overflow:hidden}

/* 01 */
.tonight-demo{padding:34px;background:#fffdf9;color:#40352e}
.story-demo-head{font-size:17px}.story-demo-head b{padding:10px 17px;border-radius:999px;background:#f0f2e9;color:#69715e;font-size:15px;font-weight:500}
.ingredient-chips{margin:26px 0 32px;gap:12px}.ingredient-chips span{padding:12px 20px;border-color:#dfd3c5;background:#fbf8f3;font-size:16px;font-weight:500}
.tonight-result{height:auto;min-height:300px;padding:26px;border-radius:28px;background:#f1ece3;box-shadow:none;display:grid;grid-template-columns:minmax(190px,260px) 1fr;grid-template-rows:none;gap:34px;align-items:center}
.tonight-result>img{width:100%;height:248px;border-radius:18px;object-fit:cover}.tonight-result>div{height:100%;justify-content:center}.tonight-result small{font-size:15px}.tonight-result h4{margin:10px 0 16px;font-family:Georgia,"Songti SC",serif;font-size:42px;font-weight:500}.tonight-result p{font-size:17px;line-height:1.65}.tonight-result span{margin-top:30px;color:#bd6849;font-size:17px;font-weight:500}

/* 02 */
.story-map{background:#352f29;color:#fff}
.story-map .story-index{color:#e2a078}.story-map .story-copy h3{color:#fff}.story-map .story-copy>p{color:#d8c7b8}.story-map .story-closing{color:#d9bb9f}
.spirit-demo{border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;overflow:visible}
.spirit-tabs{height:auto;padding:0 0 42px;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.spirit-tabs button{min-width:260px;height:auto;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:27px;background:rgba(255,255,255,.055);color:#f4eee8;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;font-family:Georgia,"Songti SC",serif;font-size:25px;font-weight:500;text-align:left;scroll-snap-align:start}
.spirit-tabs button::before{display:none}.spirit-tabs button img{display:block;width:100%;height:215px;border-radius:20px;object-fit:cover}.spirit-tabs button small{color:#cbbdaf;font-family:var(--body);font-size:15px;font-weight:400}.spirit-tabs button.is-active{border-color:#d8a47c;background:#fff7eb;color:#342d27;transform:none}.spirit-tabs button.is-active small{color:#7b6b5e}
.spirit-route{position:static;height:auto;margin:0;padding:36px 0 0;border-top:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;color:#fff;overflow:visible}.spirit-route>span{color:#e1a179;font-size:16px}.spirit-route h4{margin:12px 0 14px;font-family:Georgia,"Songti SC",serif;font-size:34px;font-weight:500}.spirit-route p{color:#d8c7b8;font-size:18px}.spirit-route>div{position:static;margin-top:20px;display:flex;gap:9px}.spirit-route i{padding:8px 13px;background:rgba(255,255,255,.08);font-size:13px}

/* 03 */
.chat-demo{padding:30px;background:#fffdf9;color:#352d28}
.chat-head{padding:0 0 24px;border-bottom:1px solid #ded5ca;border-radius:0;background:transparent;grid-template-columns:58px 1fr;gap:16px}.chat-head>span{width:58px;height:58px;border-radius:50%;background:#f0e4d8;font-family:Georgia,"Songti SC",serif;font-size:25px;font-weight:400}.chat-head b{font-size:20px}.chat-head small{font-size:14px}
.chat-thread{margin-top:24px;gap:20px}.chat-thread p{max-width:88%;padding:21px 24px;border-radius:22px;font-size:18px;line-height:1.7}.chat-question{background:#e8ede3;color:#465247}.chat-answer{background:#f0e8dc;color:#5e4a3d}
.chat-presets{position:static;margin-top:24px;display:flex;gap:12px}.chat-presets button{padding:12px 18px;border-color:#d9cdbf;background:#fffdf9;color:#654d40;font-size:15px}.chat-presets button:first-child{border-color:#819178;background:#f2f5ed;color:#52624f}

/* 04 */
.value-demo{padding:42px 48px;background:#eae0ce;color:#4d3d32;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto auto auto 1fr auto;column-gap:52px;align-items:center}
.value-head{grid-column:1;align-self:end;font-size:17px;font-weight:400}.value-bottle{grid-column:2;grid-row:1/5;height:360px;padding:0;display:grid;place-items:center}.value-bottle img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.value-demo h4{grid-column:1;margin:18px 0 15px;font-family:Georgia,"Songti SC",serif;font-size:42px;font-weight:500}.value-demo>p{grid-column:1;color:#765f51;font-size:18px;line-height:1.75}.unlock-big{grid-column:1;width:max-content;margin-top:26px;padding:0;border-radius:0;background:transparent;color:#64735f;justify-content:flex-start}.unlock-big strong{color:#64735f;font-size:54px}.unlock-big span{font-size:17px}.value-note{position:static;grid-column:1/-1;margin-top:34px;padding-top:27px;border-top:1px solid #d2c5b4;color:#765f51;font-size:16px}

/* 05 */
.dna-demo{padding:38px;background:#fffdf9;color:#55463c}
.dna-head{font-size:17px}.dna-head b{font-size:17px;font-weight:400}.flavor-cloud{margin:44px auto;gap:18px;max-width:900px}.flavor-cloud button{padding:15px 22px;border-color:#ded2c4;background:#fbf8f2;color:#765f51;font-size:16px}.flavor-cloud button.is-selected{border-color:#74836c;background:#f0f3ea;color:#65735f;transform:none}.dna-orbit{display:none}.dna-summary{position:static;padding:26px 28px;border-radius:24px;background:#f1ece3;box-shadow:none}.dna-summary small{font-size:15px}.dna-summary strong{margin:8px 0 12px;color:#667760;font-family:Georgia,"Songti SC",serif;font-size:31px;font-weight:500}.dna-summary p{color:#765f51;font-size:17px;line-height:1.7}

/* 06 */
.collection-demo{min-height:570px;padding:46px;background:#e4d5bf}.collection-demo::before{display:none}.memory-cards{position:static;display:flex;gap:54px;align-items:flex-start;justify-content:center}.memory-cards article{width:250px;padding:16px 16px 20px;border:0;border-radius:10px;background:#fffdf8;box-shadow:0 16px 38px rgba(57,42,30,.13);color:#46362d;display:grid;gap:9px}.memory-cards article:nth-child(1){transform:rotate(-7deg)}.memory-cards article:nth-child(2){margin-top:155px;transform:rotate(-2deg)}.memory-cards article:nth-child(3){transform:rotate(6deg)}.memory-cards article img{display:block;width:100%;height:245px;border-radius:5px;object-fit:cover}.memory-cards b{font-family:Georgia,"Songti SC",serif;font-size:24px;font-weight:500}.memory-cards span{font-size:14px}.collection-note{position:absolute;right:45px;bottom:34px;margin:0;color:#856b58;font-family:Georgia,"Songti SC",serif;font-size:18px;line-height:1.65;text-align:right}.story-memory>.story-closing{display:none}

@media(max-width:699px){
  .story-scene{padding:62px 16px}.story-index{margin-bottom:18px;font-size:13px}.story-copy h3{margin-bottom:18px;font-size:clamp(31px,10vw,42px);line-height:1.25}.story-copy>p{margin-bottom:30px;font-size:14px;line-height:1.85}.story-closing{margin-top:24px;font-size:13px}.story-demo{border-radius:25px}
  .tonight-demo{padding:18px 14px}.story-demo-head{font-size:12px}.story-demo-head b{padding:7px 10px;font-size:10px}.ingredient-chips{margin:18px 0 20px;gap:7px}.ingredient-chips span{padding:8px 11px;font-size:11px}.tonight-result{min-height:175px;padding:12px;grid-template-columns:42% 1fr;gap:14px;border-radius:20px}.tonight-result>img{height:165px;border-radius:12px}.tonight-result small{font-size:9px}.tonight-result h4{margin:5px 0 7px;font-size:24px}.tonight-result p{font-size:10px}.tonight-result span{margin-top:12px;font-size:10px}
  .spirit-tabs{gap:12px;padding-bottom:25px}.spirit-tabs button{min-width:68vw;padding:13px;border-radius:20px;font-size:19px}.spirit-tabs button img{height:180px;border-radius:15px}.spirit-tabs button small{font-size:11px}.spirit-route{padding-top:24px}.spirit-route>span{font-size:11px}.spirit-route h4{font-size:25px}.spirit-route p{font-size:13px}.spirit-route i{font-size:9px}
  .chat-demo{padding:20px 16px}.chat-head{grid-template-columns:43px 1fr;padding-bottom:17px}.chat-head>span{width:43px;height:43px;font-size:19px}.chat-head b{font-size:14px}.chat-head small{font-size:10px}.chat-thread{margin-top:17px;gap:13px}.chat-thread p{padding:14px 15px;font-size:12px}.chat-presets{gap:7px;margin-top:18px}.chat-presets button{padding:9px 11px;font-size:10px}
  .value-demo{padding:25px 20px;grid-template-columns:minmax(0,1fr) 105px;column-gap:12px}.value-head{font-size:12px}.value-bottle{height:190px}.value-demo h4{margin:11px 0 8px;font-size:26px}.value-demo>p{font-size:12px}.unlock-big{margin-top:18px}.unlock-big strong{font-size:38px}.unlock-big span{font-size:11px}.value-note{margin-top:20px;padding-top:16px;font-size:11px}
  .dna-demo{padding:23px 17px}.dna-head,.dna-head b{font-size:12px}.flavor-cloud{margin:28px auto;gap:9px}.flavor-cloud button{padding:10px 12px;font-size:11px}.dna-summary{padding:18px}.dna-summary small{font-size:10px}.dna-summary strong{font-size:23px}.dna-summary p{font-size:12px}
  .collection-demo{min-height:520px;padding:26px 16px}.memory-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.memory-cards article{width:auto;padding:9px 9px 13px}.memory-cards article:nth-child(1){transform:rotate(-5deg)}.memory-cards article:nth-child(2){margin-top:34px;transform:rotate(5deg)}.memory-cards article:nth-child(3){grid-column:1/-1;width:48%;margin-top:-2px;justify-self:center;transform:rotate(-2deg)}.memory-cards article img{height:145px}.memory-cards b{font-size:16px}.memory-cards span{font-size:9px}.collection-note{right:18px;bottom:16px;font-size:12px}
}
@media(max-width:350px){.story-scene{padding-inline:13px}.tonight-result{grid-template-columns:40% 1fr;gap:10px}.tonight-result>img{height:150px}.value-demo{grid-template-columns:minmax(0,1fr) 88px}.value-bottle{height:165px}.memory-cards article img{height:125px}}

/* Story refinements: capture → match */
.intake-demo{padding:28px;background:#fffdf9;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center}
.workflow-card{min-width:0;height:100%;padding:22px;border:1px solid #ded5c9;border-radius:26px;background:#f7f2ea;display:flex;flex-direction:column}
.workflow-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#8c6f5c;font-size:13px}.workflow-card header>b{color:#453831;font-size:17px}.workflow-card header strong{color:#a55f43;font:700 23px Georgia,serif}
.workflow-card>p{margin:18px 0 0;color:#74685f;font-size:13px;line-height:1.7}
.workflow-arrow{color:#ad7356;font-size:31px}
.scan-stage{position:relative;min-height:280px;margin-top:18px;border-radius:20px;background:#e7e7de;overflow:hidden;display:grid;place-items:center}
.scan-corners{position:absolute;z-index:3;inset:17px;border:2px solid rgba(70,91,78,.45);border-inline-color:transparent;pointer-events:none}.scan-corners::before,.scan-corners::after{content:"";position:absolute;top:-2px;bottom:-2px;width:20px;border-block:2px solid #6e8374}.scan-corners::before{left:-2px;border-left:2px solid #6e8374}.scan-corners::after{right:-2px;border-right:2px solid #6e8374}
.scan-materials{width:100%;padding:35px 20px 20px;display:flex;align-items:end;justify-content:center;gap:9px}.scan-materials figure{width:30%;margin:0;display:grid;justify-items:center;gap:7px}.scan-materials img{width:100%;height:150px;border-radius:10px;background:#fff;object-fit:contain;mix-blend-mode:multiply}.scan-materials figcaption{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.75);font-size:10px}.scan-line{position:absolute;z-index:4;left:18px;right:18px;top:24%;height:2px;background:#e7ae69;box-shadow:0 0 12px #e7ae69;animation:scanSweep 3s ease-in-out infinite}
.match-recipes{margin-top:18px;display:grid;gap:9px}.match-recipes article{padding:8px;border-radius:16px;background:#fff;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.match-recipes img{width:58px;height:58px;border-radius:12px;object-fit:cover}.match-recipes article>div{display:grid;gap:4px}.match-recipes strong{font-size:14px}.match-recipes span{color:#8a8078;font-size:10px}.match-recipes article:first-child{outline:1px solid #8ca184;background:#f3f6ef}
@keyframes scanSweep{0%,100%{top:23%}50%{top:76%}}

/* Material shelf → cocktail structures */
.pantry-map-demo{border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;gap:28px;overflow:visible}
.material-shelf,.structure-routes{padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(255,255,255,.055)}
.material-shelf header,.structure-routes header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-size:18px}.material-shelf header b,.structure-routes header b{color:#e0ad87;font-size:13px}
.shelf-row{margin-top:23px;padding-bottom:6px;display:flex;gap:14px;overflow-x:auto;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.shelf-row article{min-width:165px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#fff9ef;color:#40352e;display:grid;gap:7px}.shelf-row img{width:100%;height:145px;border-radius:14px;background:#fff;object-fit:contain;mix-blend-mode:multiply}.shelf-row span{font-size:14px;font-weight:700}.shelf-row small{color:#8c7c70;font-size:10px}.shelf-row .shelf-more{min-width:125px;background:rgba(255,255,255,.07);color:#fff;place-content:center;text-align:center}.shelf-more b{font:700 35px Georgia,serif}.shelf-more span{font-size:11px}
.structure-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.structure-grid article{position:relative;min-height:118px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(255,255,255,.07);display:grid;align-content:end;gap:6px;overflow:hidden}.structure-grid i{position:absolute;right:11px;top:9px;color:rgba(255,255,255,.28);font:italic 18px Georgia,serif}.structure-grid strong{color:#fff;font:500 22px Georgia,"Songti SC",serif}.structure-grid small{color:#cabaae;font-size:11px}.structure-grid article:nth-child(1),.structure-grid article:nth-child(2){border-color:rgba(226,160,120,.5);background:rgba(226,160,120,.1)}

/* The one intentional phone: real Paopao Agent conversation */
.agent-phone{position:relative;width:min(100%,430px);height:760px;margin-inline:auto;border:8px solid #20221f;border-radius:48px;background:#fafafa;box-shadow:0 28px 65px rgba(28,22,18,.22);overflow:hidden;display:flex;flex-direction:column}
.agent-phone::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:39px;pointer-events:none}.agent-speaker{position:absolute;z-index:7;left:50%;top:9px;width:96px;height:24px;border-radius:999px;background:#20221f;transform:translateX(-50%)}
.agent-topbar{height:79px;padding:22px 17px 11px;border-bottom:1px solid #ece8e2;background:#fff;display:grid;grid-template-columns:24px 36px 1fr;gap:9px;align-items:center;flex:none}.agent-topbar>span{font-size:27px}.agent-topbar img{width:36px;height:36px;border-radius:12px}.agent-topbar>div{display:grid;gap:2px}.agent-topbar b{font-size:14px}.agent-topbar small{color:#8d8883;font-size:9px}
.agent-messages{flex:1;min-height:0;padding:18px 15px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;scrollbar-width:none}.agent-messages::-webkit-scrollbar{display:none}.agent-user{max-width:86%;align-self:flex-end;padding:12px 14px;border-radius:18px 18px 6px 18px;background:#333;color:#fff;font-size:12px;line-height:1.65}
.agent-loading,.agent-reply{max-width:94%;align-self:flex-start;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:start}.agent-loading>img,.agent-reply>img{width:31px;height:31px;border-radius:50%}.agent-loading>div,.agent-reply>div{padding:12px 13px;border:1px solid #e5e5e5;border-radius:18px 18px 18px 6px;background:#fff;color:#3d3936}.agent-loading p{margin:5px 0 0;color:#999;font-size:9px}.agent-dots{display:flex;gap:4px}.agent-dots i{width:6px;height:6px;border-radius:50%;background:#bbb;animation:chatDotBounce 1.4s infinite}.agent-dots i:nth-child(2){animation-delay:.16s}.agent-dots i:nth-child(3){animation-delay:.32s}
.agent-reply>div{font-size:11px;line-height:1.65}.agent-reply p{margin:0 0 10px}.agent-reply h4{margin:12px 0 4px;font-size:11px}.agent-reply ul{margin:0 0 10px;padding-left:17px}.agent-reply li{margin-bottom:4px}.agent-composer{height:66px;padding:10px 12px 13px;background:#fafafa;display:flex;align-items:center;gap:8px;flex:none}.agent-composer span{height:43px;padding:0 14px;border:1px solid #e7e0d8;border-radius:22px;background:#fff;color:#aaa;display:flex;align-items:center;flex:1;font-size:10px}.agent-composer b{width:38px;height:38px;border-radius:50%;background:#333;color:#fff;display:grid;place-items:center}
.agent-phone.is-playing .agent-loading{animation:agentLoading 3s ease forwards}.agent-phone.is-playing .agent-reply{animation:agentReply .4s ease 3s both}
@keyframes agentLoading{0%,88%{opacity:1;max-height:90px;margin:0}100%{opacity:0;max-height:0;margin:-15px 0 0;visibility:hidden}}
@keyframes agentReply{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Rotating flavor cloud + persona slots */
.dna-lab{padding:30px;background:#fffdf9;display:grid;gap:28px}.flavor-cloud-stage,.persona-section{padding:24px;border:1px solid #e0d7cc;border-radius:28px;background:#f7f3ed}.flavor-cloud-stage>header,.persona-section>header{display:flex;justify-content:space-between;gap:12px;color:#6b5b50;font-size:16px}.flavor-cloud-stage>header b,.persona-section>header b{color:#87927e;font-size:12px}
.dna-lab .flavor-cloud{position:relative;width:390px;height:390px;margin:16px auto 0;border:1px dashed #c9c0b4;border-radius:50%;animation:flavorCloudSpin 28s linear infinite}.dna-lab .flavor-cloud::before,.dna-lab .flavor-cloud::after{content:"";position:absolute;border:1px dashed #d8d0c6;border-radius:50%}.dna-lab .flavor-cloud::before{inset:62px}.dna-lab .flavor-cloud::after{inset:129px}.dna-lab .flavor-cloud button{position:absolute;z-index:2;padding:9px 13px;border:1px solid #d8cdbf;border-radius:999px;background:#fffaf2;color:#715d4f;font-size:11px;white-space:nowrap;animation:flavorCloudCounter 28s linear infinite}.dna-lab .flavor-cloud button.is-selected{border-color:#74836c;background:#eef2e8;color:#5c6d57}.dna-lab .flavor-cloud button:nth-child(1){left:41%;top:-4%}.dna-lab .flavor-cloud button:nth-child(2){right:6%;top:8%}.dna-lab .flavor-cloud button:nth-child(3){right:-7%;top:38%}.dna-lab .flavor-cloud button:nth-child(4){right:3%;bottom:12%}.dna-lab .flavor-cloud button:nth-child(5){left:39%;bottom:-4%}.dna-lab .flavor-cloud button:nth-child(6){left:3%;bottom:10%}.dna-lab .flavor-cloud button:nth-child(7){left:-10%;top:42%}.dna-lab .flavor-cloud button:nth-child(8){left:4%;top:9%}.dna-lab .flavor-cloud button:nth-child(9){left:37%;top:19%}.dna-lab .flavor-cloud button:nth-child(10){right:15%;top:28%}.dna-lab .flavor-cloud button:nth-child(11){right:18%;bottom:29%}.dna-lab .flavor-cloud button:nth-child(12){left:34%;bottom:20%}.dna-lab .flavor-cloud button:nth-child(13){left:13%;bottom:31%}.dna-lab .flavor-cloud button:nth-child(14){left:19%;top:30%}.dna-lab .flavor-cloud button:nth-child(15){left:43%;top:46%}
.flavor-cloud-stage .flavor-cloud,.flavor-cloud-stage .flavor-cloud button{animation-play-state:paused}.flavor-cloud-stage.is-playing .flavor-cloud,.flavor-cloud-stage.is-playing .flavor-cloud button{animation-play-state:running}
.persona-gallery{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.persona-gallery article{min-width:0;padding:10px;border-radius:19px;background:#fff;display:grid;gap:7px}.persona-art{aspect-ratio:1;border:1px dashed #c9bdb0;border-radius:14px;background:linear-gradient(135deg,#ece6dc,#f9f5ee);display:grid;place-items:center}.persona-art span{color:#9b8d80;font-size:9px;text-align:center}.persona-gallery strong{font-size:13px}.persona-gallery p{margin:0;color:#8b8177;font-size:9px}.persona-gallery article.is-highlighted{outline:2px solid #829079;background:#f1f4ed}
@keyframes flavorCloudSpin{to{transform:rotate(360deg)}}@keyframes flavorCloudCounter{to{transform:rotate(-360deg)}}

/* Wool-felt memory wall */
.felt-wall{position:relative;min-height:680px;border:0;background:#986957;background-image:radial-gradient(rgba(255,255,255,.18) .7px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 70px rgba(75,43,32,.24);overflow:hidden}.felt-pin{position:absolute;z-index:8;width:13px;height:13px;border-radius:50%;background:#f0ce7d;box-shadow:0 3px 5px rgba(50,30,20,.3)}.pin-a{left:20%;top:8%}.pin-b{right:24%;top:10%;background:#9bb2a1}
.felt-wall>article{position:absolute;box-shadow:0 18px 35px rgba(58,33,25,.22)}.felt-polaroid{left:7%;top:10%;width:255px;padding:15px 15px 21px;background:#fffaf2;transform:rotate(-7deg);display:grid;gap:8px}.felt-polaroid img{width:100%;height:245px;object-fit:cover}.felt-polaroid b{font:500 23px Georgia,"Songti SC",serif}.felt-polaroid span{color:#8e796d;font-size:12px}.felt-polaroid-second{left:auto;right:8%;top:42%;width:230px;transform:rotate(7deg)}.felt-polaroid-second img{height:215px}
.felt-receipt{left:39%;top:8%;width:220px;padding:22px 19px 27px;background:#fffdf7;color:#4f4139;transform:rotate(2deg)}.felt-receipt::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:14px;background:linear-gradient(135deg,transparent 7px,#fffdf7 0) 0 0/14px 14px repeat-x}.felt-receipt header{padding-bottom:11px;border-bottom:1px dashed #b7aaa0;font:700 13px monospace;text-align:center;letter-spacing:.08em}.felt-receipt>b{display:block;margin:18px 0 10px;font:500 22px Georgia,"Songti SC",serif}.felt-receipt p{font:12px/1.9 monospace}.felt-receipt small{display:block;margin-top:14px;padding-top:11px;border-top:1px dashed #b7aaa0;color:#8c7567;font-size:10px}
.felt-coaster{left:36%;bottom:7%;width:190px;height:190px;border-radius:50%;background:#e6d5bb;transform:rotate(-8deg);overflow:hidden;display:grid;place-items:center}.felt-coaster img{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);border-radius:50%;object-fit:cover;filter:saturate(.85)}.felt-coaster b{position:relative;z-index:2;padding:5px 12px;border-radius:999px;background:rgba(255,250,242,.88);font:500 16px Georgia,"Songti SC",serif}
.felt-note{right:8%;top:11%;width:200px;padding:26px 20px;background:#ead185;color:#4c3a2f;transform:rotate(4deg);display:grid;gap:9px}.felt-note b{font:500 24px Georgia,"Songti SC",serif}.felt-note span{font-size:12px}.felt-note small{margin-top:11px;padding-top:11px;border-top:1px solid rgba(80,55,40,.18);font-size:10px}.felt-caption{position:absolute;right:7%;bottom:6%;margin:0;color:#f9e9df;font:500 17px/1.8 Georgia,"Songti SC",serif;text-align:right}

/* User reviews replace the duplicate testimonial section */
.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-list article{min-width:0;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start}.review-avatar{width:52px;height:52px;border-radius:17px;background:#f0ce7d;color:#4b3930;display:grid;place-items:center;font:700 20px Georgia,serif}.review-list article>div:last-child{display:grid;gap:10px}.review-list p{margin:0;color:#fff;font-size:14px;line-height:1.8}.review-list span{color:#cdbfb7;font-size:10px}

@media(min-width:560px){.story-chat{grid-template-columns:minmax(190px,.74fr) minmax(320px,1.26fr);gap:clamp(24px,5vw,68px);align-items:center}.story-chat .story-copy{display:block}.story-chat .story-index,.story-chat .story-copy h3,.story-chat .story-copy>p,.story-chat .story-closing{width:auto;margin-inline:0}.story-chat .story-visual{grid-column:2;grid-row:1}.story-chat .story-copy{grid-column:1;grid-row:1}.story-chat .story-copy h3{font-size:clamp(30px,4vw,48px)}.story-chat .story-copy>p{font-size:clamp(13px,1.7vw,18px)}.story-chat .story-closing{display:block}}

@media(max-width:699px){
  .intake-demo{padding:16px;grid-template-columns:1fr;gap:12px}.workflow-card{padding:16px}.workflow-card header{font-size:10px}.workflow-card header>b{font-size:14px}.workflow-card header strong{font-size:19px}.workflow-card>p{font-size:11px}.workflow-arrow{transform:rotate(90deg);justify-self:center;font-size:24px}.scan-stage{min-height:210px}.scan-materials img{height:112px}.match-recipes article{grid-template-columns:50px 1fr}.match-recipes img{width:50px;height:50px}
  .material-shelf,.structure-routes{padding:18px}.material-shelf header,.structure-routes header{font-size:14px}.shelf-row article{min-width:125px}.shelf-row img{height:110px}.structure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.structure-grid article{min-height:95px;padding:13px}.structure-grid strong{font-size:18px}
  .agent-phone{width:min(100%,365px);height:680px;border-width:6px;border-radius:39px}.agent-speaker{width:80px;height:20px}.agent-topbar{height:68px;padding-top:18px}.agent-reply>div{font-size:10px}
  .dna-lab{padding:16px}.flavor-cloud-stage,.persona-section{padding:16px}.flavor-cloud-stage>header,.persona-section>header{font-size:12px}.dna-lab .flavor-cloud{width:270px;height:270px}.dna-lab .flavor-cloud::before{inset:42px}.dna-lab .flavor-cloud::after{inset:90px}.dna-lab .flavor-cloud button{padding:7px 9px;font-size:8px}.persona-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .felt-wall{min-height:650px}.felt-polaroid{left:5%;top:8%;width:47%;padding:9px 9px 13px}.felt-polaroid img{height:185px}.felt-polaroid b{font-size:17px}.felt-polaroid span{font-size:9px}.felt-receipt{left:auto;right:5%;top:12%;width:39%;padding:16px 13px}.felt-receipt>b{font-size:17px}.felt-receipt p{font-size:9px}.felt-note{right:7%;top:45%;width:41%;padding:18px 13px}.felt-note b{font-size:18px}.felt-polaroid-second{left:5%;right:auto;top:47%;width:44%}.felt-polaroid-second img{height:165px}.felt-coaster{left:49%;bottom:7%;width:135px;height:135px}.felt-caption{right:5%;bottom:2%;font-size:11px}
  .review-list{grid-template-columns:1fr}.review-list article{padding:18px;grid-template-columns:45px 1fr}.review-avatar{width:45px;height:45px;border-radius:14px}.review-list p{font-size:12px}
}
@media(max-width:350px){.dna-lab .flavor-cloud{width:238px;height:238px}.dna-lab .flavor-cloud button{font-size:7px}.felt-wall{min-height:600px}.felt-polaroid img{height:150px}.felt-polaroid-second img{height:135px}.felt-coaster{width:115px;height:115px}}
@media(prefers-reduced-motion:reduce){.scan-line,.dna-lab .flavor-cloud,.dna-lab .flavor-cloud button,.agent-phone *{animation:none!important}.agent-loading{display:none}.agent-reply{opacity:1!important;transform:none!important}}

/* 2026-08-25: reuse the real Paopao shelf, growth card and record artifacts */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* 01 · photo recognition and recipe matching stay side by side */
.intake-demo{padding:22px;border:1px solid #ded5c9;border-radius:30px;background:#fffdf9;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;align-items:stretch}
.capture-step,.match-step{min-width:0;display:flex;flex-direction:column}.capture-step{padding-right:18px;border-right:1px dashed #d8c8b8}.capture-step header,.match-step header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8c6f5c;font-size:10px}.capture-step header b,.match-step header b{color:#453831;font-size:14px}.match-step header strong{color:#a55f43;font:700 20px Georgia,serif}
.capture-photo{position:relative;width:min(100%,230px);aspect-ratio:3/4;margin:15px auto 0;border:1px dashed #a89c90;border-radius:18px;background-color:#e9e5dc;background-image:linear-gradient(135deg,rgba(255,255,255,.52),transparent),radial-gradient(rgba(94,77,63,.11) 1px,transparent 1px);background-size:100% 100%,10px 10px;overflow:hidden;display:grid;place-content:center;gap:6px;text-align:center;color:#6f645b}.capture-photo::before{content:"";position:absolute;inset:12px;border:1px solid rgba(94,116,101,.48);border-inline-color:transparent}.capture-photo::after{content:"";position:absolute;inset:12px;border-inline:1px solid rgba(94,116,101,.48);border-block-color:transparent}.capture-photo span{position:relative;z-index:2;font-size:13px;font-weight:700}.capture-photo small{position:relative;z-index:2;color:#93887e;font-size:8px}.capture-step>p{margin:11px 0 0;color:#786d65;font-size:9px;line-height:1.6;text-align:center}
.capture-photo-real{display:block;border-style:solid;background:#211d1a}.capture-photo-real>img{display:block;width:100%;height:100%;object-fit:cover}.capture-photo-real::before,.capture-photo-real::after{z-index:2}.capture-photo-real .capture-result{position:absolute;left:10px;bottom:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(42,34,29,.72);color:#fffaf2;font-size:8px;line-height:1;backdrop-filter:blur(7px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.capture-photo .scan-line{left:13px;right:13px;height:1px}.match-step .flat-shelf-card{margin-top:14px;padding:10px 9px 11px;border-radius:15px}.match-step .flat-shelf-top{margin-bottom:7px}.match-step .flat-shelf-eyebrow{font-size:6px}.match-step .flat-shelf-count{font-size:7px}.match-step .flat-row{margin:0}.match-step .flat-row-items{gap:5px;padding-bottom:6px}.match-step .flat-bottle{height:62px;margin-bottom:4px;border-radius:9px}.match-step .flat-bottle-img{max-width:43px;max-height:57px}.match-step .flat-name{font-size:7px}.match-step .flat-slot-plus{font-size:17px}.match-step .flat-plank{height:7px}
.flat-shelf-card{position:relative;overflow:hidden;background-color:#453323;background-image:radial-gradient(rgba(255,244,224,.07) 1.2px,transparent 1.3px),radial-gradient(rgba(0,0,0,.16) 1.4px,transparent 1.5px),linear-gradient(165deg,#3d2c1f,#54402b);background-size:17px 17px,29px 29px,100% 100%;box-shadow:0 10px 24px rgba(63,46,29,.16),inset 0 1px 0 rgba(255,244,224,.1)}.flat-shelf-top{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.flat-shelf-eyebrow{color:#a9b48c;font-family:Georgia,serif;letter-spacing:.16em}.flat-shelf-count{color:rgba(243,234,217,.55)}.flat-row-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.flat-item{min-width:0;text-align:center}.flat-bottle{position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.12) 55%,rgba(255,244,224,.05));box-shadow:inset 0 2px 9px rgba(0,0,0,.38),0 1px 0 rgba(255,244,224,.06)}.flat-bottle-img{display:block;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45))}.flat-name{overflow:hidden;color:#f3ead9;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.flat-plank{border-radius:3px 3px 6px 6px;background:linear-gradient(180deg,rgba(255,244,224,.16),transparent 40%),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 11px,rgba(255,244,224,.05) 11px 22px),linear-gradient(180deg,#6b5438,#4e3b26);box-shadow:inset 0 1px 0 rgba(255,244,224,.18),0 5px 9px rgba(0,0,0,.3)}.flat-item-empty .flat-bottle{border:1px dashed rgba(243,234,217,.2);background:rgba(255,244,224,.04);box-shadow:none;align-items:center}.flat-slot-plus{color:rgba(243,234,217,.34)}
.flat-row-items.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.flat-bottle-photo-crop{overflow:hidden}.flat-bottle-photo-crop .jim-beam-source{position:absolute;left:50%;top:48%;width:335%;max-width:none!important;max-height:none!important;height:auto;object-fit:initial;transform:translate3d(-43%,-43%,0);filter:drop-shadow(0 5px 5px rgba(0,0,0,.45)) saturate(.92) contrast(1.02)}
.match-recipe-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.match-recipe-grid article{min-width:0;overflow:hidden;border:1px solid #e5dbcf;border-radius:12px;background:#fff}.match-recipe-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.match-recipe-grid article>div{padding:7px;display:grid;gap:2px}.match-recipe-grid strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.match-recipe-grid span{color:#8f8378;font-size:7px}.match-recipe-grid article:first-child{border-color:#91a188;background:#f3f6ef}
.match-recipe-grid .match-recipe-media{position:relative;padding:0;display:block;overflow:hidden}.match-recipe-grid .match-recipe-media img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.match-recipe-grid .match-status{position:absolute;left:6px;bottom:6px;padding:3px 6px;border-radius:999px;color:#fff;font-size:6px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 4px 10px rgba(48,38,31,.16)}.match-recipe-grid .status-untried{background:#8a6a55}.match-recipe-grid .status-ready{background:#61745d}.match-recipe-grid .status-missing{background:#a95f45}

/* 02 · exact smart-home "vault growing" component language */
.growth-home-demo{padding:28px;border:0;background:#f7f2ea;display:grid;gap:12px}.growth-home-label{display:flex;align-items:end;justify-content:space-between;color:#8b7c70;font-size:11px}.growth-home-label b{color:#43362e;font:600 17px "LXGW WenKai","Songti SC",serif}
.growth-home-demo .sh-hero{position:relative;display:block;width:100%;min-height:320px;overflow:hidden;padding:28px;border:1px solid #d8c9ba;border-radius:26px;color:#2f251e;text-align:left;background:linear-gradient(118deg,#efe4d4,#e4d2bf);box-shadow:0 14px 30px rgba(58,41,30,.14)}.growth-home-demo .sh-hero-copy{position:relative;z-index:2;display:block;width:63%}.growth-home-demo .sh-hero-kicker{display:block;color:#8c7867;font:700 10px Georgia,serif;letter-spacing:.17em}.growth-home-demo .sh-hero h3{margin:12px 0 9px;font:700 30px/1.28 "LXGW WenKai","Songti SC",serif}.growth-home-demo .sh-hero p{margin:0;color:#6e6258;font-size:12px;line-height:1.7}.growth-home-demo .sh-hero-gain{display:inline-block;margin-top:12px;padding:6px 9px;border-radius:999px;background:rgba(106,75,49,.11);color:#72563e;font-size:10px;font-weight:700}.growth-home-demo .sh-hero-btn{display:block;width:max-content;margin-top:17px;padding:10px 15px;border-radius:999px;background:#6d4f3b;color:#fff8ef;font-size:10px;font-weight:700}.growth-home-demo .sh-material-art{position:absolute;right:7%;top:12%;display:grid;width:27%;aspect-ratio:3/4;place-items:center;border-radius:16px;background:#fffaf2;transform:rotate(3deg);box-shadow:0 11px 20px rgba(77,55,39,.18)}
.growth-bottle{position:relative;width:43%;height:66%;border-radius:16px 16px 8px 8px;background:linear-gradient(90deg,#542e26,#9b5542 47%,#6e352d);box-shadow:inset 8px 0 13px rgba(255,255,255,.13),0 13px 15px rgba(70,45,34,.22)}.growth-bottle::before{content:"";position:absolute;left:28%;right:28%;top:-20%;height:24%;border-radius:5px 5px 0 0;background:#6e3b30}.growth-bottle::after{content:"";position:absolute;left:9%;right:9%;top:37%;height:31%;border-radius:3px;background:#efe1cf}.growth-bottle i{position:absolute;z-index:2;left:10%;right:10%;top:44%;color:#674c38;font:700 9px/1.2 Georgia,serif;text-align:center}.growth-route-strip{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border:1px dashed #d6c8bb;border-radius:16px;background:#fffdf9;color:#6f5e52;font-size:10px}.growth-route-strip i{color:#b77958;font-style:normal}

/* 05 · a true canvas-based 3D flavor sphere beside a 2×2 persona grid */
.dna-lab{padding:24px;border:1px solid #e0d7cc;background:#fffdf9;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}.flavor-sphere-stage,.dna-lab .persona-section{min-width:0;padding:18px;border:1px solid #e0d7cc;border-radius:24px;background:#f7f3ed}.flavor-sphere-stage>header,.dna-lab .persona-section>header{display:flex;justify-content:space-between;gap:8px;color:#6b5b50;font-size:12px}.flavor-sphere-stage>header b,.dna-lab .persona-section>header b{color:#87927e;font-size:9px}.flavor-sphere{display:block;width:100%;aspect-ratio:1;margin-top:8px;border-radius:50%;background:radial-gradient(circle at 38% 33%,rgba(255,255,255,.98),rgba(240,234,224,.78) 48%,rgba(205,196,184,.36) 72%,transparent 73%)}.dna-lab .persona-gallery{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dna-lab .persona-gallery article{padding:8px;border-radius:14px}.dna-lab .persona-art{border-radius:10px}.dna-lab .persona-gallery strong{font-size:9px}.dna-lab .persona-gallery p{font-size:7px}

/* 06 · the app's three native record families on the felt wall */
.authentic-record-wall{min-height:690px}.authentic-record-wall>article{position:absolute;box-sizing:border-box;box-shadow:0 15px 28px rgba(43,28,20,.24)}
.rec-pv-polaroid{position:relative;box-sizing:border-box;background:#faf8f5;color:#3a3228;font-family:"Alibaba PuHuiTi","PingFang SC",sans-serif}.rec-pv-polaroid .rp-photo{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(160deg,#7a6b5a,#b8a88a 40%,#5a6b3a)}.rec-pv-polaroid .rp-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:6px 6px;mix-blend-mode:overlay}.rec-pv-polaroid .rp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rec-pv-polaroid .rp-caption{font-size:10px;line-height:1.5;letter-spacing:.06em}.rec-pv-polaroid .rp-date{margin-bottom:4px;font-size:7px;letter-spacing:.12em;opacity:.5}.rec-pv-polaroid .rp-cap{overflow:hidden;margin-bottom:2px;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.rec-pv-polaroid .rp-sub{font-size:7px;opacity:.55}.rec-pv-polaroid.polaroid-p1{padding:10px 10px 0;border-radius:2px}.rec-pv-polaroid.polaroid-p1 .rp-caption{padding:10px 3px 13px}.rec-pv-polaroid.polaroid-p1 .rp-corner{position:absolute;z-index:2;top:4px;width:14px;height:14px;border-top:1px solid rgba(58,50,40,.16)}.rec-pv-polaroid.polaroid-p1 .rp-corner.tl{left:4px;border-left:1px solid rgba(58,50,40,.16)}.rec-pv-polaroid.polaroid-p1 .rp-corner.tr{right:4px;border-right:1px solid rgba(58,50,40,.16)}.rec-pv-polaroid.polaroid-p2{padding:11px 11px 0;border-radius:3px;background:#ede4d3;color:#4a3a2a}.rec-pv-polaroid.polaroid-p2 .rp-caption{padding:11px 3px 15px}.rec-pv-polaroid .rp-tape{position:absolute;z-index:3;left:50%;top:-8px;width:45px;height:16px;border:1px solid rgba(160,150,130,.3);border-radius:2px;background:rgba(200,190,170,.62);transform:translateX(-50%)}
.memory-polaroid{left:6%;top:8%;width:33%;transform:rotate(-7deg)}.memory-polaroid-second{left:auto;right:6%;top:48%;width:30%;transform:rotate(6deg)}
.rtk-ticket{--rtk-bg:#f5f0e6;--rtk-ink:#1a1410;--rtk-ac:#8b3a2a;--rtk-line:rgba(26,20,16,.18);--rtk-line2:rgba(26,20,16,.15);--rtk-line3:rgba(26,20,16,.12);--rtk-cl:rgba(26,20,16,.25);--rtk-igd:rgba(26,20,16,.2);position:relative;overflow:visible;width:260px;border-radius:2px;background:var(--rtk-bg);color:var(--rtk-ink);-webkit-mask-image:radial-gradient(circle at 50% 0,transparent 6.5px,#000 7px),radial-gradient(circle at 50% 100%,transparent 6.5px,#000 7px);-webkit-mask-size:14px 100%,14px 100%;-webkit-mask-repeat:repeat-x;mask-image:radial-gradient(circle at 50% 0,transparent 6.5px,#000 7px),radial-gradient(circle at 50% 100%,transparent 6.5px,#000 7px);mask-size:14px 100%,14px 100%;mask-repeat:repeat-x;mask-composite:intersect}.rtk-paper{position:absolute;inset:0;pointer-events:none;opacity:.25;background:radial-gradient(rgba(20,15,10,.18) .6px,transparent .8px);background-size:5px 5px;mix-blend-mode:multiply}.rtk-in{position:relative;z-index:1;padding:15px}.rtk-hr,.rtk-fr{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:600;letter-spacing:.13em}.rtk-hr .d2{opacity:.5}.rtk-dl-s{margin:10px 0;border-top:1px solid var(--rtk-line3)}.rtk-dl{margin:10px 0;border-top:1px dashed var(--rtk-line)}.rtk-cl{display:flex;align-items:center;gap:5px;margin:9px 0;color:var(--rtk-ac);font-size:7px;letter-spacing:.18em}.rtk-cl::before,.rtk-cl::after{content:"";flex:1;border-top:1px dashed var(--rtk-cl)}.rtk-ti{font:500 21px "LXGW WenKai","Songti SC",serif;letter-spacing:.08em}.rtk-se{margin-bottom:7px;color:var(--rtk-ac);font-size:7px;letter-spacing:.15em}.rtk-ig{display:flex;align-items:center;font:8px/1.7 "LXGW WenKai","Songti SC",serif}.rtk-ig .d{flex:1;height:.55em;margin:0 5px;border-bottom:1px dotted var(--rtk-igd)}.rtk-ig .a{opacity:.6}.rtk-fr{margin-top:11px;padding-top:8px;border-top:1px solid var(--rtk-line3);opacity:.55}.memory-ticket{left:auto;right:7%;top:8%;width:34%;transform:rotate(2deg)}
.rec-pv-coaster{--coaster-bg:#dca447;--coaster-ink:#4c3213;--coaster-line:rgba(76,50,19,.42);position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:220px;box-sizing:border-box;background:var(--coaster-bg);color:var(--coaster-ink);font-family:"LXGW WenKai","Songti SC",serif;filter:drop-shadow(0 9px 11px rgba(57,43,31,.2));isolation:isolate}.rec-pv-coaster .rec-coaster-content{position:relative;z-index:3;display:flex;width:62%;padding:20px 12px;border-radius:45%;background:rgba(220,164,71,.88);flex-direction:column;align-items:center;text-align:center}.rec-pv-coaster b{display:block;max-width:100%;overflow:hidden;font-size:15px;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.rec-coaster-date{margin-top:7px;font-size:8px;letter-spacing:.12em;opacity:.72}.rec-coaster-brand{margin-top:7px;font-size:6px;font-style:normal;letter-spacing:.08em;white-space:nowrap;opacity:.68}.coaster-citrus{border-radius:50%;clip-path:polygon(50% 0,65% 3%,77% 9%,85% 17%,91% 11%,100% 20%,90% 30%,96% 42%,100% 50%,97% 64%,90% 77%,80% 88%,66% 96%,50% 100%,35% 97%,22% 91%,11% 80%,4% 65%,0 50%,3% 35%,10% 22%,22% 11%,35% 3%)}.coaster-citrus::before{content:"";position:absolute;z-index:1;inset:9px;border:2px solid var(--coaster-line);border-radius:50%}.coaster-citrus::after{content:"";position:absolute;inset:19px;border-radius:50%;background:repeating-conic-gradient(from -7deg,transparent 0 13deg,var(--coaster-line) 14deg 15deg,transparent 16deg 44deg);opacity:.42}.memory-coaster{left:35%;bottom:6%;width:30%;height:auto;aspect-ratio:1;transform:rotate(-7deg)}.authentic-record-wall .felt-caption{right:5%;bottom:3%;font-size:11px}

/* compact floating review barrage */
.review-marquee{position:relative;height:245px;overflow:hidden;display:grid;align-content:center;gap:12px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.review-lane{min-width:0;overflow:hidden}.review-track{display:flex;width:max-content;gap:12px;animation:reviewDrift 34s linear infinite;will-change:transform}.review-lane.reverse .review-track{animation-direction:reverse;animation-duration:39s}.review-track article{width:max-content;max-width:420px;padding:12px 17px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.review-track .review-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-size:13px}.review-track p{margin:0;color:#fff;font-size:11px;white-space:nowrap}@keyframes reviewDrift{to{transform:translateX(calc(-50% - 6px))}}

@media(max-width:699px){
  .intake-demo{padding:14px;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:10px}.capture-step{padding-right:10px}.capture-step header,.match-step header{align-items:flex-start;flex-direction:column;font-size:7px}.capture-step header b,.match-step header b{font-size:10px}.match-step header strong{font-size:14px}.capture-photo{margin-top:9px;border-radius:12px}.capture-photo span{font-size:9px}.capture-photo small{font-size:6px}.capture-step>p{font-size:7px}.match-step .flat-shelf-card{margin-top:9px;padding:7px}.match-step .flat-bottle{height:45px}.match-step .flat-bottle-img{max-width:31px;max-height:42px}.match-step .flat-name{font-size:5px}.match-step .flat-slot-plus{font-size:13px}.match-recipe-grid{gap:4px}.match-recipe-grid article{border-radius:8px}.match-recipe-grid article>div{padding:4px}.match-recipe-grid strong{font-size:6px}.match-recipe-grid span{font-size:5px}
  .growth-home-demo{padding:17px}.growth-home-label{font-size:8px}.growth-home-label b{font-size:12px}.growth-home-demo .sh-hero{min-height:250px;padding:18px;border-radius:20px}.growth-home-demo .sh-hero-copy{width:66%}.growth-home-demo .sh-hero-kicker{font-size:7px}.growth-home-demo .sh-hero h3{font-size:21px}.growth-home-demo .sh-hero p{font-size:8px}.growth-home-demo .sh-hero-gain,.growth-home-demo .sh-hero-btn{font-size:7px}.growth-route-strip{gap:5px;padding:8px;font-size:7px}
  .dna-lab{padding:12px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px}.flavor-sphere-stage,.dna-lab .persona-section{padding:9px;border-radius:16px}.flavor-sphere-stage>header,.dna-lab .persona-section>header{font-size:8px}.flavor-sphere-stage>header b,.dna-lab .persona-section>header b{font-size:6px}.dna-lab .persona-gallery{margin-top:8px;gap:5px}.dna-lab .persona-gallery article{padding:5px;border-radius:9px;gap:3px}.dna-lab .persona-art{border-radius:6px}.dna-lab .persona-art span{font-size:5px}.dna-lab .persona-gallery strong{font-size:6px}.dna-lab .persona-gallery p{font-size:5px}
  .authentic-record-wall{min-height:575px}.rec-pv-polaroid.polaroid-p1,.rec-pv-polaroid.polaroid-p2{padding:6px 6px 0}.rec-pv-polaroid .rp-caption{font-size:6px}.rec-pv-polaroid .rp-date,.rec-pv-polaroid .rp-sub{font-size:4px}.rec-pv-polaroid .rp-cap{font-size:8px}.rec-pv-polaroid.polaroid-p1 .rp-caption,.rec-pv-polaroid.polaroid-p2 .rp-caption{padding:6px 2px 8px}.rtk-in{padding:9px}.rtk-ti{font-size:13px}.rtk-hr,.rtk-fr,.rtk-cl,.rtk-se{font-size:4px}.rtk-ig{font-size:5px}.memory-ticket{width:38%;right:5%}.memory-polaroid{width:38%;left:5%}.memory-polaroid-second{width:35%;right:5%;top:51%}.memory-coaster{left:32%;bottom:6%;width:36%}.rec-pv-coaster b{font-size:9px}.rec-coaster-date{font-size:5px}.rec-coaster-brand{font-size:4px}.authentic-record-wall .felt-caption{font-size:7px}
  .review-marquee{height:196px;gap:9px}.review-track{gap:8px}.review-track article{max-width:310px;padding:9px 13px}.review-track .review-avatar{width:28px;height:28px;flex-basis:28px;font-size:10px}.review-track p{font-size:9px}
}
@media(max-width:420px){.intake-demo{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.capture-photo small{display:none}.match-step .flat-shelf-eyebrow{letter-spacing:0}.growth-home-demo .sh-hero h3{font-size:18px}.growth-home-demo .sh-hero p{line-height:1.5}.review-track article{max-width:275px}}
@media(prefers-reduced-motion:reduce){.review-track{animation:none;transform:none}.review-lane{overflow-x:auto;scrollbar-width:none}}

/* 2026-08-25 annotation pass: mobile storytelling, sequenced demos and native artifacts */
.story-tonight .story-copy h3>span{display:block;margin-top:.12em;font-size:clamp(25px,4.15vw,48px);line-height:1.25;white-space:nowrap}

/* 01 · make capture → match read as a two-step sequence */
.intake-demo.is-motion-ready .capture-step,.intake-demo.is-motion-ready .match-step{opacity:0;transform:translate3d(0,22px,0)}
.intake-demo.is-motion-ready.is-playing .capture-step{animation:intakeStepIn .62s cubic-bezier(.2,.8,.2,1) .08s both}
.intake-demo.is-motion-ready.is-playing .match-step{animation:intakeStepIn .62s cubic-bezier(.2,.8,.2,1) 1.02s both}
@keyframes intakeStepIn{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.match-recipe-grid article{border-color:#d9d4ce;background:#fffaf4;box-shadow:0 7px 16px rgba(45,37,31,.08)}
.match-recipe-grid img{aspect-ratio:1;object-fit:cover}
.match-recipe-grid article>div{min-height:42px;align-content:center;border-top:1px solid rgba(70,60,52,.08)}
.match-recipe-grid .recipe-tone-blue{border-color:#8ea9ba;background:#eff6f8}
.match-recipe-grid .recipe-tone-orange{border-color:#c89773;background:#fff3e9}
.match-recipe-grid .recipe-tone-green{border-color:#8fa28b;background:#f0f5ed}
.match-recipe-grid article:first-child{border-color:#8ea9ba;background:#eff6f8}

/* 02 · the current growth card stays left; six classic routes stay visible on mobile */
.growth-home-demo{padding:22px}
.growth-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);gap:14px;align-items:stretch}
.growth-home-demo .sh-hero{min-height:344px;height:100%;padding:25px}
.growth-home-demo .sh-hero-copy{width:64%}
.growth-home-demo .sh-material-art{top:14%;right:5%;width:29%;padding:8px 6px 10px;align-content:center;gap:7px}
.growth-home-demo .sh-material-art img{display:block;width:100%;height:184px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(56,34,27,.23))}
.growth-home-demo .sh-material-art b{color:#604c3e;font-size:10px;line-height:1.3;text-align:center}
.route-atlas{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#342d28;color:#f8f1e8;box-shadow:0 14px 30px rgba(43,34,28,.16);display:grid;grid-template-rows:auto 1fr;gap:13px}
.route-atlas>header{display:flex;justify-content:space-between;gap:10px;color:#d7b18e;font-size:11px;letter-spacing:.08em}.route-atlas>header b{color:#f1d4b4;font:600 11px Georgia,serif}
.route-atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.route-atlas-grid article{min-width:0;padding:12px 10px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.055);display:grid;align-content:center;gap:4px}
.route-atlas-grid i{color:#d0936c;font:600 8px Georgia,serif;font-style:normal}.route-atlas-grid strong{font:600 15px "LXGW WenKai","Songti SC",serif}.route-atlas-grid small{overflow:hidden;color:#bfb3aa;font-size:8px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}

/* 03 · reuse Paopao's action chips and composer, then loop user → thinking → typed reply */
.agent-phone.is-playing .agent-loading,.agent-phone.is-playing .agent-reply{animation:none!important}
.agent-phone.agent-sequenced .agent-user,.agent-phone.agent-sequenced .agent-loading,.agent-phone.agent-sequenced .agent-reply{opacity:0;transform:translate3d(0,9px,0);transition:opacity .32s ease,transform .32s ease}
.agent-phone.agent-sequenced.agent-show-user .agent-user,.agent-phone.agent-sequenced.agent-loading-phase .agent-loading,.agent-phone.agent-sequenced.agent-reply-phase .agent-reply{opacity:1;transform:translate3d(0,0,0)}
.agent-phone.agent-sequenced.agent-reply-phase .agent-loading{max-height:0;margin:-15px 0 0;visibility:hidden}
.agent-typing-output{white-space:pre-line;overflow-wrap:anywhere}
.agent-typing-output.is-typing::after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;background:currentColor;vertical-align:-.12em;animation:typingCaret .75s steps(1,end) infinite}
@keyframes typingCaret{50%{opacity:0}}
.agent-composer{height:auto;padding:8px 10px 12px;border-top:1px solid #ebe7e1;background:#fff;display:grid;gap:8px;align-items:initial}
.agent-action-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.agent-action-chips::-webkit-scrollbar{display:none}
.agent-action-chips button{height:27px;padding:0 9px;border:1px solid #e4ded7;border-radius:999px;background:#faf9f7;color:#665f59;display:flex;align-items:center;gap:4px;flex:none;font-size:8px;white-space:nowrap}.agent-action-chips svg{width:12px;height:12px;fill:currentColor}
.agent-input-row{display:grid;grid-template-columns:31px minmax(0,1fr) 38px;gap:7px;align-items:center}
.agent-voice,.agent-send{border:0;display:grid;place-items:center}.agent-voice{width:31px;height:31px;border-radius:50%;background:#f1ede8;color:#655d57}.agent-voice svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.agent-input-row .agent-input{min-width:0;height:38px;padding:0 12px;border:1px solid #e7e0d8;border-radius:20px;background:#fafafa;color:#aaa;display:flex;align-items:center;font-size:9px}.agent-send{width:38px;height:38px;border-radius:50%;background:#33373b;color:#fff;font-size:21px}

/* 05 · readable persona names while 3D sphere and cards remain side by side */
.dna-lab .persona-gallery strong{font-size:13px;line-height:1.35}.dna-lab .persona-gallery p{font-size:10px;line-height:1.45}.dna-lab .persona-art span{font-size:9px}

/* 06 · 3 native tickets + 2 smaller polaroids + 1 native coaster */
.authentic-record-wall{min-height:700px}
.authentic-record-wall .memory-polaroid-one{left:4%;top:6%;width:23%;transform:rotate(-6deg)}
.authentic-record-wall .memory-polaroid-two{left:5%;right:auto;top:auto;bottom:6%;width:22%;transform:rotate(5deg)}
.authentic-record-wall .ticket-one{left:37%;right:auto;top:7%;width:25%;transform:rotate(2deg)}
.authentic-record-wall .ticket-two{left:auto;right:4%;top:7%;width:24%;transform:rotate(-2deg)}
.authentic-record-wall .ticket-three{left:34%;right:auto;top:auto;bottom:6%;width:27%;transform:rotate(-3deg)}
.authentic-record-wall .memory-coaster{left:auto;right:5%;bottom:7%;width:21%;height:auto;aspect-ratio:1;transform:rotate(6deg)}
.rtk-v2{--rtk-bg:#332a25;--rtk-ink:#f5ede1;--rtk-ac:#d2a57d;--rtk-line:rgba(245,237,225,.24);--rtk-line2:rgba(245,237,225,.2);--rtk-line3:rgba(245,237,225,.16);--rtk-cl:rgba(245,237,225,.28);--rtk-igd:rgba(245,237,225,.25)}
.rtk-v2 .rtk-paper{opacity:.12;mix-blend-mode:screen}.rtk-v5{--rtk-bg:#d58b72;--rtk-ink:#4d2e27;--rtk-ac:#fff3df;--rtk-line:rgba(77,46,39,.25);--rtk-line2:rgba(77,46,39,.2);--rtk-line3:rgba(77,46,39,.16);--rtk-cl:rgba(255,243,223,.55);--rtk-igd:rgba(77,46,39,.26)}

@media(max-width:699px){
  .story-tonight .story-copy h3>span{font-size:clamp(16px,5.05vw,32px)}
  .intake-demo{padding:12px}.intake-demo.is-motion-ready .capture-step,.intake-demo.is-motion-ready .match-step{transform:translate3d(0,14px,0)}.match-recipe-grid article>div{min-height:31px}
  .growth-home-demo{padding:12px}.growth-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px}.growth-home-demo .sh-hero{min-height:278px;padding:14px;border-radius:17px}.growth-home-demo .sh-hero-copy{width:66%}.growth-home-demo .sh-hero h3{font-size:clamp(15px,3.4vw,22px)}.growth-home-demo .sh-hero p{font-size:clamp(6px,1.55vw,9px)}.growth-home-demo .sh-material-art{right:3%;width:31%;padding:5px}.growth-home-demo .sh-material-art img{height:128px}.growth-home-demo .sh-material-art b{font-size:7px}.route-atlas{padding:10px 8px;border-radius:17px;gap:8px}.route-atlas>header,.route-atlas>header b{font-size:7px}.route-atlas-grid{gap:5px}.route-atlas-grid article{padding:7px 5px;border-radius:10px;gap:2px}.route-atlas-grid i{font-size:5px}.route-atlas-grid strong{font-size:clamp(8px,1.9vw,12px)}.route-atlas-grid small{font-size:clamp(4px,1.1vw,7px)}
  .agent-phone{height:690px}.agent-messages{padding-bottom:22px}.agent-action-chips button{height:25px;padding-inline:8px;font-size:7px}.agent-action-chips svg{width:10px;height:10px}.agent-input-row{grid-template-columns:28px minmax(0,1fr) 36px}.agent-voice{width:28px;height:28px}.agent-send{width:36px;height:36px}.agent-input-row .agent-input{height:36px;font-size:8px}
  .dna-lab .persona-gallery strong{font-size:10px}.dna-lab .persona-gallery p{font-size:8px}.dna-lab .persona-art span{font-size:7px}
  .authentic-record-wall{min-height:560px}.authentic-record-wall .memory-polaroid-one{left:3%;top:5%;width:27%}.authentic-record-wall .memory-polaroid-two{left:5%;bottom:6%;width:25%}.authentic-record-wall .ticket-one{left:34%;top:6%;width:29%}.authentic-record-wall .ticket-two{right:3%;top:5%;width:28%}.authentic-record-wall .ticket-three{left:34%;bottom:7%;width:29%}.authentic-record-wall .memory-coaster{right:4%;bottom:8%;width:23%}.rtk-in{padding:8px}.rtk-ti{font-size:12px}.rtk-ig{font-size:5px}
}
@media(max-width:420px){
  .growth-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.growth-home-demo .sh-hero{min-height:235px;padding:10px}.growth-home-demo .sh-hero-kicker{font-size:5px}.growth-home-demo .sh-hero h3{margin:7px 0 5px;font-size:13px}.growth-home-demo .sh-hero p{font-size:5.5px}.growth-home-demo .sh-hero-gain,.growth-home-demo .sh-hero-btn{margin-top:7px;padding:4px 6px;font-size:5px}.growth-home-demo .sh-material-art img{height:95px}.route-atlas{padding:7px 6px}.route-atlas-grid article{padding:6px 4px}.route-atlas-grid strong{font-size:7px}.route-atlas-grid small{font-size:4px}
  .agent-phone{height:650px}.agent-reply>div{font-size:9px}.agent-action-chips{gap:4px}.agent-action-chips button{height:23px;padding-inline:7px;font-size:6px}
  .authentic-record-wall{min-height:510px}.rec-pv-polaroid .rp-cap{font-size:7px}.rtk-ti{font-size:10px}.rtk-in{padding:6px}.rtk-ig{font-size:4px}.rec-pv-coaster b{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.intake-demo.is-motion-ready .capture-step,.intake-demo.is-motion-ready .match-step{opacity:1!important;transform:none!important;animation:none!important}.agent-typing-output.is-typing::after{animation:none}}

/* Real review copy is intentionally allowed to travel wider than the phone viewport. */
.review-track article,.review-track p{max-width:none}
.review-avatar{overflow:hidden;padding:0;background:#f0ce7d}
.review-avatar img{display:block;width:100%;height:100%;object-fit:cover}

/* 2026-08-25 · paopao-mobile design DNA migration */
::selection{background:rgba(182,109,78,.24);color:var(--ink)}
body{background:var(--ivory);color:var(--ink);font-feature-settings:"palt"}
.nav-shell{border-color:rgba(79,61,46,.08);background:rgba(248,243,235,.88);box-shadow:0 12px 30px rgba(48,39,32,.08)}
.brand-name{font-family:var(--body);font-weight:700;letter-spacing:.02em}
.nav-shell nav .nav-cta{background:var(--coffee);color:var(--cream)}
.button{border-radius:999px;font-family:var(--body);font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}
.button:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline-color:rgba(182,109,78,.58)}
.button-primary{background:var(--coffee);color:var(--cream);box-shadow:0 12px 26px rgba(55,42,34,.16)}
.button-light{background:var(--cream);color:var(--coffee)}

.hero{background:var(--hero);color:var(--ink)}
.hero::before{background-image:radial-gradient(circle at 84% 16%,rgba(255,253,248,.9) 0 42px,transparent 43px),radial-gradient(circle at 91% 27%,rgba(182,109,78,.11) 0 18px,transparent 19px),radial-gradient(circle at 8% 72%,rgba(119,129,106,.12) 0 34px,transparent 35px)}
.hero h1{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:-.035em}
.hero h1 em{color:var(--rust);font-family:var(--serif);font-size:.61em;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.hero-lead{color:var(--muted);line-height:1.85}

.eyebrow,.section-kicker{color:var(--rust-ink);font-weight:600;letter-spacing:.14em}
.section-head h2,.pricing-panel h2,.final-copy h2{font-family:var(--serif);font-weight:600;line-height:1.2;letter-spacing:-.03em}
.flavor-stories{background:var(--ivory)}
.story-scene{background:var(--cream)}
.story-index{color:var(--rust-ink);font-family:var(--serif);font-weight:400}
.story-copy h3{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.story-copy>p{color:var(--muted)}
.story-closing{color:#9a725b;font-family:var(--serif)}
.story-demo{border-color:var(--line);box-shadow:0 16px 42px rgba(79,61,46,.06)}
.story-map{background:var(--coffee);color:var(--cream)}
.story-map .story-index{color:#dfa17d}
.story-map .story-copy h3{color:var(--cream)}
.story-map .story-copy>p{color:#d2c3b3}
.intake-demo,.dna-lab{background:var(--cream)}
.capture-step{border-right-color:var(--line)}
.capture-step header,.match-step header{color:var(--muted)}
.capture-step header b,.match-step header b{color:var(--ink)}
.match-step header strong{color:var(--rust-ink)}
.capture-photo{border-color:#b9aa9b;background-color:#f3eee5}
.growth-home-demo{background:#f3eee5}
.growth-home-demo .sh-hero{border-color:var(--line);background:linear-gradient(118deg,var(--sand),var(--peach));box-shadow:0 12px 28px rgba(79,61,46,.1)}
.growth-home-demo .sh-hero h3,.value-demo h4,.dna-summary strong{font-family:var(--serif);font-weight:600}
.growth-home-demo .sh-hero-btn{background:var(--coffee);color:var(--cream)}
.route-atlas{background:var(--coffee)}
.value-demo{background:var(--sand);color:var(--ink)}
.flavor-sphere-stage,.dna-lab .persona-section{border-color:var(--line);background:#f8f4ed}

/* 05 · five real flavor personas, cropped from the supplied artwork atlas */
.dna-lab .persona-section>header{align-items:flex-start}
.dna-lab .persona-section>header b{max-width:112px;text-align:right;line-height:1.4}
.dna-lab .persona-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dna-lab .persona-card{grid-column:span 2;padding:8px 8px 10px;background:#fffaf3;align-content:start}
.dna-lab .persona-card:nth-child(4),.dna-lab .persona-card:nth-child(5){grid-column:span 3}
.dna-lab .persona-art{border:0;background-color:#352016;background-image:url("assets/persona/flavor-personas-atlas.png");background-repeat:no-repeat;background-size:324% auto;box-shadow:inset 0 0 0 1px rgba(255,245,224,.08)}
.dna-lab .persona-citrus .persona-art{background-position:4% 7%}
.dna-lab .persona-sweet .persona-art{background-position:50% 7%}
.dna-lab .persona-bitter .persona-art{background-position:96% 7%}
.dna-lab .persona-fruit .persona-art,.dna-lab .persona-balance .persona-art{background-size:365% auto}
.dna-lab .persona-fruit .persona-art{background-position:24% 83%}
.dna-lab .persona-balance .persona-art{background-position:76% 83%}
.dna-lab .persona-gallery strong{color:var(--ink);font-size:12px;line-height:1.35}
.dna-lab .persona-gallery p{color:var(--muted);font-size:8px;line-height:1.5}
.dna-lab .persona-card.is-highlighted{outline:2px solid #829079;background:#f1f4ed}

@media(max-width:699px){
  .dna-lab .persona-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .dna-lab .persona-card,.dna-lab .persona-card:nth-child(4){grid-column:span 1}
  .dna-lab .persona-card:nth-child(5){grid-column:1/-1;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);column-gap:7px;align-items:center}
  .dna-lab .persona-card:nth-child(5) .persona-art{grid-row:1/3}
  .dna-lab .persona-card:nth-child(5) strong,.dna-lab .persona-card:nth-child(5) p{grid-column:2}
  .dna-lab .persona-section>header b{max-width:76px}
  .dna-lab .persona-gallery strong{font-size:9px}
  .dna-lab .persona-gallery p{font-size:6.5px;line-height:1.4}
}

@media(max-width:420px){
  .dna-lab .persona-card{padding:4px 4px 6px}
  .dna-lab .persona-gallery strong{font-size:7px}
  .dna-lab .persona-gallery p{font-size:5.25px}
}

.benefits{background:var(--coffee);color:var(--cream)}
.benefits .section-kicker,.final-copy .section-kicker{color:#dfa17d}
.benefits .section-head h2,.final-copy h2{color:var(--cream)}
.review-track article{border-color:rgba(255,253,248,.14);background:rgba(255,253,248,.07)}
.review-track p{color:var(--cream)}
.final-cta{background:var(--coffee);color:var(--cream)}
.site-footer{background:var(--sand)}
.douyin-card{border-color:var(--line);background:rgba(255,253,248,.6)}
.legal-footer{border-top-color:var(--line)}
.legal-footer p{color:var(--muted)}
.mobile-download-bar{border-color:rgba(255,253,248,.24);background:rgba(55,42,34,.96);box-shadow:0 16px 38px rgba(48,39,32,.22);color:var(--cream)}
.mobile-download-bar small{color:#d2c3b3}
.mobile-download-bar>a{border-radius:999px;background:var(--peach);color:var(--ink)}
.download-dialog{background:var(--cream)}

@media(max-width:699px){
  .hero h1{font-size:clamp(40px,12vw,54px);line-height:1.12}
  .hero h1 em{font-size:.66em;line-height:1.3}
  .story-copy h3{letter-spacing:-.025em}
}

/* 05 · horizontal flavor stream + swipeable persona rail */
.flavor-stream-stage{overflow:hidden;display:flex;flex-direction:column}
.flavor-word-cloud{min-height:0;flex:1;margin-top:14px;padding-block:8px;display:grid;align-content:center;gap:14px;overflow:hidden}
.flavor-word-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.flavor-word-track{width:max-content;display:flex;gap:8px;will-change:transform;animation:flavorWordsFlow 17s linear infinite}
.flavor-word-row:nth-child(2) .flavor-word-track{animation-duration:21s;animation-direction:reverse}
.flavor-word-row:nth-child(3) .flavor-word-track{animation-duration:19s}
.flavor-word-set{display:flex;gap:8px}
.flavor-word-set span{min-width:max-content;padding:9px 13px;border:1px solid #d7cabc;border-radius:999px;background:#fffaf2;color:#715d4f;font-size:10px;line-height:1;box-shadow:0 4px 12px rgba(68,50,38,.04)}
.flavor-word-set span.is-selected{border-color:#73866c;background:#edf2e8;color:#53664f;font-weight:650}
@keyframes flavorWordsFlow{to{transform:translate3d(calc(-50% - 4px),0,0)}}

.dna-lab .persona-gallery{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dna-lab .persona-gallery::-webkit-scrollbar{display:none}
.dna-lab .persona-card,.dna-lab .persona-card:nth-child(4),.dna-lab .persona-card:nth-child(5){grid-column:auto;flex:0 0 clamp(150px,46%,210px);scroll-snap-align:start;grid-template-columns:1fr;column-gap:0;align-items:initial}
.dna-lab .persona-card:nth-child(5) .persona-art{grid-row:auto}
.dna-lab .persona-card:nth-child(5) strong,.dna-lab .persona-card:nth-child(5) p{grid-column:auto}

@media(max-width:699px){
  .flavor-word-cloud{gap:8px;margin-top:8px;padding-block:4px}
  .flavor-word-track,.flavor-word-set{gap:5px}
  .flavor-word-set span{padding:6px 8px;font-size:6.5px}
  .dna-lab .persona-card,.dna-lab .persona-card:nth-child(4),.dna-lab .persona-card:nth-child(5){flex-basis:78%;padding:5px 5px 7px}
}

@media(prefers-reduced-motion:reduce){
  .flavor-word-track{animation-play-state:paused}
  .dna-lab .persona-gallery{scroll-behavior:auto}
}

/* Hero screenshot begins below a simulated Android status bar. */
.hero-preview .phone-shell{aspect-ratio:540/1102;display:grid;grid-template-rows:26px minmax(0,1fr);padding:0;overflow:hidden}
.hero-preview .phone-shell .app-screen{min-height:0;border-radius:0 0 35px 35px;object-fit:cover;object-position:top}
.app-statusbar{position:relative;z-index:2;padding:0 13px 0 15px;background:#fff;color:#161616;font-size:8px;font-weight:750;display:flex;align-items:center;justify-content:space-between}
.app-status-icons{height:100%;display:flex;align-items:center;gap:5px}
.app-signal{height:9px;display:flex;align-items:flex-end;gap:1px}
.app-signal b{display:block;width:1.5px;border-radius:2px;background:currentColor}.app-signal b:nth-child(1){height:3px}.app-signal b:nth-child(2){height:5px}.app-signal b:nth-child(3){height:7px}.app-signal b:nth-child(4){height:9px}
.app-wifi{width:9px;height:7px;border:1.5px solid currentColor;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%}
.app-battery{position:relative;width:12px;height:6px;border:1px solid currentColor;border-radius:2px}.app-battery::after{content:"";position:absolute;right:-2.5px;top:1.5px;width:1.5px;height:2px;border-radius:0 1px 1px 0;background:currentColor}.app-battery::before{content:"";position:absolute;inset:1px;background:currentColor}
.hero-preview .phone-speaker{top:4px;height:18px;width:72px}

/* Scene 01: four-slot shelf, including the add-material action. */
.match-step .flat-row-items.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.match-step>header{justify-content:flex-end}
.match-step>header b{margin-left:auto}
.capture-step>header{justify-content:flex-end}
.capture-step>header b{margin-left:auto}

/* Scene 02: route names are structural recipes, not spirit categories. */
.route-atlas-grid article strong{font-size:clamp(14px,1.8vw,20px);line-height:1.2}
.route-atlas-grid article small{line-height:1.45}

/* Scene 03: the app conversation without a decorative phone shell. */
.agent-phone.agent-panel{width:min(100%,540px);height:620px;border:1px solid #ddd8d0;border-radius:28px;background:#f5f7fa;box-shadow:0 18px 42px rgba(43,34,27,.1);overflow:hidden}
.agent-phone.agent-panel::after{display:none}
.agent-panel .agent-messages{padding-top:28px}
.agent-panel .agent-composer{border-top:1px solid #e7e2dc;background:linear-gradient(180deg,rgba(250,250,250,.68),#fff 18%)}

/* Scene 05: the compact 3D flavor sphere reuses the app canvas renderer. */
.compact-sphere-stage{display:grid;align-content:start;justify-items:stretch}
.compact-sphere-stage .flavor-sphere-small{width:min(100%,250px);margin:18px auto 0}

/* Scene 06: native 酒泡泡 ticket front, scaled responsively for the felt wall. */
.rtk-ticket{--rtk-dot:rgba(26,20,16,.4);--rtk-ph:linear-gradient(160deg,#6b3a2a 0%,#a87858 40%,#4a5d3a 100%);--rtk-phb:rgba(26,20,16,.08);overflow:visible;border-radius:2px;box-shadow:0 4px 24px rgba(0,0,0,.12);background:var(--rtk-bg);color:var(--rtk-ink);-webkit-mask-size:22px 100%,22px 100%;mask-size:22px 100%,22px 100%}
.rtk-v2{--rtk-bg:#3d2b1f;--rtk-ink:#e8ddd0;--rtk-ac:#d4a574;--rtk-line:rgba(232,221,208,.15);--rtk-line2:rgba(232,221,208,.12);--rtk-line3:rgba(232,221,208,.1);--rtk-cl:rgba(232,221,208,.2);--rtk-dot:rgba(232,221,208,.35);--rtk-igd:rgba(232,221,208,.18);--rtk-ph:linear-gradient(160deg,#5c4033 0%,#8b7355 40%,#4a5540 100%);--rtk-phb:rgba(232,221,208,.08)}
.rtk-v5{--rtk-bg:#b85c50;--rtk-ink:#f5e6d8;--rtk-ac:#f5e6d8;--rtk-line:rgba(245,230,216,.2);--rtk-line2:rgba(245,230,216,.15);--rtk-line3:rgba(245,230,216,.12);--rtk-cl:rgba(245,230,216,.25);--rtk-dot:rgba(245,230,216,.4);--rtk-igd:rgba(245,230,216,.2);--rtk-ph:linear-gradient(160deg,#8b6914 0%,#c4a35a 40%,#4a5d23 100%);--rtk-phb:rgba(245,230,216,.08)}
.memory-ticket .rtk-in{padding:7% 8%}
.memory-ticket .rtk-hr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4%;font-size:clamp(3px,.55vw,7px);letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.memory-ticket .rtk-hr .d2{opacity:.5}
.memory-ticket .rtk-vt{writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(3px,.45vw,6px);letter-spacing:.18em;text-transform:uppercase;opacity:.3;position:absolute;z-index:1}
.memory-ticket .rtk-vt.l{left:2%;top:5%}.memory-ticket .rtk-vt.lc{left:2%;top:50%;transform:translateY(-50%)}
.memory-ticket .rtk-ph{position:relative;width:76%;aspect-ratio:3/4;margin:0 auto 5%;overflow:hidden;border:1px solid var(--rtk-phb);border-radius:2px;background:var(--rtk-ph)}
.memory-ticket .rtk-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.memory-ticket .rtk-ti{margin-bottom:3%;font-family:"LXGW WenKai","Songti SC",serif;font-size:clamp(9px,1.65vw,20px);font-weight:500;line-height:1.05;letter-spacing:.08em}
.memory-ticket .rtk-se{margin-bottom:4%;color:var(--rtk-ac);font-size:clamp(3px,.55vw,7px);letter-spacing:.16em;text-transform:uppercase}
.memory-ticket .rtk-ig{display:flex;align-items:center;font:clamp(3px,.52vw,6.5px)/1.7 "LXGW WenKai","Songti SC",serif}
.memory-ticket .rtk-ig .n{max-width:7.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-ticket .rtk-ig .d{flex:1;height:.55em;margin:0 4px;border-bottom:1px dotted var(--rtk-igd)}.memory-ticket .rtk-ig .a{opacity:.58;white-space:nowrap}
.memory-ticket .rtk-dl,.memory-ticket .rtk-dl-s{margin:5% 0}.memory-ticket .rtk-dl{border-top:1px dashed var(--rtk-line)}.memory-ticket .rtk-dl-s{border-top:1px solid var(--rtk-line3)}
.memory-ticket .rtk-cl{display:flex;align-items:center;gap:4px;margin:5% 0;color:var(--rtk-ac);font-size:clamp(3px,.5vw,6px);letter-spacing:.18em}.memory-ticket .rtk-cl::before,.memory-ticket .rtk-cl::after{content:"";flex:1;border-top:1px dashed var(--rtk-cl)}
.memory-ticket .rtk-dots{display:flex;justify-content:center;gap:4px;margin:5% 0;opacity:.35}.memory-ticket .rtk-dots i{display:block;width:3px;height:3px;border-radius:50%;background:var(--rtk-dot)}
.memory-ticket .rtk-fr{display:flex;justify-content:space-between;margin-top:5%;padding-top:4%;border-top:1px solid var(--rtk-line3);font-size:clamp(3px,.5vw,6px);letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.memory-ticket .rtk-stub{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:4%}.memory-ticket .rtk-pd,.memory-ticket .rtk-sbc{display:flex;gap:2px}.memory-ticket .rtk-pd i{display:block;width:3px;height:3px;border-radius:50%;background:rgba(245,230,216,.3)}.memory-ticket .rtk-sbc i{display:block;width:2px;height:7px;background:rgba(245,230,216,.25)}.memory-ticket .rtk-sc{width:9px;height:9px;border:1px solid rgba(245,230,216,.2);border-radius:50%}

/* Final CTA is intentionally text-only, with a clearer pause before download. */
.final-layout{grid-template-columns:minmax(0,760px);justify-content:start}
.final-copy .button{margin-top:48px}

@media(max-width:699px){
  .hero-preview .phone-shell{grid-template-rows:22px minmax(0,1fr)}
  .app-statusbar{padding-inline:11px;font-size:7px}.hero-preview .phone-speaker{top:3px;height:16px;width:64px}
  .agent-phone.agent-panel{height:520px;border-radius:20px}.agent-panel .agent-messages{padding-top:18px}
  .compact-sphere-stage .flavor-sphere-small{width:min(100%,170px);margin-top:8px}
  .final-copy .button{margin-top:36px}
}

/* Scene 02: three shelves fill one bottle at a time, then reveal the unlocked route. */
.vault-fill-demo{position:relative;min-width:0;padding:17px 14px 14px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#342d28;color:#f8f1e8;box-shadow:0 14px 30px rgba(43,34,28,.16);overflow:hidden;isolation:isolate}
.vault-fill-demo>header{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#d7b18e;font-size:10px;letter-spacing:.08em}.vault-fill-demo>header b{color:#f1d4b4;font:600 10px Georgia,serif}
.vault-shelves{display:grid;gap:8px}.vault-shelf{position:relative;min-height:86px;padding:5px 5px 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:end}
.vault-shelf::before{content:"";position:absolute;inset:0 0 9px;border-radius:13px 13px 4px 4px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.vault-shelf::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:4px;height:10px;border-radius:3px;background:#765741;box-shadow:inset 0 2px rgba(255,255,255,.12),0 4px 7px rgba(17,11,8,.28)}
.vault-shelf figure{position:relative;z-index:1;min-width:0;margin:0;opacity:1;transform:none;display:grid;grid-template-rows:56px auto;justify-items:center;align-items:end;will-change:transform,opacity}
.vault-shelf img{display:block;max-width:48px;width:100%;height:56px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(15,10,7,.28))}.vault-shelf figcaption{width:100%;overflow:hidden;color:#c8bbb0;font-size:6px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.vault-fill-demo.is-playing .vault-shelf figure{animation:vaultBottleEnter 12s cubic-bezier(.22,.82,.24,1) calc(var(--i)*.22s) infinite both}
.vault-unlock{position:absolute;z-index:4;inset:0;padding:22px;background:rgba(43,34,28,.9);opacity:0;pointer-events:none;transform:translateZ(0);display:grid;place-content:center;justify-items:center;text-align:center;backdrop-filter:blur(3px)}
.vault-unlock svg{width:74px;height:74px;margin-bottom:13px;overflow:visible}.vault-unlock circle{fill:rgba(241,212,180,.11);stroke:#f1d4b4;stroke-width:2}.vault-unlock path{fill:none;stroke:#f1d4b4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.vault-unlock strong{font-family:var(--serif);font-size:24px;font-weight:650;letter-spacing:.02em}.vault-unlock span{margin-top:7px;color:#c8bbb0;font-size:9px}
.vault-fill-demo.is-playing .vault-unlock{animation:vaultUnlockReveal 12s cubic-bezier(.22,.82,.24,1) infinite}.vault-fill-demo.is-playing .vault-unlock svg{animation:vaultCheckIn 12s cubic-bezier(.16,1,.3,1) infinite}
@keyframes vaultBottleEnter{0%,5%{opacity:0;transform:translate3d(120%,6px,0) scale(.88)}13%,78%{opacity:1;transform:translate3d(0,0,0) scale(1)}90%,100%{opacity:0;transform:translate3d(0,4px,0) scale(.96)}}
@keyframes vaultUnlockReveal{0%,40%{opacity:0}47%,72%{opacity:1}80%,100%{opacity:0}}
@keyframes vaultCheckIn{0%,42%{opacity:0;transform:scale(.65) rotate(-8deg)}50%,72%{opacity:1;transform:scale(1) rotate(0)}80%,100%{opacity:0;transform:scale(.92)}}

/* Scene 04: a concrete purchase suggestion on the left, unlocked recipes on the right. */
.purchase-demo{padding:16px;background:#f2eadc;color:#4d3d32;display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:13px;align-items:stretch}
.purchase-suggestion,.purchase-recipes{min-width:0;border:1px solid #d9cbbb;border-radius:24px;background:#fffaf3}
.purchase-suggestion{padding:23px 20px;display:grid;grid-template-rows:auto 1fr auto auto;align-items:center}.purchase-kicker{color:#8a6b57;font-size:10px;letter-spacing:.06em}
.purchase-material{min-height:185px;padding-block:10px;display:grid;align-content:center;justify-items:center;text-align:center}.purchase-material img{display:block;width:100%;height:138px;object-fit:contain;mix-blend-mode:multiply}.purchase-material div{margin-top:7px;display:grid;gap:3px}.purchase-material strong{font-family:var(--serif);font-size:22px;font-weight:650}.purchase-material span{color:#9a8372;font-size:7px;letter-spacing:.17em}
.purchase-unlock{padding-top:15px;border-top:1px solid #e3d8ca;display:flex;align-items:baseline;gap:9px}.purchase-unlock strong{color:#687760;font:650 40px/1 Georgia,serif}.purchase-unlock span{font-size:12px;font-weight:750}.purchase-suggestion>p{margin:12px 0 0;color:#786458;font-size:9px;line-height:1.65}
.purchase-recipes{padding:18px 15px}.purchase-recipes>header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;color:#765d4e;font-size:10px}.purchase-recipes>header b{color:#a16e53;font-size:9px}.purchase-recipe-grid{display:grid;gap:9px}
.purchase-recipe-grid article{min-width:0;padding:7px;border:1px solid #e2d8cc;border-radius:16px;background:#fff;display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;box-shadow:0 7px 16px rgba(75,55,42,.06)}
.purchase-recipe-grid article>div{position:relative;grid-row:1/3;width:86px;height:70px;overflow:hidden;border-radius:11px;background:#171a1d}.purchase-recipe-grid img{display:block;width:100%;height:100%;object-fit:cover}.purchase-recipe-grid article>div span{position:absolute;left:5px;top:5px;padding:3px 5px;border-radius:999px;background:#f1f3e9;color:#65715d;font-size:6px;font-weight:750}.purchase-recipe-grid article>strong{align-self:end;overflow:hidden;color:#3e3028;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.purchase-recipe-grid article>small{align-self:start;overflow:hidden;color:#8b786b;font-size:7px;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:699px){
  .vault-fill-demo{padding:10px 8px 8px;border-radius:17px}.vault-fill-demo>header,.vault-fill-demo>header b{font-size:7px}.vault-shelves{gap:4px}.vault-shelf{min-height:66px;padding:3px 3px 11px;gap:2px}.vault-shelf::after{bottom:3px;height:7px}.vault-shelf figure{grid-template-rows:42px auto}.vault-shelf img{max-width:36px;height:42px}.vault-shelf figcaption{font-size:4.5px}.vault-unlock{padding:12px}.vault-unlock svg{width:48px;height:48px;margin-bottom:8px}.vault-unlock strong{font-size:clamp(14px,3.4vw,20px)}.vault-unlock span{font-size:6px}
  .purchase-demo{padding:9px;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:7px}.purchase-suggestion,.purchase-recipes{border-radius:17px}.purchase-suggestion{padding:13px 10px}.purchase-kicker{font-size:6px}.purchase-material{min-height:122px;padding-block:5px}.purchase-material img{height:88px}.purchase-material div{margin-top:4px}.purchase-material strong{font-size:14px}.purchase-material span{font-size:4.5px}.purchase-unlock{padding-top:9px;gap:5px}.purchase-unlock strong{font-size:25px}.purchase-unlock span{font-size:7px}.purchase-suggestion>p{margin-top:7px;font-size:5.5px}.purchase-recipes{padding:11px 8px}.purchase-recipes>header{margin-bottom:7px;font-size:6px}.purchase-recipes>header b{font-size:5.5px}.purchase-recipe-grid{gap:5px}.purchase-recipe-grid article{padding:4px;grid-template-columns:55px minmax(0,1fr);column-gap:6px;border-radius:10px}.purchase-recipe-grid article>div{width:55px;height:47px;border-radius:7px}.purchase-recipe-grid article>div span{left:3px;top:3px;padding:2px 3px;font-size:4px}.purchase-recipe-grid article>strong{font-size:7px}.purchase-recipe-grid article>small{font-size:4.5px}
}
@media(max-width:350px){
  .vault-shelf{min-height:57px}.vault-shelf figure{grid-template-rows:35px auto}.vault-shelf img{height:35px}.vault-shelf figcaption{font-size:4px}
  .purchase-demo{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.purchase-material{min-height:105px}.purchase-material img{height:72px}.purchase-suggestion>p{display:none}.purchase-recipe-grid article{grid-template-columns:46px minmax(0,1fr)}.purchase-recipe-grid article>div{width:46px;height:41px}
}
@media(prefers-reduced-motion:reduce){
  .vault-fill-demo .vault-shelf figure{animation:none;opacity:1;transform:none}.vault-fill-demo .vault-unlock,.vault-fill-demo .vault-unlock svg{animation:none;opacity:1;transform:none}
}

/* Scene 03: one dedicated bartender Agent, five linked capabilities. */
.agent-capability-tabs{order:4;width:min(100%,1080px);margin:0 auto 32px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.agent-capability-tabs::-webkit-scrollbar{display:none}
.agent-capability-tabs button{position:relative;min-width:165px;padding:12px 12px 12px 14px;border:0;border-top:1px solid #ded6cd;background:transparent;color:#77695f;cursor:pointer;display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;text-align:left;scroll-snap-align:start;transition:background .28s cubic-bezier(.16,1,.3,1),color .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}
.agent-capability-tabs button::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:#6e9294;opacity:0;transform:scaleY(.25);transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.agent-capability-tabs button>span:first-child{padding-top:2px;color:#ad8f7f;font:600 9px/1 Georgia,serif;letter-spacing:.08em}
.agent-capability-tabs button>span:last-child{min-width:0;display:grid;gap:3px}
.agent-capability-tabs strong{color:#51463f;font-size:11px;line-height:1.3}.agent-capability-tabs small{overflow:hidden;color:#95877c;font-size:7px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.agent-capability-tabs button.is-active{background:#edf1ef;color:#334a48;transform:translate3d(3px,0,0)}
.agent-capability-tabs button.is-active::before{opacity:1;transform:scaleY(1)}
.agent-capability-tabs button.is-active>span:first-child,.agent-capability-tabs button.is-active strong{color:#3f6967}
.agent-capability-tabs button:active{transform:translate3d(3px,1px,0) scale(.99)}

.agent-case-meta{min-height:54px;padding:0 18px;border-bottom:1px solid #e1ddd7;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.agent-case-meta span{color:#7c7169;font-size:9px;letter-spacing:.08em}.agent-case-meta strong{color:#496c69;font-size:11px}
.agent-panel .agent-messages{padding:22px 18px 26px;background:#f4f7fb}
.agent-panel .agent-user{font-size:11px}.agent-panel .agent-loading p{max-width:none}.agent-panel .agent-reply>div{font-size:10px;line-height:1.75}
.agent-panel .agent-composer{background:#fff}
.agent-action-chips button{transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease}
.agent-action-chips button.is-active{border-color:#94aaa5;background:#eef3f0;color:#41665f}
.agent-action-chips button:active{transform:translateY(1px) scale(.98)}
.agent-action-chips svg{stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.agent-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:560px){
  .story-chat .story-copy{align-self:center}.story-chat .story-copy>p{margin-bottom:0}
  .story-chat .agent-capability-tabs{width:auto;margin:28px 0 0;display:grid;gap:0;overflow:visible;scroll-snap-type:none}
  .story-chat .agent-capability-tabs button{min-width:0;width:100%;padding-block:11px}
  .story-chat .agent-capability-tabs strong{font-size:12px}.story-chat .agent-capability-tabs small{font-size:8px}
}

@media(max-width:559px){
  .story-chat .agent-capability-tabs{margin-top:-18px}
  .story-chat .story-visual{order:5}
}

@media(max-width:699px){
  .agent-phone.agent-panel{height:500px}
  .agent-case-meta{min-height:39px;padding-inline:11px}.agent-case-meta span{font-size:6px}.agent-case-meta strong{font-size:7px}
  .agent-panel .agent-messages{padding:14px 10px 16px;gap:9px}.agent-panel .agent-user{padding:8px 9px;font-size:7px}.agent-panel .agent-loading,.agent-panel .agent-reply{grid-template-columns:23px 1fr;gap:6px}.agent-panel .agent-loading>img,.agent-panel .agent-reply>img{width:23px;height:23px}.agent-panel .agent-loading>div,.agent-panel .agent-reply>div{padding:8px 9px}.agent-panel .agent-loading p{font-size:6px}.agent-panel .agent-reply>div{font-size:6.5px;line-height:1.65}
}

@media(prefers-reduced-motion:reduce){
  .agent-capability-tabs button{transition:none}.agent-typing-output.is-typing::after{animation:none}
}

/* Scene 03 · three continuous multi-turn Agent workflows. */
.agent-thread-panel.agent-phone{height:720px;background:#f4f7fb}
.agent-thread-panel.agent-sequenced .agent-thread-user,
.agent-thread-panel.agent-sequenced .agent-thread-loading,
.agent-thread-panel.agent-sequenced .agent-thread-reply{opacity:1;transform:none}
.agent-thread-panel .agent-thread{padding:16px 14px 24px;gap:12px;overscroll-behavior:contain}
.agent-thread-intro{padding:9px 11px;border:1px solid #dfe5e9;border-radius:14px;background:#fff;color:#6f777d;display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;font-size:8px;line-height:1.55}
.agent-thread-intro img{width:26px;height:26px;border-radius:8px}
.agent-thread-panel .agent-thread-user{max-width:82%;padding:10px 13px;border-radius:17px 17px 5px 17px;background:#303337;font-size:10px;line-height:1.55;box-shadow:0 5px 12px rgba(37,39,42,.1)}
.agent-thread-panel .agent-thread-loading,.agent-thread-panel .agent-thread-reply{max-width:100%;width:100%;grid-template-columns:27px minmax(0,1fr);gap:7px}
.agent-thread-panel .agent-thread-loading>img,.agent-thread-panel .agent-thread-reply>img{width:27px;height:27px;border-radius:9px}
.agent-thread-panel .agent-thread-loading>div,.agent-thread-panel .agent-thread-reply>div{min-width:0;padding:10px;border-color:#dfe3e6;border-radius:16px 16px 16px 5px;box-shadow:0 5px 15px rgba(49,55,61,.045)}
.agent-thread-panel .agent-thread-loading p{font-size:7px}
.agent-thread-panel .agent-thread-reply>div{font-size:9px;line-height:1.7}
.agent-thread-panel .agent-thread-reply .agent-copy-type{margin:0;white-space:pre-line}
.agent-copy-type.is-typing::after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;background:currentColor;vertical-align:-.12em;animation:typingCaret .75s steps(1,end) infinite}
.agent-structured-content{margin-top:9px;opacity:0;transform:translate3d(0,7px,0);transition:opacity .32s ease,transform .32s cubic-bezier(.16,1,.3,1)}
.agent-structured-content.is-visible{opacity:1;transform:none}

.agent-recommendation-card{min-width:0}
.agent-recommend-hero{min-width:0;margin-bottom:7px;border:1px solid #ece8e3;border-radius:14px;background:#fff;overflow:hidden;display:grid;grid-template-columns:116px minmax(0,1fr);box-shadow:0 3px 9px rgba(45,38,32,.05)}
.agent-recommend-hero figure{position:relative;min-height:116px;margin:0;background:#f2f0ed;overflow:hidden}
.agent-recommend-hero figure>img{width:100%;height:100%;object-fit:cover;display:block}
.agent-recommend-hero figure>span{position:absolute;left:6px;top:6px;padding:3px 7px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.9);color:#4b3c31;font-size:6px;font-weight:750}
.agent-recommend-hero figure>button,.agent-mini-recipes article>button{position:absolute;z-index:2;right:6px;top:6px;width:23px;height:23px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.88);color:#4e3f34;display:grid;place-items:center}
.agent-recommend-hero figure>button svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.agent-recommend-hero>div{padding:11px 12px;display:grid;align-content:center}
.agent-recommend-hero h4{margin:0 0 2px;font-family:var(--serif);font-size:16px;font-weight:650}
.agent-recommend-hero>div>p{margin:0 0 6px;color:#8d8178;font-size:7px}
.agent-recipe-tags{display:flex;gap:4px;margin-bottom:7px}.agent-recipe-tags span{padding:2px 7px;border-radius:999px;background:#f9eadc;color:#a26745;font-size:6px}
.agent-recommend-hero small{color:#726860;font-size:7px;line-height:1.55}
.agent-note-card{position:relative;margin:0 3px 9px;padding:9px 48px 9px 11px;border:1px solid #eadcc9;background:#fff7e9;color:#655045;transform:rotate(-.35deg)}
.agent-note-card p{margin:0!important;font-family:var(--serif);font-size:8px!important;line-height:1.55}
.agent-note-card>span{position:absolute;right:9px;top:50%;width:34px;height:34px;border:1px solid #bb7857;border-radius:50%;transform:translateY(-50%) rotate(6deg);display:grid;place-content:center;color:#a96143;font-size:5px;line-height:1.1;text-align:center}
.agent-more-label{margin:8px 0 6px;display:flex;align-items:center;justify-content:space-between}.agent-more-label span{font-weight:750}.agent-more-label b{color:#9b938c;font-size:5.5px;font-weight:500}
.agent-mini-recipes{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;scroll-snap-type:x proximity}.agent-mini-recipes::-webkit-scrollbar{display:none}
.agent-mini-recipes article{position:relative;min-width:88px;padding:5px;border:1px solid #e9e5e0;border-radius:11px;background:#fff;display:grid;gap:3px;scroll-snap-align:start}
.agent-mini-recipes article>button{right:4px;top:4px;width:19px;height:19px;border:0;font-size:10px}
.agent-mini-recipes img{width:100%;height:62px;border-radius:7px;background:#17191c;object-fit:cover}
.agent-mini-recipes strong{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.agent-mini-recipes small{color:#999;font-size:5.5px}
.agent-change-batch{margin-top:6px;padding:0;border:0;background:transparent;color:#6e655f;display:flex;align-items:center;gap:4px;font-size:7px}.agent-change-batch svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}

.agent-purchase-checklist,.agent-inventory-card{overflow:hidden;border:1px solid #e4ded7;border-radius:14px;background:#fffaf4}
.agent-purchase-checklist>header,.agent-inventory-card>header{padding:8px 10px;border-bottom:1px solid #eadfd4;display:flex;justify-content:space-between;gap:10px}.agent-purchase-checklist>header span,.agent-inventory-card>header span{font-weight:750}.agent-purchase-checklist>header b,.agent-inventory-card>header b{color:#a46c4d;font-size:6px}
.agent-purchase-checklist>article{padding:8px 10px;border-bottom:1px solid #eee7df;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}.agent-purchase-checklist>article>span{width:28px;height:34px;border-radius:8px;background:#f0ece6;display:grid;place-items:center}.agent-check-icon svg{width:17px;fill:none;stroke:#69816a;stroke-width:2}.agent-bottle-symbol svg{width:14px;height:25px;fill:#806b5d;stroke:#5f4a3e;stroke-width:1}
.agent-purchase-checklist article div{display:grid;gap:2px}.agent-purchase-checklist article strong{font-size:8px}.agent-purchase-checklist article small{color:#91877e;font-size:6px}.agent-purchase-checklist article em{color:#bb7049;font-size:6px;font-style:normal}.agent-purchase-checklist article.is-owned em{color:#6b8069}
.agent-purchase-checklist>button,.agent-inventory-card>button{width:calc(100% - 20px);height:31px;margin:9px 10px;border:0;border-radius:999px;background:#3b302a;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:7px;font-weight:700}.agent-purchase-checklist>button svg,.agent-inventory-card>button svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.agent-tool-confirm{max-width:calc(100% - 34px);margin-left:34px;padding:9px 10px;border:1px solid #cddfce;border-radius:13px;background:#f0f6ef;color:#405340;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;animation:agentConfirmIn .35s cubic-bezier(.16,1,.3,1) both}.agent-tool-confirm>span{width:28px;height:28px;border-radius:50%;background:#dfeede;display:grid;place-items:center}.agent-tool-confirm svg{width:20px;fill:none;stroke:#5f7c60;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.agent-tool-confirm div{display:grid;gap:2px}.agent-tool-confirm strong{font-size:8px}.agent-tool-confirm small{color:#738172;font-size:6px}
@keyframes agentConfirmIn{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}

.agent-rich-answer{margin-top:7px;color:#514840;font-size:7.5px;line-height:1.72}.agent-rich-answer ul,.agent-rich-answer ol{margin:0!important;padding:0!important;list-style:none;display:grid;gap:7px;counter-reset:agent-answer}.agent-rich-answer li{position:relative;margin:0!important;padding-left:17px;counter-increment:agent-answer}.agent-rich-answer li::before{content:counter(agent-answer,decimal-leading-zero);position:absolute;left:0;top:.1em;color:#a46c4d;font:700 6px/1.8 Arial,sans-serif;letter-spacing:.02em}.agent-rich-answer strong{color:#2f2925;font-weight:800}.agent-rich-answer p{margin:8px 0 0!important;padding-top:8px;border-top:1px solid #e7dfd7;color:#61564e}

.agent-inventory-grid{padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.agent-inventory-grid article{min-width:0;padding:6px 4px;border:1px solid #ece5dc;border-radius:10px;background:#fff;display:grid;justify-items:center;text-align:center}.agent-inventory-grid img{width:100%;height:54px;object-fit:contain}.agent-inventory-grid strong{max-width:100%;overflow:hidden;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.agent-inventory-grid small{color:#9c9188;font-size:5.5px}
.agent-inventory-summary{padding:9px;border:1px solid #dce5dc;border-radius:13px;background:#f2f6f1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.agent-inventory-summary div{padding:6px 3px;border-right:1px solid #d8e1d7;display:grid;justify-items:center}.agent-inventory-summary div:last-child{border-right:0}.agent-inventory-summary strong{color:#5b705c;font:650 17px/1 Georgia,serif}.agent-inventory-summary span{margin-top:3px;color:#7d8a7d;font-size:5.5px}

@media(min-width:560px){
  .story-chat .agent-flow-tabs button{padding-block:15px}
  .story-chat .agent-flow-tabs strong{font-size:13px}.story-chat .agent-flow-tabs small{font-size:8.5px}
}
@media(max-width:699px){
  .agent-thread-panel.agent-phone{height:550px}
  .agent-thread-panel .agent-thread{padding:10px 8px 14px;gap:7px}
  .agent-thread-intro{padding:6px 7px;grid-template-columns:19px 1fr;gap:5px;font-size:5.5px}.agent-thread-intro img{width:19px;height:19px;border-radius:6px}
  .agent-thread-panel .agent-thread-user{padding:7px 8px;font-size:6.5px}
  .agent-thread-panel .agent-thread-loading,.agent-thread-panel .agent-thread-reply{grid-template-columns:20px minmax(0,1fr);gap:5px}.agent-thread-panel .agent-thread-loading>img,.agent-thread-panel .agent-thread-reply>img{width:20px;height:20px;border-radius:6px}.agent-thread-panel .agent-thread-loading>div,.agent-thread-panel .agent-thread-reply>div{padding:7px}.agent-thread-panel .agent-thread-loading p{font-size:5px}.agent-thread-panel .agent-thread-reply>div{font-size:6px}.agent-structured-content{margin-top:6px}
  .agent-recommend-hero{grid-template-columns:78px minmax(0,1fr);border-radius:10px}.agent-recommend-hero figure{min-height:78px}.agent-recommend-hero figure>span{left:4px;top:4px;padding:2px 4px;font-size:4px}.agent-recommend-hero figure>button{right:4px;top:4px;width:16px;height:16px}.agent-recommend-hero figure>button svg{width:8px}.agent-recommend-hero>div{padding:7px}.agent-recommend-hero h4{font-size:10px}.agent-recommend-hero>div>p{margin-bottom:4px;font-size:4.5px}.agent-recipe-tags{gap:2px;margin-bottom:4px}.agent-recipe-tags span{padding:1px 4px;font-size:4px}.agent-recommend-hero small{font-size:4.5px}.agent-note-card{margin-bottom:5px;padding:6px 34px 6px 7px}.agent-note-card p{font-size:5px!important}.agent-note-card>span{right:6px;width:24px;height:24px;font-size:3.5px}.agent-more-label{margin:5px 0 3px}.agent-more-label b{font-size:4px}.agent-mini-recipes{gap:4px}.agent-mini-recipes article{min-width:61px;padding:3px;border-radius:7px}.agent-mini-recipes img{height:42px;border-radius:5px}.agent-mini-recipes strong{font-size:4.5px}.agent-mini-recipes small{font-size:3.6px}.agent-mini-recipes article>button{right:2px;top:2px;width:13px;height:13px;font-size:7px}.agent-change-batch{margin-top:4px;font-size:4.5px}.agent-change-batch svg{width:8px}
  .agent-purchase-checklist,.agent-inventory-card{border-radius:9px}.agent-purchase-checklist>header,.agent-inventory-card>header{padding:5px 6px}.agent-purchase-checklist>header b,.agent-inventory-card>header b{font-size:4px}.agent-purchase-checklist>article{padding:5px 6px;grid-template-columns:20px minmax(0,1fr) auto;gap:5px}.agent-purchase-checklist>article>span{width:20px;height:24px;border-radius:5px}.agent-check-icon svg{width:12px}.agent-bottle-symbol svg{width:10px;height:18px}.agent-purchase-checklist article strong{font-size:5px}.agent-purchase-checklist article small,.agent-purchase-checklist article em{font-size:4px}.agent-purchase-checklist>button,.agent-inventory-card>button{width:calc(100% - 12px);height:22px;margin:6px;font-size:4.5px}.agent-purchase-checklist>button svg,.agent-inventory-card>button svg{width:9px}.agent-tool-confirm{max-width:calc(100% - 25px);margin-left:25px;padding:6px;grid-template-columns:20px 1fr;gap:5px}.agent-tool-confirm>span{width:20px;height:20px}.agent-tool-confirm svg{width:14px}.agent-tool-confirm strong{font-size:5px}.agent-tool-confirm small{font-size:4px}
  .agent-rich-answer{margin-top:4px;font-size:4.8px;line-height:1.65}.agent-rich-answer ul,.agent-rich-answer ol{gap:4px}.agent-rich-answer li{padding-left:12px}.agent-rich-answer li::before{font-size:3.8px}.agent-rich-answer p{margin-top:5px!important;padding-top:5px}.agent-inventory-grid{padding:5px;gap:4px}.agent-inventory-grid article{padding:4px 2px;border-radius:6px}.agent-inventory-grid img{height:37px}.agent-inventory-grid strong{font-size:4.2px}.agent-inventory-grid small{font-size:3.5px}.agent-inventory-summary{padding:5px;gap:3px}.agent-inventory-summary div{padding:4px 2px}.agent-inventory-summary strong{font-size:11px}.agent-inventory-summary span{font-size:3.5px}
}
@media(prefers-reduced-motion:reduce){
  .agent-structured-content{opacity:1;transform:none;transition:none}.agent-tool-confirm{animation:none}.agent-copy-type.is-typing::after{display:none}
}

/* Keep Android as the primary download; other devices enter the web app. */
.version-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.version-actions .button{min-height:48px}
.button-other-version{border:1px solid currentColor;background:transparent;color:var(--coffee);box-shadow:none}
.button-other-version:hover{background:var(--sand)}
.hero-copy .web-version-note,.final-copy .web-version-note{margin:14px 0 0;color:var(--muted);font:12px/1.8 var(--body)}
.final-copy .version-actions{margin-top:48px}
.final-copy .version-actions .button{margin-top:0}
.final-copy .button-other-version{color:var(--cream);border-color:#a19082}
.final-copy .button-other-version:hover{background:rgba(255,253,248,.08)}
.final-copy .web-version-note{color:#d2c3b3}
.mobile-download-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.mobile-download-actions>a{min-width:72px;min-height:48px;padding:7px 12px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:700 11px/1.25 var(--body)}
.mobile-download-actions>.js-download{background:var(--peach);color:var(--ink)}
.mobile-download-actions>.mobile-other-version{flex-direction:column;gap:3px;border-color:#a19082;color:var(--cream)}
.mobile-other-version span{font-size:9px;font-weight:400;color:#d2c3b3}
.version-actions a:focus-visible,.mobile-download-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:699px){
  .final-copy .version-actions{margin-top:36px}
  .mobile-download-bar{gap:8px}
}