@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=DM+Mono:wght@400;500&family=Playfair+Display:wght@400;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.site-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);position:relative;z-index:4}.brand{font-weight:800;letter-spacing:-.05em;font-size:21px;text-decoration:none}.nav-back{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;display:inline-flex;gap:8px;align-items:center}.nav-back:hover{opacity:.65}.article-hero{min-height:580px;display:flex;align-items:flex-end;position:relative;padding:clamp(28px,6vw,85px);background-size:cover;background-position:center;isolation:isolate}.article-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.28) 74%)}.hero-inner{max-width:920px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.article-hero h1{font-size:clamp(48px,7.5vw,112px);line-height:.96;letter-spacing:-.07em;margin:22px 0 22px;max-width:950px}.deck{font-size:clamp(17px,2vw,24px);line-height:1.48;max-width:680px;margin:0 0 28px}.hero-meta{font-size:12px;letter-spacing:.14em;font-weight:700;display:flex;gap:20px;align-items:center}.article-wrap{max-width:1180px;margin:auto;padding:0 30px}.article-grid{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(35px,7vw,120px);padding:95px 0 110px}.rail{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.rail-inner{position:sticky;top:28px}.rail a{display:block;text-decoration:none;margin:0 0 15px;opacity:.62}.rail a:hover{opacity:1}.rail-title{margin-bottom:25px;opacity:.4}.prose{font-size:19px;line-height:1.8}.prose h2{font-size:clamp(29px,3vw,43px);line-height:1.13;letter-spacing:-.045em;margin:60px 0 17px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 26px}.prose .lead{font-size:clamp(22px,2.5vw,31px);line-height:1.5;margin-bottom:50px}.callout{padding:32px 37px;margin:64px 0}.callout small{display:block;letter-spacing:.18em;font-size:11px;font-weight:800;margin-bottom:14px}.callout strong{font-size:clamp(25px,3vw,40px);line-height:1.2;display:block;letter-spacing:-.04em}.steps{margin:65px 0;padding:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;padding:14px 0;border-bottom:1px solid currentColor;font-weight:700;display:flex;gap:18px}.steps li:before{content:counter(s,decimal-leading-zero);font-size:12px;padding-top:7px;opacity:.6}.closing{font-size:23px;font-weight:700;line-height:1.5;margin-top:50px!important}.article-footer{padding:35px clamp(20px,5vw,70px);display:flex;justify-content:space-between;gap:20px;font-size:13px}.article-footer a{text-decoration:none;font-weight:700}.article-footer a:hover{text-decoration:underline}
body.meta{background:#eef2f7;color:#10223c;font-family:'Manrope',sans-serif}.meta .site-nav{background:#f7f9fc}.meta .article-hero{color:#fff}.meta .eyebrow{color:#a7d4ff}.meta .callout{background:#d9e8ff;border-left:7px solid #246cff}.meta .steps li{border-color:#b6c8e0}.meta .article-footer{background:#dce7f5}.meta .prose h2{font-weight:800}
body.tiktok{background:#121013;color:#f6f1f2;font-family:'Space Grotesk',sans-serif}.tiktok .site-nav{background:#121013}.tiktok .article-hero{min-height:650px}.tiktok .article-hero:before{background:linear-gradient(90deg,rgba(8,6,10,.92),rgba(8,6,10,.1))}.tiktok .article-hero h1{text-transform:uppercase;font-weight:700;transform:rotate(-2deg);text-shadow:5px 5px 0 #fc3576}.tiktok .eyebrow{color:#b4ff50}.tiktok .rail a{color:#d9d3d7}.tiktok .prose h2{color:#b4ff50;text-transform:uppercase}.tiktok .callout{background:#ed3676;color:#130d15;transform:rotate(-1deg)}.tiktok .steps li{border-color:#39333c}.tiktok .steps li:before{color:#b4ff50}.tiktok .article-footer{background:#201b22}
body.seo{background:#f2efe4;color:#183d32;font-family:'DM Sans',sans-serif}.seo .site-nav{background:#e6eadd}.seo .article-hero{color:#f7f3e8}.seo .article-hero:before{background:linear-gradient(90deg,rgba(5,33,24,.89),rgba(5,33,24,.2))}.seo .article-hero h1,.seo .prose h2,.seo .callout strong{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.04em}.seo .article-hero h1{max-width:820px}.seo .eyebrow{color:#d2be7b}.seo .callout{border-top:2px solid #b99c5a;border-bottom:2px solid #b99c5a;text-align:center;padding:40px 20px}.seo .steps li{border-color:#b7c3b3}.seo .article-footer{background:#dfe6d7}
body.email{background:#f8f0e5;color:#513a30;font-family:'DM Sans',sans-serif}.email .site-nav{background:#fbf6ed}.email .article-hero{color:#fff9ee}.email .article-hero:before{background:linear-gradient(90deg,rgba(62,36,25,.88),rgba(62,36,25,.15))}.email .article-hero h1,.email .prose h2,.email .lead{font-family:'Playfair Display',serif;letter-spacing:-.03em}.email .article-hero h1{font-weight:400;max-width:780px}.email .eyebrow{color:#ffc6aa}.email .callout{background:#fffaf2;border:1px solid #d5bda8;box-shadow:10px 10px 0 #e8d1bd}.email .callout strong{font-family:'Playfair Display',serif;font-weight:400}.email .steps li{border-color:#dbc8b7}.email .article-footer{background:#ead8c9}
body.copy{background:#f5f1e9;color:#151515;font-family:'Manrope',sans-serif}.copy .site-nav{background:#f5f1e9;border-bottom:4px solid #151515}.copy .article-hero{color:white;min-height:630px}.copy .article-hero:before{background:linear-gradient(90deg,rgba(10,10,10,.94),rgba(10,10,10,.2))}.copy .article-hero h1{font-weight:800;text-transform:uppercase;max-width:980px}.copy .eyebrow{background:#f05235;color:#fff;display:inline-block;padding:9px 13px}.copy .prose h2{text-transform:uppercase;font-weight:800;border-top:3px solid #151515;padding-top:15px}.copy .callout{background:#f05235;color:#fff}.copy .callout strong{text-transform:uppercase;font-weight:800}.copy .steps li{border-color:#a8a49e}.copy .article-footer{background:#151515;color:#fff}
body.affiliate{background:#fff9f0;color:#2f3330;font-family:'DM Sans',sans-serif}.affiliate .site-nav{background:#fff9f0}.affiliate .article-hero{color:#fff}.affiliate .article-hero:before{background:linear-gradient(90deg,rgba(52,55,44,.76),rgba(52,55,44,.08))}.affiliate .article-hero h1{font-family:'Fraunces',serif;font-weight:600;max-width:900px}.affiliate .eyebrow{color:#ffe4b8}.affiliate .prose h2{font-family:'Fraunces',serif;color:#cc6343}.affiliate .callout{background:#f4d6c4;border-radius:22px}.affiliate .callout strong{font-family:'Fraunces',serif}.affiliate .steps li{border-color:#decac0}.affiliate .article-footer{background:#f2e1d4}
.index{background:#f4f1ea;color:#242922;font-family:'DM Sans',sans-serif}.index .site-nav{background:#f4f1ea;border-bottom:1px solid #dcd9d1}.index-hero{padding:110px clamp(20px,6vw,90px) 85px;max-width:1300px;margin:auto}.index-hero .eyebrow{color:#cb5b3a}.index-hero h1{font-family:'Fraunces',serif;font-size:clamp(56px,9vw,126px);line-height:.94;letter-spacing:-.075em;margin:24px 0}.index-hero p{font-size:21px;max-width:650px;line-height:1.5}.index-count{font-family:'DM Mono',monospace;color:#888}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:0 clamp(20px,6vw,90px) 110px;max-width:1480px;margin:auto}.card{min-height:480px;position:relative;overflow:hidden;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background-size:cover;background-position:center;isolation:isolate;transition:transform .25s}.card:hover{transform:translateY(-7px)}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.08) 45%,rgba(0,0,0,.8));z-index:-1}.card .card-top{display:flex;justify-content:space-between;letter-spacing:.16em;font-size:11px;font-weight:800}.card h2{font-size:clamp(34px,4vw,62px);line-height:1.04;letter-spacing:-.05em;max-width:560px;margin:0 0 12px}.card p{font-size:15px;line-height:1.5;max-width:480px;margin:0}.card .arrow{font-size:25px}.card.tiktok h2,.card.copy h2{text-transform:uppercase;font-family:'Space Grotesk',sans-serif}.card.seo h2,.card.email h2,.card.affiliate h2{font-family:'Fraunces',serif}.index-footer{padding:36px clamp(20px,6vw,90px);border-top:1px solid #dcd9d1;font-size:13px;display:flex;justify-content:space-between}@media(max-width:800px){.article-grid{grid-template-columns:1fr;padding:60px 0}.rail{display:none}.article-hero{min-height:570px;padding:30px}.article-hero h1{font-size:clamp(46px,11vw,74px)}.prose{font-size:17px}.cards{grid-template-columns:1fr}.card{min-height:430px}.index-hero{padding-top:75px}.article-footer{flex-direction:column}}
/* Hostinger article gallery navigation */
.niche-header{position:relative;min-height:520px;display:flex;align-items:end;background-size:cover;background-position:center;padding:80px clamp(24px,6vw,90px);color:white;isolation:isolate}
.niche-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.14));z-index:-1}
.niche-header h1{font-size:clamp(58px,9vw,125px);letter-spacing:-.07em;line-height:.92;margin:16px 0}.niche-header p{font-size:clamp(18px,2vw,24px);max-width:650px;line-height:1.5}
.niche-browser{max-width:1400px;margin:auto;padding:75px clamp(20px,5vw,80px) 110px}.niche-browser>h2{font-size:clamp(30px,4vw,58px);letter-spacing:-.05em;margin:0 0 14px}.niche-browser>p{font-size:17px;opacity:.7;margin:0 0 38px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:flex;min-height:340px;background:#fff;color:#172639;text-decoration:none;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(0,0,0,.14)}.guide-card img{display:block;width:100%;height:185px;object-fit:cover}.guide-card-info{padding:22px;display:flex;flex-direction:column;flex:1}.guide-card small{font-size:11px;font-weight:800;letter-spacing:.16em;opacity:.55}.guide-card strong{font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.04em;margin:10px 0}.guide-card span{margin-top:auto;font-size:13px;font-weight:800;padding-top:18px}
.niche-landing.tiktok .guide-card{background:#262028;color:#fff}.niche-landing.seo .guide-card{background:#fffdf4;color:#214536}.niche-landing.email .guide-card{background:#fffaf1;color:#603f32}.niche-landing.copy .guide-card{background:#f8f4ec;color:#111}.niche-landing.affiliate .guide-card{background:#fffef8;color:#513d32}
.article-hero{background-repeat:no-repeat}.article-hero:before{pointer-events:none}.prose p{max-width:65ch}.prose section{scroll-margin-top:30px}.prose a{font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.prose a:hover{opacity:.7}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.guide-grid{grid-template-columns:1fr}.niche-header{min-height:460px;padding:38px 24px}.guide-card{min-height:0}}

.answer-guide{margin-top:42px}.answer-guide h2{margin:0 0 14px}.answer-guide .intent-line{font-size:15px;opacity:.7;margin-bottom:28px}.answer-step{display:grid;grid-template-columns:54px 1fr;gap:20px;border-top:1px solid currentColor;padding:22px 0}.answer-step .step-no{font-size:13px;font-weight:900;opacity:.55;padding-top:6px}.answer-step h3{font-size:clamp(21px,2.4vw,30px);line-height:1.2;margin:0 0 12px}.answer-step p{margin:0;line-height:1.7}.answer-note{padding:25px 30px;margin:38px 0;background:rgba(112,117,117,.12);border-left:4px solid currentColor}.answer-note p{margin:7px 0 0}.answer-guide table{width:100%;border-collapse:collapse;margin:24px 0}.answer-guide th,.answer-guide td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid currentColor}.answer-guide th{width:30%}.answer-checklist{padding-left:24px;line-height:1.8}.answer-checklist li{padding:8px 0}.answer-example{padding:24px;margin:24px 0;background:rgba(112,117,117,.12);border-radius:3px;line-height:1.7}@media(max-width:600px){.answer-step{grid-template-columns:36px 1fr}.answer-guide th,.answer-guide td{padding:9px;font-size:14px}}

/* Individual article formats */
.editorial-module{margin:36px 0 48px;padding:clamp(24px,4vw,46px);background:rgba(120,120,120,.09);border-top:5px solid currentColor}.editorial-module .module-label{display:block;font-size:11px;font-weight:900;letter-spacing:.17em;margin-bottom:14px}.editorial-module h2{margin:0 0 18px}.editorial-module p{font-size:17px;line-height:1.75;max-width:72ch;margin:0 0 22px}.editorial-module table{width:100%;border-collapse:collapse}.editorial-module th,.editorial-module td{padding:13px 10px;text-align:left;border-top:1px solid currentColor;vertical-align:top;font-size:14px;line-height:1.5}.editorial-module th:first-child{width:38%}.editorial-module ol{padding-left:22px;line-height:1.7}.editorial-module li{padding:7px 0}.fill-sheet{border:1px solid currentColor;padding:22px;line-height:1.8}.fill-sheet ul{margin:10px 0 0;padding-left:20px}.fill-sheet li{padding:4px 0}.spec-grid,.field-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec-grid div,.field-list div{display:flex;gap:14px;padding:14px;border:1px solid currentColor;line-height:1.4}.spec-grid b,.field-list b{opacity:.55}.editorial-module.repair{border-radius:0 28px 0 0}.editorial-module.template{border-style:dashed}.editorial-module.comparison{border-top-width:8px}@media(max-width:650px){.spec-grid,.field-list{grid-template-columns:1fr}.editorial-module th,.editorial-module td{font-size:12px;padding:9px 5px}}

.download-asset a{display:inline-block;background:#182d3e;color:white;padding:15px 20px;text-decoration:none;font-weight:800;margin:10px 0 20px}.download-asset a:hover{background:#d76548;color:white}

/* Individual article formats */
.editorial-module{margin:36px 0 48px;padding:clamp(24px,4vw,46px);background:rgba(120,120,120,.09);border-top:5px solid currentColor}.editorial-module .module-label{display:block;font-size:11px;font-weight:900;letter-spacing:.17em;margin-bottom:14px}.editorial-module h2{margin:0 0 18px}.editorial-module p{font-size:17px;line-height:1.75;max-width:72ch;margin:0 0 22px}.editorial-module table{width:100%;border-collapse:collapse}.editorial-module th,.editorial-module td{padding:13px 10px;text-align:left;border-top:1px solid currentColor;vertical-align:top;font-size:14px;line-height:1.5}.editorial-module th:first-child{width:38%}.editorial-module ol{padding-left:22px;line-height:1.7}.editorial-module li{padding:7px 0}.fill-sheet{border:1px solid currentColor;padding:22px;line-height:1.8}.fill-sheet ul{margin:10px 0 0;padding-left:20px}.fill-sheet li{padding:4px 0}.spec-grid,.field-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec-grid div,.field-list div{display:flex;gap:14px;padding:14px;border:1px solid currentColor;line-height:1.4}.spec-grid b,.field-list b{opacity:.55}.editorial-module.repair{border-radius:0 28px 0 0}.editorial-module.template{border-style:dashed}.editorial-module.comparison{border-top-width:8px}@media(max-width:650px){.spec-grid,.field-list{grid-template-columns:1fr}.editorial-module th,.editorial-module td{font-size:12px;padding:9px 5px}}

.section-art{margin:38px 0}.section-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.prose table{width:100%;border-collapse:collapse;margin:25px 0}.prose th,.prose td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid currentColor}.prose h2[id]{scroll-margin-top:24px}.rail-inner a{display:block;margin:10px 0;line-height:1.4}.extra{background:#111627;color:#eef2f4}.extra .site-nav,.extra .article-footer{background:#111627;color:#eef2f4}.extra .article-wrap{background:#e8e8d8;color:#172132}.extra .article-hero{background-color:#202848}.extra .eyebrow,.extra .rail-title{color:#d9ed90}.extra .prose a{color:#3d5e90}.extra .callout{background:#d9ed90;color:#172132}

/* Walker Bex site chrome; original article styles above remain intact. */
body.affiliate{--wb-accent:#d76548}body.copywriting{--wb-accent:#d76548}body.email{--wb-accent:#d76548}
body.meta{--wb-accent:#246cff}body.seo{--wb-accent:#d76548}body.tiktok{--wb-accent:#fe2c55}
.wb-site-nav{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;min-height:98px;padding:0 clamp(24px,3.4vw,64px);background:#090c12;color:#fff;border-bottom:1px solid #ffffff24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.wb-site-brand{justify-self:start;color:#fff;text-decoration:none;font-weight:900;font-size:32px;letter-spacing:-.065em;line-height:1;white-space:nowrap}
.wb-site-brand span{color:var(--wb-accent,#d76548)}
.wb-site-menu{display:flex;align-items:center;justify-self:center;gap:38px}
.wb-site-menu a{color:#fff;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}
.wb-topic-link{justify-self:end;color:var(--wb-accent,#d76548);font-size:16px;font-weight:750;text-decoration:none;white-space:nowrap}
.wb-site-menu a:hover,.wb-topic-link:hover{text-decoration:underline;text-underline-offset:4px}
.wb-site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:136px;padding:32px clamp(24px,3.4vw,64px);background:#090c12;color:#fff;border-top:1px solid #ffffff24;font:18px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.wb-footer-identity{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.wb-footer-identity strong{font-size:28px;font-weight:900;letter-spacing:-.065em;line-height:1}
.wb-footer-identity span{color:#b7c0cc}
.wb-site-footer nav{display:flex;gap:34px;white-space:nowrap}
.wb-site-footer nav a{color:#fff;text-decoration:none;font-size:18px}
.wb-site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.wb-site-nav{grid-template-columns:1fr auto;gap:14px;padding-top:18px;padding-bottom:16px}.wb-site-brand{font-size:27px}.wb-topic-link{grid-column:2;grid-row:1;font-size:14px}.wb-site-menu{grid-column:1/-1;grid-row:2;justify-self:start;gap:25px}.wb-site-footer{min-height:0;flex-wrap:wrap}.wb-footer-identity{gap:12px 24px}.wb-site-footer nav{gap:24px}}
@media(max-width:480px){.wb-site-brand{font-size:22px}.wb-topic-link{font-size:12px}.wb-site-menu{gap:19px}.wb-site-menu a{font-size:15px}.wb-footer-identity strong{font-size:23px}.wb-footer-identity span,.wb-site-footer nav a{font-size:15px}.wb-site-footer nav{gap:20px}}

body.copy{--wb-accent:#d76548}body.extra{--wb-accent:#d76548}