*{box-sizing:border-box}body{margin:0;background:#faf8f3;color:#2c203e;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header,main,footer{width:min(1160px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;gap:16px}header>a{font-size:13px;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:850;letter-spacing:.04em}.brand img{width:46px;height:46px;border-radius:12px}.brand small{display:block;font-size:10px;letter-spacing:.2em;color:#857088}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:65px 0 80px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:#94743a}h1{font-size:clamp(40px,5.2vw,65px);line-height:1.1;letter-spacing:-.05em;margin:24px 0}h1 em{color:#77569a;font-family:Georgia,serif;font-weight:400}.intro{font-size:18px;max-width:540px;color:#75697c}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:#45286c;color:white;padding:16px 24px;text-decoration:none;border-radius:14px;font-weight:750}.secondary{font-size:13px;text-underline-offset:4px}.meta,.note{font-size:12px;color:#786c81}.note{max-width:390px}.hero aside{padding:38px;border-radius:30px;background:linear-gradient(145deg,#2c203e,#4a335d);color:#fff;box-shadow:0 25px 60px #2c203e18}.hero aside .eyebrow{color:#ddc583}h2{font-size:31px;line-height:1.2;letter-spacing:-.03em}aside ul{padding:0;list-style:none;margin:30px 0}aside li{padding:17px 0;border-top:1px solid #ffffff20}aside li span{display:block;color:#d6cadf;font-size:14px}aside small{color:#c6b7cf;font-size:11px}.steps{border-top:1px solid #ded5e4;padding:45px 0 65px}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-left:24px;margin:32px 0}.steps li p{font-size:14px;color:#75697c}.steps details{border-top:1px solid #e2dce7;padding:18px 0;font-size:14px}.steps summary{cursor:pointer;font-weight:700}.steps details p{color:#75697c;max-width:800px}footer{border-top:1px solid #ded5e4;padding:24px 0;display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#75697c}footer span{margin-right:auto}a:focus-visible,summary:focus-visible{outline:3px solid #b6904c;outline-offset:5px}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:30px;padding:28px 0 45px}.hero aside{padding:28px}.steps ol{grid-template-columns:1fr;gap:8px}header{padding:22px 0}header>a:not(.brand){max-width:100px;text-align:right}h1{font-size:43px}footer span{width:100%}}
