/* One continuous graph; content stays above it, including the real production header. */
.travel-landing{position:relative;isolation:isolate}
.travel-landing>.relationship-network-global{position:fixed;inset:0;width:100vw;height:100dvh;z-index:0;mask:none;pointer-events:none}
.travel-landing>header,.travel-landing>main,.travel-landing>footer,.travel-landing>.preview-settings,.landing-redesign-content{position:relative;z-index:1}
.travel-landing>header{z-index:30;background:transparent}
.travel-landing .relationship-network-global~main>section{isolation:auto}
.feature-mobile-cards{display:none}
.tour-hint-layer .hint-popover{background:var(--white);color:var(--ink);white-space:normal;line-height:1.4;box-shadow:0 6px 24px #0002;border:1px solid var(--rust)}
@media(max-width:760px){
 .travel-landing .guided-tour .tour-plan{display:none}
 .travel-landing .guided-tour .tour-stage{grid-template-areas:'app' 'result' 'convert';}
 .travel-landing .guided-tour .tour-heading{margin-bottom:18px;padding-top:0}
 .travel-landing .guided-tour .tour-center{margin-top:0}
 .travel-landing .tour-hint-layer .hint-popover{display:flex;font-size:13px;padding:10px 12px;min-height:44px;max-width:260px}
 .travel-landing .tour-hint-layer{z-index:15}
 .travel-landing .tour-outcome{margin-top:22px}
 .travel-landing .guided-tour .tour-result[aria-hidden=true]{display:none}
 .travel-landing .feature-swiper{display:none!important}
 .travel-landing .feature-mobile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
 .feature-mobile-card{min-width:0;padding:17px 14px 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--white) 92%,transparent);box-shadow:0 3px 0 color-mix(in srgb,var(--green) 5%,transparent)}
 .feature-mobile-card:nth-child(3n+2){background:color-mix(in srgb,var(--tint) 85%,var(--paper))}
 .feature-mobile-card>svg{width:27px;height:27px;color:var(--green);margin-bottom:16px}
 .feature-mobile-card h3{font-size:17px;line-height:1.16;letter-spacing:-.035em;margin:0 0 10px}
 .feature-mobile-card p{font-size:12px;line-height:1.5;color:var(--muted)}
 .travel-landing .feature-stories{padding-bottom:24px;min-height:0}
 .travel-landing .feature-stories:before{display:none}
 .travel-landing .feature-stories .capabilities-support{padding:16px;margin-top:0}
 .travel-landing .floating-actions:not([hidden]){display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:60;gap:8px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
 .travel-landing .floating-actions .button{flex:1;min-width:0;min-height:48px;font-size:14px;padding:12px;justify-content:center;gap:8px}
 .travel-landing .floating-actions .button svg{width:20px;height:20px;flex:none}
 .travel-landing{padding-bottom:var(--mobile-cta-height,76px)}
 .travel-landing .tour-panel{height:min(570px,calc(100svh - 180px));min-height:430px}
}
@media(min-width:761px){.travel-landing .floating-actions{display:none!important}}
@media(max-width:760px){
 .travel-landing .tour-panel{height:min(500px,calc(100svh - 320px));min-height:430px}
 .travel-landing .floating-actions:not([hidden]){width:100%;max-width:none;border-radius:0;transform:none;margin:0}
 .travel-landing .floating-actions .button{border-radius:14px}
}
.preview-settings[hidden]{display:none!important}
.tour-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 .travel-landing .guided-tour .tour-stage{grid-template-areas:'app' 'outcome'}
 .travel-landing .tour-stage.completed .tour-result[aria-hidden=false]{display:flex;min-height:0;padding:0;margin:0 0 12px;height:auto}
}
@media(max-width:760px){.travel-landing .header-blog{display:flex;font-size:12px}.travel-landing .header{gap:10px}.production-preferences{margin-left:auto}}
.travel-landing .feature-stories{background:transparent}
.travel-landing .start{background:color-mix(in srgb,var(--tint) 78%,transparent);color:var(--ink)}

@media(max-width:760px){
 .travel-landing.demo-keyboard-open .floating-actions{display:none!important}
 .travel-landing.demo-keyboard-open .hero-demo-cue{display:none}
 .travel-landing [data-keyboard=open]{transition:none!important}
}

