html.is-ai-story-theme{background:color-mix(in srgb,var(--lavender)58%,var(--paper))}.ai-story{padding:0 3rem 10rem}@media (min-width:768px) and (max-width:1279px){.ai-story{padding-left:2rem;padding-right:2rem}}.ai-story-frame{position:relative;overflow:hidden;isolation:isolate;max-width:1100px;min-height:clamp(620px,58vw,800px);margin:0 auto}.ai-story-scene{position:absolute;inset:0}.ai-story-character{position:absolute;z-index:3;transform-origin:50% 100%;aspect-ratio:1;will-change:left,transform;width:min(42%,500px);transition:left .8s cubic-bezier(.16,1,.3,1),width .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),scale .55s cubic-bezier(.16,1,.3,1);bottom:0;left:54%;transform:translate(-50%)}.ai-story-girl{position:absolute;display:block;object-fit:contain;width:100%;height:100%;transition:opacity .35s,transform .6s;inset:0}.ai-story-girl-questioning,.ai-story-girl-celebrating{opacity:0}.ai-story-girl-texting,.ai-story[data-story-step="0"] .ai-story-girl-questioning{opacity:1}.ai-story[data-story-step="0"] .ai-story-girl-texting,.ai-story[data-story-step="4"] .ai-story-girl-texting{opacity:0;transform:translateY(14px)}.ai-story[data-story-step="4"] .ai-story-girl-celebrating{opacity:1}.ai-story:not([data-story-step="0"]) .ai-story-character{width:min(38%,440px);left:5%;transform:translate(0)}.ai-story[data-story-step="4"] .ai-story-character{animation:story-happy-bob .72s ease both}.ai-story[data-story-focus=girl] .ai-story-character{scale:1.1}.ai-story-speech{position:absolute;z-index:5;display:grid;border:1px solid color-mix(in srgb,var(--ink)10%,transparent);background:var(--white);box-shadow:0 22px 50px color-mix(in srgb,var(--ink)12%,transparent);text-align:center;border-radius:24px;place-items: center;width:min(31%,420px);min-height:108px;padding:1.35rem 1.65rem;transition:left .8s cubic-bezier(.16,1,.3,1),width .8s cubic-bezier(.16,1,.3,1),opacity .4s,scale .55s cubic-bezier(.16,1,.3,1);top:8%;left:4%;scale:1}.ai-story[data-story-focus=girl] .ai-story-speech{scale:1.04}.ai-story-speech:after{position:absolute;border-right:1px solid color-mix(in srgb,var(--ink)10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink)10%,transparent);background:var(--white);content:"";width:30px;height:30px;bottom:-14px;right:21%;transform:rotate(45deg)}.ai-story[data-story-step="0"] .ai-story-speech{width:min(32%,440px);left:14%}.ai-story-speech-line{grid-area:1/1;opacity:0;transition:opacity .25s,transform .25s;font-size:clamp(1.05rem,1.55vw,1.4rem);font-weight:600;line-height:1.25;transform:translateY(8px)}.ai-story[data-story-step="0"] [data-story-copy="0"],.ai-story[data-story-step="1"] [data-story-copy="1"],.ai-story[data-story-step="2"] [data-story-copy="2"],.ai-story[data-story-step="3"] [data-story-copy="3"],.ai-story[data-story-step="4"] [data-story-copy="4"]{opacity:1;transform:translateY(0)}.ai-story-phone{position:absolute;z-index:4;aspect-ratio:9/18.5;border:3px solid var(--ink);background:var(--ink);box-shadow:0 36px 70px color-mix(in srgb,var(--ink)22%,transparent);opacity:1;transform-origin:center;will-change:transform,opacity;border-radius:42px;height:78%;padding:12px;transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1),scale .55s cubic-bezier(.16,1,.3,1);top:8%;right:5%;transform:rotate(1.5deg)}.ai-story[data-story-focus=phone] .ai-story-phone{scale:1.055}.ai-story[data-story-step="0"] .ai-story-phone{opacity:0;transform:translate(125%)rotate(8deg)}.ai-story-phone:before{position:absolute;z-index:2;background:var(--ink);content:"";border-radius:999px;width:29%;height:18px;top:19px;left:50%;transform:translate(-50%)}.ai-story-phone-screen{display:flex;overflow:hidden;background:var(--white);border-radius:31px;flex-direction:column;height:100%}.ai-story-phone-handle{display:block;background:var(--line);border-radius:999px;flex:none;width:34px;height:4px;margin:2.5rem auto .55rem}.ai-story-phone-header{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;gap:.6rem;padding:0 1rem .7rem}.ai-story-phone-eyebrow{display:block;color:color-mix(in srgb,var(--ink)55%,transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;font-weight:700}.ai-story-phone-header strong{display:block;letter-spacing:-.02em;margin-top:.12rem;font-size:.95rem}.ai-story-phone-close{display:grid;border:1px solid var(--line);border-radius:50%;flex:0 0 30px;place-items: center;width:30px;height:30px}.ai-story-phone-close svg,.ai-story-phone-send svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:14px}.ai-story-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ai-story-chips span{border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.38rem .62rem;font-size:.66rem;line-height:1.3}.ai-story-thread:has(.ai-story-message-guest.is-visible) .ai-story-chips{display:none}.ai-story-phone-followup{display:flex;border-top:1px solid var(--line);contain:inline-size;flex:none;gap:.45rem;padding:.55rem .8rem .8rem}.ai-story-phone-input{display:flex;overflow:hidden;border:1px solid var(--line);background:var(--paper);color:color-mix(in srgb,var(--ink)48%,transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;flex:1;align-items: center;min-width:0;height:38px;padding:0 .8rem;font-size:.7rem}.ai-story-phone-send{display:grid;background:var(--ink);color:var(--white);border-radius:12px;flex:0 0 38px;place-items: center;width:38px;height:38px}.ai-story-phone-send svg{width:16px}.ai-story-thread{display:flex;overflow:hidden;flex-direction:column;flex:1;gap:.55rem;min-height:0;padding:1rem}.ai-story-message{opacity:0;border-radius:16px;max-width:86%;padding:.68rem .82rem;transition:opacity .28s,transform .35s cubic-bezier(.16,1,.3,1);font-size:clamp(.68rem,.9vw,.82rem);line-height:1.4;transform:translateY(12px)scale(.97)}.ai-story-message.is-visible{opacity:1;transform:translateY(0)scale(1)}.ai-story-item{display:grid;grid-template-columns:56px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);background:var(--white);box-shadow:0 8px 24px color-mix(in srgb,var(--ink)7%,transparent);opacity:0;border-radius:14px;flex:none;align-self: flex-start;width:min(88%,320px);transition:opacity .28s,transform .35s cubic-bezier(.16,1,.3,1);transform:translateY(12px)scale(.97)}.ai-story-item.is-visible{opacity:1;transform:translateY(0)scale(1)}.ai-story-item-media{position:relative;background:var(--lime);min-height:100%}.ai-story-item-media:after{content:"";position:absolute;background:#ffffffb8;border-radius:50%;width:26px;height:26px;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-story-item-body{display:grid;gap:3px;padding:.5rem .65rem}.ai-story-item-category{color:color-mix(in srgb,var(--ink)55%,transparent);letter-spacing:.07em;text-transform:uppercase;font-size:.5rem;font-weight:750}.ai-story-item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.ai-story-item-name{font-size:.7rem;font-weight:600;line-height:1.25}.ai-story-item-price{white-space:nowrap;flex:none;font-size:.62rem;font-weight:750}.ai-story-item-description{color:color-mix(in srgb,var(--ink)60%,transparent);font-size:.58rem;line-height:1.35}.ai-story-item-badges{display:flex;gap:4px;padding-top:1px}.ai-story-item-badges span{background:color-mix(in srgb,var(--ink)10%,transparent);border-radius:999px;padding:2px 6px;font-size:.5rem;font-weight:750}.ai-story[data-story-step="2"] .ai-story-message.is-visible,.ai-story[data-story-step="2"] .ai-story-item.is-visible{transform:translateY(-35px)scale(1)}.ai-story[data-story-step="3"] .ai-story-message.is-visible,.ai-story[data-story-step="3"] .ai-story-item.is-visible,.ai-story[data-story-step="4"] .ai-story-message.is-visible,.ai-story[data-story-step="4"] .ai-story-item.is-visible{transform:translateY(-150px)scale(1)}.ai-story-message-guest{background:var(--ink);color:var(--white);border-bottom-right-radius:4px;align-self: flex-end}.ai-story-message-ai{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-bottom-left-radius:4px;align-self: flex-start}.ai-story-speech-line.is-typing:after,.ai-story-message.is-typing:after{content:"|";animation:story-type-caret .7s steps(1)infinite}.ai-story-controls{position:absolute;z-index:8;display:flex;align-items: center;gap:.75rem;bottom:1.25rem;right:1.25rem}.ai-story-progress{display:flex;backdrop-filter:blur(8px);background:#ffffffbd;border-radius:999px;gap:.32rem;padding:.65rem .75rem}.ai-story-progress span{background:color-mix(in srgb,var(--ink)22%,transparent);border-radius:50%;width:7px;height:7px;transition:width .2s,background-color .2s}.ai-story-progress span.is-current{background:var(--ink);border-radius:999px;width:22px}.ai-story-control{background:var(--ink);color:var(--white);cursor:pointer;border:0;border-radius:999px;min-width:116px;padding:.8rem 1rem;font-size:.82rem;font-weight:600}.ai-story-control:hover{transform:translateY(-1px)}.ai-story-control:focus-visible{outline:3px solid var(--white);outline-offset:3px}.ai-story-confetti{position:absolute;z-index:7;pointer-events:none;inset:0}.ai-story-confetti span{position:absolute;top:var(--confetti-y);left:var(--confetti-x);background:var(--confetti-color);opacity:0;transform:translateY(20px)rotate(var(--confetti-rotate))scale(.5);border-radius:999px;width:12px;height:24px;transition:opacity .3s,transform .65s cubic-bezier(.16,1,.3,1)}.ai-story[data-story-step="4"] .ai-story-confetti span{animation:story-confetti-pop 2.4s ease forwards}.ai-story[data-story-step="4"] .ai-story-confetti span:nth-child(2n){animation-delay:.1s}@keyframes story-confetti-pop{0%{opacity:0;transform:translateY(20px)rotate(var(--confetti-rotate))scale(.5)}16%{opacity:1;transform:translateY(0)rotate(var(--confetti-rotate))scale(1)}68%{opacity:1}to{opacity:0;transform:translateY(-16px)rotate(var(--confetti-rotate))scale(.9)}}.ai-story-transcript{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}@keyframes story-happy-bob{0%,to{transform:translate(0)translateY(0)}45%{transform:translate(0)translateY(-18px)rotate(-2deg)}}@keyframes story-type-caret{50%{opacity:0}}@media (max-width:1080px){.ai-story-character{width:min(45%,430px)}.ai-story:not([data-story-step="0"]) .ai-story-character{width:min(41%,400px)}}@media (max-width:720px){.ai-story{padding:0 1.25rem 7rem}.ai-story-frame{min-height:720px}.ai-story-character{width:min(86%,390px);bottom:3.75rem;left:54%}.ai-story:not([data-story-step="0"]) .ai-story-character{width:min(59%,250px);bottom:23%;left:-6%}.ai-story-speech{border-radius:20px;width:48%;min-height:92px;padding:1rem;top:12%;left:4%}.ai-story[data-story-step="0"] .ai-story-speech{width:79%;top:12%;left:7%}.ai-story:not([data-story-step="0"]) .ai-story-speech{text-align:left;place-items: center start;width:auto;min-height:92px;padding:1rem 1.15rem;inset:auto 4% 4.8rem}.ai-story:not([data-story-step="0"]) .ai-story-speech:after{display:none}.ai-story[data-story-focus=phone]:not([data-story-step="0"]) .ai-story-speech{opacity:.76;scale:.98}.ai-story[data-story-focus=girl] .ai-story-character{z-index:6}.ai-story[data-story-focus=girl] .ai-story-speech{z-index:7}.ai-story[data-story-focus=phone]:not([data-story-step="0"]) .ai-story-speech{z-index:3}.ai-story-speech-line{font-size:1rem}.ai-story-speech:after{width:24px;height:24px;bottom:-11px;right:19%}.ai-story-phone{aspect-ratio:9/20.5;border-width:2px;border-radius:34px;height:70%;padding:8px;top:9%;right:3%}.ai-story-item{grid-template-columns:44px minmax(0,1fr);width:96%}.ai-story-item-body{gap:2px;padding:.45rem .55rem}.ai-story-item-heading{gap:.4rem}.ai-story[data-story-focus=girl] .ai-story-character{scale:1.08}.ai-story[data-story-focus=phone] .ai-story-phone{scale:1.025}.ai-story-phone-screen{border-radius:26px}.ai-story-phone:before{height:14px;top:14px}.ai-story-phone-handle{margin:1.9rem auto .45rem}.ai-story-phone-header{padding:0 .8rem .55rem}.ai-story-phone-header strong{font-size:.8rem}.ai-story-phone-eyebrow{font-size:.52rem}.ai-story-phone-close{flex-basis:26px;width:26px;height:26px}.ai-story-chips span{font-size:.6rem}.ai-story-phone-followup{gap:.35rem;padding:.45rem .6rem .6rem}.ai-story-phone-input{height:32px;padding:0 .6rem;font-size:.62rem}.ai-story-phone-send{flex-basis:32px;width:32px;height:32px}.ai-story-phone-send svg{width:14px}.ai-story-thread{gap:.42rem;padding:.75rem}.ai-story-message{padding:.55rem .68rem;font-size:.68rem}.ai-story[data-story-step="2"] .ai-story-message.is-visible,.ai-story[data-story-step="2"] .ai-story-item.is-visible{transform:translateY(-80px)scale(1)}.ai-story[data-story-step="3"] .ai-story-message.is-visible,.ai-story[data-story-step="3"] .ai-story-item.is-visible,.ai-story[data-story-step="4"] .ai-story-message.is-visible,.ai-story[data-story-step="4"] .ai-story-item.is-visible{transform:translateY(-190px)scale(1)}.ai-story-controls{gap:.45rem;bottom:.85rem;right:.85rem}.ai-story-progress{padding:.55rem .6rem}.ai-story-control{min-width:104px;padding:.72rem .8rem;font-size:.76rem}}@media (min-width:721px) and (max-width:767px){.ai-story{padding-left:1.25rem;padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){.ai-story-character,.ai-story-girl,.ai-story-phone,.ai-story-speech,.ai-story-speech-line,.ai-story-message,.ai-story-item,.ai-story-confetti span{transition:none!important}.ai-story-confetti span{animation:none!important}}