.role-selection{padding:0 0 50px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.role-card{padding:32px 36px;border:1px solid var(--line);border-radius:8px;text-decoration:none;transition:transform .18s}.role-card:hover{transform:translateY(-3px)}.role-card.publisher{background:#eaf2d7}.role-card.advertiser{background:#20332e;color:white}.role-label{font-size:12px;letter-spacing:1.3px;font-weight:700}.role-card h3{font-size:32px;margin:20px 0;line-height:1.22}.role-card p{font-size:16px;max-width:480px}.role-card.advertiser p{color:#dce5de}.role-card .read{border-top:1px solid #82917b55;padding-top:17px}.role-map .map-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.map-pair>div{background:#fff;padding:17px 12px;border:1px solid var(--line);border-radius:5px;text-align:center}.map-pair b{font-size:15px}.map-pair span,.map-center span{display:block;font-size:13px;color:var(--muted)}.map-connector{text-align:center;font-size:32px;letter-spacing:23px;color:#66824f}.map-center{text-align:center;background:var(--green);border-radius:5px;padding:20px}.map-center b{font:700 23px Manrope,sans-serif}.map-note{font-size:14px;line-height:1.6;text-align:center;margin:20px 0 0}.journeys{padding:40px 0}.infographic{margin:24px 0 36px;padding:30px;border:1px solid var(--line);border-radius:8px;background:#f6f8f3}.infographic figcaption{margin-bottom:24px}.infographic figcaption .eyebrow{display:block;margin-bottom:10px}.infographic figcaption strong{font:600 24px/1.35 Manrope,sans-serif;letter-spacing:-.5px}.diagram-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;margin:0}.diagram-steps li{background:white;padding:20px 18px;position:relative;border:1px solid var(--line);border-radius:5px}.diagram-steps li:not(:last-child):after{content:'→';position:absolute;right:-21px;top:44%;font-size:21px;color:#688051}.step-no{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eaf2d7;font-size:12px}.diagram-steps h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;margin:14px 0 10px}.diagram-steps p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.diagram-return{display:flex;gap:15px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.diagram-return>span{font-size:32px;color:#63803b}.diagram-return p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}.seller-flow{background:#f2f4f7}.seller-flow .step-no{background:#e6eaf0}.earning{background:white}.earning-equation{display:flex;align-items:center;gap:22px;justify-content:space-between}.earning-equation>div{flex:1}.earning-equation b{display:block;font:600 29px Manrope,sans-serif;white-space:nowrap}.earning-equation span{display:block;font-size:14px;color:var(--muted)}.earning-equation i{font-size:24px;font-style:normal;color:#8b9882}.earning-result{background:var(--green);padding:20px;border-radius:5px}.income-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:55px 0 10px}.income-intro p{color:var(--muted)}.first-step{border-left:3px solid #bed16c;padding:20px 30px}.first-step h3{font:400 32px/1.3 Georgia,serif;margin:16px 0}.first-step p{font-size:16px}.first-step a,.light-link{font-size:15px;font-weight:600}.light-link{color:#ddf184}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-grid>div{background:white;padding:20px;border:1px solid var(--line);border-radius:4px}.cost-grid b{display:block;font-size:16px;margin-bottom:8px}.cost-grid span{font-size:14px;color:var(--muted);display:block}.cost-result{background:#20332e;color:#fff;text-align:center;padding:16px;margin-top:16px;border-radius:4px;font-weight:600}.articlegrid .diagram-steps{grid-template-columns:1fr 1fr}.articlegrid .diagram-steps li:nth-child(2):after{display:none}.articlegrid .earning-equation{display:grid;grid-template-columns:1fr 20px 1fr;gap:14px}.articlegrid .earning-equation>i:nth-of-type(2){display:none}.articlegrid .earning-result{grid-column:1/-1}.articlegrid .earning-equation>i:last-of-type{display:none}.articlegrid .cost-grid{grid-template-columns:1fr}.articlegrid .infographic{padding:24px}.articlegrid .infographic p{font-size:14px}header nav{gap:17px}header{gap:25px}.aboutlink{padding-left:15px}.eyebrow,.role-label{font-size:12px}.networktop{font-size:12px}@media(max-width:1100px){header nav{gap:12px}header nav a{font-size:13px}.aboutlink{display:none}}@media(max-width:900px){.role-grid,.income-intro{grid-template-columns:1fr}.role-card{padding:28px}.role-card h3{font-size:29px}.diagram-steps,.articlegrid .diagram-steps{grid-template-columns:1fr}.diagram-steps li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-26px}.articlegrid .diagram-steps li:nth-child(2):after{display:block}.infographic{padding:22px}.earning-equation,.articlegrid .earning-equation{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}.earning-equation i,.articlegrid .earning-equation>i:nth-of-type(2),.articlegrid .earning-equation>i:last-of-type{display:block}.earning-equation b{font-size:27px}.income-intro{gap:20px;padding-top:25px}.cost-grid{grid-template-columns:1fr}.hero-map{padding:24px}header nav a{font-size:16px}header nav{gap:18px}.role-selection{padding-bottom:25px}.infographic figcaption strong{font-size:21px}}
.articlegrid .earning-equation{grid-template-columns:1fr 1fr}.articlegrid .earning-equation>i{display:none}@media(max-width:900px){.articlegrid .earning-equation>i{display:block}}

.guide-faq details{border-bottom:1px solid var(--line);padding:18px 0}.guide-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.guide-faq details p{margin-top:16px}.guide-next{display:grid;gap:18px}.guide-next>div{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.guide-next h3{margin-top:0}.guide-next a{font-weight:600}