:root{--navy:#0d3b66;--blue:#2b6f9f;--cream:#fbf7eb;--yellow:#f4d35e;--coral:#ee6c4d;--ink:#17222c;--line:#ccd6dc;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Inter,system-ui,sans-serif}a{color:inherit}button,select{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:50}header{height:86px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.15rem}.logo span{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);color:var(--navy);border-radius:50%}header nav{display:flex;gap:1.5rem}header nav a{text-decoration:none;font-weight:750}#menu{display:none;background:none;border:1px solid;padding:.45rem .75rem}.hero{max-width:var(--max);margin:auto;padding:0 24px 50px;display:grid;grid-template-columns:1.05fr .95fr;position:relative}.hero-copy{padding:70px 55px 90px 0}.kicker{color:var(--coral);font-weight:900;font-size:.76rem;letter-spacing:.17em}.hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,6.5vw,6.3rem);line-height:.92;letter-spacing:-.05em;margin:.4rem 0 1.5rem}.hero h1 em{color:var(--blue);font-weight:400}.hero-copy>p:not(.kicker){font-size:1.18rem;max-width:620px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;border:0;padding:1rem 1.25rem;text-decoration:none;font-weight:850;cursor:pointer}.hero small{display:block;margin-top:1rem;max-width:540px}.hero figure{margin:0;height:620px;overflow:hidden;border-radius:0 0 180px 0;position:relative}.hero img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;bottom:12px;left:12px;background:#0d3b66d9;color:#fff;padding:.35rem .65rem;font-size:.7rem}.flight-path{position:absolute;bottom:24px;left:24px;width:52%;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:16px;font-size:.72rem;font-weight:900;letter-spacing:.1em}.flight-path i{height:1px;background:var(--coral);flex:1}.planner,.steps,.bag,.guide,.faq,.about{max-width:var(--max);margin:auto;padding:100px 24px}.planner{max-width:none;background:var(--navy);color:white;padding-inline:max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:.7fr 1fr;gap:40px}.intro h2,.steps>h2,.guide h2,.faq h2,.about h2{font:clamp(2.5rem,5vw,4.8rem)/1 Georgia,serif;letter-spacing:-.04em;margin:.3rem 0 1rem}.planner form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.planner label{display:grid;gap:.4rem;font-weight:800}.planner select{padding:.9rem;border:0;background:white}.planner form .button{grid-column:1/-1;background:var(--yellow);color:var(--navy)}#plan-result{grid-column:2;background:white;color:var(--ink);padding:28px}#plan-result h3{font:2rem Georgia,serif;margin:0}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.step-grid article{background:var(--cream);padding:24px}.step-grid b{color:var(--coral);font-size:1.8rem}.step-grid h3{font:1.6rem Georgia,serif}.bag{background:var(--yellow);max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:.8fr 1.2fr .45fr;gap:50px;align-items:start}.bag h2{font:clamp(2.4rem,4vw,4rem)/1 Georgia,serif}.bag label{display:block;background:#fff;padding:1rem;border-bottom:1px solid var(--line)}.bag input{width:22px;height:22px;vertical-align:middle;margin-right:.8rem;accent-color:var(--coral)}.score{text-align:center;background:var(--navy);color:white;padding:28px}.score strong{font-size:2rem;display:block}.score span{display:block}.score button{margin-top:1rem;background:none;color:white;border:1px solid #fff;padding:.5rem}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.guide-list article{border-top:1px solid var(--ink);padding:1.3rem 0}.guide-list span{font-size:.7rem;font-weight:900;color:var(--coral);letter-spacing:.14em}.guide-list h3{margin:.35rem 0}.faq{background:#e7f0f4;max-width:none;padding-inline:max(24px,calc((100vw - var(--max))/2 + 24px))}.faq details{max-width:850px;border-top:1px solid var(--navy);padding:1.2rem 0}.faq summary{font-weight:900;font-size:1.1rem;cursor:pointer}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.about .kicker{grid-column:1/-1}.about h2{margin:0}footer{background:var(--ink);color:white;padding:70px max(24px,calc((100vw - var(--max))/2 + 24px)) 24px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:35px}footer h3{color:var(--yellow)}footer a{display:block;margin:.4rem 0}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #52616e;padding-top:20px}.footer-links button{background:none;border:0;color:white;text-decoration:underline;cursor:pointer}.copy{grid-column:1/-1;font-size:.8rem}dialog{border:0;max-width:680px;width:calc(100% - 32px);padding:38px}dialog::backdrop{background:#0d2233d9}.close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:2rem}#cookies{position:fixed;z-index:30;bottom:18px;left:18px;right:18px;background:#fff;border:2px solid var(--navy);padding:16px;display:flex;gap:12px;align-items:center;box-shadow:8px 8px 0 var(--coral)}#cookies p{margin:0 auto 0 0}#cookies button{padding:.7rem;border:1px solid var(--navy);background:white;cursor:pointer}#cookies .button{background:var(--navy);color:white}#cookies[hidden]{display:none}@media(max-width:850px){header nav{display:none;position:absolute;z-index:20;top:80px;left:16px;right:16px;background:var(--navy);color:white;padding:20px;flex-direction:column}header nav.open{display:flex}#menu{display:block}.hero{grid-template-columns:1fr;padding:0}.hero-copy{padding:45px 24px 90px}.hero figure{height:460px;border-radius:0 0 100px 0}.flight-path{width:calc(100% - 48px)}.planner,.guide,.about{grid-template-columns:1fr}#plan-result{grid-column:auto}.step-grid{grid-template-columns:1fr 1fr}.bag{grid-template-columns:1fr}.score{text-align:left}.planner form{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}#cookies{flex-wrap:wrap}#cookies p{width:100%}}@media(max-width:520px){.hero h1{font-size:3.5rem}.step-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.footer-links{display:grid}.planner,.steps,.bag,.guide,.faq,.about{padding-block:72px}#cookies button{flex:1;font-size:.8rem}}
