:root{--ink: #0c1c22;--ink-soft: #2a3f48;--mute: #5d727c;--paper: #f3f6f4;--paper-2: #e7eeea;--line: #c8d5d0;--accent: #0f7a6c;--accent-deep: #0a564c;--accent-soft: #d7efe9;--warn: #b45309;--ok: #1f7a4d;--device: #ffffff;--shadow: 0 18px 50px rgba(12, 28, 34, .12);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#cfe8e1 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#d5e0ea 0%,transparent 50%),linear-gradient(160deg,#eef3f1,#e4ebe8 40%,#dce6e2)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:var(--accent-deep);text-decoration:none}.stage{padding:1.5rem;min-height:100vh;animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.device{max-width:720px;margin:0 auto;background:var(--device);border:1px solid rgba(12,28,34,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.device-narrow{max-width:420px}.device-wide{max-width:980px}.logo{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:1.2rem;color:var(--ink)}.logo.sm{font-size:1rem}.topbar,.wiz-top,.dash-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.topbar-actions,.dash-actions{display:flex;align-items:center;gap:.5rem}.seg{display:inline-flex;padding:3px;background:var(--paper-2);border-radius:999px}.seg-btn{padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--mute)}.seg-btn.is-on{background:#fff;color:var(--ink);box-shadow:0 1px #0c1c220f}.lang{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid var(--line);font-size:.75rem;font-weight:700;background:#fff}.hero{position:relative;min-height:62vh;display:grid;align-items:end;color:#f5faf8;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08181c26,#08181cc7 72%),linear-gradient(120deg,#1c4f55,#0d2b33 45%,#163a46)}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.12) 0 1px,transparent 1.5px);background-size:18px 18px,28px 28px;animation:drift 18s linear infinite}.hero-river{position:absolute;left:-10%;right:-10%;bottom:18%;height:34%;background:linear-gradient(90deg,transparent,rgba(140,210,200,.35),transparent),linear-gradient(180deg,#5aa0aa33,#14323c80);transform:skewY(-4deg);filter:blur(.4px);animation:shimmer 7s ease-in-out infinite}.hero-skyline{position:absolute;left:8%;right:8%;bottom:22%;height:28%;background:linear-gradient(#9fb8b3,#9fb8b3) 8% 100% / 7% 55% no-repeat,linear-gradient(#7f9a96,#7f9a96) 18% 100% / 10% 80% no-repeat,linear-gradient(#a8c0ba,#a8c0ba) 32% 100% / 6% 42% no-repeat,linear-gradient(#6f8c88,#6f8c88) 44% 100% / 14% 95% no-repeat,linear-gradient(#8eaaa4,#8eaaa4) 62% 100% / 8% 60% no-repeat,linear-gradient(#75938e,#75938e) 76% 100% / 11% 72% no-repeat,linear-gradient(#95b0aa,#95b0aa) 90% 100% / 7% 48% no-repeat;opacity:.55}.hero-copy{position:relative;z-index:1;padding:2rem 1.5rem 2.25rem;max-width:34rem}.brand-mark{margin:0 0 .75rem;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:-.05em;line-height:.95;animation:brand-in .8s ease both}.hero h1,.wiz-body h1,.load-body h1,.dash-hero h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0 0 .75rem;font-size:clamp(1.55rem,4vw,2.1rem)}.lede{margin:0 0 1.25rem;color:#f5faf8d1;font-size:1.02rem;line-height:1.45;max-width:32rem}.lede.tight{margin-bottom:1rem;color:var(--mute);font-size:.95rem}.cta-row{display:flex;flex-wrap:wrap;gap:.6rem}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes shimmer{0%,to{opacity:.55;transform:skewY(-4deg) translate(0)}50%{opacity:.9;transform:skewY(-4deg) translate(12px)}}@keyframes brand-in{0%{opacity:0;transform:translateY(12px);letter-spacing:-.02em}to{opacity:1;transform:none;letter-spacing:-.05em}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.15rem;border-radius:12px;font-weight:700;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#f4fffb}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#f5faf8;background:#ffffff0f}.device .block .btn-ghost,.wiz-foot .btn-ghost,.load-body .btn-ghost,.dash-top .btn-ghost,.dash-actions .btn-ghost{border-color:var(--line);color:var(--ink-soft);background:transparent}.btn.sm{padding:.55rem .85rem;font-size:.88rem}.btn.stretch{width:100%}.btn-text{font-weight:600;color:var(--accent-deep);padding:.4rem 0}.btn-text.muted,.btn:disabled{color:var(--mute);cursor:not-allowed;opacity:.7;transform:none}.text-link{color:var(--accent-deep);font-weight:600;font-size:.9rem}.block{padding:1.5rem 1.35rem 1.25rem}.block-head h2,.panel h2,.feedback h2{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.03em}.block-head p{margin:0 0 1rem;color:var(--mute);font-size:.9rem}.how-it-works{scroll-margin-top:1rem;border-bottom:1px solid var(--line)}.how-steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.how-step{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start}.how-step-num{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-weight:800;font-size:.85rem;font-family:var(--font-display)}.how-step strong{display:block;margin-bottom:.2rem;font-size:1rem}.how-step p{margin:0;color:var(--mute);font-size:.9rem;line-height:1.45}.trip-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.trip-item{width:100%;text-align:left;padding:.95rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--paper));display:grid;gap:.2rem;transition:border-color .2s ease,transform .15s ease;color:inherit}.trip-item:hover:not(.is-empty){border-color:var(--accent);transform:translateY(-1px)}.trip-item.is-empty{opacity:.65;background:var(--paper)}.trip-city{font-weight:700}.trip-meta{font-size:.85rem;color:var(--mute)}.site-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1rem 1.35rem 1.25rem;border-top:1px solid var(--line);color:var(--mute);font-size:.8rem}.site-foot nav{display:flex;gap:.85rem}.site-foot a{color:var(--mute)}.site-foot a:hover{color:var(--accent-deep)}.progress{height:3px;background:var(--paper-2);margin:0 1.25rem;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--accent),#2aa891);border-radius:inherit;transition:width .35s ease}.wiz-body,.load-body{padding:1.15rem 1.25rem 1.5rem}.step-kicker{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.field{display:grid;gap:.4rem;margin-bottom:1rem}.field>span{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.field em{font-style:normal;color:var(--mute);font-weight:500}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input,.select{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:#fff}.select{display:flex;justify-content:space-between;align-items:center;font-weight:600}.select em{font-style:normal;font-size:.72rem;color:var(--accent-deep);background:var(--accent-soft);padding:.15rem .45rem;border-radius:999px;font-weight:700}.select.is-locked{background:var(--paper);color:var(--ink-soft)}.input.area{min-height:4.5rem;resize:vertical}.chip-row{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding-bottom:.15rem}.chip-row.wrap{flex-wrap:wrap;overflow:visible}.chip{flex:0 0 auto;padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:.86rem;color:var(--ink-soft)}.chip.is-on{background:var(--ink);border-color:var(--ink);color:#f3f6f4}.section-list{display:grid;gap:.45rem}.check{display:flex;align-items:center;gap:.7rem;padding:.85rem .95rem;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:600;cursor:pointer}.check.is-on{border-color:#0f7a6c73;background:var(--accent-soft)}.check input{accent-color:var(--accent);width:1rem;height:1rem}.hint{color:var(--mute);font-size:.85rem;margin:.85rem 0 0}.wiz-foot{padding:0 1.25rem 1.25rem;position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#fff 28%)}.load-body{min-height:70vh;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.load-orb{width:72px;height:72px;margin:1.25rem 0 1rem;position:relative}.load-orb span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);animation:spin 1.1s linear infinite}.load-orb span:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-top-color:#2aa891;animation-duration:1.6s;animation-direction:reverse}.load-orb span:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-top-color:#7ecfc0;animation-duration:2.1s}@keyframes spin{to{transform:rotate(360deg)}}.load-steps{list-style:none;margin:.25rem 0 1.25rem;padding:0;width:min(100%,280px);text-align:left;display:grid;gap:.45rem}.load-steps li{position:relative;padding-left:1.35rem;font-size:.9rem;color:var(--mute)}.load-steps li:before{content:"";position:absolute;left:0;top:.4rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--line)}.load-steps .is-done{color:var(--ok)}.load-steps .is-done:before{background:var(--ok)}.load-steps .is-active{color:var(--ink);font-weight:600}.load-steps .is-active:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse 1.4s ease infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--accent-soft)}50%{box-shadow:0 0 0 6px #d7efe959}}.load-bar{width:min(100%,280px);height:6px;border-radius:99px;background:var(--paper-2);overflow:hidden;margin-bottom:1.25rem}.load-bar i{display:block;height:100%;width:62%;background:linear-gradient(90deg,var(--accent),#49b8a4);border-radius:inherit;animation:bar 2.2s ease-in-out infinite}@keyframes bar{0%{width:28%}50%{width:72%}to{width:62%}}.dash-hero{display:grid;gap:1rem;padding:.25rem 1.35rem 1.25rem;border-bottom:1px solid var(--line);background:radial-gradient(500px 180px at 90% 0%,rgba(15,122,108,.08),transparent 60%),#fff}@media(min-width:800px){.dash-hero{grid-template-columns:1.3fr 1fr;align-items:end}}.readiness{display:flex;gap:.85rem;padding:.95rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.score{font-family:var(--font-display);font-weight:800;font-size:2.4rem;letter-spacing:-.05em;line-height:1;color:var(--warn);min-width:3rem}.readiness strong{display:block;margin-bottom:.35rem}.readiness ul{margin:0;padding-left:1rem;color:var(--mute);font-size:.86rem}.readiness .ok{color:var(--ok)}.dash-grid{display:grid;gap:1rem;padding:1.15rem 1.35rem}@media(min-width:900px){.dash-grid{grid-template-columns:220px 1.3fr 1fr;align-items:start}}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fff}.panel h2 em{font-style:normal;font-size:.8rem;background:var(--accent-soft);color:var(--accent-deep);padding:.1rem .45rem;border-radius:999px;margin-left:.35rem}.route-list{list-style:none;margin:.75rem 0 1rem;padding:0;display:grid;gap:.45rem}.route-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem 0;border-bottom:1px dashed var(--line);font-weight:600;font-size:.92rem}.day{border-top:1px solid var(--line);padding:.35rem 0}.day:first-of-type{border-top:0}.day summary{list-style:none;cursor:pointer;display:grid;gap:.15rem;padding:.7rem 0}.day summary::-webkit-details-marker{display:none}.day summary span{font-size:.78rem;color:var(--mute);font-weight:600}.day summary strong{font-family:var(--font-display);letter-spacing:-.02em}.badge{display:inline-block;width:fit-content;font-style:normal;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-deep);background:var(--accent-soft);padding:.15rem .45rem;border-radius:999px}.day ol{margin:0 0 .75rem;padding-left:.5rem;display:grid;gap:.5rem;list-style:none}.stop-row{display:flex;align-items:center;gap:.5rem}.stop-check{accent-color:var(--accent);flex-shrink:0}.stop-desc{display:block;font-size:.82rem;color:var(--mute);margin-left:1.6rem}.place{text-align:left;font-weight:600;color:var(--ink-soft);border-bottom:1px solid transparent}a.place:hover{color:var(--accent-deep);border-bottom-color:#0f7a6c59}.sections{display:grid;gap:.65rem}.sec{padding:.75rem .8rem;border-radius:12px;background:var(--paper)}.sec h3{margin:0 0 .25rem;font-size:.92rem}.sec p{margin:0 0 .5rem;font-size:.86rem;color:var(--mute);line-height:1.4;white-space:pre-wrap}.sec p:last-child{margin-bottom:0}.sec.is-loading{background:repeating-linear-gradient(-45deg,var(--paper),var(--paper) 8px,var(--paper-2) 8px,var(--paper-2) 16px);animation:slide-stripe 1.2s linear infinite}@keyframes slide-stripe{0%{background-position:0 0}to{background-position:22px 0}}.feedback{margin:0 1.35rem 1.25rem}.stars{display:flex;gap:.15rem;margin:.35rem 0 .65rem}.star-btn{font-size:1.25rem;color:var(--warn);padding:.1rem;line-height:1}@media print{body{background:#fff}.stage{padding:0}.device{box-shadow:none;border:0;max-width:none;border-radius:0}.no-print{display:none!important}}@media(max-width:640px){.field-row{grid-template-columns:1fr}.seg{display:none}}