*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4eb;color:#173c3d;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid #dc563f;outline-offset:5px}.wrap{max-width:1120px;margin:auto;padding:0 28px}header{border-bottom:1px solid #173c3d25}nav{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brand span{color:#d0523c}.navlinks{display:flex;gap:25px;font-size:14px;font-weight:bold}.navlinks a{text-decoration:none}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:bold;color:#506864}.hero{padding:88px 0 90px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(48px,6vw,78px);letter-spacing:-4px;line-height:1.04;margin:20px 0 25px}h1 em{font-style:normal;color:#d0523c}.intro{font-size:19px;max-width:570px;color:#49605b}.button{display:inline-block;background:#173c3d;color:#fff;padding:13px 23px;border-radius:8px;font-weight:bold;text-decoration:none;margin-top:15px}.art{height:390px;border-radius:120px 120px 24px 24px;background:#c5dfd4;position:relative;overflow:hidden;display:grid;place-items:center}.art svg{width:100%;height:100%}.caption{position:absolute;bottom:18px;left:24px;font-size:11px;font-weight:bold;letter-spacing:2px}.section{padding:65px 0;border-top:1px solid #173c3d25}h2{font-size:38px;line-height:1.15;letter-spacing:-1.5px;margin:12px 0 28px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fffdf7;border:1px solid #173c3d28;border-radius:18px;padding:32px}.card h3{font-size:28px;margin:16px 0 8px;letter-spacing:-1px}.card p{color:#49605b}.pill{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:bold;border:1px solid #173c3d40;padding:5px 10px;border-radius:20px}.arrow{font-weight:bold;text-decoration:none;border-bottom:2px solid #d0523c;padding-bottom:4px}.note{background:#173c3d;color:#f6f4eb;border-radius:18px;padding:40px;margin:60px 0}.note p{max-width:760px}.note h2{font-size:30px}.article{max-width:800px;padding:65px 0 80px}.article h1{font-size:54px;letter-spacing:-2px}.article h2{font-size:27px;letter-spacing:-.6px;margin-top:38px;margin-bottom:12px}.article li{margin:8px 0}.meta{font-size:13px;color:#506864}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step b{display:block;font-size:32px;color:#d0523c}footer{padding:30px 0;border-top:1px solid #173c3d25;font-size:13px}.foot{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footlinks{display:flex;gap:20px}.icon{width:66px;height:66px;border-radius:15px}.waveicon{height:66px;font-size:40px;color:#d0523c} @media(max-width:720px){nav{min-height:85px;flex-wrap:wrap;gap:12px;padding:20px 0}.brand{font-size:23px}.navlinks{gap:18px}.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}h1{letter-spacing:-2.5px}.art{height:270px}.cards,.steps{grid-template-columns:1fr}.section{padding:42px 0}.card{padding:26px}.article{padding-top:35px}.article h1{font-size:42px}.wrap{padding:0 21px}.note{padding:28px}h2{font-size:32px}}/* PoolSideQuests dark palette */
:root{color-scheme:dark}body{background:#101c20;color:#edf2ed}header{background:#122126;border-color:#304248}.brand span,h1 em,.step b,.waveicon{color:#ff977e}.eyebrow,.meta{color:#a2c3bd}.intro,.card p{color:#baccc8}.section,footer{border-color:#304248}.card{background:#18292e;border-color:#365057}.pill{border-color:#4c696b;color:#b8ddd4}.button{background:#92dbc8;color:#102b29}.button:hover{background:#b0ebdb}.arrow{border-color:#ff977e}.note{background:#1a3337;color:#edf2ed;border:1px solid #35585a}.art{background:#203d40}.art svg path[stroke="#f6f4eb"]{stroke:#416c69}.art svg path[stroke="#173c3d"]{stroke:#b4e3d5}.art svg circle[fill="#173c3d"]{fill:#ff977e}.art svg rect[fill="#529e98"]{fill:#2b716f}.caption{color:#d5eae2}a:focus-visible{outline-color:#ff977e}::selection{background:#92dbc8;color:#102b29}footer{color:#baccc8}
