/* Complete Travel_step system derived from samples/DESIGN.md. */
:root{--ui-blue:#007bff;--ui-amber:#f7be00;--ui-dark:#0d0021;--ui-black:#05010d;--ui-line:rgba(0,0,0,.12);--ui-dark-line:rgba(255,255,255,.12);--ui-muted:#737373;--ui-soft:#faf8f7;--ui-shadow:0 0 0 1px rgba(0,0,0,.04),0 1px 1px .5px rgba(0,0,0,.02),0 3px 3px 1.5px rgba(0,0,0,.02),0 6px 6px -3px rgba(0,0,0,.02),0 12px 12px -6px rgba(0,0,0,.02),0 24px 24px -12px rgba(0,0,0,.02)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.logo{display:flex!important;align-items:center;gap:9px}.logo>b{font:750 18px/1 system-ui,-apple-system,sans-serif!important;color:#000!important;letter-spacing:-.035em!important}.brand-mark{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid!important;place-items:center;background:#000!important}.brand-mark svg{width:22px;height:22px;overflow:visible}.brand-mark path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.brand-mark circle{fill:var(--ui-amber)}
.header .logo:after{content:"BETA";padding:4px 7px;border-radius:999px;background:#f1f1f1;color:#737373;font-size:7px;font-weight:700;letter-spacing:.1em}.header-actions-group{align-items:center}.header-button,.primary-button{font-family:system-ui,-apple-system,sans-serif}.header-explorer{color:#000!important}.header-explorer:hover{color:#fff!important}
.section-label{justify-content:flex-start!important;color:#737373!important;font:650 11px/1.2 system-ui,-apple-system,sans-serif!important;letter-spacing:.12em!important}.section-label span{width:9px!important;height:9px!important;background:var(--ui-blue)!important;box-shadow:0 0 0 5px rgba(0,123,255,.1)}
.how-simple,.process,.plans{padding-left:max(var(--pad),calc((100vw - 1200px)/2));padding-right:max(var(--pad),calc((100vw - 1200px)/2))}
.how-simple{padding-top:96px!important;padding-bottom:96px!important;background:#fff!important}.info-intro{max-width:1200px;grid-template-columns:260px 1fr;column-gap:64px;margin-bottom:64px}.info-intro h2,.process-intro h2,.plans-intro h2{font:750 clamp(44px,5vw,68px)/1 system-ui,-apple-system,sans-serif!important;letter-spacing:-.05em!important;color:#000!important}.info-intro h2 span,.process-intro h2 span,.plans-intro h2 span,.info-intro h2 em,.process-intro h2 em,.plans-intro h2 em{display:inline!important;color:inherit!important;font:inherit!important}.info-intro>p,.process-intro>p,.plans-intro>p{font-size:17px!important;line-height:1.5!important;color:#595959!important}
.purpose-list,.process-steps,.plan-list{width:72%;max-width:864px}.purpose,.process-step{padding:28px 0!important;border-color:var(--ui-line)!important}.purpose>span,.process-number,.plan-number{border-color:rgba(0,0,0,.18)!important;background:#fff!important;color:#000!important}.purpose:nth-child(2)>span,.process-step:nth-child(2) .process-number,.plan-accordion:nth-child(2) .plan-number{background:#edf6ff!important}.purpose:nth-child(3)>span,.process-step:nth-child(3) .process-number,.plan-accordion:nth-child(3) .plan-number{background:#fff5cc!important}.purpose h3,.process-content h3,.plan-accordion summary h3{font:700 clamp(22px,2.2vw,31px)/1.08 system-ui,-apple-system,sans-serif!important;letter-spacing:-.035em!important}.purpose p,.process-content>p,.plan-accordion summary>p{font-size:15px!important;line-height:1.55!important;color:#737373!important}.option-tags span,.plan-features span{border-color:rgba(0,0,0,.12)!important;background:#fff!important;color:#595959!important;border-radius:999px!important}
.process{padding-top:96px!important;padding-bottom:96px!important;background:var(--ui-soft)!important}.process-intro{max-width:1200px}.step-example,.maps-link{border-radius:16px!important;box-shadow:var(--ui-shadow)!important}.maps-link{background:#000!important}.maps-link b{background:var(--ui-blue)!important;color:#fff!important}
.plans{padding-top:96px!important;padding-bottom:110px!important;background:#fff!important}.plans-intro{max-width:1200px}.trial-note{max-width:1200px;border:1px solid rgba(0,0,0,.08)!important;border-radius:20px!important;background:#fff5cc!important;box-shadow:none!important}.trial-note span{color:#595959}.plan-list{border-top:1px solid var(--ui-line)}.plan-accordion,.plan-accordion summary{border-color:var(--ui-line)!important}.plan-toggle{border-color:#000!important}.plan-accordion[open] .plan-toggle{background:var(--ui-amber)!important}.plan-price strong{color:#000}.plan-details li{border-color:var(--ui-line)!important}.plans-action{max-width:1200px}.plans-action .primary-button{background:var(--ui-amber)!important;color:#000!important}.plans-action .primary-button span{background:#000!important;color:#fff!important}.free-route-cta strong{font-family:system-ui,-apple-system,sans-serif!important}
.footer{min-height:260px;padding:max(60px,6vw) max(var(--pad),calc((100vw - 1200px)/2)) 45px!important;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:start;background:var(--ui-black)!important;border:0!important;color:#fff!important}.footer-brand{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:28px!important}.footer-logo{display:flex!important;align-items:center;gap:10px;color:#fff!important}.footer-logo b{font:750 19px/1 system-ui,-apple-system,sans-serif}.footer-logo .brand-mark{background:#fff!important}.footer-logo .brand-mark path{stroke:#000}.footer-brand>span:last-child{color:#89898e}.footer-nav{align-items:center;gap:30px;font-size:14px!important}.footer-nav a,.footer-nav button{color:#cfcfcf!important;font:500 14px/1.2 system-ui,-apple-system,sans-serif!important;transition:color .2s}.footer-nav a:hover,.footer-nav button:hover{color:#fff!important}.footer-bot{justify-self:end;padding:7px 7px 7px 20px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;color:#fff!important;font-size:10px!important}.footer-bot span{width:36px!important;height:36px!important;background:var(--ui-amber)!important;color:#000!important;border-radius:50%!important;display:grid!important;place-items:center}.footer-bot:hover span{transform:rotate(45deg)}
.privacy-panel,.route-result-panel,.results-panel{border-radius:20px!important}.privacy-head h2,.route-result-head h2,.results-modal-head h2,.results-modal-head h2 em{font-family:system-ui,-apple-system,sans-serif!important;font-style:normal!important;font-weight:750!important}.privacy-close,.route-result-close,.results-close{border-color:#000!important;background:#fff!important;color:#000!important}.privacy-close:hover,.route-result-close:hover,.results-close:hover{background:#000!important;color:#fff!important}.cookie-banner{border-radius:20px!important;box-shadow:var(--ui-shadow)!important}.cookie-accept{background:var(--ui-blue)!important}.cookie-reject{border-color:rgba(0,0,0,.22)!important}.back-to-top{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:var(--ui-shadow)!important}.back-to-top span{background:var(--ui-blue)!important;color:#fff!important}
/* Trip Explorer */
.explorer-page .explorer-header{position:fixed!important;top:16px!important;right:auto!important;bottom:auto!important;left:50%!important;width:min(1160px,calc(100% - 32px))!important;height:64px!important;transform:translateX(-50%)!important}
.explorer-page .explorer-hero .hero-copy{width:100%!important}
.explorer-page{background:#fff!important}.explorer-header{display:grid!important}.explorer-header>.header-button{justify-self:end}.explorer-hero{min-height:auto!important;padding:126px max(var(--pad),calc((100vw - 1200px)/2)) 96px!important;display:block!important;background:#fff!important}.explorer-hero .hero-copy{max-width:1200px!important;margin:auto!important;padding:0!important;display:grid;grid-template-columns:330px minmax(0,1fr);column-gap:70px;align-items:start}.explorer-hero .eyebrow{grid-column:1;justify-content:flex-start;color:#737373!important}.explorer-hero h1{grid-column:1;margin:27px 0 24px!important;font:750 clamp(50px,5.7vw,78px)/.98 system-ui,-apple-system,sans-serif!important;letter-spacing:-.055em!important;color:#000!important}.explorer-hero h1 span,.explorer-hero h1 em{display:inline!important;color:inherit!important;font:inherit!important}.explorer-hero .hero-copy>p{grid-column:1;max-width:330px!important;margin:0!important;color:#595959!important;font-size:16px!important;line-height:1.55!important}.explorer-builder{grid-column:2;grid-row:1/5;position:static!important;top:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin:0!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:20px!important;box-shadow:var(--ui-shadow)!important;background:#fff!important}.explorer-builder .free-route-badge{background:#edf6ff!important;box-shadow:none!important;border-color:rgba(0,123,255,.2)!important}.explorer-builder .generate-route{background:var(--ui-blue)!important}.explorer-builder .generate-route span{color:var(--ui-blue)!important}.explorer-builder input:checked+span,.explorer-builder .start-method.active{background:#000!important;color:#fff!important;border-color:#000!important}.explorer-builder .start-method,.explorer-builder .builder-places span{border-color:rgba(0,0,0,.18)!important}.explorer-process{background:var(--ui-dark)!important;color:#fff!important}.explorer-process .section-label{color:#cfcfcf!important}.explorer-process .process-intro h2,.explorer-process .process-intro h2 span,.explorer-process .process-intro h2 em,.explorer-process .process-content h3{color:#fff!important}.explorer-process .process-intro>p,.explorer-process .process-content>p{color:#cfcfcf!important}.explorer-process .process-steps,.explorer-process .process-step{border-color:var(--ui-dark-line)!important}.explorer-process .process-number{border-color:rgba(255,255,255,.25)!important;background:transparent!important;color:#fff!important}.explorer-process .option-tags span{background:var(--ui-black)!important;color:#cfcfcf!important;border-color:rgba(255,255,255,.1)!important}.explorer-process .maps-link{background:#fff!important;color:#000!important}.explorer-process .maps-link b{background:var(--ui-blue)!important;color:#fff!important}.results-modal-head>div>span{color:var(--ui-blue)!important}.place-results li{border-radius:16px!important;box-shadow:var(--ui-shadow)!important}.place-route{background:var(--ui-blue)!important}
@media(max-width:900px){.info-intro{grid-template-columns:1fr}.info-intro .section-label,.info-intro h2,.info-intro>p{grid-column:1}.info-intro .section-label{margin-bottom:25px}.purpose-list,.process-steps,.plan-list{width:100%;max-width:none}.explorer-hero .hero-copy{grid-template-columns:1fr}.explorer-hero .eyebrow,.explorer-hero h1,.explorer-hero .hero-copy>p,.explorer-builder{grid-column:1;grid-row:auto}.explorer-hero .hero-copy>p{max-width:660px!important;margin-bottom:38px!important}.footer{grid-template-columns:1fr 1fr;gap:45px}.footer-nav{justify-self:end}.footer-bot{justify-self:start;grid-column:1/3}}
@media(max-width:700px){.logo>b{font-size:16px!important}.brand-mark{width:30px;height:30px;flex-basis:30px}.brand-mark svg{width:19px;height:19px}.header .logo:after{display:none}.how-simple,.process,.plans{padding:70px 20px!important}.info-intro h2,.process-intro h2,.plans-intro h2{font-size:43px!important}.info-intro>p,.process-intro>p,.plans-intro>p{font-size:16px!important}.purpose p,.process-content>p,.plan-accordion summary>p{font-size:13px!important}.footer{padding:54px 20px 38px!important;grid-template-columns:1fr;gap:34px}.footer-nav,.footer-bot{justify-self:start;grid-column:1}.footer-nav{flex-wrap:wrap}.explorer-page .explorer-header{top:8px!important;width:calc(100% - 16px)!important;height:108px!important}.explorer-hero{padding:140px 20px 70px!important}.explorer-hero h1{font-size:50px!important}.explorer-builder{border-radius:20px!important}.explorer-process{padding-top:72px!important}}
