:root{--accent:#ffc88b;--secondary:#c2a0ff;--bg:#252035}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f8ff;font:17px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#111;padding:12px;z-index:10}.skip:focus{top:12px}.shell{max-width:1200px;margin:auto;padding:0 28px}header{border-bottom:2px solid #ffffff24}header .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px}.brand{font-size:25px;font-weight:950;text-decoration:none;line-height:1.15;color:var(--accent);letter-spacing:-1px}nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px}nav a{text-decoration:none}.hero{position:relative;isolation:isolate;padding:76px 0 62px;border-bottom:1px solid #ffffff28;overflow:hidden}.hero .shell{position:relative}.eyebrow{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:850;color:var(--accent)}h1{font-size:clamp(34px,5vw,68px);line-height:1.08;letter-spacing:-2px;max-width:940px;margin:20px 0}h2{line-height:1.2;font-size:clamp(25px,3vw,35px);letter-spacing:-.8px}h3{line-height:1.3}.hero p{max-width:760px;color:#dde3f0;font-size:20px}.hero:before{content:"✦";font-size:380px;line-height:1;position:absolute;right:-20px;top:-20px;color:var(--secondary);opacity:.1;z-index:-1;transform:rotate(15deg)}main{padding:36px 0 60px}.intro{max-width:820px;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;position:relative;padding:27px;border:2px solid #ffffff32;background:#ffffff08;border-radius:18px;min-width:0}.card .number{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--accent)}.card h2{font-size:25px;margin:16px 0}.card h2 a{text-decoration:none}.card p{color:#d8dfee;font-size:16px;margin:0 0 20px}.read{margin-top:auto;color:var(--accent);font-weight:800;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:55px;align-items:start}.article{min-width:0}.article p,.article li{color:#e2e6f0}.article h2{margin-top:45px}.article h3{margin-top:30px}.article a{color:var(--accent)}.article table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.article td,.article th{padding:12px;border:1px solid #ffffff40}.article img{max-width:100%;height:auto}.article blockquote{border-left:5px solid var(--accent);margin:24px 0;padding:8px 22px;background:#ffffff08}.aside{border:2px solid var(--secondary);padding:22px;border-radius:16px;font-size:14px}.aside h2{font-size:21px}.aside a{display:block;margin:12px 0}.crumbs{padding-top:22px;font-size:13px;color:#c8d1e6}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.crumbs li+li:before{content:"/";margin-right:10px}.promo{margin-top:40px;padding:28px;border:2px solid var(--accent);border-radius:16px;background:#ffffff07;max-width:850px}.promo strong{color:var(--accent)}.promo a{font-weight:800}.promo p{font-size:14px;margin:8px 0}.updated{font-size:13px;color:#b9c6dd}footer{padding:35px 0;border-top:2px solid #ffffff24;color:#cbd4e6;font-size:13px}footer nav{margin-bottom:22px}footer p{max-width:850px}ul{padding-left:24px}button,input{font:inherit}
.hero{margin-top:25px;background:#ffffff08;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}.card{border-radius:4px 40px 4px 4px;border-bottom:6px solid var(--secondary)}.brand{border:2px solid var(--accent);padding:10px 15px}
@media(min-width:1300px){body[data-theme="12"] header .shell,body[data-theme="16"] header .shell{align-items:flex-start}.article-layout{gap:65px}}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.aside{margin-top:10px}.hero{padding:45px 0}header .shell{flex-wrap:wrap}.card:first-child{grid-column:auto}body[data-theme="9"] .grid{grid-template-columns:1fr}body[data-theme="9"] .card{display:flex}}
@media(max-width:560px){.shell{padding-left:20px;padding-right:20px}header .shell{display:block}header nav{margin-top:18px;justify-content:flex-start;gap:10px 16px}.grid{grid-template-columns:1fr}.hero{margin:0;border-radius:0;padding:38px 0}.hero .shell{padding:0 20px;border-radius:0}.hero .shell:before{display:none}.hero h1{font-size:36px;letter-spacing:-1px;transform:none}.hero p{font-size:18px}.card{padding:23px}.card .number{position:static;font-size:13px}.hero:before{font-size:230px}.promo{padding:20px}.brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mega-cta{display:inline-block!important;padding:12px 20px;background:#ffe45c;color:#151b30!important;border:2px solid #151b30;border-radius:12px;box-shadow:0 4px 0 #151b30;font-weight:900;text-decoration:none;line-height:1.3;letter-spacing:0}.mega-cta:hover{background:#fff0a0;transform:translateY(-1px)}.mega-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.hero .promo{padding:20px;margin-top:24px;text-align:left;background:var(--bg)}.hero .promo p{font-size:14px;margin:8px 0 14px}header nav{align-items:center}.promo strong{display:block}