.planner-hero{height:auto;min-height:650px;margin:0 20px;border-radius:0 0 24px 24px;background:#075d6b;isolation:isolate}.planner-hero .hero-still,.planner-hero .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-film{opacity:0;transition:opacity 1s}.hero-film.is-playing{opacity:1}.planner-hero .hero-shade{z-index:-2;background:linear-gradient(90deg,#023a43e8 0%,#023a43a3 43%,#023a4320 100%)}.hero-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding:62px 44px 88px}.planner-hero .hero-content{padding:0;max-width:660px}.planner-hero .eyebrow{font-size:12px;letter-spacing:2.5px;color:#dcf5e8}.planner-hero h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-3.3px;line-height:1.04;margin:0 0 24px}.planner-hero h1 em{color:#d4f5a9}.planner-hero .hero-copy{font-size:18px;line-height:1.6;color:#e2efec;margin-bottom:26px}.planner-hero .hero-trip-button{display:inline-flex;background:#d4f5a9;color:#173e35;border-radius:9px;padding:18px 25px;font-size:17px;font-weight:700;box-shadow:0 8px 30px #002e3840;transition:transform .2s,background .2s}.planner-hero .hero-trip-button:hover{background:#e6ffcb;transform:translateY(-2px)}.hero-reassurance{font-size:14px;color:#e5f4ed;margin:12px 0 22px}.hero-browse{font-size:14px;border-bottom:1px solid #ffffff60;padding-bottom:4px}.hero-demo{background:#fffdf6;color:#16393d;border:1px solid #ffffffb0;border-radius:22px;padding:26px;box-shadow:0 25px 65px #002f3850;transform:rotate(2deg);max-width:440px;justify-self:end;width:100%}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#537772}.demo-example{font-size:12px;color:#56736d;background:#edf1e6;padding:5px 9px;border-radius:20px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.demo-heading h2{font-size:33px;letter-spacing:-1.3px;line-height:1.1}.demo-sun{color:#d8a534;font-size:49px}.demo-stops{padding:0;margin:0;list-style:none;position:relative}.demo-stops:before{content:'';position:absolute;top:35px;bottom:35px;left:14px;border-left:2px dashed #c4d8cc}.demo-stops li{display:flex;align-items:center;gap:12px;position:relative;padding:10px 0;animation:stop-arrive 10s infinite both;animation-delay:calc(var(--stop)*.85s)}.stop-number{border:1px solid #cdded4;background:#fffdf6;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex-shrink:0;z-index:1}.demo-stops img{width:60px;height:60px;border-radius:11px;object-fit:cover}.demo-stops strong{display:block;font-size:16px}.demo-stops small{display:block;font-size:13px;color:#697d74;margin-top:3px}.stop-check{margin-left:auto;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#e0f1d4;color:#387448;font-size:13px}.demo-route{display:flex;gap:12px;align-items:center;background:#e4efdf;border:1px solid #d4e3cf;border-radius:12px;padding:16px 14px;margin-top:20px;animation:route-ready 10s infinite}.demo-route>span:first-child{font-size:28px;color:#398165}.demo-route>span:last-child{margin-left:auto}.demo-route strong{font-size:14px;display:block}.demo-route small{font-size:12px;color:#587064;display:block;margin-top:3px}.demo-steps{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #e3e7dd;padding-top:14px;font-size:12px;color:#617a71}.hero-bottom{position:absolute;bottom:22px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hero-motion,.hero-place{color:white;font-size:13px;padding:9px 13px;border:1px solid #ffffff50;border-radius:24px;background:#063e4755}.hero-search{padding:25px 24px;background:#fff}.hero-search form{margin:auto;max-width:740px;border:1px solid #dce7e6;box-shadow:0 6px 22px #123d3910}.hero-paused .demo-stops li,.hero-paused .demo-route{animation:none}@keyframes stop-arrive{0%,5%{opacity:.25;transform:translateY(12px)}15%,85%{opacity:1;transform:translateY(0)}100%{opacity:.25;transform:translateY(12px)}}@keyframes route-ready{0%,30%{opacity:.35;transform:translateY(8px)}42%,92%{opacity:1;transform:translateY(0)}100%{opacity:.35;transform:translateY(8px)}}@media(max-width:950px){.hero-layout{gap:30px;padding:45px 30px 85px}.hero-demo{padding:20px}.planner-hero h1{font-size:54px}.demo-heading h2{font-size:29px}.demo-stops li{gap:8px}.demo-stops img{width:48px;height:48px}}@media(max-width:700px){.planner-hero{margin:0 10px}.hero-layout{grid-template-columns:1fr;padding:36px 23px 82px;gap:32px}.planner-hero h1{font-size:52px;letter-spacing:-2px}.planner-hero .hero-copy{font-size:16px}.hero-demo{justify-self:center;transform:rotate(0);max-width:440px}.demo-heading{margin:15px 0}.demo-heading h2{font-size:29px}.demo-stops li{padding:7px 0}.hero-bottom{left:22px;right:22px;bottom:18px}.hero-motion,.hero-place{font-size:12px;padding:8px 10px}.hero-search{padding:18px 20px}.hero-search .primary{font-size:13px;padding:12px}.hero-search .search-icon{padding:0 5px}.hero-search input{font-size:14px}.planner-hero .hero-trip-button{font-size:16px}}@media(prefers-reduced-motion:reduce){.demo-stops li,.demo-route{animation:none}.hero-film{display:none}.planner-hero .hero-trip-button{transition:none}}

/* Visible planning sequence works even when video autoplay is unavailable. */
.planner-hero .hero-still{opacity:0;transition:opacity .9s ease,transform 7s linear;transform:scale(1.10)}.planner-hero .hero-still.active-scene{opacity:1;transform:scale(1)}.hero-film.scene-hidden{opacity:0}.demo-live{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;font-size:12px;color:#477563;min-height:20px}.demo-live-count{white-space:nowrap;font-weight:700}.demo-stops li{animation:none;opacity:.24;transform:translateX(15px);transition:opacity .6s,transform .6s,background .6s;border-radius:12px}.demo-stops li.stop-added{opacity:1;transform:translateX(0)}.demo-stops li.stop-current{background:#edf4e8}.demo-stops .stop-check{opacity:0;transform:scale(.3);transition:opacity .4s,transform .4s}.demo-stops .stop-added .stop-check{opacity:1;transform:scale(1)}.demo-route{animation:none;opacity:.3;transform:translateY(8px);transition:opacity .6s,transform .6s}.planner-hero[data-scene="3"] .demo-route{opacity:1;transform:translateY(0)}.demo-steps span{transition:color .3s,background .3s;padding:4px 7px;border-radius:6px}.demo-steps .active-step{color:#174f39;background:#d9edc9;font-weight:700}.hero-paused .hero-still{transition:none}.hero-paused .demo-stops li,.hero-paused .demo-route{transition:none}@media(prefers-reduced-motion:reduce){.planner-hero .hero-still,.demo-stops li,.demo-stops .stop-check,.demo-route{transition:none;transform:none}}