:root{--paper:#fbf8ef;--ink:#1b3e35;--muted:#64746a;--green:#236c50;--line:#d9e0d0;--accent:#eec46a;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #aa6b00;outline-offset:5px}a{color:inherit;text-underline-offset:5px}.bar{max-width:1200px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:16px}.bar a{text-decoration:none;font-weight:650;font-size:14px}.bar a span{font-weight:400;color:var(--muted)}.bar button,.text-button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 15px;font-size:12px;color:var(--ink)}main{width:min(1080px,calc(100% - 60px));margin:auto}.intro{padding:75px 0 42px;max-width:780px}.eyebrow{font:10px/1.7 ui-monospace,monospace;letter-spacing:.17em;font-weight:600}h1{font:500 clamp(44px,6.2vw,74px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:20px 0 24px}h1 em{color:var(--green);font-weight:400}.lead{font-size:18px;max-width:610px;color:var(--muted)}.meta{font-size:11px;color:var(--muted);margin-top:23px}.demo-label{display:flex;align-items:center;gap:9px;padding:15px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.journey{padding:36px 40px;background:#fffef9;border:1px solid var(--line);border-radius:14px}.section-top{display:flex;justify-content:space-between;align-items:start;gap:20px}h2{font:500 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:9px 0 20px}.progress-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.progress-summary #percent{font:500 64px/1.1 Georgia,serif;letter-spacing:-.06em}.progress-summary p{font-size:12px;color:var(--muted);margin:6px 0}#status{max-width:220px;text-align:right}.route{padding:34px 15px 25px}.track{position:relative;height:6px;background:#e6eadf;border-radius:99px}.track #fill{height:100%;width:0;background:var(--green);border-radius:99px;transition:width .65s cubic-bezier(.2,.7,.2,1)}#plane{position:absolute;left:0;top:50%;width:36px;height:36px;transform:translate(-50%,-50%) rotate(35deg);color:var(--green);transition:left .65s cubic-bezier(.2,.7,.2,1)}#plane svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px #1b3e3533)}.route-labels{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.12em;margin-top:22px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.step{display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:9px;padding:20px 15px;background:#fffef9;color:var(--ink);transition:background .25s,border-color .25s,transform .25s}.step:hover{transform:translateY(-3px);border-color:var(--green)}.step[aria-pressed=true]{background:#e9f1e4;border-color:#b2cbb6}.check{width:21px;height:21px;border:1.5px solid #a7b7a8;border-radius:50%;flex-shrink:0;position:relative}.step[aria-pressed=true] .check{background:var(--green);border-color:var(--green)}.step[aria-pressed=true] .check:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg)}.step strong{display:block;font-size:12px;font-weight:650}.step small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}.step-no{font:9px ui-monospace,monospace;color:var(--muted);align-self:start;margin-left:auto}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:60px 0}.depth>p,.feedback>p{font-size:14px;color:var(--muted);max-width:410px}.travel-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:280px;margin-top:28px;padding:25px 28px;border:0;border-radius:15px;background:linear-gradient(135deg,#244f40,#12372d);color:#f6eccc;text-align:left;box-shadow:0 20px 30px -20px #163f3866;transition:transform .25s ease;transform-style:preserve-3d;will-change:transform;position:relative}.travel-card>*{transform:translateZ(12px)}.card-top,.card-bottom{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.1em;gap:15px}.card-top{color:#c8dbbe}.card-title{font:45px Georgia,serif;margin:15px 0 5px;letter-spacing:-.04em}.card-art{width:100%;height:90px;stroke:#ddc38c;stroke-width:1;fill:none}.card-bottom{padding-top:13px;border-top:1px solid #8c9d6f66}.feedback{padding-top:0}.completion{border-top:1px solid var(--line);padding-top:32px;margin-top:35px}#completion-mark{font:500 39px Georgia,serif;color:var(--green);display:block;margin-bottom:13px}#completion-copy{font-size:16px;font-weight:550}.completion p{font-size:12px;color:var(--muted)}.completion.done #completion-mark{color:#99711f}.explanation{display:grid;grid-template-columns:1fr 2fr;gap:55px;padding:50px 0;border-top:1px solid var(--line)}.explanation p{font-size:14px;color:var(--muted);max-width:600px}.links{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-size:12px}footer{width:min(1080px,calc(100% - 60px));margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.ripple-wave{position:absolute;pointer-events:none;background:#58965e20;border-radius:50%;transform:scale(0);animation:ripple .65s ease-out forwards}@keyframes ripple{to{transform:scale(2.7);opacity:0}}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reduced-motion .travel-card{transform:none!important}
@media(max-width:760px){.bar{padding:20px}.bar a span{display:none}main{width:calc(100% - 36px)}.intro{padding:45px 0 28px}.lead{font-size:16px}.journey{padding:25px 20px}.steps{grid-template-columns:1fr}.step{padding:16px}.step strong{font-size:13px}.step small{font-size:11px}.lower-grid{grid-template-columns:1fr;gap:45px;padding:40px 0}.explanation{grid-template-columns:1fr;gap:10px;padding:30px 0}.progress-summary #percent{font-size:50px}#status{max-width:155px}.route{padding-left:10px;padding-right:10px}.travel-card{max-width:470px}.completion{padding-top:20px;margin-top:25px}.demo-label{font-size:10px}footer{width:calc(100% - 36px);flex-direction:column;gap:8px}.route-labels{font-size:8px}h2{font-size:27px}.meta{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.travel-card{transform:none!important}}