/* Homepage start box (first visit): Dino hosts the route picker, the phone hero gets one button,
   the journey section shows an example plan, the FAQ sits under pricing. Loaded last on index.html. */

/* ---- Phone hero: headline and one button on the first screen */
.airport-hero-cta{display:none}
@media(max-width:760px){
 body.onboarding #airport-landing .airport-art{height:236px!important;margin-bottom:-56px!important}
 body.onboarding #airport-landing .airport-art .airport-scene{width:100%!important;height:236px!important;left:0!important;object-fit:cover!important;object-position:60% 62%!important}
 body.onboarding #airport-landing .airport-promises{display:none!important}
 body.onboarding #airport-landing .airport-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 2px}
 body.onboarding #airport-landing .airport-hero-cta .airport-hero-start{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,#5f68e6,#6a5ad0);color:#fff!important;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none!important;box-shadow:0 8px 22px #5f68e64d}
 .airport-hero-start:focus-visible,.airport-hero-sample:focus-visible{outline:3px solid #b4bfff;outline-offset:3px}
 .airport-hero-sample{border:0;background:transparent;padding:10px 0;min-height:44px;color:#c9cdf5;font:500 15px/1.3 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none}
}

/* ---- Dino hosts the start box (first visit only; returning visitors keep the shared chat as it was)
   Order inside the card: Dino + his bubble + the chat box (talk to him first), then "or pick your route", then the form. */
body.onboarding #airport-landing .airport-connected-card.dino-host{display:flex!important;flex-direction:column!important;overflow:visible}
body.onboarding #airport-landing .dino-host>.airport-chat{display:contents}
body.onboarding #airport-landing .dino-host .airport-chat-title,
body.onboarding #airport-landing .dino-host .airport-chat>p[data-airport-i18n="chatSub"],
body.onboarding #airport-landing .dino-host .crew-manual-option:not(.sample-plan-entry),
body.onboarding #airport-landing .dino-host .airport-planner .airport-small:not(.home-start-request){display:none!important}
body.onboarding #airport-landing .dino-host .crew-active-helper{order:0!important}
body.onboarding #airport-landing .dino-host .home-start-own{order:1!important}
body.onboarding #airport-landing .dino-host .airport-planner{order:2!important}
body.onboarding #airport-landing .dino-host .sample-plan-entry{order:3!important}
body.onboarding #airport-landing .dino-host>details{order:5!important}

/* Dino: large, standing on the card's top edge. His bubble and the chat box sit in one column beside him. */
body.onboarding #airport-landing .dino-host .crew-active-helper{display:grid!important;grid-template-columns:156px minmax(0,1fr);column-gap:22px;align-items:end;margin:0 0 6px!important;padding:0!important;min-height:0!important;background:transparent!important;border:0!important}
body.onboarding #airport-landing .dino-host .crew-active-helper>img{grid-column:1;grid-row:1 / span 8;width:156px!important;height:234px!important;object-fit:contain!important;object-position:bottom!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;border-radius:0!important;align-self:start!important;margin:-64px 0 0!important;filter:none!important}
body.onboarding #airport-landing .dino-host .crew-profile{display:contents}
body.onboarding #airport-landing .dino-host .crew-profile>*{grid-column:2}
body.onboarding #airport-landing .dino-host .crew-helper-identity{order:0}
body.onboarding #airport-landing .dino-host .airport-chat-greeting{order:1}
body.onboarding #airport-landing .dino-host .crew-inline-history{order:2}
body.onboarding #airport-landing .dino-host .airport-chat-form{order:3}
body.onboarding #airport-landing .dino-host #airport-chat-status{order:4}
body.onboarding #airport-landing .dino-host .crew-retry{order:5}
body.onboarding #airport-landing .dino-host .crew-helper-identity{display:flex!important;align-items:center;gap:8px;margin:0 0 8px!important;font:650 15px/1.2 Inter,system-ui,sans-serif!important;color:#f6f8ff!important}
body.onboarding #airport-landing .dino-host .crew-helper-identity::after{content:"Your pet travel companion";font:500 12.5px/1.2 Inter,system-ui,sans-serif;color:#aab4d4}
html[lang^="pt"] body.onboarding #airport-landing .dino-host .crew-helper-identity::after{content:"O seu companheiro de viagem"}
body.onboarding #airport-landing .dino-host .airport-chat-greeting{position:relative;box-sizing:border-box;min-height:100px;margin:0 0 12px!important;padding:15px 18px!important;border-radius:18px 18px 18px 6px!important;background:#f7f8ff!important;color:#151c33!important;font:500 15.5px/1.5 Inter,system-ui,sans-serif!important;box-shadow:0 12px 30px #0005!important;transition:background-color .3s ease}
body.onboarding #airport-landing .dino-host .airport-chat-greeting::before{content:"";position:absolute;left:-9px;bottom:10px;width:18px;height:18px;background:inherit;clip-path:polygon(100% 0,0 70%,100% 100%)}
body.onboarding #airport-landing .dino-host .airport-chat-greeting.is-covered{background:#eafbf3!important;color:#0f3b2b!important}
body.onboarding #airport-landing .dino-host .crew-inline-history{margin:0 0 12px}
/* The chat box is Dino's: it sits right under his bubble */
body.onboarding #airport-landing .dino-host .airport-chat-form{margin:0!important}
body.onboarding #airport-landing .dino-host #airport-chat-status{margin:8px 0 0!important;min-height:0}
body.onboarding #airport-landing .dino-host #airport-chat-status:empty{display:none}
body.onboarding #airport-landing .dino-host .crew-retry{margin:6px 0 0}

/* The route form is the second path */
body.onboarding #airport-landing .dino-host .home-start-own{width:100%!important;max-width:none!important;box-sizing:border-box;margin:22px 0 14px!important;padding-top:18px;border-top:1px solid #2b3a58;color:#c9d2ee!important;font:600 14px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:.01em}
body.onboarding #airport-landing .dino-host.details-visible .home-start-own{display:none}
body.onboarding #airport-landing .dino-host .airport-tabs{margin-top:0}
body.onboarding #airport-landing .dino-host .home-start-request{margin:10px 0 0!important;font-size:13px!important}
body.onboarding #airport-landing .dino-host .home-start-request a{color:#c3bdff!important}
body.onboarding #airport-landing .dino-host .sample-plan-entry{align-self:flex-start;margin-top:8px}
body.onboarding #airport-landing .dino-host.details-visible .sample-plan-entry{display:none}

@media(min-width:761px){
 body.onboarding #airport-landing .airport-connected-card.dino-host{margin-top:100px!important}
}
@media(max-width:760px){
 body.onboarding #airport-landing .airport-connected-card.dino-host{margin-top:34px!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper{grid-template-columns:96px minmax(0,1fr);column-gap:12px}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{grid-row:1 / span 3;width:96px!important;height:144px!important;margin-top:-30px!important}
 body.onboarding #airport-landing .dino-host .airport-chat-greeting{min-height:134px;font-size:14.5px!important;padding:12px 14px!important}
 body.onboarding #airport-landing .dino-host .crew-profile>.crew-inline-history,
 body.onboarding #airport-landing .dino-host .crew-profile>.airport-chat-form,
 body.onboarding #airport-landing .dino-host .crew-profile>#airport-chat-status,
 body.onboarding #airport-landing .dino-host .crew-profile>.crew-retry{grid-column:1 / -1}
}
@media(prefers-reduced-motion:reduce){body.onboarding #airport-landing .dino-host .airport-chat-greeting{transition:none}}

/* ---- Journey: three stops on a route, and the plan you get. Calm, premium, nothing tied to scroll position. */
.home-journey{position:relative;isolation:isolate}
.home-journey::before{content:"";position:absolute;z-index:-1;top:-160px;bottom:-160px;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(closest-side at 78% 45%,#4b3fb434 0,#4b3fb424 30%,#4b3fb412 58%,#4b3fb406 82%,transparent 100%),radial-gradient(closest-side at 12% 70%,#f2a65a16 0,#f2a65a0c 40%,#f2a65a04 75%,transparent 100%);background-size:100% 100%;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}
html,body{overflow-x:clip}
.home-journey .home-eyebrow{color:#e9c88b;letter-spacing:.18em}
.home-journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:72px;align-items:start;margin-top:12px}

/* the three stops */
.home-journey-layout .home-feature-grid{grid-template-columns:1fr;gap:0;position:relative;order:-1}
.home-journey-layout .home-feature{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:22px;border:0;padding:0 0 38px}
.home-journey-layout .home-feature:last-child{padding-bottom:0}
.home-journey-layout .home-feature::before{content:"";position:absolute;left:27px;top:56px;bottom:-2px;width:2px;background:repeating-linear-gradient(#8a92ff66 0 5px,transparent 5px 11px)}
.home-journey-layout .home-feature:last-child::before{display:none}
.home-journey-layout .home-feature>.home-step{grid-column:1;grid-row:1 / span 6;align-self:start;display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;background:linear-gradient(145deg,#2a3270,#161d44);box-shadow:inset 0 0 0 1px #8a92ff55,0 10px 24px #0007,0 0 28px #5f68e633}
.home-journey-layout .home-feature>.home-step svg{width:30px;height:26px;background:transparent;border-radius:0;color:#d9d6ff}
.home-journey-layout .home-feature>.home-step>span{display:none}
.home-journey-layout .home-feature>:not(.home-step){grid-column:2}
.home-journey-layout .home-feature h3{margin:6px 0 8px;font-size:21px}
.home-journey-layout .home-feature p{color:#c2cde3}

/* the plan card: depth, a gradient edge, a soft glow. No sticky, no scroll movement. */
.home-plan-preview{position:relative;margin:0;perspective:1100px}
.hpp-tilt{position:relative;padding:26px 26px 20px;border-radius:24px;color:#e8ecfb;font:400 14.5px/1.4 Inter,system-ui,sans-serif;background:linear-gradient(160deg,#18214a 0%,#0e1531 55%,#0b1128 100%);box-shadow:0 40px 80px -20px #000c,0 0 0 1px #8a92ff2e,inset 0 1px 0 #ffffff1f,0 0 90px -30px #6a5ad088;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;will-change:transform;overflow:hidden}
.hpp-tilt::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#c9b6ff88,#5f68e622 40%,#f2c87a66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hpp-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,70%) var(--my,0%),#ffffff14,transparent 60%);opacity:var(--sheen,0);transition:opacity .4s}
.hpp-pass{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed #ffffff26}
.hpp-kicker{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.2em;color:#e9c88b}
.hpp-route{display:flex;align-items:center;gap:10px;color:#aab4d4;font:600 15px/1 Inter,system-ui,sans-serif;letter-spacing:.01em}
.hpp-route b{color:#fff;font-weight:650}
.hpp-route svg{width:120px;height:30px;overflow:visible;color:#e9c88b}
.hpp-arc{fill:none;stroke:#8a92ff;stroke-width:1.5;stroke-dasharray:3 5;stroke-linecap:round}
.hpp-plane{transform-box:fill-box}
.hpp-head{display:flex;align-items:center;gap:14px;transform:translateZ(26px)}
.hpp-ring{width:48px;height:48px;flex:none;transform:rotate(-90deg)}
.hpp-ring circle{fill:none;stroke-width:4}
.hpp-ring-bg{stroke:#ffffff1c}
.hpp-ring-fg{stroke:#a4a9ff;stroke-linecap:round;stroke-dasharray:66 100}
.hpp-who b{display:block;color:#fff;font-size:17px;letter-spacing:-.01em}.hpp-who span{color:#aab4d4;font-size:13px}
.hpp-days{margin-left:auto;text-align:right;color:#aab4d4;font-size:12px;line-height:1.2}
.hpp-days b{display:block;color:#fff;font:600 30px/1 Fraunces,"Iowan Old Style",Georgia,serif;letter-spacing:-.02em}
.home-story .hpp-count{color:#aab4d4;font-size:12.5px;margin:14px 0 6px;letter-spacing:.02em}
.hpp-steps{list-style:none;margin:0;padding:0;position:relative}
.hpp-steps li{position:relative;display:grid;grid-template-columns:20px 64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0}
.hpp-steps li::before{content:"";position:absolute;left:9px;top:-12px;bottom:12px;width:2px;background:#ffffff1c}
.hpp-steps li:first-child::before{display:none}
.hpp-steps li.done::before{background:linear-gradient(#8a92ff88,#8a92ff55)}
.hpp-node{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;background:#0e1531;box-shadow:inset 0 0 0 2px #ffffff30}
.hpp-steps li.done .hpp-node{background:linear-gradient(145deg,#8a92ff,#6a5ad0);box-shadow:0 0 14px #6a5ad088}
.hpp-steps li.done .hpp-node::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg)}
.hpp-steps li.due .hpp-node{box-shadow:inset 0 0 0 2px #f2c87a;background:#1b1a2e}
.hpp-steps li.due .hpp-node::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#f2c87a}
.hpp-when{color:#aab4d4;font-size:12.5px;font-variant-numeric:tabular-nums}
.hpp-steps li.due .hpp-when{color:#f2c87a;font-weight:600}
.hpp-what{color:#eef1ff}
.hpp-steps em{font-style:normal;font-size:12px;padding:4px 10px;border-radius:99px;background:#50c8a01f;color:#9fe6c9;white-space:nowrap}
.hpp-steps li.due em{background:#f2c87a1f;color:#f6d48f}
.home-plan-preview figcaption{margin-top:12px;color:#8e97b9;font-size:12px;line-height:1.5}

/* one-time entrance, then still (only when scripting is on and motion is welcome) */
.home-journey.reveal-ready .home-feature,.home-journey.reveal-ready .home-plan-preview{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.home-journey.reveal-ready.is-in .home-feature,.home-journey.reveal-ready.is-in .home-plan-preview{opacity:1;transform:none}
.home-journey.reveal-ready.is-in .home-feature:nth-child(2){transition-delay:.12s}
.home-journey.reveal-ready.is-in .home-feature:nth-child(3){transition-delay:.24s}
.home-journey.reveal-ready.is-in .home-plan-preview{transition-delay:.18s}
.home-journey.reveal-ready .hpp-steps li{opacity:0;transform:translateX(-8px);transition:opacity .5s ease,transform .5s ease}
.home-journey.reveal-ready.is-in .hpp-steps li{opacity:1;transform:none}
.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(1){transition-delay:.5s}.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(2){transition-delay:.6s}.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(3){transition-delay:.7s}.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(4){transition-delay:.8s}.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(5){transition-delay:.9s}.home-journey.reveal-ready.is-in .hpp-steps li:nth-child(6){transition-delay:1s}
.home-journey.reveal-ready .hpp-ring-fg{stroke-dasharray:0 100;transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1) .6s}
.home-journey.reveal-ready.is-in .hpp-ring-fg{stroke-dasharray:66 100}
.home-journey.reveal-ready .hpp-arc{stroke-dasharray:3 5;opacity:.25;transition:opacity 1.2s ease .6s}
.home-journey.reveal-ready.is-in .hpp-arc{opacity:1}
@media(prefers-reduced-motion:reduce){.hpp-tilt{transition:none;transform:none!important}}
@media(max-width:900px){
 .home-journey-layout{grid-template-columns:1fr;gap:40px}
 .home-journey-layout .home-feature-grid{order:0}
 .home-journey-layout .home-plan-preview{order:-1}
 .hpp-tilt{padding:20px 16px 16px;transform:none!important}
 .hpp-steps li{grid-template-columns:20px minmax(0,1fr) auto;row-gap:2px}
 .hpp-steps li .hpp-when{grid-column:2;grid-row:1}
 .hpp-steps li .hpp-what{grid-column:2;grid-row:2}
 .hpp-steps li em{grid-column:3;grid-row:1 / span 2}
 .hpp-steps li .hpp-node{grid-row:1 / span 2}
 .hpp-route svg{width:84px}
}

/* ---- Coverage: the map only; the request form opens when asked */
.home-inline-link{display:inline;padding:0!important;min-height:0!important;font-size:inherit!important;vertical-align:baseline}

/* ---- Short FAQ under pricing */
.home-faq{padding-block:24px 56px}
.home-faq h2{margin-bottom:18px}
.home-faq details{border-top:1px solid #2f3d5c;padding:0}
.home-faq details:last-of-type{border-bottom:1px solid #2f3d5c}
.home-faq summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;min-height:44px;cursor:pointer;list-style:none;color:#f6f8ff;font:600 17px/1.4 Inter,system-ui,sans-serif}
.home-faq summary::-webkit-details-marker{display:none}
.home-faq summary::after{content:"+";flex:none;color:#aab4d4;font:400 22px/1 Inter,system-ui,sans-serif}
.home-faq details[open] summary::after{content:"–"}
.home-faq summary:focus-visible{outline:2px solid #aaa8ff;outline-offset:4px}
.home-faq details p{max-width:760px;margin:0 0 18px}
.home-faq-more{margin:18px 0 0!important}
@media(max-width:760px){.home-faq summary{font-size:16px}}

/* ---- One page, one system: same edges as the header, same rhythm, same card language. ---- */
@media(min-width:601px){
 .home-story{width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))}
 .wrap:has(>[data-letters="home"]){max-width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))!important;width:100%;margin-inline:auto;padding-inline:0!important}
 .site-foot .wrap{max-width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))!important;width:100%;margin-inline:auto;padding-inline:0!important}
}
#coverage,.home-trust,.home-pricing.tiers,.home-faq{border-top:1px solid!important;border-image:linear-gradient(90deg,transparent,#34457a 18%,#34457a 82%,transparent) 1!important}
#coverage{padding-top:72px!important}
.home-trust{padding-block:72px!important}.home-pricing.tiers{padding-block:72px 64px!important}.home-faq{padding-block:72px 40px!important}
#coverage .home-section-heading,#coverage .coverage-heading{padding-inline:0!important;margin-inline:0!important}
.home-story h2{font-size:clamp(28px,3.1vw,40px)}
.home-trust .home-eyebrow,.home-pricing .home-eyebrow,#coverage .home-eyebrow,.home-faq .home-eyebrow{color:#e9c88b;letter-spacing:.18em}
/* Founder photo: gradient frame like the example plan */
.home-founder-photo{border-radius:22px!important;box-shadow:0 0 0 1px #8a92ff44,0 28px 60px #0009,0 0 60px #4b3fb433}
/* Pricing: three real cards, the Pass quietly highlighted. Prices unchanged. */
.home-pricing .tiers-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0!important;margin-top:28px}
html body #pricing .tiers-row .tier{position:relative;padding:28px 28px 26px!important;margin:0!important;border:0!important;border-radius:20px;background:linear-gradient(160deg,#141c3c,#0c1330);box-shadow:inset 0 0 0 1px #2c3a6a,0 18px 40px #0006}
html body #pricing .tiers-row .tier:nth-child(2){background:linear-gradient(160deg,#252c6a,#121a44);box-shadow:inset 0 0 0 1px #7f88f0aa,0 22px 50px #0008,0 0 50px #5f68e62e}
.home-pricing .tier h3{margin-top:0}
.home-pricing .tier .pr b{font-size:34px;letter-spacing:-.03em}
.home-pricing .tier:nth-child(2) .pr b{color:#e9c88b}
/* FAQ: same hairlines as everything else, calm hover */
.home-faq details{border-top:1px solid #2c3a6a;transition:background .2s}
.home-faq details:last-of-type{border-bottom:1px solid #2c3a6a}
.home-faq details:hover{background:linear-gradient(90deg,#141c3c66,transparent)}
@media(max-width:760px){.home-pricing .tiers-row{grid-template-columns:1fr}}
/* Dino: feet land on the form's divider, no dead air under him */
body.onboarding #airport-landing .dino-host .home-start-own{margin-top:6px!important}
@media(min-width:601px){
 html body #coverage.home-story{width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))!important;max-width:none!important}
 html body .wrap>section.cl.cl.cl{max-width:none!important}
}
html body #coverage.home-story{padding-inline:0!important}
/* Pass cards: equal padding on all three (the old first-child rule zeroed the left), price block, divider, summary */
html body #pricing.tiers .tiers-row .tier,html body #pricing.tiers .tiers-row .tier:first-child{padding:30px 30px 28px!important;gap:10px}
html body #pricing.tiers .tiers-row .tier .pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;padding-bottom:16px;border-bottom:1px solid #ffffff1a;color:#aab4d4}
html body #pricing.tiers .tiers-row .tier .tier-sum{margin:0;color:#c9d2ee;line-height:1.6}
html body #pricing.tiers .tiers-row .tier h3{font-size:15px;letter-spacing:.01em;color:#e9c88b;font-weight:650;margin:0}
html body #pricing.tiers .tiers-row .tier .pr b{font-size:38px;line-height:1;color:#fff}
html body #pricing.tiers .tiers-row .tier:nth-child(2) .pr b{color:#fff}
html body #pricing.tiers .tiers-row .tier:nth-child(2){background:linear-gradient(160deg,#2b3377,#141c4a)}
html body #pricing.tiers .tiers-row{align-items:stretch}
@media(max-width:760px){html body #pricing.tiers .tiers-row .tier,html body #pricing.tiers .tiers-row .tier:first-child{padding:24px!important;border-top:0!important}}
html body #pricing.tiers .tiers-row .tier .pr{flex-direction:column;align-items:flex-start;gap:8px;min-height:84px;font-size:13px;line-height:1.4}
/* Dino really talks: a speech bubble with a tail pointing at him, a soft pop whenever he says something new. */
body.onboarding #airport-landing .dino-host .crew-active-helper{row-gap:0!important}
body.onboarding #airport-landing .dino-host .airport-chat-greeting{position:relative;overflow:visible!important;border-radius:20px 20px 20px 6px!important;box-shadow:0 14px 34px #0006}
body.onboarding #airport-landing .dino-host .airport-chat-greeting::before{content:"";position:absolute;left:-11px;top:22px;width:0;height:0;border-style:solid;border-width:9px 12px 9px 0;border-color:transparent #f6f8ff transparent transparent;filter:drop-shadow(-3px 2px 3px #0004)}
body.onboarding #airport-landing .dino-host .airport-chat-greeting.is-new{animation:dinoPop .38s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:0 36px}
@keyframes dinoPop{from{opacity:.35;transform:scale(.94) translateX(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.onboarding #airport-landing .dino-host .airport-chat-greeting.is-new{animation:none}}
@media(max-width:600px){body.onboarding #airport-landing .dino-host .airport-chat-greeting::before{left:-9px;top:22px;border-width:8px 10px 8px 0}}
/* Phone: tighter, even rhythm */
@media(max-width:600px){
 body.onboarding #airport-landing .airport-stage{padding-top:252px!important;gap:16px!important}
 body.onboarding #airport-landing .airport-connected-card.dino-host{margin-top:0!important}
 #coverage{padding-top:44px!important}
 .home-trust{padding-block:44px!important}
 .home-pricing.tiers{padding-block:44px 40px!important}
 .home-faq{padding-block:44px 28px!important}
 .home-journey{padding-block:44px 36px!important}
 html body #pricing.tiers .tiers-row{gap:14px!important}
 html body #pricing.tiers .tiers-row .tier .pr{min-height:0}
 .hpp-kicker{white-space:nowrap;letter-spacing:.12em;font-size:10px}
 .home-founder-photo{border-radius:18px!important}
}

/* ---- Hero as one composition; Dino hosts the planner on the navy below it (Codex review, 2026-11-04) ---- */
body.onboarding #airport-landing .airport-copy{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;border-radius:0!important}
body.onboarding #airport-landing .sample-plan-entry{display:none!important}
@media(min-width:761px){
 body.onboarding #airport-landing .airport-stage{height:clamp(500px,40vw,600px)!important;min-height:0!important;display:block!important;padding:0!important;overflow:clip}
 body.onboarding #airport-landing .airport-stage::before{inset:-80px 0 0!important;background:linear-gradient(90deg,#060d1ef2 0,#060d1ecf 28%,#060d1e80 48%,transparent 68%)!important}
 body.onboarding #airport-landing .airport-stage::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#080f20);pointer-events:none}
 body.onboarding #airport-landing .airport-copy{top:56px!important;width:46%!important}
 body.onboarding #airport-landing>.airport-connected-card.dino-host{position:relative!important;z-index:3;width:min(780px,calc(100% - 48px))!important;max-width:780px!important;margin:-70px auto 0!important;padding:0 0 40px!important;border:0!important;background:transparent!important;box-shadow:none!important;top:auto!important;left:auto!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper{grid-template-columns:176px minmax(0,1fr)!important;column-gap:24px!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{width:176px!important;height:264px!important;margin:0!important;align-self:start!important}
}
body.onboarding #airport-landing .dino-host .crew-helper-identity{font-size:20px!important}
body.onboarding #airport-landing .dino-host .airport-chat-greeting{min-height:0!important;background:#eef1fc!important}
@media(min-width:761px){
 body.onboarding #airport-landing .airport-copy{position:absolute!important;left:4.25%!important;top:64px!important;width:44%!important}
 body.onboarding #airport-landing .airport-hero-cta{display:flex!important;margin:22px 0 22px!important}
 body.onboarding #airport-landing .airport-stage::before{background:linear-gradient(90deg,#060d1ef5 0,#060d1ed9 30%,#060d1e8c 50%,transparent 72%)!important}
}
/* Hero buttons on every width: one primary, one quiet link */
body.onboarding #airport-landing .airport-hero-cta{align-items:center;gap:8px 22px}
body.onboarding #airport-landing .airport-hero-cta .airport-hero-start{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;background:linear-gradient(135deg,#5f68e6,#6a5ad0)!important;color:#fff!important;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none!important;box-shadow:0 8px 24px #5f68e655}
body.onboarding #airport-landing .airport-hero-cta .airport-hero-sample{border:0!important;background:transparent!important;padding:10px 0;min-height:44px;color:#e3e6ff!important;font:500 15px/1.3 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;box-shadow:none!important}
@media(min-width:761px){
 body.onboarding #airport-landing .airport-stage::before{background:linear-gradient(90deg,#060d1ef0 0,#060d1ee0 34%,#060d1e99 52%,#060d1e33 66%,transparent 78%)!important}
 body.onboarding #airport-landing .airport-promises{margin-top:4px}
}
/* Phone: planner sits on the page like desktop, no extra frame */
@media(max-width:760px){
 body.onboarding #airport-landing>.airport-connected-card.dino-host{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 28px!important;margin-top:4px!important;width:100%!important}
}
@media(min-width:761px){
 body.onboarding #airport-landing .airport-stage::before{display:none!important}
 body.onboarding #airport-landing .airport-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060d1ef2 0,#060d1ee6 30%,#060d1eaa 46%,#060d1e55 60%,transparent 74%)}
}
/* Phone: how-it-works steps come before the tall sample timeline; the country picker sits right above the map */
@media(max-width:760px){
 .home-journey-layout .home-plan-preview{order:1}
 .home-journey-layout .home-feature-grid{order:0}
 #coverage .map-layout{display:flex!important;flex-direction:column;gap:14px}
 #coverage .map-country-panel{display:contents}
 #coverage .map-country-panel>label{order:-3;margin:0}
 #coverage .map-country-panel>.cs-wrap{order:-2}
 #coverage .map-canvas-column{order:0}
 #coverage .map-country-panel>#map-country-details{order:1}
}
@media(max-width:760px){
 body.onboarding #airport-landing>.airport-connected-card.dino-host{padding:0 18px 28px!important;margin-top:26px!important;box-sizing:border-box}
}
/* Desktop: Dino stands beside the whole planner, so there is no empty column under him */
@media(min-width:901px){
 body.onboarding #airport-landing>.airport-connected-card.dino-host{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;column-gap:32px!important;align-items:start;width:min(1000px,calc(100% - 64px))!important;max-width:1000px!important;margin:-96px auto 0!important;padding:0 0 56px!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper{display:contents!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{grid-column:1!important;grid-row:1 / span 9!important;width:250px!important;height:375px!important;margin:0!important;align-self:start!important;position:sticky;top:96px}
 body.onboarding #airport-landing .dino-host .crew-active-helper>canvas,body.onboarding #airport-landing .dino-host .crew-active-helper>video{grid-column:1!important}
 body.onboarding #airport-landing .dino-host .crew-profile>*,body.onboarding #airport-landing .dino-host>.home-start-own,body.onboarding #airport-landing .dino-host>.airport-planner,body.onboarding #airport-landing .dino-host>details,body.onboarding #airport-landing .dino-host>#edit{grid-column:2!important}
 body.onboarding #airport-landing .dino-host .home-start-own{margin-top:18px!important}
}
@media(min-width:901px){
 body.onboarding #airport-landing .dino-host .crew-helper-identity{order:1!important}
 body.onboarding #airport-landing .dino-host .airport-chat-greeting{order:2!important}
 body.onboarding #airport-landing .dino-host .crew-inline-history{order:3!important}
 body.onboarding #airport-landing .dino-host .airport-chat-form{order:4!important}
 body.onboarding #airport-landing .dino-host #airport-chat-status{order:5!important}
 body.onboarding #airport-landing .dino-host .crew-retry{order:6!important}
 body.onboarding #airport-landing .dino-host>.home-start-own{order:7!important}
 body.onboarding #airport-landing .dino-host>.airport-planner{order:8!important}
 body.onboarding #airport-landing .dino-host>details,body.onboarding #airport-landing .dino-host>#edit{order:9!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{order:0!important}
}
/* Phone: calmer planner. Route fields side by side, pet below, tighter gaps. */
@media(max-width:760px){
 body.onboarding #airport-landing .airport-form-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 10px!important}
 body.onboarding #airport-landing .airport-form-fields>label:nth-child(1){order:3;grid-column:1 / -1}
 body.onboarding #airport-landing .airport-form-fields>label:nth-child(2){order:1}
 body.onboarding #airport-landing .airport-form-fields>label:nth-child(3){order:2}
 body.onboarding #airport-landing .airport-form-fields>label{min-width:0}
 body.onboarding #airport-landing .dino-host .home-start-own{margin:14px 0 8px!important;padding-top:14px!important}
 body.onboarding #airport-landing .dino-host .airport-tabs{margin:0 0 8px!important;padding-bottom:10px!important}
 body.onboarding #airport-landing .dino-host .airport-primary{margin-top:6px}
 body.onboarding #airport-landing .airport-stage{padding-top:244px!important;gap:12px!important}
 body.onboarding #airport-landing>.airport-connected-card.dino-host{margin-top:20px!important}
}
@media(max-width:760px){
 body.onboarding #airport-landing .airport-form-fields{grid-template-columns:1fr 1fr!important}
 html body.onboarding #airport-landing .airport-form-fields>label:nth-child(2),html body.onboarding #airport-landing .airport-form-fields>label:nth-child(3){grid-column:auto!important}
 html body.onboarding #airport-landing .airport-form-fields>label:nth-child(1){grid-column:1 / -1!important}
}
/* The hero copy always keeps its own room; Dino overlaps only the padding below it (no overlap at any desktop width) */
@media(min-width:761px){
 body.onboarding #airport-landing .airport-stage{height:auto!important;min-height:clamp(500px,40vw,600px)!important;padding:64px 0 128px!important;box-sizing:border-box}
 body.onboarding #airport-landing .airport-copy{position:relative!important;left:auto!important;top:auto!important;margin-left:4.25%!important;width:min(560px,46%)!important}
}

/* Calmer, more orderly desktop hero (2026-11-04): lighter photo overlay, nav on one line, and the planner on the same edges as the header. */
@media(min-width:761px){
 body.onboarding #airport-landing .airport-art::after{background:linear-gradient(90deg,#060d1ed0 0,#060d1ea8 26%,#060d1e5c 44%,#060d1e1f 58%,transparent 70%)}
 body.onboarding #airport-landing .airport-stage::after{height:240px;background:linear-gradient(transparent,#080f20cc 55%,#080f20)}
 body.onboarding #airport-landing .airport-copy{margin-left:calc((100% - min(1316px,100% - clamp(36px,8.6vw,124px)))/2)!important}
}
@media(min-width:1041px){
 html body .board>.topnav.wrap{align-items:center!important}
 html body .board .topnav .navlink,html body .board .topnav .nav-tools>summary{display:inline-flex!important;align-items:center;box-sizing:border-box;height:40px;min-height:0;margin:0;padding:0 14px!important;font-size:15px!important;line-height:1!important;list-style:none}
 html body .board .topnav .nav-tools{display:inline-flex;align-items:center;margin:0 0 0 auto!important}
 html body .board .topnav .nav-tools>summary::-webkit-details-marker{display:none}
 html body .board .topnav .nav-sheet .navlink[href$="/contact"]{margin-right:auto!important}
 html body .board .topnav .nav-start{margin-inline-start:0!important;height:44px;align-items:center}
}
@media(min-width:1181px){
 body.onboarding #airport-landing>.airport-connected-card.dino-host{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr)!important;column-gap:56px!important;width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))!important;max-width:none!important;padding:0 0 64px!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{width:200px!important;height:300px!important}
 body.onboarding #airport-landing .dino-host>.home-start-own{grid-column:3!important;grid-row:1!important;margin:0 0 14px!important;align-self:end}
 body.onboarding #airport-landing .dino-host>.airport-planner{grid-column:3!important;grid-row:2 / span 5!important;align-self:start}
 body.onboarding #airport-landing .dino-host>details,body.onboarding #airport-landing .dino-host>#edit{grid-column:3!important;grid-row:7!important}
 body.onboarding #airport-landing .dino-host .crew-profile>*{align-self:start}
}
@media(min-width:1181px){
 body.onboarding #airport-landing>.airport-connected-card.dino-host{margin-top:8px!important}
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{margin-top:-48px!important}
}
@media(min-width:1041px){html body .board .topnav .nav-start,html body .board .topnav>.lang-control{align-self:center!important;margin-top:0!important;margin-bottom:0!important}}
/* Laptop widths: slide the photo right so the headline never reaches the faces; the planner starts below the photo. */
@media(min-width:761px) and (max-width:1180px){
 body.onboarding #airport-landing .airport-art{left:auto!important;right:-60px!important;transform:none!important}
 body.onboarding #airport-landing .airport-copy{width:min(470px,44%)!important}
 body.onboarding #airport-landing>.airport-connected-card.dino-host{margin-top:8px!important}
}

/* Lighter fades: the shading stays behind the text and below the animals, never over their faces or bodies. */
@media(min-width:761px){
 body.onboarding #airport-landing .airport-art::after{background:linear-gradient(90deg,#060d1ec4 0,#060d1e96 22%,#060d1e4a 38%,transparent 52%)}
 body.onboarding #airport-landing .airport-stage::after{height:110px;background:linear-gradient(transparent,#080f20 92%)}
}
@media(max-width:760px){
 body.onboarding #airport-landing .airport-art{mask-image:linear-gradient(transparent,#000 4%,#000 84%,transparent)!important;-webkit-mask-image:linear-gradient(transparent,#000 4%,#000 84%,transparent)!important}
 /* calmer planner block: one hairline, smaller route tabs, tighter rhythm */
 body.onboarding #airport-landing .dino-host .home-start-own{margin-top:6px!important;padding-top:14px!important}
 body.onboarding #airport-landing .dino-host .airport-tabs{border-bottom:0!important;margin-bottom:6px!important}
 body.onboarding #airport-landing .dino-host .airport-tabs span{min-height:38px!important;font-size:14px!important}
 body.onboarding #airport-landing .dino-host .airport-form-fields{gap:12px 12px!important}
 body.onboarding #airport-landing .dino-host .airport-primary{height:52px!important}
 .home-journey .home-feature p{font-size:15px!important;line-height:1.5!important}
 .home-journey .home-feature{padding-bottom:6px!important}
 .home-journey .home-section-heading{margin-bottom:18px!important}
}

/* Founder portrait removed from the homepage (About page keeps it): the trust note stands alone, one column. */
html body .home-story.home-trust{grid-template-columns:1fr!important;padding-block:36px!important}
html body .home-trust .home-source-note{grid-column:1!important;border-top:0!important;padding-top:0!important;max-width:640px}
@media(max-width:760px){html body .home-story.home-trust{padding-block:28px!important}}

/* Last polish: the feedback line and pricing footnote share the page's left edge like everything else. */
html body .beta-note.wrap{width:min(1316px,calc(100% - clamp(36px,8.6vw,124px)))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important;text-align:start!important}
html body .beta-note.wrap p{text-align:start!important;margin:0}
html body .tiers-beta{margin-top:18px!important}
html body .tiers-beta b{font-weight:500;color:#b9c3dc}

/* Route tabs: line icons instead of text glyphs. */
body.onboarding #airport-landing .airport-tabs span::before{content:"";display:inline-block;width:16px;height:16px;margin-inline-end:8px;vertical-align:-3px;background:currentColor;opacity:.9;-webkit-mask:var(--tab-icon) center/contain no-repeat;mask:var(--tab-icon) center/contain no-repeat}
body.onboarding #airport-landing .airport-tabs label:first-child span{--tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M17 6l4 6-4 6'/%3E%3Cpath d='M3 12h0'/%3E%3C/svg%3E")}
body.onboarding #airport-landing .airport-tabs label:last-child span{--tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E")}

/* One start button, inside the Free plan card (was loose under the table). */
html body #pricing.tiers .tiers-row .tier:first-child{display:flex!important;flex-direction:column}
html body #pricing.tiers .tiers-row .tier:first-child .tier-buy{margin-top:auto;align-self:flex-start}
html body #pricing.tiers .tiers-row .tier:first-child .tier-sum{margin-bottom:18px}

/* No tinted box behind the closed "fictional document check" rows: nothing with an edge floats on the glow. */
.home-journey details.doc-inline-example:not([open]){background:transparent!important;box-shadow:none!important}

/* Dino stays put and sharp: no sticky scrolling, and never drawn larger than his 384px still allows (192px at 2x). */
@media(min-width:901px){
 body.onboarding #airport-landing .dino-host .crew-active-helper>img{width:192px!important;height:288px!important;position:relative!important;top:auto!important;justify-self:start;filter:drop-shadow(0 10px 10px #0006)}
}

/* fewer line separators (Paulino, 4 Nov): sections are separated by space, not rules. Only the FAQ rows keep hairlines. */
#coverage,.home-trust,.home-pricing.tiers,.home-faq,.home-story{border-top:0!important;border-image:none!important}
body.onboarding #airport-landing .dino-host .home-start-own{border-top:0!important;padding-top:0!important}
html body #pricing.tiers .tiers-row .tier .pr{border-bottom:0!important;padding-bottom:0!important}
#coverage details,#pricing details,.home-pricing details{border-top:0!important;border-bottom:0!important}
#coverage .coverage-list,#coverage .coverage-more{border-top:0!important}
.home-faq details:first-of-type{border-top:0!important}

/* compact fictional document check (Paulino, 4 Nov): one small card, two columns, no wordmark bar, so opening it does not stretch the page */
.home-document-demo .doc-inline-example{margin:0 0 10px!important}
.home-document-demo .doc-inline-example>summary{padding:12px 44px 12px 14px!important}
.home-document-demo .doc-inline-example>summary:after{top:10px!important;right:14px!important}
.home-document-demo .doc-inline-example h3{font-size:15px!important;margin:4px 0 2px!important}
.home-document-demo .doc-inline-example summary p{font-size:13px!important}
.home-document-demo .doc-example-screen{margin:0 14px 14px!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:4px 18px;border:0!important;background:none!important}
.home-document-demo .doc-example-screen .doc-screen-top{display:none!important}
.home-document-demo .doc-example-screen .doc-screen-route,.home-document-demo .doc-example-screen small{grid-column:1/-1;margin:0!important;font-size:12px!important;color:#9aa8c7}
.home-document-demo .doc-example-screen .doc-screen-step{margin:8px 0 0!important;font-size:11px!important;letter-spacing:.08em}
.home-document-demo .doc-example-screen .doc-screen-input,.home-document-demo .doc-example-screen .doc-screen-note{margin:0!important;font-size:13px!important}
.home-document-demo .doc-example-screen .checks{grid-column:1/-1}
.home-document-demo .doc-example-screen .checks .d{font-size:13px!important;line-height:1.45!important}
.home-document-demo .doc-example-disclosure{font-size:12px!important;margin:6px 0 0!important}
@media(max-width:760px){.home-document-demo .doc-example-screen{grid-template-columns:1fr}}