*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4f0;color:#17223d;font-family:Arial,sans-serif}.shell{width:min(980px,calc(100% - 34px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:flex;align-items:center;gap:10px;color:#17223d;text-decoration:none;font-size:25px;font-weight:900}.brand img{width:48px;height:48px;border-radius:12px}.brand strong,.eyebrow,a{color:#694cff}.nav>a:last-child,.cta{background:#694cff;color:white;border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:800}.hero{padding:70px 0 50px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,74px);line-height:.98;letter-spacing:-3px;max-width:900px;margin:18px 0}.hero .lead{font-size:20px;line-height:1.55;color:#626b80;max-width:760px}.layout{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start;padding-bottom:90px}.index{position:sticky;top:20px;background:white;border-radius:18px;padding:20px}.index b{display:block;margin-bottom:12px}.index a{display:block;color:#596176;text-decoration:none;font-size:14px;line-height:1.35;padding:8px 0}.article{background:white;border-radius:28px;padding:clamp(25px,5vw,58px);box-shadow:0 16px 45px #17223d0a}.article h2{font-size:32px;letter-spacing:-1px;margin:48px 0 14px}.article h2:first-child{margin-top:0}.article h3{font-size:21px;margin:30px 0 8px}.article p,.article li{color:#515a70;font-size:17px;line-height:1.72}.article li{margin:9px 0}.note{background:#f1eeff;border-left:5px solid #694cff;border-radius:12px;padding:18px 20px;margin:25px 0}.checklist{padding-left:22px}.ctaBox{background:#18203c;color:white;border-radius:22px;padding:28px;margin-top:45px}.ctaBox h2{margin:0 0 10px}.ctaBox p{color:#d8dbea}.ctaBox .cta{display:inline-block;background:#c9f44b;color:#17223d;margin-top:8px}footer{background:#10182c;color:#ccd1dd;padding:36px 0}footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:white;text-decoration:none;margin-left:18px}@media(max-width:760px){.layout{grid-template-columns:1fr;gap:20px}.index{position:static}.hero{padding-top:40px}.nav>a:last-child{display:none}.article{border-radius:20px}.hero h1{letter-spacing:-2px}}