.hero.landing .showcase{max-width:1120px}
.demo-journey{height:670px!important;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);gap:10px;align-items:start;padding:26px 8px 112px}
.demo-stage{min-width:0;margin:0;position:relative;z-index:1;border:7px solid var(--surface);border-radius:22px;background:var(--surface);box-shadow:0 32px 80px color-mix(in srgb,var(--cocoa) 22%,transparent);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.demo-stage:hover{transform:translateY(-8px)!important}.demo-before{margin-top:46px;transform:rotate(-2.2deg)}.demo-products{transform:rotate(.4deg)}.demo-prompt{margin-top:46px;transform:rotate(2.2deg)}
.demo-image{height:430px;overflow:hidden;border-radius:15px;background:var(--surface-3)}.demo-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%}
.demo-stage figcaption{display:grid;gap:2px;min-height:74px;padding:14px 13px 11px;background:var(--surface);color:var(--ink)}.demo-stage figcaption b{font-size:12px;color:var(--coral);letter-spacing:-.02em}.demo-stage figcaption span{font-size:10px;color:var(--muted)}
.journey-arrow{align-self:center;display:grid;place-items:center;width:34px;height:34px;margin:0 auto;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--coral);font-size:18px;font-weight:800;position:relative;z-index:2}
.demo-reference{position:absolute;z-index:4;left:50%;bottom:6px;transform:translateX(-50%);width:min(420px,46%);display:grid;grid-template-columns:145px 1fr;align-items:center;gap:14px;padding:9px;background:var(--butter);color:#3b2a24;border:5px solid var(--surface);border-radius:16px;box-shadow:0 18px 45px #43281728}.demo-reference img{width:100%;height:75px;object-fit:cover;object-position:top;border-radius:9px;background:#fff}.demo-reference p,.demo-reference b,.demo-reference span{display:block;margin:0}.demo-reference b{font-size:11px}.demo-reference span{font-size:9px;margin-top:3px;opacity:.72}
.shopping-proof{max-width:1200px;margin:0 auto;padding:120px 30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.shopping-proof-copy h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:14px 0 24px}.shopping-proof-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:16px}
.proof-points{display:grid;gap:9px;margin:25px 0;color:var(--ink);font-size:13px;font-weight:650}.proof-points span:first-child{color:var(--coral)}
.selected-example{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.selected-example-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 17px}.selected-example-head small,.selected-example-head b{display:block}.selected-example-head small{color:var(--muted);font-size:9px;letter-spacing:.17em}.selected-example-head div>b{font-size:15px}.selected-example-head>span{background:var(--butter);color:#3b2a24;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap}
.real-reference-example>img{display:block;width:100%;border-radius:14px;border:1px solid var(--line);background:#fff}.reference-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0 2px}.reference-flow span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:800;background:var(--surface-2)}.reference-flow i{font-style:normal;color:var(--coral);font-weight:800}.example-note{font-size:9px;color:var(--muted);margin:14px 3px 0}
.demo-booking{max-width:1200px;margin:0 auto 120px;padding:72px;display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start;border-radius:28px;background:var(--cocoa);color:#f8eee8;position:relative;overflow:hidden}.demo-booking:after{content:'';position:absolute;width:520px;height:300px;border:1px solid color-mix(in srgb,var(--coral) 58%,transparent);border-radius:50%;left:-170px;bottom:-180px;pointer-events:none}
.demo-booking-copy{position:relative;z-index:1}.demo-booking-copy .eyebrow{color:var(--butter)}.demo-booking-copy h2{font-size:clamp(38px,4.6vw,62px);line-height:1.03;letter-spacing:-.06em;font-weight:500;margin:15px 0 24px}.demo-booking-copy>p{color:#d9cbd1;max-width:500px}.demo-booking-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:13px}.demo-booking-copy li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.demo-booking-copy li b{color:var(--butter);font-size:11px}.demo-booking-copy li span{font-size:13px;color:#eadfe4}.demo-booking-copy>a{color:#fff;text-underline-offset:5px;font-weight:700}
.demo-form{position:relative;z-index:1;padding:30px;border-radius:20px;background:var(--surface);color:var(--ink);display:grid;gap:17px;box-shadow:0 24px 80px #0002}.demo-form-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.demo-form-head span{font-size:10px;letter-spacing:.15em;font-weight:800}.demo-form-head strong{font-size:10px;background:var(--butter);color:#3b2a24;border-radius:999px;padding:7px 10px}.demo-form label{display:grid;gap:7px;font-size:11px;font-weight:750}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--ink);resize:vertical}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-form .primary{width:100%;margin-top:2px}.demo-form>p{font-size:9px;color:var(--muted);text-align:center;margin:0}
@media(max-width:900px){.demo-journey{height:590px!important;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:4px}.demo-image{height:360px}.journey-arrow{width:28px;height:28px}.demo-reference{width:min(380px,56%)}.shopping-proof{grid-template-columns:1fr;gap:42px;padding:85px 24px}.selected-example{transform:none}.demo-booking{margin:0 24px 90px;padding:50px 38px;grid-template-columns:1fr;gap:42px}}
@media(max-width:620px){.hero.landing .showcase{margin-top:38px}.demo-journey{height:545px!important;display:flex;gap:13px;overflow-x:auto;overflow-y:hidden;align-items:flex-start;padding:16px 22px 92px;scroll-snap-type:x mandatory;scrollbar-width:none}.demo-journey::-webkit-scrollbar{display:none}.demo-stage{flex:0 0 74vw;scroll-snap-align:center;transform:none!important;margin-top:0}.demo-image{height:350px}.journey-arrow{flex:0 0 28px;margin-top:180px}.demo-reference{width:min(330px,82%);grid-template-columns:105px 1fr;bottom:3px}.demo-reference img{height:57px}.shopping-proof{padding-left:18px;padding-right:18px}.demo-booking{margin:0 14px 75px;padding:34px 20px;border-radius:20px}.demo-booking h2{font-size:39px}.demo-form{padding:20px 16px}.demo-form-row{grid-template-columns:1fr}}
.demo-mobile-guide{display:none}
@media(max-width:620px){
 .hero.landing{row-gap:0}
 .hero.landing>div:first-child{width:100%;max-width:none!important;margin-inline:auto;text-align:center}
 .hero.landing .lead{margin-left:auto;margin-right:auto}
 .hero.landing .hero-actions{align-items:center;justify-content:center}
 .hero.landing .hero-actions .primary{width:min(100%,350px)}
 .hero.landing .fine{max-width:350px;margin:24px auto 0;text-align:center}
 .demo-mobile-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:34px auto -24px;padding:0 9vw;color:var(--muted)}
 .demo-mobile-guide>span{font-size:12px;font-weight:800}.demo-mobile-guide>span i{display:inline-block;margin-left:5px;color:var(--coral);font-style:normal;animation:demoSwipeHint 1.4s ease-in-out infinite}
 .demo-mobile-guide>div{display:flex;align-items:center;gap:7px}
 .demo-mobile-guide button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--ink) 24%,transparent);cursor:pointer;transition:width .2s,background .2s}
 .demo-mobile-guide button.active{width:25px;background:var(--coral)}
 .hero.landing .showcase{margin-top:38px}
 .demo-journey{height:545px!important;gap:12px;padding:16px 9vw 92px;scroll-padding-inline:9vw;overscroll-behavior-x:contain}
 .demo-stage{flex:0 0:min(82vw,350px);scroll-snap-align:center}
 .journey-arrow{display:none}
 .shopping-proof-copy{text-align:center}.shopping-proof-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.proof-points{justify-items:center}
}
@keyframes demoSwipeHint{50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.demo-mobile-guide>span i{animation:none}}