.counterforge{max-width:1120px;margin:0 auto;padding-top:32px;padding-bottom:48px}.cf-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.cf-copy h1{font:clamp(38px,5vw,68px)/1.03 Bungee,Impact,sans-serif;letter-spacing:-.035em;margin:14px 0 20px;color:#f4f7fa}.cf-copy h1 span{display:block;color:#ffc15c}.cf-tagline{font-size:clamp(23px,3vw,34px);font-weight:700;line-height:1.15;margin:0 0 14px}.cf-lead{max-width:35ch;color:#c0bbd5;font-size:18px;line-height:1.6}.cf-actions{gap:12px;display:flex;flex-wrap:wrap;margin-top:24px}.counterforge .btn{min-height:46px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:normal;line-height:1.3}.counterforge .cf-play{background:#ffc15c;color:#151620;box-shadow:0 6px 28px #ffbd4120}.cf-poster{margin:0}.cf-poster>a{position:relative;display:block;overflow:hidden;border:1px solid #455463;border-radius:20px;background:#101923;box-shadow:0 20px 80px #0008}.cf-poster img{width:100%;height:350px;object-fit:cover;object-position:center;display:block}.cf-poster a>span{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;padding:32px 22px 20px;background:linear-gradient(transparent,#111b24f0);color:#ffcf7b;font-weight:800;letter-spacing:.07em}.cf-poster figcaption{font-size:13px;color:#b1acbf;margin-top:10px}.cf-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:26px 0;margin:32px 0;border-block:1px solid #342c50}.cf-loop div{display:grid;gap:7px}.cf-loop b{font-size:13px;color:#ffcf7b;letter-spacing:.06em}.cf-loop span{color:#c1bbd4;font-size:15px}.cf-recipe,.cf-guide,.cf-remixes,.cf-check{margin-top:32px}.cf-recipe h2,.cf-guide h2,.cf-remixes>h2{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.02em}.counterforge p,.counterforge li{line-height:1.65}.cf-truth{padding:14px 16px;border-left:3px solid #ffbf5a;background:#ffbf5a09;font-size:14px;color:#c7c2d6}.cf-guide ol{padding-left:23px;display:grid;gap:16px;max-width:80ch}.cf-remixes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cf-remixes>h2{grid-column:1/-1;margin-bottom:0}.cf-remixes .panel{margin:0;min-width:0}.counterforge pre.prompt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;font-size:14px;line-height:1.7}.counterforge summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.cf-legacy{margin-top:32px}.counterforge .copy-status{flex-basis:100%}.counterforge a:focus-visible,.counterforge button:focus-visible,.counterforge summary:focus-visible{outline:3px solid #56e6ec;outline-offset:4px}.cf-check li{margin-bottom:6px}
@media(max-width:700px){.counterforge{padding-top:22px}.cf-intro{display:flex;flex-direction:column;gap:22px;align-items:stretch}.cf-copy h1{font-size:44px;margin:10px 0 12px}.cf-tagline{font-size:24px}.cf-lead{font-size:16px;margin:10px 0}.cf-actions{margin-top:18px;gap:10px}.cf-actions .btn{flex:1 1 auto;font-size:14px;padding:12px}.cf-poster img{height:210px;object-position:50% 53%}.cf-poster figcaption{font-size:13px}.cf-loop{gap:12px;margin:24px 0;padding:20px 0}.cf-loop b{font-size:12px}.cf-loop span{font-size:13px}.cf-remixes{grid-template-columns:1fr}.cf-remixes>h2{grid-column:auto}.counterforge .panel{padding:20px}.counterforge .growth-kicker{font-size:12px}.counterforge pre.prompt{font-size:14px}.cf-recipe .recipe-actions .btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){.counterforge *{scroll-behavior:auto;animation:none!important;transition:none!important}}