.lp{--lp-content:1160px;--lp-gutter:clamp(20px, 3.125vw, 40px);--lp-section-space:clamp(64px, 5.5vw, 80px);--lp-quick:.16s;--lp-base:.22s;--lp-ease-out:cubic-bezier(.22, 1, .36, 1);--lp-ease-pin:cubic-bezier(.16, 1, .3, 1);font-size:16px;line-height:1.5}.lp p{text-wrap:pretty}.lp-hero{max-inline-size:var(--lp-content);padding:32px var(--lp-gutter) 48px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,6vw,88px);margin-inline:auto;display:grid}.lp-title{max-inline-size:14.5ch;font:550 clamp(56px, 4.6vw, 66px) / 1.01 var(--serif);letter-spacing:-.028em}.lp-lede{max-width:40ch;color:var(--ink-2);font:400 20px / 1.45 var(--serif);margin-top:20px}.lp-stage,.lp-demo{flex-direction:column;align-items:center;gap:14px;display:flex}.lp-fig{margin:0}.lp-under{align-items:center;gap:10px;display:flex}.lp-sec{max-inline-size:var(--lp-content);padding:var(--lp-section-space) var(--lp-gutter);border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(48px,7vw,100px);margin-inline:auto;display:grid}.lp-sec>.lp-demo{order:-1}.lp-sec.is-flip{grid-template-columns:minmax(0,1fr) auto}.lp-sec.is-flip>.lp-demo{order:0}.lp-h2{max-inline-size:18ch;font:500 46px / 1.04 var(--serif);letter-spacing:-.024em}.lp-body{max-width:46ch;color:var(--ink-2);margin-top:16px;font-size:17px;line-height:1.55}.lp-limit{border-top:1px solid var(--line);max-width:46ch;color:var(--ink-2);margin-top:20px;padding-top:14px;font-size:15px}.lp-demo__foot{align-items:center;gap:12px;min-block-size:44px;display:flex}.lp-end{max-inline-size:var(--lp-content);padding:72px var(--lp-gutter) 80px;border-top:1px solid var(--line);text-align:center;margin-inline:auto}.lp-end .lp-h2,.lp-end .lp-body{margin-inline:auto}.lp-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:20px 20px 32px;font-size:14px;display:flex}.lp-foot a{color:var(--ink-2);min-block-size:44px;padding:6px 2px;text-decoration:none;display:inline-block}.lp-foot a:focus-visible{color:var(--accent-2);text-decoration:underline}.lp-foot a:active{color:var(--accent)}@media (hover:hover) and (pointer:fine){.lp-foot a:hover{color:var(--accent-2);text-decoration:underline;transform:translateY(-1px)}}@media (prefers-reduced-motion:no-preference){.lp-foot a{transition:transform .18s var(--lp-ease-out)}}.lp-foot .built-by{flex-basis:100%}@media (max-width:899px){.lp-hero{flex-direction:column;align-items:stretch;gap:28px;padding:28px 20px 48px;display:flex}.lp-title{max-inline-size:14.5ch;font-size:42px}.lp-lede{margin-top:14px;font-size:18px}.lp-btn--big{margin-top:20px}.lp-stage,.lp-demo{align-items:center}.lp-fig{justify-content:center;inline-size:100%;display:flex}.lp-ctrl{justify-content:center;gap:6px}.lp-step{min-width:44px;padding-inline:5px;font-size:12px}.lp-under,.lp-demo__foot{justify-content:center}.lp-sec,.lp-sec.is-flip{flex-direction:column;align-items:stretch;gap:28px;padding:64px 20px;display:flex}.lp-sec>.lp-demo,.lp-sec.is-flip>.lp-demo{order:0}.lp-h2{font-size:34px}.lp-body{font-size:16px}.lp-end{padding:72px 20px 88px}}@media (max-width:420px){.lp-barnav .lp-quiet{padding-inline:6px}}@media (prefers-reduced-motion:reduce){.lp-replay:hover svg{transform:none}}
.lp-btn{background:var(--accent);color:#fff;min-block-size:44px;transition:background var(--lp-quick,.16s) ease-out;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.lp-btn:active{transform:scale(.97)}.lp-btn--big{margin-top:28px;padding:13px 20px;font-size:16px}.lp-quiet{min-block-size:44px;color:var(--accent-2);border-radius:9px;align-items:center;padding:8px 10px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s ease-out;display:inline-flex}.lp-btn:focus-visible,.lp-quiet:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lp-quiet:active{background:var(--accent-soft)}@media (hover:hover) and (pointer:fine){.lp-btn:hover{background:var(--accent-2)}.lp-quiet:hover{background:var(--accent-soft)}}@media (prefers-reduced-motion:no-preference){.lp-btn{transition:background var(--lp-quick,.16s) ease-out, transform .12s ease-out}}.lp-barnav{align-items:center;gap:6px;margin-left:auto;display:flex}.lp-illus{background:var(--sunk);color:var(--ink-2);font:600 12px / 1.3 var(--sans);white-space:nowrap;border-radius:999px;padding:3px 9px;display:inline-block}
.lp-pl-hero{gap:28px;max-width:1160px;margin:auto;padding:28px 20px 40px;display:grid}.lp-pl-eyebrow{color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.lp-pl h1{max-width:15ch;font:500 42px / 1.04 var(--serif);letter-spacing:-.025em}.lp-pl-lede{max-width:40ch;color:var(--ink-2);margin-top:14px;font-size:17px}.lp-pl .lp-btn--big{margin-top:20px}.lp-pl-browser{margin-top:12px;font-size:14px;font-weight:600}.lp-pl-language{max-width:43ch;color:var(--ink-3);margin-top:8px;font-size:12px}.lp-pl-example{border:1px solid var(--line-2);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:18px;align-self:center;margin:0;animation:.22s ease-out both lp-pl-appear;overflow:hidden}.lp-pl-example figcaption{border-bottom:1px solid var(--line);color:var(--ink-2);padding:12px 16px;font-size:12px}.lp-pl-days{border:0;gap:6px;margin:0;padding:12px;display:flex}.lp-pl-days label{border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:9px;flex:1;padding:7px 4px;transition:transform .16s,opacity .16s;position:relative}.lp-pl-days label:hover{transform:translateY(-2px)}.lp-pl-days label:active{transform:scale(.97)}.lp-pl-days label:has(:checked){border-color:var(--accent);background:var(--accent-soft)}.lp-pl-days label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.lp-pl-days input{opacity:0;width:1px;height:1px;position:absolute}.lp-pl-days span{font-size:13px;font-weight:600;display:block}.lp-pl-days small{color:var(--ink-2);font-size:10px;display:block}.lp-pl-map{background:#eee9dc}.lp-pl-map svg{width:100%;height:auto;display:block}.lp-pl-water{fill:#c7dfdc}.lp-pl-road{fill:none;stroke:#fffdf8;stroke-width:12px}.lp-pl-pin{opacity:.45;transition:opacity .18s}.lp-pl-pin circle{fill:var(--accent)}.lp-pl-pin text{fill:#fff;text-anchor:middle;font-size:14px;font-weight:600}.lp-pl-pin .lp-pl-map-label{fill:var(--ink);font-size:13px}.lp-pl-river-label{fill:var(--accent);font:italic 17px var(--serif)}.lp-pl-map-note{color:var(--ink-2);padding:2px 12px 8px;font-size:10px;display:block}.lp-pl-day-plan{padding:16px;animation:.18s ease-out both lp-pl-appear;display:none}.lp-pl-day-plan h3{font:500 23px var(--serif);margin-bottom:10px}.lp-pl-day-plan p{border-top:1px solid var(--line);padding:7px 0;font-size:14px}:is(.lp-pl-lisbon:has(input[value="1"]:checked) .lp-pl-day-plan--1,.lp-pl-lisbon:has(input[value="2"]:checked) .lp-pl-day-plan--2,.lp-pl-lisbon:has(input[value="3"]:checked) .lp-pl-day-plan--3){display:block}:is(.lp-pl-lisbon:has(input[value="1"]:checked) .lp-pl-pin--1,.lp-pl-lisbon:has(input[value="2"]:checked) .lp-pl-pin--2,.lp-pl-lisbon:has(input[value="3"]:checked) .lp-pl-pin--3){opacity:1}.lp-pl-group-head{padding:20px 16px 14px}.lp-pl-group-head h2{font:500 28px var(--serif)}.lp-pl-group-head span{color:var(--accent);margin-top:8px;font-size:12px;display:inline-block}.lp-pl-costs{background:var(--accent-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin:0 16px 16px;padding:16px 12px;display:grid}.lp-pl-costs dt{color:var(--ink-2);font-size:12px}.lp-pl-costs dd{color:var(--accent-2);font:500 30px var(--serif);margin:4px 0 0}.lp-pl-group-plan{margin:0;padding:0 16px;list-style:none}.lp-pl-group-plan li{border-top:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.lp-pl-group-plan span{color:var(--ink-3);font-size:12px}.lp-pl-group-plan strong{font-size:14px;font-weight:500}.lp-pl-example-note{color:var(--ink-3);padding:12px 16px 18px;font-size:12px}.lp-pl-how{max-width:760px;margin:auto;padding:32px 20px 56px}.lp-pl-how h2{font:500 32px / 1.1 var(--serif);margin-bottom:16px}.lp-pl-how p{color:var(--ink-2);margin-top:12px}@keyframes lp-pl-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.lp-pl-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:650px;padding:72px 40px}.lp-pl h1{font-size:60px}.lp-pl-lede{font-size:19px}.lp-pl-how{padding-bottom:72px}}