*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Rubik","Assistant","Heebo","Segoe UI",Arial,sans-serif;color:#2b2420;background:#fffaf3;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 18px}
.hero{background:linear-gradient(160deg,#ffb347,#ff8a1f);color:#3a1d00;padding:34px 0 30px}
.kicker{margin:0 0 4px;font-weight:600;opacity:.85}
h1{margin:0 0 10px;font-size:clamp(2rem,6vw,3rem);line-height:1.15}
.lead{margin:0 0 14px;font-size:1.06rem;max-width:44em}
.credit{display:inline-block;margin:0;background:#fff;color:#a04a00;border-radius:999px;padding:4px 14px;font-weight:700}
section{padding:26px 0 8px}
h2{font-size:1.45rem;margin:0 0 14px;color:#c45a00}
h2 small{display:block;font-size:.85rem;color:#7a6a5c;font-weight:400}
.video{max-width:360px;margin:0 auto;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 6px 24px rgba(160,74,0,.2)}
video{display:block;width:100%;height:auto;aspect-ratio:9/16}
.actions{text-align:center;margin:16px 0}
.btn{display:inline-block;background:#ff7a00;color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:12px;font-size:1.05rem}
.btn:hover{background:#e46a00}
.btn.ghost{background:#fff;color:#c45a00;border:2px solid #ff9a3c}
a:focus-visible,video:focus-visible{outline:3px solid #2b6cff;outline-offset:3px}
.ws{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:22px;align-items:start}
.ws-img img{width:100%;height:auto;border-radius:8px;border:1px solid #f0dcc6;box-shadow:0 4px 14px rgba(0,0,0,.08);display:block}
.list{padding-inline-start:20px;margin:0}
.list li{margin:4px 0}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.card img{display:block;width:100%;height:auto}
.num{position:absolute;top:8px;right:8px;background:#ff7a00;color:#fff;font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.cap{display:block;padding:8px 10px;font-weight:600;text-align:center;font-size:.95rem}
.how ol{padding-inline-start:22px;margin:0}
.how li{margin:6px 0}
footer{margin-top:30px;padding:22px 0;background:#fff1e0;color:#6b5a4b;font-size:.95rem;text-align:center}
@media (max-width:640px){.ws{grid-template-columns:1fr}.ws-img{max-width:240px;margin:0 auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.video{max-width:300px}}