.brand{font-weight:900;letter-spacing:-1.7px;font-size:30px}.brand img{width:40px;height:40px;transform:rotate(-7deg)}.brand span{color:var(--accent)}.hero-copy{width:57%}.hero h1{font-weight:850;letter-spacing:-3.4px;font-size:57px;line-height:1.04}.hero h1 em{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:850;display:inline-block;transform:rotate(-2deg);color:var(--accent);text-shadow:3px 4px 0 #0d1119}.hero-art{width:75%;opacity:1;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 29%)}.hero-copy>.eyebrow{display:inline-block;background:#ffda7915;border:1px solid #ffda793b;border-radius:30px;padding:8px 12px;font-size:9px}.hero{min-height:620px;padding-top:54px}.hero:after{background:radial-gradient(ellipse at 0% 0%,#8bbfe212,transparent 60%)}.primary{border-radius:12px;box-shadow:0 4px 0 #957432;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #957432}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #957432}.hero .actions button{font-size:10px}.steps .step>span{display:grid;place-items:center;border-radius:9px;background:#ffda7920;width:27px;height:27px;padding:0}.step:nth-child(2)>span{color:#ff927d;background:#ff927d20}.step:nth-child(3)>span{color:#8cccf5;background:#8cccf520}.toon-face{width:100%;height:100%;object-fit:contain}.avatar{background:#2a3440;border:0;overflow:hidden}.avatar .toon-face{width:38px;height:38px}.character span{width:86px;height:86px;margin:0 auto 14px}.character{border-radius:16px;transition:transform .2s,background .2s}.character:hover{transform:translateY(-4px)}.character.selected{box-shadow:0 4px 0 #957432}.status-grid{grid-template-columns:repeat(4,1fr)}.status-grid h2 .toon-face{width:100px;height:100px;display:block;margin:0 0 18px}.status-grid .panel{background:linear-gradient(145deg,#2c3440,#202631);border-radius:18px}.status-grid h2{font-weight:800}.example{border-radius:15px;border-color:#ffda7940;background:linear-gradient(90deg,#ffda7912,#8cccf508)}.sidebar-promo{background:#ffda7908;border-radius:14px}.panel{border-radius:16px}.wizard-title{font-weight:800}.hero-copy{animation:toon-arrive .55s both}.hero-art{animation:toon-arrive .8s both}.brand img:hover{animation:toon-wiggle .6s}.pulse{animation:toon-pulse 1.2s infinite alternate}@keyframes toon-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes toon-wiggle{0%,100%{transform:rotate(-7deg)}35%{transform:rotate(8deg)}70%{transform:rotate(-12deg)}}@keyframes toon-pulse{to{opacity:.5}}@media(min-width:1450px){.hero h1{font-size:68px}.hero{min-height:650px}.hero-copy{width:58%}.hero-art{width:74%}}@media(max-width:1100px){.hero h1{font-size:48px}.hero-copy{width:62%}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero{padding-top:32px;padding-bottom:320px;min-height:750px}.hero-copy{width:100%}.hero h1{font-size:46px;letter-spacing:-2.8px}.hero-art{width:100%;height:345px;mask-image:linear-gradient(180deg,transparent,#000 15%);object-position:right bottom}.hero .actions{gap:10px}.hero .actions button{padding:12px 11px;font-size:9px}.status-grid{grid-template-columns:1fr 1fr;gap:12px}.status-grid .panel{padding:14px}.status-grid .panel button{font-size:11px;padding:8px}.status-grid h2{font-size:23px}.status-grid h2 .toon-face{width:75px;height:75px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}