*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0908;color:#d8d2c7;font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:#d9b263;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(215,176,97,.2);background:rgba(6,6,6,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#e2bd72;letter-spacing:4px}.brand span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9b7438;transform:rotate(45deg);font-family:Georgia,serif;font-size:22px}.brand span::first-letter{transform:rotate(-45deg)}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{color:#a9a49b;font-size:14px}.topbar .cta,.primary{border:1px solid #c79a4d;background:linear-gradient(135deg,#7b4d1f,#b9853c);color:#fff!important;padding:11px 20px;text-transform:uppercase;letter-spacing:1px}.hero{min-height:620px;position:relative;display:flex;align-items:center;background:url('../images/warfront-social.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.55) 100%),linear-gradient(0deg,#0a0908 0%,transparent 35%)}.hero-content{position:relative;z-index:2;width:min(900px,88vw);margin-left:7vw;padding:90px 0}.eyebrow,.kicker{font-size:12px;letter-spacing:5px;color:#d7aa5d;font-weight:700}.hero h1{font-family:Georgia,'Times New Roman',serif;color:#f3e7cb;font-size:clamp(45px,6vw,82px);line-height:1.02;max-width:900px;margin:15px 0 25px;text-shadow:0 5px 28px #000}.lead{font-size:20px;max-width:760px;color:#c8c2b8}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.actions a{display:inline-block;border:1px solid rgba(215,176,97,.4);padding:12px 22px;text-transform:uppercase;letter-spacing:1px;font-size:13px}.content{width:min(1040px,88vw);margin:0 auto;padding:90px 0}.content h2,.split-copy h2,.reward h2,.final-cta h2{font-family:Georgia,'Times New Roman',serif;color:#eee2ca;font-size:clamp(32px,4vw,52px);line-height:1.15;margin:10px 0 28px}.content p{font-size:17px;color:#b8b3aa}.grid-section{border-top:1px solid rgba(215,176,97,.16)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.cards article{background:#100e0c;border:1px solid rgba(215,176,97,.18);padding:25px;min-height:260px}.cards b{font-size:40px;color:rgba(215,176,97,.2);font-family:Georgia,serif}.cards h3{color:#e0bd79;font-family:Georgia,serif;font-size:22px}.cards p{font-size:14px}.split{width:min(1180px,92vw);margin:25px auto 60px;display:grid;grid-template-columns:1.2fr 1fr;background:#0e0c0a;border:1px solid rgba(215,176,97,.16)}.split-art img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.split-copy{padding:52px}.split-copy p{color:#b8b3aa}.reward{width:min(1040px,88vw);margin:20px auto 70px;padding:48px 55px;border:1px solid rgba(215,176,97,.35);background:radial-gradient(circle at 50% 0,rgba(137,71,26,.28),transparent 58%),#100d0b;display:flex;align-items:center;justify-content:space-between;gap:35px}.reward p{max-width:760px}.faq details{border-top:1px solid rgba(215,176,97,.17);padding:20px 0}.faq summary{cursor:pointer;color:#e7d7bb;font-weight:700;font-size:17px}.faq details p{padding-right:5vw}.final-cta{text-align:center;padding:100px 20px;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.9)),url('../images/bg/4.jpg') center/cover no-repeat}.final-cta p{letter-spacing:5px;color:#d7aa5d}.final-cta .actions{justify-content:center}.final-cta h2{font-size:72px;letter-spacing:10px;margin:10px}.final-cta a:not(.primary){background:rgba(0,0,0,.65)}footer{padding:45px 5vw;text-align:center;border-top:1px solid rgba(215,176,97,.18);display:flex;flex-direction:column;gap:8px;color:#777}footer a{font-size:22px;letter-spacing:5px}footer small{font-size:11px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split-art img{min-height:280px}.reward{display:block}.reward .primary{display:inline-block;margin-top:20px}.topbar nav a:not(.cta){display:none}}@media(max-width:600px){.topbar{padding:0 18px}.brand b{display:none}.hero{min-height:560px}.hero-content{margin-left:6vw;padding:65px 0}.hero h1{font-size:44px}.lead{font-size:17px}.cards{grid-template-columns:1fr}.content{padding:65px 0}.split-copy{padding:35px 25px}.reward{padding:35px 25px}.final-cta h2{font-size:48px}.eyebrow,.kicker{letter-spacing:3px}.actions a{width:100%;text-align:center}}
/* SEO guide cluster v2 */
.guide-hero{min-height:520px;position:relative;display:flex;align-items:center;background:url('../images/warfront-social.jpg') center/cover no-repeat}.guide-hero.gve-hero{background-position:center 45%}.guide-hero-content{position:relative;z-index:2;width:min(1040px,88vw);margin:0 auto;padding:85px 0}.guide-hero h1{font-family:Georgia,'Times New Roman',serif;color:#f3e7cb;font-size:clamp(44px,6vw,76px);line-height:1.03;max-width:920px;margin:15px 0 24px;text-shadow:0 5px 28px #000}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px;font-size:12px;color:#8f887e}.breadcrumbs a{color:#b7a27b}.article-shell{width:min(1180px,92vw);margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;padding:85px 0 100px}.toc{position:sticky;top:110px;align-self:start;border-left:1px solid rgba(215,176,97,.25);padding:7px 0 7px 20px;display:flex;flex-direction:column;gap:11px}.toc strong{font-size:11px;letter-spacing:3px;color:#d7aa5d;margin-bottom:6px}.toc a{font-size:13px;color:#8f8a82}.toc a:hover{color:#d9b263}.article-copy section{scroll-margin-top:105px;margin-bottom:78px}.article-copy h2{font-family:Georgia,'Times New Roman',serif;color:#eee2ca;font-size:clamp(30px,4vw,48px);line-height:1.16;margin:10px 0 24px}.article-copy h3{font-family:Georgia,'Times New Roman',serif;color:#dfbd7d}.article-copy p{font-size:17px;color:#b8b3aa}.definition-box,.callout{margin:28px 0;padding:24px 28px;border:1px solid rgba(215,176,97,.28);background:linear-gradient(135deg,rgba(121,74,28,.15),rgba(14,12,10,.9));font-size:18px;color:#d7d0c3}.definition-box strong,.callout strong{color:#e4bf77}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.compare-grid>div{padding:27px;background:#100e0c;border:1px solid rgba(215,176,97,.18)}.compare-grid h3{margin-top:0;font-size:22px}.article-list{margin:25px 0;padding:0;list-style:none}.article-list li{position:relative;padding:12px 15px 12px 30px;border-bottom:1px solid rgba(215,176,97,.11);color:#b8b3aa}.article-list li:before{content:'◇';position:absolute;left:4px;color:#c99b50}.article-list strong{color:#dfc89e}.mini-cards{grid-template-columns:repeat(3,1fr)}.mini-cards article{min-height:220px}.next-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.next-links a{display:flex;flex-direction:column;padding:24px;border:1px solid rgba(215,176,97,.2);background:#100e0c}.next-links span{font-size:10px;letter-spacing:3px;color:#8c795a}.next-links strong{margin-top:5px;color:#e3c384;font-family:Georgia,serif;font-size:18px}.compact-faq{width:auto;padding:0;margin:0}.compact-faq details{padding:18px 0}.compact-faq details p{font-size:15px}.article-copy a{text-decoration:underline;text-decoration-color:rgba(215,176,97,.35);text-underline-offset:3px}@media(max-width:900px){.article-shell{grid-template-columns:1fr;gap:30px}.toc{position:static;border-left:0;border-top:1px solid rgba(215,176,97,.2);border-bottom:1px solid rgba(215,176,97,.2);padding:20px 0;display:grid;grid-template-columns:1fr 1fr}.mini-cards{grid-template-columns:1fr}.guide-hero{min-height:460px}.guide-hero-content{padding:65px 0}}@media(max-width:600px){.guide-hero h1{font-size:42px}.compare-grid,.next-links{grid-template-columns:1fr}.toc{grid-template-columns:1fr}.article-shell{padding:55px 0 70px}.article-copy section{margin-bottom:58px}.definition-box,.callout{padding:20px}.guide-hero .lead{font-size:17px}}