@layer components{.preview-surface{--paper:var(--color-paper);--ink:var(--color-ink);--muted:var(--color-ink-soft);--accent:var(--color-story-copper);--line:var(--color-line);--forest:var(--color-story-forest);--serif:var(--font-display);--sans:var(--font-sans)}.preview-surface *{box-sizing:border-box}.preview-surface{margin:0}.preview-surface a{color:inherit}.preview-surface button,.preview-surface input,.preview-surface select{font:inherit}.preview-surface button,.preview-surface a{-webkit-tap-highlight-color:transparent}.preview-surface button{cursor:pointer}.preview-surface a:focus-visible,.preview-surface button:focus-visible,.preview-surface input:focus-visible,.preview-surface select:focus-visible{outline:3px solid var(--color-story-15);outline-offset:4px}.preview-surface a,.preview-surface button{touch-action:manipulation}.preview-surface .skip{position:absolute;top:-100px}.preview-surface .skip:focus{z-index:20;background:#fff;padding:15px;top:10px;left:10px}.preview-surface .header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1500px;margin:auto;padding:22px 5%;display:flex}.preview-surface .brand{white-space:nowrap;font:650 26px var(--serif);align-items:center;gap:10px;text-decoration:none;display:flex}.preview-surface .logo{background:var(--accent);color:var(--color-story-88);border-radius:12px 12px 12px 3px;place-items:center;width:35px;height:35px;padding-top:6px;font:700 38px/1 Georgia;display:grid}.preview-surface .logo.small{flex-shrink:0;width:32px;height:32px;font-size:30px}.preview-surface .header nav{align-items:center;gap:30px;font-size:14px;display:flex}.preview-surface .header nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.preview-surface .header nav a:hover{text-underline-offset:5px;text-decoration:underline}.preview-surface .nav-cta{border:1px solid var(--line);border-radius:6px;padding:12px 17px}.preview-surface .hero{grid-template-columns:.95fr 1.15fr;align-items:center;gap:5%;max-width:1500px;margin:auto;padding:65px 5% 55px;display:grid}.preview-surface .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 22px;font-size:12px;font-weight:650;line-height:1.6}.preview-surface h1{font:550 clamp(43px,4.55vw,69px)/1.1 var(--serif);letter-spacing:-.045em;margin:0}.preview-surface h1 em{color:var(--accent);font-weight:500}.preview-surface .lead{max-width:465px;margin:26px 0;font-size:18px;line-height:1.6}.preview-surface .actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.preview-surface .primary{background:var(--accent);color:var(--color-story-88);border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:17px 20px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.preview-surface .primary:hover{background:var(--color-story-42)}.preview-surface .secondary{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.preview-surface .assurance{color:var(--muted);margin:16px 0;font-size:13px;line-height:1.5}.preview-surface .intro-note{align-items:center;gap:15px;margin-top:42px;font-size:15px;line-height:1.5;display:flex}.preview-surface .intro-note p{color:var(--muted);margin:0}.preview-surface .intro-note strong{color:var(--ink);font-weight:500}.preview-surface .note-line{background:var(--accent);width:2px;height:40px}.preview-surface .visual{perspective:1600px;min-width:0}.preview-surface .visual-label{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.preview-surface .visual-label button{min-height:44px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;font-size:12px;text-decoration:underline}.preview-surface .stage{height:475px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;position:relative}.preview-surface .catalog-window{border:1px solid var(--color-story-53);background:var(--color-story-78);box-shadow:0 18px 40px var(--color-story-12);border-radius:12px;position:absolute;inset:40px 28px 38px 3px;overflow:hidden;transform:rotateY(-7deg)rotate(-5deg)}.preview-surface .window-top{border-bottom:1px solid var(--color-story-53);justify-content:space-between;align-items:center;padding:17px 21px;display:flex}.preview-surface .window-top b{font:600 22px var(--serif)}.preview-surface .window-top span{letter-spacing:.1em;font-size:10px}.preview-surface .window-&{padding:16px 24px}.preview-surface .window-body p{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.preview-surface .window-body>strong{font:450 38px/1.1 var(--serif)}.preview-surface .back-bikes{gap:12px;margin-top:18px;display:flex}.preview-surface .back-bikes img{object-fit:contain;background:#fff;border-radius:5px;width:45%;height:110px}.preview-surface .floating-question{background:var(--forest);color:var(--color-story-88);box-shadow:0 12px 25px var(--color-story-14);border-radius:13px 13px 2px;align-items:center;gap:12px;padding:16px 22px;font-size:16px;line-height:1.5;display:flex;position:absolute;top:14px;right:0;transform:translateZ(45px)}.preview-surface .avatar{border:1px solid var(--color-story-41);width:33px;height:33px;font:20px var(--serif);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.preview-surface .recommendation{background:var(--color-story-92);border:1px solid var(--color-story-68);box-shadow:0 22px 45px var(--color-story-7);border-radius:13px;position:absolute;top:125px;left:35px;right:-6px;transform:translateZ(65px)rotateY(-3deg)}.preview-surface .rec-head{align-items:center;gap:10px;padding:16px 18px;display:flex}.preview-surface .rec-head strong{font-size:15px;display:block}.preview-surface .rec-head div>span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.preview-surface .hero-products{grid-template-columns:1fr 1fr;gap:12px;padding:0 15px;display:grid}.preview-surface .hero-product{background:var(--color-story-88);border:1px solid var(--color-story-73);border-radius:7px;min-width:0;overflow:hidden}.preview-surface .hero-product img{object-fit:contain;width:100%;height:132px;display:block}.preview-surface .hero-product>div{padding:10px 13px 12px}.preview-surface .hero-product span{letter-spacing:.05em;color:var(--muted);font-size:10px}.preview-surface .hero-product h2{font:500 23px var(--serif);margin:6px 0}.preview-surface .hero-product p{color:var(--muted);margin:4px 0 10px;font-size:13px}.preview-surface .hero-product strong{font-size:16px}.preview-surface .rec-link{color:var(--accent);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:17px 18px;font-size:14px;text-decoration:none;display:flex}.preview-surface .rec-link:hover{text-decoration:underline}.preview-surface .visual-foot{color:var(--muted);justify-content:center;align-items:center;gap:13px;padding-top:18px;font-size:12px;display:flex}.preview-surface .visual-foot strong{color:var(--forest);font-weight:600}.preview-surface .fineprint{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.5}.preview-surface .stage.motion .catalog-window{animation:.8s ease-out both catalog-enter}.preview-surface .stage.motion .floating-question{animation:.8s ease-out .12s both question-enter}.preview-surface .stage.motion .recommendation{animation:.9s ease-out .28s both recommend-enter}@keyframes catalog-enter{0%{transform:rotateY(-13deg)rotate(-7deg)translateY(18px)}to{transform:rotateY(-7deg)rotate(-5deg)}}@keyframes question-enter{0%{opacity:0;transform:translateZ(0)translateY(20px)}to{opacity:1;transform:translateZ(45px)}}@keyframes recommend-enter{0%{opacity:0;transform:translateZ(0)translateY(30px)rotateY(-7deg)}to{opacity:1;transform:translateZ(65px)rotateY(-3deg)}}.preview-surface .benefits{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:34px;max-width:1350px;margin:0 auto;padding:32px 0 45px;display:grid}.preview-surface .benefits article{gap:15px;display:flex}.preview-surface .number{color:var(--accent);padding-top:7px;font-size:12px}.preview-surface .benefits h2{font:500 21px/1.3 var(--serif);margin:0 0 10px}.preview-surface .benefits p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.preview-surface .demo-invite{background:var(--forest);color:var(--paper);border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1350px;margin:10px auto 0;padding:55px 6%;display:grid}.preview-surface .demo-invite .eyebrow{color:var(--color-story-60)}.preview-surface .demo-invite h2{font:500 50px/1.1 var(--serif);letter-spacing:-.035em;margin:0}.preview-surface .demo-invite h2 em{color:var(--color-story-70);font-weight:450}.preview-surface .demo-invite p:not(.eyebrow){max-width:470px;color:var(--color-story-76);margin:22px 0;font-size:17px;line-height:1.6}.preview-surface .light{background:var(--color-story-80);color:var(--forest)}.preview-surface .light:hover{background:var(--color-story-88)}.preview-surface .invite-photo{background:var(--color-story-88);border-radius:8px;padding:25px 15px 15px;transform:rotate(3deg)}.preview-surface .invite-photo img{object-fit:contain;width:100%;height:260px;display:block}.preview-surface .invite-photo span{border-top:1px solid var(--line);text-align:center;color:var(--forest);letter-spacing:.08em;padding:15px 0 0;font-size:12px;display:block}.preview-surface .endnote{justify-content:space-between;align-items:center;gap:20px;max-width:1350px;margin:35px auto;padding:20px 0;display:flex}.preview-surface .endnote p{font:500 26px var(--serif)}.preview-surface .endnote a{text-underline-offset:5px;font-size:16px}.preview-surface footer{border-top:1px solid var(--line);max-width:1500px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:24px 5%;font-size:12px;display:flex}@media (width<=1499px){.preview-surface .benefits,.preview-surface .demo-invite,.preview-surface .endnote{margin-left:5%;margin-right:5%}}@media (width<=1100px){.preview-surface .hero{grid-template-columns:.9fr 1.1fr;gap:4%;padding-top:40px}.preview-surface .intro-note{margin-top:25px}.preview-surface .recommendation{left:14px;right:0}.preview-surface .hero-product img{height:110px}.preview-surface .hero-product h2{font-size:21px}.preview-surface .rec-head strong{font-size:14px}.preview-surface .stage{height:458px}.preview-surface .floating-question{padding:14px 16px;font-size:15px}.preview-surface .header nav{gap:20px}.preview-surface .benefits{gap:22px}.preview-surface .benefits article{gap:10px}}@media (width<=760px){.preview-surface .header{gap:14px;padding:15px 6%}.preview-surface .brand{font-size:22px}.preview-surface .logo{width:30px;height:30px;font-size:33px}.preview-surface .header nav{gap:0}.preview-surface .header nav>a:not(.nav-cta){display:none}.preview-surface .header .nav-cta{border:0;padding:10px;font-size:12px}.preview-surface .hero{padding:35px 6% 30px;display:block}.preview-surface h1{font-size:clamp(38px,8.8vw,63px);line-height:1.12}.preview-surface .eyebrow{margin-bottom:18px}.preview-surface .lead{max-width:560px;margin:22px 0;font-size:17px;line-height:1.55}.preview-surface .actions{gap:8px 20px}.preview-surface .primary{font-size:15px}.preview-surface .assurance{font-size:12px}.preview-surface .intro-note{margin-top:25px;font-size:14px}.preview-surface .visual{margin-top:30px}.preview-surface .visual-label{font-size:11px}.preview-surface .stage{flex-direction:column;gap:15px;height:auto;padding-top:8px;display:flex;transform:none!important}.preview-surface .catalog-window{display:none}.preview-surface .floating-question,.preview-surface .recommendation{position:relative;inset:auto;animation:none!important;transform:none!important}.preview-surface .floating-question{box-shadow:none;align-self:flex-end;padding:13px 17px;font-size:15px}.preview-surface .recommendation{box-shadow:0 12px 28px var(--color-story-6)}.preview-surface .rec-head{padding:15px}.preview-surface .hero-products{gap:10px;padding:0 12px}.preview-surface .hero-product img{height:120px}.preview-surface .hero-product>div{padding:8px 10px 12px}.preview-surface .hero-product span{font-size:10px;line-height:1.6;display:block}.preview-surface .hero-product h2{font-size:21px}.preview-surface .hero-product p{font-size:13px}.preview-surface .visual-foot{flex-wrap:wrap;gap:9px;padding-top:22px;font-size:12px}.preview-surface .fineprint{text-align:left;font-size:12px}.preview-surface .benefits{grid-template-columns:1fr;gap:25px;margin-left:6%;margin-right:6%;padding:25px 0}.preview-surface .benefits h2{font-size:22px}.preview-surface .benefits p{font-size:16px}.preview-surface .demo-invite{margin:12px 6% 0;padding:30px 24px;display:block}.preview-surface .demo-invite h2{font-size:42px}.preview-surface .demo-invite .eyebrow{font-size:11px}.preview-surface .demo-invite p:not(.eyebrow){font-size:16px}.preview-surface .invite-photo{margin-top:32px;transform:rotate(2deg)}.preview-surface .invite-photo img{height:180px}.preview-surface .invite-photo span{font-size:10px;line-height:1.5}.preview-surface .endnote{margin:25px 6%;display:block}.preview-surface .endnote p{font-size:24px}.preview-surface footer{flex-wrap:wrap;gap:10px;padding:20px 6%}}@media (width<=360px){.preview-surface .header{gap:7px}.preview-surface .brand{font-size:20px}.preview-surface .header .nav-cta{padding:8px 0;font-size:11px}.preview-surface .hero-product h2{font-size:19px}.preview-surface .hero-product img{height:98px}.preview-surface .hero-products{gap:7px}.preview-surface .hero-product p{font-size:12px}.preview-surface .rec-head strong,.preview-surface .rec-link{font-size:13px}.preview-surface .hero .primary{width:100%}}@media (prefers-reduced-motion:reduce){.preview-surface *,.preview-surface :before,.preview-surface :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.preview-surface .stage{transform:none!important}.preview-surface .catalog-window{transform:rotate(-3deg)}.preview-surface .floating-question,.preview-surface .recommendation{transform:none}}@media (width>=761px){.preview-surface .stage{height:auto;min-height:480px;padding:125px 0 30px}.preview-surface .recommendation{margin-left:35px;position:relative;inset:auto}.preview-surface .catalog-window{bottom:55px}.preview-surface .visual-foot{padding-top:0}}.preview-surface .hero-product span,.preview-surface .window-top span,.preview-surface .invite-photo span{font-size:12px}@media (width<=360px){.preview-surface .hero-product span{font-size:11px}}@media (width>=761px){.preview-surface .stage{padding-bottom:70px}}.preview-surface .variant-bar{max-width:1360px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:20px 5%;font-size:.8125rem;display:flex}.preview-surface .variant-bar>div{border:1px solid var(--line);border-radius:30px;gap:4px;padding:4px;display:flex}.preview-surface .variant-bar a{white-space:nowrap;border-radius:25px;padding:11px 16px;text-decoration:none}.preview-surface .variant-bar a[aria-current=page]{background:var(--forest);color:var(--color-story-88)}.preview-surface .variant-bar a span{opacity:.65;margin-left:8px;font-size:.6875rem}.preview-surface .story-runway{max-width:1400px;margin:auto;padding:30px 5% 70px}.preview-surface .story-intro{max-width:850px;margin:0 auto 55px}.preview-surface .story-intro h1{font-size:clamp(2.75rem,5.8vw,4.9375rem)}.preview-surface .story-intro .lead{max-width:560px}.preview-surface .story-caption{color:var(--muted);margin:18px 0;font-size:.75rem;line-height:1.6}.preview-surface .scroll-cue{color:var(--color-story-36);gap:20px;margin-top:32px;font-size:.8125rem;display:flex}.preview-surface .scroll-cue span{color:var(--accent);font-size:1.25rem}.preview-surface .conversation{perspective:1400px;max-width:850px;margin:auto;position:relative}.preview-surface .conversation-top{border:1px solid var(--color-story-59);background:var(--color-story-10);color:var(--color-story-82);box-shadow:0 15px 35px var(--color-story-13);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px;display:flex}.preview-surface .conversation-top>span:first-child{align-items:center;gap:12px;font-size:1.125rem;font-weight:600;display:flex}.preview-surface .conversation-top b{color:var(--color-story-75);font:2.625rem/1.5625rem Georgia}.preview-surface .conversation-top>span:last-child{color:var(--color-story-63);font-size:.8125rem}.preview-surface .conversation-track{transform-style:preserve-3d;position:relative}.preview-surface .story-beat{transform-origin:50% 30%;transform-style:preserve-3d;border-bottom:1px solid var(--color-story-67);padding:50px 25px 70px;position:relative}.preview-surface .beat-kicker{color:var(--color-story-44);font:500 1.4375rem var(--serif);align-items:center;gap:18px;margin-bottom:28px;display:flex}.preview-surface .beat-kicker span{font:.875rem var(--sans);color:var(--color-story-34)}.preview-surface .dialog-user{background:var(--color-story-74);border:1px solid var(--color-story-58);max-width:80%;box-shadow:0 8px 20px var(--color-story-11);border-radius:22px 22px 4px;margin:0 0 25px auto;padding:20px 25px}.preview-surface .dialog-user>span{letter-spacing:.08em;color:var(--color-story-32);font-size:.75rem}.preview-surface .dialog-user p{margin:8px 0 0;font-size:1.1875rem;line-height:1.55}.preview-surface .dialog-user strong{color:var(--color-story-17);font-weight:600}.preview-surface .dialog-bot{align-items:flex-start;gap:15px;margin:22px 0 27px;display:flex}.preview-surface .dialog-avatar{background:var(--color-story-50);width:38px;height:38px;color:var(--color-story-88);border-radius:13px 13px 13px 3px;flex:none;place-items:center;font:2.625rem/1 Georgia;display:grid}.preview-surface .dialog-bot p{max-width:650px;margin:0;font-size:1.125rem;line-height:1.65}.preview-surface .dialog-bot strong{color:var(--color-story-16);font-weight:600}.preview-surface .dialog-bot em{color:var(--color-story-45);font-style:normal}.preview-surface .choice-grid{perspective:1000px;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0 12px;display:grid}.preview-surface .choice-card{background:var(--color-story-91);border:1px solid var(--color-story-65);min-width:0;box-shadow:0 16px 30px var(--color-story-1);border-radius:20px;position:relative;overflow:hidden;transform:rotate(-2deg)}.preview-surface .choice-best{background:var(--color-story-87);border-color:var(--color-story-43);box-shadow:0 22px 36px var(--color-story-2);transform:translateY(-5px)rotate(2deg)}.preview-surface .choice-label{color:var(--color-story-31);padding:15px 18px 0;font-size:.75rem;display:block}.preview-surface .choice-card img{aspect-ratio:1.5;object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;display:block}.preview-surface .choice-copy{padding:8px 20px 24px}.preview-surface .choice-copy h3{font:500 2rem/1.2 var(--serif);margin:0 0 8px}.preview-surface .choice-copy>span{color:var(--color-story-39);font-size:.8125rem;line-height:1.5;display:block}.preview-surface .choice-copy strong{color:var(--color-story-46);margin-top:12px;font-size:1.3125rem;display:block}.preview-surface .expanded-bike{background:linear-gradient(140deg,var(--color-story-79),var(--color-story-86));border:1px solid var(--color-story-52);box-shadow:0 24px 48px var(--color-story-3);border-radius:24px;margin-top:30px;padding:26px}.preview-surface .expanded-title{grid-template-columns:1fr auto;align-items:center;gap:5px 20px;display:grid}.preview-surface .expanded-title>span{color:var(--color-story-29);grid-column:1/-1;font-size:.75rem}.preview-surface .expanded-title h3{font:500 2.5rem var(--serif);margin:0}.preview-surface .expanded-title>strong{color:var(--color-story-18);font-size:1.4375rem}.preview-surface .expanded-bike>img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;max-height:310px;display:block}.preview-surface .expanded-bike dl{border-top:1px solid var(--color-story-56);grid-template-columns:repeat(3,1fr);gap:15px;margin:5px 0 0;padding-top:20px;display:grid}.preview-surface .expanded-bike dt{color:var(--color-story-19);font-size:.9375rem;font-weight:600}.preview-surface .basket-receipt{background:var(--color-story-81);border:1px solid var(--color-story-55);border-radius:15px;align-items:center;gap:16px;margin:26px 0;padding:17px 20px;display:flex}.preview-surface .receipt-check{background:var(--color-story-66);width:34px;height:34px;color:var(--color-story-23);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.preview-surface .basket-receipt>span:nth-child(2){flex:1;font-size:1.0625rem;font-weight:600}.preview-surface .basket-receipt small{color:var(--color-story-30);margin-top:3px;font-size:.75rem;font-weight:400;display:block}.preview-surface .basket-receipt strong{color:var(--color-story-22);font-size:1.0625rem}.preview-surface .accessory-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;display:grid}.preview-surface .accessory-card{border:1px solid var(--color-story-72);background:var(--color-story-90);min-width:0;box-shadow:0 12px 20px var(--color-story-21);border-radius:18px;overflow:hidden}.preview-surface .accessory-card img{aspect-ratio:1.5;object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;display:block}.preview-surface .accessory-card>div{padding:5px 20px 22px}.preview-surface .accessory-card h3{font:500 1.5625rem var(--serif);margin:0 0 8px}.preview-surface .accessory-card p{color:var(--color-story-38);margin:0 0 12px;font-size:.875rem;line-height:1.5}.preview-surface .accessory-card strong{color:var(--color-story-47);font-size:1.125rem}.preview-surface .story-progress{display:none}.preview-surface .story-cta{text-align:center;max-width:1000px;margin:10px auto 60px;padding:35px 5%;scroll-margin-top:20px}.preview-surface .story-cta h2{font:500 clamp(2rem,4vw,3.125rem)/1.18 var(--serif);letter-spacing:-.03em;margin:0 0 28px}.preview-surface .story-cta h2 em{color:var(--accent)}.preview-surface .story-cta .actions{justify-content:center}.preview-surface[data-layout=pinned] .story-runway{height:460svh;padding-top:25px;padding-bottom:0;position:relative}.preview-surface[data-layout=pinned] .story-shell{grid-template-columns:.85fr 1.15fr;align-items:center;gap:6%;display:grid;position:sticky;top:20px}.preview-surface[data-layout=pinned] .story-intro{max-width:none;margin:0}.preview-surface[data-layout=pinned] .story-intro h1{font-size:clamp(2.5rem,4.7vw,4.0625rem)}.preview-surface[data-layout=pinned] .story-intro .lead{font-size:1.0625rem}.preview-surface[data-layout=pinned] .conversation{background:var(--color-story-85);border:1px solid var(--color-story-57);width:100%;box-shadow:0 25px 65px var(--color-story-8);perspective:1200px;border-radius:23px;overflow:hidden}.preview-surface[data-layout=pinned] .conversation-top{box-shadow:none;border:0;border-radius:0;padding:17px 20px}.preview-surface[data-layout=pinned] .conversation-top>span:first-child{font-size:1rem}.preview-surface[data-layout=pinned] .conversation-top>span:last-child{font-size:.75rem}.preview-surface[data-layout=pinned] .conversation-track{height:var(--track-height,600px)}.preview-surface[data-layout=pinned] .story-beat{will-change:transform,opacity;border:0;width:100%;padding:22px;position:absolute;inset:0 0 auto}.preview-surface[data-layout=pinned] .beat-kicker{margin-bottom:16px;font-size:1.25rem}.preview-surface[data-layout=pinned] .beat-kicker span{font-size:.75rem}.preview-surface[data-layout=pinned] .dialog-user{max-width:90%;margin-bottom:17px;padding:13px 16px}.preview-surface[data-layout=pinned] .dialog-user p{font-size:.9375rem;line-height:1.5}.preview-surface[data-layout=pinned] .dialog-bot{gap:10px;margin:16px 0 20px}.preview-surface[data-layout=pinned] .dialog-bot p{font-size:.9375rem;line-height:1.55}.preview-surface[data-layout=pinned] .dialog-avatar{width:30px;height:30px;font-size:2.0625rem}.preview-surface[data-layout=pinned] .choice-grid{gap:14px;margin:20px 0 5px}.preview-surface[data-layout=pinned] .choice-label{padding:12px 14px 0}.preview-surface[data-layout=pinned] .choice-copy{padding:0 14px 17px}.preview-surface[data-layout=pinned] .choice-copy h3{font-size:1.6875rem}.preview-surface[data-layout=pinned] .choice-copy>span{font-size:.75rem}.preview-surface[data-layout=pinned] .choice-copy strong{margin-top:8px;font-size:1.125rem}.preview-surface[data-layout=pinned] .expanded-bike{margin-top:20px;padding:18px}.preview-surface[data-layout=pinned] .expanded-title h3{font-size:2rem}.preview-surface[data-layout=pinned] .expanded-title>strong{font-size:1.1875rem}.preview-surface[data-layout=pinned] .expanded-bike>img{max-height:225px}.preview-surface[data-layout=pinned] .expanded-bike dl{gap:10px;padding-top:14px}.preview-surface[data-layout=pinned] .expanded-bike dd{font-size:.75rem}.preview-surface[data-layout=pinned] .basket-receipt{margin:17px 0;padding:12px 14px}.preview-surface[data-layout=pinned] .basket-receipt>span:nth-child(2),.preview-surface[data-layout=pinned] .basket-receipt strong{font-size:.9375rem}.preview-surface[data-layout=pinned] .accessory-grid{gap:12px;margin-top:17px}.preview-surface[data-layout=pinned] .accessory-card>div{padding:0 13px 15px}.preview-surface[data-layout=pinned] .accessory-card h3{font-size:1.25rem}.preview-surface[data-layout=pinned] .accessory-card p{margin-bottom:8px;font-size:.75rem}.preview-surface[data-layout=pinned] .accessory-card strong{font-size:1rem}.preview-surface[data-layout=pinned] .story-progress{gap:6px;padding:13px 20px;display:flex}.preview-surface[data-layout=pinned] .story-progress span{background:linear-gradient(to right,var(--color-story-28) calc(var(--fill,0)*100%),var(--color-story-71) 0);border-radius:2px;flex:1;height:3px}@media (width<=760px){.preview-surface .variant-bar{padding:16px 6%;display:block}.preview-surface .variant-bar>span{display:none}.preview-surface .variant-bar>div{width:max-content;max-width:100%;margin:auto}.preview-surface .variant-bar a{padding:10px 12px;font-size:.75rem}.preview-surface .story-runway{padding:25px 6% 30px}.preview-surface .story-intro{margin-bottom:35px}.preview-surface .story-intro h1{font-size:clamp(2.375rem,9vw,3.875rem)}.preview-surface .story-intro .lead{margin:22px 0;font-size:1.0625rem}.preview-surface .story-intro .primary{font-size:.875rem}.preview-surface .scroll-cue{margin-top:24px}.preview-surface .conversation-top{border-radius:17px;padding:17px 16px}.preview-surface .conversation-top>span:first-child{font-size:1rem}.preview-surface .conversation-top>span:last-child{font-size:.6875rem}.preview-surface .story-beat{padding:35px 0 50px}.preview-surface .beat-kicker{gap:12px;margin-bottom:22px}.preview-surface .beat-kicker span{font-size:.8125rem}.preview-surface .dialog-user{max-width:94%;padding:15px 17px}.preview-surface .dialog-user p{font-size:1rem}.preview-surface .dialog-bot{gap:11px;margin:22px 0}.preview-surface .dialog-bot p{font-size:1rem;line-height:1.6}.preview-surface .dialog-avatar{width:31px;height:31px;font-size:2.125rem}.preview-surface .choice-grid{gap:12px;margin-top:25px}.preview-surface .choice-label{padding:12px 12px 0;font-size:.75rem}.preview-surface .choice-copy{padding:5px 12px 18px}.preview-surface .choice-copy h3{font-size:1.5625rem}.preview-surface .choice-copy>span{font-size:.75rem}.preview-surface .choice-copy strong{font-size:1.125rem}.preview-surface .expanded-bike{border-radius:18px;margin-top:25px;padding:17px}.preview-surface .expanded-title h3{font-size:2.0625rem}.preview-surface .expanded-title>strong{font-size:1.125rem}.preview-surface .expanded-bike dl{grid-template-columns:1fr;gap:0;padding-top:8px}.preview-surface .expanded-bike dl>div{border-bottom:1px solid var(--color-story-62);justify-content:space-between;gap:15px;padding:10px 0;display:flex}.preview-surface .expanded-bike dl>div:last-child{border:0}.preview-surface .expanded-bike dt{font-size:.8125rem}.preview-surface .expanded-bike dd{text-align:right;margin:0;font-size:.75rem}.preview-surface .basket-receipt{gap:10px;padding:13px}.preview-surface .basket-receipt>span:nth-child(2),.preview-surface .basket-receipt strong{font-size:.9375rem}.preview-surface .receipt-check{flex:none;width:28px;height:28px}.preview-surface .accessory-grid{gap:12px}.preview-surface .accessory-card>div{padding:5px 12px 17px}.preview-surface .accessory-card h3{font-size:1.3125rem}.preview-surface .accessory-card p{font-size:.8125rem}.preview-surface .accessory-card strong{font-size:1.0625rem}.preview-surface[data-layout=pinned] .story-shell{display:block;position:static}.preview-surface[data-layout=pinned] .story-intro{margin-bottom:35px}.preview-surface[data-layout=pinned] .story-intro h1{font-size:clamp(2.375rem,9vw,3.875rem)}.preview-surface[data-layout=pinned] .conversation{position:sticky;top:12px}.preview-surface[data-layout=pinned] .story-runway{height:calc(440svh + var(--intro-height,450px))}.preview-surface[data-layout=pinned] .story-shell{height:100%}.preview-surface[data-layout=pinned] .story-beat{padding:16px}.preview-surface[data-layout=pinned] .conversation-top{padding:15px}.preview-surface[data-layout=pinned] .dialog-user{max-width:95%;padding:12px}.preview-surface[data-layout=pinned] .beat-kicker{margin-bottom:15px}.preview-surface[data-layout=pinned] .beat-kicker span{font-size:.75rem}.preview-surface[data-layout=pinned] .dialog-bot p{font-size:.875rem}.preview-surface[data-layout=pinned] .choice-copy h3{font-size:1.5rem}.preview-surface[data-layout=pinned] .choice-copy{padding:0 11px 14px}.preview-surface[data-layout=pinned] .expanded-bike>img{max-height:185px}.preview-surface[data-layout=pinned] .accessory-card h3{font-size:1.1875rem}.preview-surface[data-layout=pinned] .accessory-card img{max-height:120px}.preview-surface[data-layout=pinned] .accessory-card p{font-size:.75rem}.preview-surface[data-layout=pinned] .expanded-bike dl{display:block}.preview-surface[data-layout=pinned] .story-intro .lead{font-size:1.0625rem}}@media (prefers-reduced-motion:reduce){.preview-surface .conversation *,.preview-surface .conversation{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.preview-surface .story-runway{height:auto!important}.preview-surface .story-shell,.preview-surface .conversation,.preview-surface .story-beat{position:relative!important;inset:auto!important}.preview-surface .conversation-track{height:auto!important}}@media print{.preview-surface .story-beat{opacity:1!important;visibility:visible!important;position:relative!important;transform:none!important}.preview-surface .story-runway,.preview-surface .conversation-track{height:auto!important}.preview-surface .story-shell,.preview-surface .conversation{position:static!important}.preview-surface .variant-bar{display:none}}.preview-surface .variant-bar>div{flex-wrap:wrap;justify-content:center}.preview-surface .variant-bar a{white-space:normal}.preview-surface .conversation-top,.preview-surface .basket-receipt{flex-wrap:wrap}.preview-surface .expanded-title{flex-wrap:wrap;display:flex}.preview-surface .expanded-title>span{flex-basis:100%}.preview-surface .expanded-title h3{flex:1}.preview-surface .dialog-user,.preview-surface .dialog-bot p,.preview-surface .choice-copy,.preview-surface .accessory-card>div{overflow-wrap:anywhere}@media (width<=760px){.preview-surface .choice-grid,.preview-surface .accessory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.preview-surface .expanded-bike dl>div{flex-wrap:wrap}.preview-surface .expanded-bike dd{text-align:left}}.preview-surface .story-cta h2,.preview-surface .story-intro h1{overflow-wrap:anywhere}.preview-surface .expanded-bike{isolation:isolate;background:linear-gradient(145deg,var(--color-story-84) 0%,var(--color-story-77) 65%,var(--color-story-64) 100%);border:1px solid var(--color-story-54);box-shadow:0 28px 65px var(--color-story-4), inset 0 1px 0 var(--color-story-98);padding:32px;position:relative;overflow:hidden}.preview-surface .expanded-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.preview-surface .detail-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-story-25);font-size:.72rem}.preview-surface .detail-eyebrow>span{color:var(--color-story-49);margin-right:7px}.preview-surface .detail-category{color:var(--color-story-26);border:1px solid var(--color-story-51);border-radius:99px;padding:5px 10px;font-size:.72rem}.preview-surface .expanded-title{align-items:flex-start;gap:12px}.preview-surface .expanded-title h3{letter-spacing:-.05em;color:var(--color-story-5);font-size:clamp(2.6rem,5vw,4rem);line-height:1}.preview-surface .detail-price{flex-direction:column;gap:6px;padding-top:5px;display:flex}.preview-surface .detail-price strong{letter-spacing:-.04em;color:var(--color-story-9);font-size:1.5rem}.preview-surface .detail-price>span{color:var(--color-story-35);font-size:.72rem}.preview-surface .detail-tagline{color:var(--color-story-24);margin:20px 0 0;font-size:1.125rem;line-height:1.45}.preview-surface .detail-tagline em{font-family:var(--serif);color:var(--color-story-40);font-size:1.4rem}.preview-surface .detail-stage{isolation:isolate;place-items:center;margin:0 -16px 18px;display:grid;position:relative}.preview-surface .detail-stage img{object-fit:contain;mix-blend-mode:multiply;z-index:1;width:100%;height:auto;max-height:360px;position:relative}.preview-surface .detail-orbit{aspect-ratio:1;border:1px solid var(--color-story-97);background:radial-gradient(circle,var(--color-story-93),transparent 70%);z-index:-1;border-radius:50%;width:65%;position:absolute}.preview-surface .detail-route{z-index:2;letter-spacing:.17em;color:var(--color-story-33);align-items:center;gap:16px;font-size:.6rem;display:flex;position:relative}.preview-surface .detail-route>span{letter-spacing:.3em;color:var(--color-story-48);font-size:1rem}.preview-surface .expanded-bike dl{border:0;gap:12px;margin:0;padding:0}.preview-surface .expanded-bike dl>div{background:var(--color-story-94);border:1px solid var(--color-story-96);border-radius:14px;padding:16px}.preview-surface .expanded-bike dt{flex-direction:column;gap:10px;font-size:.86rem;display:flex}.preview-surface .detail-icon{background:var(--color-story-69);width:30px;height:30px;color:var(--color-story-20);font:600 1rem var(--sans,sans-serif);border-radius:50%;place-items:center;display:grid}.preview-surface .expanded-bike dd{color:var(--color-story-27);margin:9px 0 0;font-size:.8rem;line-height:1.55}.preview-surface[data-layout=pinned] .detail-tagline{margin-top:10px;font-size:.85rem}.preview-surface[data-layout=pinned] .detail-tagline em{font-size:1.05rem}.preview-surface[data-layout=pinned] .detail-stage{margin-bottom:12px}.preview-surface[data-layout=pinned] .detail-price strong{font-size:1.15rem}.preview-surface[data-layout=pinned] .detail-price>span{font-size:.63rem}.preview-surface[data-layout=pinned] .expanded-bike dl>div{padding:10px}.preview-surface[data-layout=pinned] .detail-icon{display:none}@media (width<=760px){.preview-surface .expanded-bike{padding:20px 16px}.preview-surface .expanded-heading{gap:8px;margin-bottom:20px}.preview-surface .detail-eyebrow,.preview-surface .detail-category{font-size:.65rem}.preview-surface .expanded-title h3{flex-basis:100%;font-size:2.7rem}.preview-surface .detail-price{flex-flow:wrap;align-items:baseline;gap:6px 12px;padding:0}.preview-surface .detail-price strong{font-size:1.3rem}.preview-surface .detail-price>span{font-size:.7rem}.preview-surface .detail-tagline{margin-top:18px;font-size:1rem}.preview-surface .detail-tagline em{font-size:1.25rem}.preview-surface .detail-stage{margin:8px -12px 20px}.preview-surface .detail-stage img{max-height:240px}.preview-surface .expanded-bike dl{grid-template-columns:1fr;gap:8px;display:grid}.preview-surface .expanded-bike dl>div{border:1px solid var(--color-story-96);padding:13px 14px;display:block}.preview-surface .expanded-bike dl>div:last-child{border:1px solid var(--color-story-96)}.preview-surface .expanded-bike dt{flex-direction:row;align-items:center;gap:10px;font-size:.85rem}.preview-surface .expanded-bike dd{text-align:left;margin:6px 0 0 40px;font-size:.8rem}.preview-surface .expanded-bike dd br{display:none}.preview-surface .detail-orbit{width:75%}.preview-surface[data-layout=pinned] .expanded-bike dl>div{margin-top:6px}.preview-surface[data-layout=pinned] .expanded-bike dd{margin-left:0}}.preview-surface .detail-stage{background:var(--color-story-83);border:1px solid var(--color-story-89);border-radius:18px;margin-top:16px;padding:12px 0}.preview-surface .detail-stage img{mask-image:linear-gradient(to bottom,transparent,var(--color-story-0) 8%,var(--color-story-0) 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-story-0) 8%,var(--color-story-0) 92%,transparent)}.preview-surface .detail-orbit{border-color:var(--color-story-61);background:radial-gradient(circle,var(--color-story-95),transparent 70%)}.preview-surface .detail-route{padding-bottom:3px}.preview-surface[data-layout=pinned] .expanded-heading{margin-bottom:10px}.preview-surface[data-layout=pinned] .expanded-title h3{flex-basis:auto;font-size:2rem}.preview-surface[data-layout=pinned] .detail-tagline{margin:10px 0 0}.preview-surface[data-layout=pinned] .detail-tagline br{display:none}.preview-surface[data-layout=pinned] .detail-tagline em{margin-left:4px}.preview-surface[data-layout=pinned] .detail-stage{margin:10px 0;padding:5px 0}.preview-surface[data-layout=pinned] .detail-stage img{max-height:150px}.preview-surface[data-layout=pinned] .detail-route{font-size:.5rem}.preview-surface[data-layout=pinned] .expanded-bike dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:0;display:grid}.preview-surface[data-layout=pinned] .expanded-bike dl>div{margin:0;padding:9px;display:block}.preview-surface[data-layout=pinned] .expanded-bike dt{font-size:.72rem}.preview-surface[data-layout=pinned] .expanded-bike dd{margin:6px 0 0;font-size:.68rem;line-height:1.4}.preview-surface[data-layout=pinned] .expanded-bike dd br{display:none}@media (width<=480px){.preview-surface[data-layout=pinned] .detail-category{display:none}.preview-surface[data-layout=pinned] .detail-price{flex-basis:100%}.preview-surface[data-layout=pinned] .detail-stage img{max-height:130px}.preview-surface[data-layout=pinned] .expanded-bike dl{grid-template-columns:1fr}.preview-surface[data-layout=pinned] .expanded-bike dl>div{grid-template-columns:1fr 1.3fr;gap:8px;padding:7px 9px;display:grid}.preview-surface[data-layout=pinned] .expanded-bike dd{margin:0}}.preview-surface .story-cta-description{max-width:540px;color:var(--muted);margin:20px auto 28px;font-size:1rem;line-height:1.65}.preview-surface[data-layout=pinned] .story-shell{top:80px}@media (width<=760px){.preview-surface[data-layout=pinned] .conversation{top:72px}}}