/* Product storytelling: city context behind recognisable Vavut app surfaces. */
.product-story-preview{display:grid!important;place-items:center;min-block-size:214px;padding:14px!important;background:#16261e!important}.product-story-preview::before,.product-story-preview::after{display:none!important}.story-context-photo{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.78) contrast(.9);transform:scale(1.04)}.story-context-photo::after{position:absolute;inset:0;content:"";background:linear-gradient(135deg,rgba(14,28,21,.68),rgba(14,28,21,.24))}.context-map{background-image:url('/images/places/ho-chi-minh-city-street.webp')}.context-hangout{background-image:url('/images/places/osaka-street.webp')}.context-tribe{background-image:url('/images/places/seoul-street.webp')}.context-chat{background-image:url('/images/places/hoi-an-street.webp')}.vavut-app-screen{position:relative;z-index:1;display:flex;flex-flow:column nowrap;inline-size:min(100%,180px);min-block-size:188px;padding:9px;border:1px solid rgba(255,255,255,.7);border-radius:19px;background:#fff;box-shadow:0 18px 32px rgba(4,13,9,.34);font-family:var(--body)}.app-screen-chrome{display:grid;grid-template-columns:11px 1fr 11px;gap:7px;align-items:center;min-block-size:17px;margin:0 2px 8px}.app-screen-chrome i,.app-screen-chrome b{inline-size:11px;block-size:11px;border-radius:50%;background:#eef0f2}.app-screen-chrome b{background:#6366f1}.app-screen-chrome span{block-size:6px;border-radius:999px;background:#1b2520}.vavut-app-screen .preview-screen-title{max-inline-size:calc(100% - 4px);margin:0 3px 8px;color:#142018;font-size:10px;font-weight:800}.screen-map{overflow:hidden;background:#eff6f1}.screen-map::after{position:absolute;inset:40px 0 0;z-index:-1;content:"";background:repeating-linear-gradient(122deg,#dcebe1 0 17px,#f9fcf9 18px 22px,#c8ded0 23px 37px)}.screen-map .map-control-rail{inset:52px auto auto 16px;padding:6px;background:rgba(255,255,255,.96)}.screen-map .map-selected-plan{inset:auto 10px 10px;min-block-size:45px;border:1px solid rgba(20,32,24,.09);box-shadow:0 8px 20px rgba(23,33,27,.14)}.screen-map .map-selected-plan i{background:#ff6b6b}.screen-map .map-selected-plan span{background:#1b2520}.screen-map .map-selected-plan span:last-child{background:#91aa9a}.screen-hangout{background:#fff}.screen-hangout .preview-screen-title{color:#09090b}.screen-hangout .hangout-field-list{gap:6px 7px;padding:8px;border:0;background:#fff}.screen-hangout .hangout-field-list i{inline-size:15px;block-size:15px;border-radius:6px;background:#6366f1}.screen-hangout .hangout-field-list i:nth-of-type(2){background:#ff6b6b}.screen-hangout .hangout-field-list i:nth-of-type(3){background:#f59e0b}.screen-hangout .hangout-field-list i:nth-of-type(4){background:#00bfa5}.screen-hangout .hangout-field-list span{block-size:7px;background:#e7e8ec}.screen-hangout .hangout-submit-preview{inline-size:100%;block-size:17px;margin-top:auto;border-radius:9px;background:#6366f1}.screen-tribe{background:#17181c}.screen-tribe .app-screen-chrome span{background:#f5f7fb}.screen-tribe .preview-screen-title{color:#fff}.screen-tribe .tribe-feed-preview>div{border:1px solid rgba(255,255,255,.09);background:#27272a}.screen-tribe .tribe-feed-preview i{background:#f59e0b}.screen-tribe .tribe-feed-preview span{background:#f7f7fa}.screen-tribe .tribe-feed-preview span:last-child{background:#999da7}.screen-tribe .tribe-composer-preview{border-color:#44454d;background:#202126}.screen-chat{background:#f7f8fb}.screen-chat .chat-plan-context{border:1px solid #e8e4fb;background:#f6f3ff}.screen-chat .chat-plan-context i,.screen-chat .chat-composer-preview i{background:#6366f1}.screen-chat .chat-thread-preview i{background:#ececf2}.screen-chat .chat-thread-preview i:last-child{background:#6366f1}.screen-chat .chat-composer-preview{border:1px solid #e7e8ec;background:#fff}.product-tribe-introduction{border-block:0}.tribe-preview{display:grid;place-items:center;overflow:hidden;min-block-size:310px;padding:24px;background-image:linear-gradient(135deg,rgba(12,28,19,.72),rgba(12,28,19,.35)),url('/images/places/seoul-street.webp');background-position:center;background-size:cover}.tribe-preview::before,.tribe-preview::after{display:none}.tribe-thread-context{display:grid;gap:9px;inline-size:min(100%,420px);padding:14px;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 22px 44px rgba(6,19,12,.35)}.tribe-thread-top{display:grid;grid-template-columns:28px 1fr 18px;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #ececf0}.tribe-thread-top i,.tribe-thread-post i,.tribe-thread-reply i{inline-size:24px;block-size:24px;border-radius:50%;background:#6366f1}.tribe-thread-top span{block-size:7px;border-radius:99px;background:#151b18}.tribe-thread-top b{inline-size:18px;block-size:18px;border-radius:7px;background:#f59e0b}.tribe-thread-post,.tribe-thread-reply{display:grid;grid-template-columns:24px 1fr;gap:5px 8px}.tribe-thread-post i,.tribe-thread-reply i{grid-row:span 3}.tribe-thread-reply{margin-inline-start:28px}.tribe-thread-reply i{grid-row:span 2;background:#ff6b6b}.tribe-thread-post span,.tribe-thread-reply span{block-size:6px;border-radius:99px;background:#30343a}.tribe-thread-post span:nth-of-type(2),.tribe-thread-reply span:last-child{inline-size:73%;background:#b6bbc5}.tribe-thread-post span:last-child{inline-size:54%;background:#d9dbdf}.tribe-thread-composer{display:flex;gap:8px;align-items:center;padding-top:9px;border-top:1px solid #ececf0}.tribe-thread-composer span{flex:1;block-size:25px;border-radius:10px;background:#f2f3f6}.tribe-thread-composer b{inline-size:25px;block-size:25px;border-radius:9px;background:#6366f1}.audience-card{overflow:hidden}.audience-visual{min-block-size:180px;margin:-1px -1px 24px;border-radius:19px 19px 12px 12px;background-position:center;background-size:cover}.local-visual{background-image:linear-gradient(90deg,rgba(20,32,24,.12),rgba(20,32,24,.02)),url('/images/places/ho-chi-minh-city-street.webp')}.traveler-visual{background-image:linear-gradient(90deg,rgba(20,32,24,.12),rgba(20,32,24,.02)),url('/images/places/tokyo-street.webp')}.audience-card h3,.audience-card p{margin-inline:24px}.audience-card p{margin-bottom:26px}@media(max-width:600px){.product-story-preview{min-block-size:246px}.vavut-app-screen{inline-size:min(100%,224px);min-block-size:220px}.tribe-preview{min-block-size:270px;padding:18px}.tribe-thread-context{padding:12px}.audience-visual{min-block-size:190px;margin-bottom:20px}.audience-card h3,.audience-card p{margin-inline:20px}}@media(prefers-reduced-motion:reduce){.story-context-photo{transform:none}}