@font-face{font-family:Knewave;src:url(knewave.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f7f9ff;color:#24204b;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#5034b5;text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0ef}header img{object-fit:contain}nav{display:flex;gap:28px}nav a{font-weight:650;text-decoration:none}h1{font-family:"Arial Rounded MT Bold",system-ui,sans-serif;font-weight:850;font-style:italic;font-size:clamp(38px,5.4vw,68px);line-height:1.2;letter-spacing:-1px;margin:22px 0}h1 span{color:#6344bd}h2{font-size:24px;line-height:1.3}.tag,.steps article>span{font-size:12px;letter-spacing:2px;font-weight:750}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding:28px 0 64px}.lead{font-size:21px;max-width:600px}.pill{display:inline-block;background:#e5dafa;padding:5px 15px;border-radius:99px;font-size:14px;font-weight:650;margin-bottom:0}.button{display:inline-block;background:#5132a9;color:white;border-radius:14px;padding:14px 22px;font-weight:700;text-decoration:none;margin:12px 0}.button:hover{background:#392479}.viewfinder{position:relative;background:#fff;border:3px solid #24204b;box-shadow:12px 12px 0 #e5dafa;border-radius:32px;padding:30px;text-align:center;transform:rotate(3deg)}.viewfinder p{font-family:system-ui,sans-serif;font-weight:800;font-size:28px;margin:10px}.viewfinder small{display:block;line-height:1.6}.sun{background:#ffe268;color:#aa6200;font-size:112px;line-height:1.5;border-radius:28px;margin:24px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:2px solid #dce0ef;padding-top:28px}.steps p{color:#55516b}aside{background:#e8edfa;padding:22px 26px;margin:40px 0 20px;border-radius:16px}.prose{max-width:730px;padding-bottom:25px}.prose h2{margin-top:36px}.prose li{margin-bottom:12px}.note{color:#5b5870;font-size:14px;border-top:1px solid #dce0ef;padding-top:20px}footer{border-top:1px solid #dce0ef;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;font-size:14px}footer p{margin-right:auto}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:2}.skip:focus{top:12px}:focus-visible{outline:3px solid #a24c00;outline-offset:5px}@media(max-width:700px){header,main,footer{padding:22px}header img{width:100px;height:57px}nav{gap:16px;font-size:14px}.hero{grid-template-columns:1fr;gap:30px;padding-top:0}.viewfinder{max-width:360px;width:90%;margin:auto;transform:rotate(2deg)}.steps{grid-template-columns:1fr;gap:8px}.steps h2{margin:8px 0}.lead{font-size:19px}footer{display:block}footer>a{display:inline-block;margin:5px 20px 5px 0}}