.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.demo-link{font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.play-icon{font-size:22px;line-height:1}.journey{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:40px;color:var(--muted)}.journey span:nth-child(even){color:#847487}.hero{padding-top:35px;min-height:760px;align-items:center;padding-bottom:35px}.hero-art.demo{height:740px;align-self:center}.demo .hero-phone{width:285px;top:30px;left:calc(50% - 143px);transform:rotate(-6deg);aspect-ratio:1080/2400;transition:transform .65s ease}.demo[data-step="1"] .hero-phone{transform:rotate(4deg)}.demo[data-step="2"] .hero-phone{transform:rotate(0deg)}.demo .mascot{width:128px;right:-5px;top:0;z-index:2}.demo-screen{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:0;transition:opacity .45s ease}.demo-screen.is-active{opacity:1}.demo-caption{position:absolute;top:418px;left:-6px;right:-6px;z-index:2;background:#fffafdf5;border-radius:20px;padding:20px 24px;box-shadow:0 14px 40px #4534591a;max-width:450px;margin-inline:auto}.demo-kicker{font-size:11px;color:#665574}.demo-caption p{font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.035em;margin-top:8px}.demo-controls{position:absolute;top:685px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:14px}.demo-controls[hidden]{display:none}.demo-steps{display:flex;gap:4px;padding:5px;background:#ffffff9c;border-radius:100px}.demo button{font:inherit;font-size:11px;border:0;border-radius:99px;padding:10px 12px;cursor:pointer;background:transparent;color:var(--ink);min-height:40px}.demo button[aria-pressed="true"]{background:var(--ink);color:white}.demo button:focus-visible,.demo:focus-visible{outline:3px solid #765ac1;outline-offset:4px}#demo-play{font-weight:800}.demo-note,.demo-fallback{position:absolute;top:739px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.demo-fallback{top:695px}.examples{padding-block:110px 20px}.examples-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.examples-heading h2{font-size:clamp(40px,4.4vw,64px);line-height:1.06;letter-spacing:-.06em}.examples-heading>p{max-width:330px;color:var(--muted);font-size:14px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.example{padding:25px;border-radius:24px;background:#f1e4dc}.example-fashion{background:#e4eee7}.example-culture{background:#e9e2f6}.example-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:20px}.example-label img{flex-shrink:0}.example-topic{font-size:10px;color:var(--muted);margin-bottom:8px}.example h3{font-size:22px;line-height:1.25;letter-spacing:-.04em;min-height:84px}.example-excerpt{border-top:1px solid #1f1f1f20;margin-top:25px;padding-top:20px;min-height:210px}.example blockquote{font-size:20px;line-height:1.45;letter-spacing:-.025em;margin:0}.example-origin{font-size:10px;color:var(--muted);margin-top:18px}.example details{border:0;padding:20px 0 0}.example summary{font-size:12px;min-height:30px}.example details p{font-size:14px}.example .text-link{font-size:12px;margin-top:20px;min-height:30px}.examples-note{font-size:11px;color:var(--muted);margin-top:22px}.feature{padding-block:95px}
@media(max-width:1000px){.hero{gap:20px}.hero-art.demo{height:700px}.demo .hero-phone{width:265px;left:calc(50% - 133px)}.demo-caption{top:400px;left:0;right:0}.demo-caption p{font-size:19px}.demo-controls{top:640px;gap:5px}.demo-note{top:695px}.demo button{padding:8px}.demo .mascot{width:100px}.example{padding:20px}.example h3{font-size:20px;min-height:100px}.example blockquote{font-size:18px}.example-excerpt{min-height:230px}}
@media(max-width:650px){.hero{padding-top:25px;padding-bottom:35px;gap:35px}.hero-art.demo{height:680px;margin-top:0;max-width:400px}.demo .hero-phone{width:258px;top:35px;left:calc(50% - 129px)}.demo .mascot{right:0;top:5px;width:110px}.demo-caption{top:390px;padding:18px;left:0;right:0}.demo-caption p{font-size:21px}.demo-controls{top:623px;gap:8px}.demo-note{top:680px;font-size:9px}.demo button{padding:10px;font-size:10px}.hero-actions{gap:18px}.journey{margin-top:25px;font-size:11px;gap:9px}.examples{padding-top:65px}.examples-heading{display:block;margin-bottom:28px}.examples-heading h2{font-size:42px}.examples-heading>p{margin-top:20px}.example-grid{grid-template-columns:1fr;gap:20px}.example{padding:24px}.example h3{min-height:0;font-size:25px;max-width:310px}.example-excerpt{min-height:0}.example blockquote{font-size:22px}.example-label{margin-bottom:10px}.feature{padding-block:65px}.hero-copy .small{max-width:290px}}
@media(prefers-reduced-motion:reduce){.demo-screen,.demo .hero-phone{transition:none}}

/* Live homepage: readable labels and comfortable phone controls. */
.demo button{min-height:44px;min-width:44px;font-size:13px}
.demo-kicker,.demo-note,.demo-fallback,.example-label,.example-topic,.example-origin,.examples-note,.camera-art figcaption{font-size:13px}
.example summary,.example .text-link{font-size:14px;min-height:44px;align-items:center}
.demo-link{min-height:44px}.access-contact{font-size:14px;max-width:420px;color:var(--muted)}
@media(max-width:650px){.demo button{font-size:12px;padding:10px 9px}.demo-note{font-size:12px;top:677px}.demo-controls{gap:4px}.journey{font-size:13px}.small{font-size:13px}footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}footer small{font-size:12px}}