:root{--ink:#17231f;--muted:#6d7773;--paper:#fbfaf5;--line:#e4e5df;--mint:#a9e4cd;--deep:#0c5b50;--coral:#ff795f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Gowun Dodum",sans-serif}.topbar,main,footer{max-width:1120px;margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font:700 25px "DM Sans",sans-serif;letter-spacing:-1.4px;color:var(--ink);text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:var(--deep);color:white;width:27px;height:27px;border-radius:9px;margin-right:5px;font-size:17px;transform:rotate(-8deg)}.help{font-size:14px;color:var(--ink);text-decoration:none}.help span{color:var(--deep);font-size:18px}.hero{padding:88px 28px 52px;background:radial-gradient(circle at 82% 32%,#d8f2e3 0 105px,transparent 106px),radial-gradient(circle at 87% 28%,#e9a16e 0 18px,transparent 19px)}.eyebrow{font:600 11px "DM Sans",sans-serif;letter-spacing:1.7px;color:var(--deep);margin:0 0 16px}.hero h1{font:600 clamp(43px,6vw,72px)/1.18 "Gowun Dodum",sans-serif;letter-spacing:-4px;margin:0}.hero h1 em{font-style:normal;color:var(--deep)}.hero-copy{color:var(--muted);font-size:16px;line-height:1.8;margin:28px 0 0}.search-card{margin:0 28px;padding:26px 28px 18px;background:#fff;border:1px solid var(--line);box-shadow:0 17px 35px #24423313;border-radius:16px;transform:translateY(-16px)}.field-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.field{display:block}.field span{display:block;color:var(--muted);font-size:12px;margin:0 0 8px}.field select,.field input{width:100%;border:0;border-bottom:1px solid #cfd5d1;padding:6px 0 12px;background:white;color:var(--ink);font:16px "Gowun Dodum",sans-serif;outline:none}.primary-button{border:0;background:var(--deep);color:#fff;border-radius:8px;padding:14px 19px;font:600 14px "Gowun Dodum",sans-serif;float:right;margin-top:18px;cursor:pointer}.primary-button span,.text-button span{font:20px "DM Sans";margin-left:8px}.caption{clear:both;margin:21px 0 0;color:#8b938f;font-size:11px}.results{padding:70px 28px 96px}.result-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px}.result-heading h2,.recommendation h2{font-size:30px;letter-spacing:-2px;margin:0 0 9px}.result-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.updated{font-size:12px;color:var(--muted)}.updated strong{color:var(--ink);font-weight:normal;margin-left:5px}.peak-card{margin:28px 0;background:#e7f6ee;border-radius:14px;padding:24px;display:flex;gap:18px;align-items:center}.peak-icon{width:46px;height:46px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--deep);font-size:24px}.peak-card p{color:var(--deep);font-size:12px;margin:0 0 4px}.peak-card h3{margin:0;font-size:20px;letter-spacing:-1px}.peak-card span{font-size:12px;color:var(--muted)}.level{margin-left:auto;text-align:right}.level small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.level b{font-size:17px}.high b{color:#dc553b}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 15px}.timeline-head h3{font-size:16px;margin:0}.timeline-head span{font-size:11px;color:var(--muted)}.timeline{border-top:1px solid var(--line)}.time-row{display:grid;grid-template-columns:70px 1fr 61px;gap:17px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.time{font:600 14px "DM Sans"}.bar-track{height:9px;background:#edf0ed;border-radius:50px;overflow:hidden}.bar{height:100%;border-radius:50px;background:var(--mint)}.bar.mid{background:#ffc55d}.bar.high{background:var(--coral)}.state{font-size:12px;text-align:right}.state small{display:block;color:var(--muted);font-size:10px}.recommendation{margin:0 28px;background:var(--deep);color:white;min-height:360px;border-radius:17px;padding:52px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.recommendation .eyebrow{color:var(--mint)}.recommendation h2{font-size:32px;line-height:1.35}.rec-text>p:not(.eyebrow){font-size:14px;color:#c5ded4;line-height:1.8;max-width:420px}.text-button{margin-top:16px;background:transparent;border:0;border-bottom:1px solid var(--mint);color:white;font:14px "Gowun Dodum";padding:0 0 5px;cursor:pointer}.rec-graphic{position:relative;min-height:220px;background:#c8edda;border-radius:50% 50% 0 0;overflow:hidden;align-self:end}.sun{position:absolute;width:74px;height:74px;right:30%;top:37px;background:#ffbf54;border-radius:50%}.cloud{position:absolute;background:#fffdf5;border-radius:50px;height:20px;width:71px;opacity:.9}.cloud-one{top:54px;left:18px}.cloud-two{top:98px;right:12px;width:48px}.plane{position:absolute;z-index:1;top:72px;left:39%;font-size:46px;transform:rotate(-14deg);color:white;text-shadow:0 2px 2px #47756a55}.wave{position:absolute;bottom:-38px;left:-8%;width:120%;height:95px;border-radius:50% 50% 0 0;background:#7bc8ad}.wave-two{bottom:-61px;background:#438f7b}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:104px 28px}.notes span{font:600 12px "DM Sans";color:var(--deep)}.notes h3{font-size:16px;margin:13px 0 8px}.notes p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}footer{border-top:1px solid var(--line);padding:29px 28px;color:#8b938f;font:12px "DM Sans"}@media(max-width:650px){.topbar{height:66px;padding:0 20px}.brand{font-size:21px}.help{font-size:12px}.hero{padding:59px 20px 45px}.hero h1{letter-spacing:-3px}.hero-copy{font-size:13px}.search-card{margin:0 16px;padding:22px 18px}.field-grid{grid-template-columns:1fr;gap:16px}.primary-button{width:100%}.caption{padding-top:3px}.results{padding:48px 20px 64px}.result-heading{align-items:start}.updated{display:none}.result-heading h2{font-size:25px}.peak-card{padding:18px;gap:11px}.peak-card h3{font-size:16px}.peak-card span{font-size:10px}.peak-icon{width:38px;height:38px}.timeline-head span{font-size:9px}.time-row{grid-template-columns:48px 1fr 48px;gap:10px}.recommendation{margin:0 16px;padding:36px 25px 0;display:block}.recommendation h2{font-size:26px}.rec-graphic{margin:28px -25px 0;min-height:180px}.notes{padding:70px 20px;grid-template-columns:1fr;gap:31px}}