/* The closing scene uses a light surface too: all copy follows the current palette. */
.travel-landing .start .start-heading p,
.travel-landing .start .platforms p,
.travel-landing .start .platform-notes p{color:var(--muted)}
.travel-landing .start .platforms>a{color:var(--ink);border-color:var(--line)}
.travel-landing .start .platforms>a:hover,
.travel-landing .start .platforms>a:focus-visible{color:var(--green)}
/* A handwritten invitation: enter softly, then draw the arrow toward the phone. */
.travel-landing .hero-demo-cue{transition:opacity 320ms ease,transform 420ms ease,visibility 320ms;transform:translate(-50%,10px) rotate(-3deg);}
.travel-landing .hero-demo-cue strong{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:22px;letter-spacing:-.035em}
.travel-landing .hero-demo-cue svg{width:52px;height:52px;left:calc(50% - 12px);top:calc(100% - 3px);stroke:var(--ink);stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
.travel-landing .demo-cue-active .hero-demo-cue{transform:translate(-50%,0) rotate(-3deg);animation:cue-arrive 520ms cubic-bezier(.2,.75,.25,1) both}
.travel-landing .demo-cue-active .hero-demo-cue path{stroke-dasharray:1;stroke-dashoffset:0;animation:cue-draw 650ms 160ms ease-out both}
.travel-landing .demo-cue-active .hero-demo-cue .cue-arrow-head{animation-delay:580ms;animation-duration:280ms}
.travel-landing .demo-cue-ready .hero-demo-cue svg{animation:hero-demo-point 1.5s 900ms ease-in-out 2}
.travel-landing .demo-cue-ready .hero-demo-cue strong{animation:cue-title 400ms ease-out both}
.travel-landing .hero-art:has(.demo-cue-active) .scribble{transition:opacity 320ms ease}
@keyframes cue-arrive{from{opacity:0;transform:translate(-50%,13px) rotate(-5deg)}to{opacity:1;transform:translate(-50%,0) rotate(-3deg)}}
@keyframes cue-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cue-title{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.travel-landing .hero-demo-cue strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){
 .travel-landing .hero-demo-cue,.travel-landing .hero-art:has(.demo-cue-active) .scribble{transition:none}
 .travel-landing .demo-cue-active .hero-demo-cue,.travel-landing .demo-cue-active .hero-demo-cue path,.travel-landing .demo-cue-ready .hero-demo-cue svg,.travel-landing .demo-cue-ready .hero-demo-cue strong{animation:none}
}

/* Live screens follow the demo palette; recorded footage keeps its light frame. */
.travel-landing .hero-media[data-demo=true] .phone-display,
.travel-landing .hero-media[data-demo=true] .phone-status,
.travel-landing .hero-media[data-demo=true] .phone-bottom{background:var(--demo-phone-bg,#F3F1E9);color:var(--demo-phone-ink,#233C33)}
.travel-landing .hero-media[data-demo=true] .speaker,
.travel-landing .hero-media[data-demo=true] .phone-bottom span{background:var(--demo-phone-ink,#233C33)}
html[data-theme=dark] .travel-landing{--demo-phone-bg:#151D19;--demo-phone-ink:#EDF1E7}
.travel-landing .tour-app .device-bottom:after{background:var(--ink)}
/* Let this short sentence use the entire desktop row, with natural mobile wrapping. */
.travel-landing .support-ai,.travel-landing .support-ai p{max-width:none;min-width:0}
.travel-landing .footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand copyright links" ". . owner";align-items:center;column-gap:24px;row-gap:8px}
.travel-landing .footer>.brand{grid-area:brand;justify-self:start;align-self:start}
.travel-landing .footer-copyright{grid-area:copyright;justify-self:center;align-self:start;padding-top:calc((30px - 1.5em)/2);order:0;text-align:center;white-space:nowrap;line-height:1.5;font-size:11px;color:var(--muted)}
.travel-landing .footer-links{grid-area:links;display:flex;align-self:start;padding-top:calc((30px - 1.5em)/2);justify-self:end;justify-content:flex-end;flex-wrap:wrap;column-gap:20px;row-gap:10px;min-width:0}
.travel-landing .footer-owner{grid-area:owner;justify-self:end;display:block;line-height:1.5;font-size:11px;text-align:right;color:var(--muted)}
@media(max-width:760px){.travel-landing .footer{grid-template-columns:1fr;grid-template-areas:"brand" "copyright" "links" "owner";row-gap:14px}.travel-landing .footer-copyright,.travel-landing .footer-links{padding-top:0}.travel-landing .footer-links{justify-self:center;justify-content:center}.travel-landing .footer-owner{justify-self:center;text-align:center}}