@charset "UTF-8";
@import url(base.css);
@import url(fonts.css);

.header-container { width:100%; position:fixed; left:0; top:0; background:var(--color_white); padding:20px 120px; z-index:99; display:flex; align-items:center; justify-content:space-between; }
.header-container .header-logo img { height:44px; }
.header-container .header-menu-list { display:flex; gap:28px; }
.header-container .header-link { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:600; line-height:140%; letter-spacing:-0.16px; transition:var(--trans); cursor:pointer; }
.header-container .burger { display:none; border-radius:8px; border:1px solid #e2e8f0; background:#fff; cursor:pointer; padding:8px; width:40px; height:40px; }
.header-container .burger img { width:24px; }
.header-mobile-container { width:100%; height:100%; position:fixed; top:0; left:-100%; background:var(--color_white); padding:20px 24px; z-index:999; transition:var(--trans); }
.header-mobile-container.active { left:0; }
.header-mobile-container .header-close { padding:7px; border:1px solid #222a3f; border-radius:5px; background:transparent; cursor:pointer; }
.header-mobile-container .header-close img { width:15px; }
.header-mobile-container .header-mobile-menu-list { display:flex; flex-direction:column; gap:20px; margin-top:40px; align-items:center; }
.header-mobile-container .header-link { font-weight:600; font-size:18px; line-height:100%; transition:var(--trans); text-align:center; }
.btn1 { display:flex; padding:8px 24px; justify-content:center; align-items:center; gap:12px; height:48px; border-radius:8px; background:#111827; color:#fff; text-align:center; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:700; line-height:140%; letter-spacing:-0.16px; cursor:pointer; border:none; transition:var(--trans) !important; text-decoration:none; }
footer { background-color:var(--color_dark_blue); }
.footer-container { margin-bottom:20px; background:#111827; padding:60px 100px 32px 100px; border-radius:20px; border:1px solid #e2e8f0; display:grid; grid-template-columns:285px 450px; width:100%; justify-content:space-between; position:relative; }
.footer-container .footer-left { display:flex; flex-direction:column; justify-content:space-between; }
.footer-container .footer_p_small { color:#fff; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:400; line-height:140%; margin-top:40px; }
.footer-container .footer-right { display:flex; max-width:545px; width:100%; justify-content:space-between; padding-right:50px; }
.footer-container .footer-logo img { max-width:143px; }
.footer-container .footer-text { font-weight:400; font-size:16px; line-height:100%; color:var(--color_white); }
.footer-container .footer-text.mobile { display:none; font-size:12px; }
.footer-container .footer-links { display:flex; flex-direction:column; gap:24px; margin-right:18px; }
.footer-container .footer_title { color:#5b7cff; font-family:var(--Typography-Family-Secondary,"Space Grotesk"); font-size:14px; font-weight:500; line-height:120%; margin-bottom:8px; }
.footer-container .footer-left .footer-link { margin-top:24px; }
.footer-container .footer-link, .footer-container .footer-social { color:#fff; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:600; line-height:140%; letter-spacing:-0.16px; transition:var(--trans); }
.footer-container .footerleft { margin-top:50px; display:flex; align-items:center; gap:16px; }
.footer-container .footerright { margin-top:50px; }
.footer-container .reserved { color:#fff; font-family:Manrope; font-size:14px; font-weight:400; line-height:150%; opacity:0.6; text-align:end; }
.footer-container .footer-socials { display:flex; flex-direction:column; gap:20px; }
.footer-container .footer-social { display:flex; align-items:center; gap:16px; }
.footer-container .footer-social img { height:20px; width:auto; }
.footer-container .up-btn { padding:10px 11px; background-color:var(--color_blue); border-radius:50px; height:40px; justify-self:flex-end; align-self:flex-end; border:1px solid var(--color_blue); }
.counter_sect .grid3 li { border-radius: var(--Corners-20, 20px); border: 1px solid var(--Fill-Stroke-Grey, #e2e8f0); background: var(--Fill-White, #fff); display: flex; padding: var(--Padding-Card-Inner-XL, 32px); flex-direction: column; justify-content: space-between; align-items: flex-start; flex-shrink: 0; width: 384px; height: 180px; }
.counter_sect .grid3 .counter { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: 48px; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: 0; }
.counter_sect .grid3 .counter.counter-small { font-size: 32px; }
.cpm-content { padding-bottom: 60px; }
.cpm-content .text_blog h2 { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:48px; font-weight:600; line-height:110%; margin-bottom:16px; }
.cpm-content .text_blog p { color:#475569; font-family:var(--Typography-Family-Primary,Manrope); font-size:18px; font-weight:500; line-height:150%; margin-bottom:16px; }
.cpm-content .text_blog h3 { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:32px; font-weight:600; line-height:120%; padding-block:24px; }
.cpm-content .text_blog ul { padding-left:20px; margin-bottom:16px; }
.cpm-content .text_blog ul li { list-style:disc; color:#475569; font-family:var(--Typography-Family-Primary,Manrope); font-size:18px; font-weight:500; line-height:150%; margin-bottom:8px; }
.cpm-content .text_blog ol { margin-bottom:16px; padding-left:20px; }
.cpm-content .text_blog ol li { list-style:decimal; color:#475569; font-family:var(--Typography-Family-Primary,Manrope); font-size:18px; font-weight:500; line-height:150%; margin-bottom:8px; }
.cpm-faq { padding-bottom: 80px; }
.cpm-faq .faq-wrap { display:grid; grid-template-columns:280px 1fr; gap:80px; align-items:start; }
.cpm-faq .faq-left h2 { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:40px; font-weight:600; line-height:110%; margin-bottom:32px; }
.cpm-faq .faq-ask { display:inline-flex; align-items:center; gap:8px; margin-top:16px; text-decoration:none; color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:600; line-height:140%; transition:var(--trans); }
.cpm-faq .faq-ask:hover { color:#f59e0b; }
.cpm-faq .faq-ask .ask-icon { width:32px; height:32px; border-radius:50%; background:#f59e0b; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:var(--trans); }
.cpm-faq .faq-ask:hover .ask-icon { transform:translateX(4px); }
.faq-list { margin-top:0; }
.faq-item { border-top:1px solid #e2e8f0; transition:border-color 0.3s ease; }
.faq-item:last-child { border-bottom:1px solid #e2e8f0; }
.faq-item.is-open { border-bottom:1px solid #e2920b; }
.faq-item.is-open + .faq-item { border-top:none; }
.faq-item:first-child { border-top:none; }
.faq-trigger { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding:24px 0; background:none; border:none; cursor:pointer; text-align:left; }
.faq-question { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:24px; font-weight:600; line-height:120%; transition:color 0.25s ease; }
.faq-item.is-open .faq-question { color:#111827; }
.faq-icon { position:relative; flex-shrink:0; width:20px; height:20px; }
.faq-icon-h { position:absolute; top:50%; left:0; width:100%; height:2px; background:#111827; border-radius:2px; transform:translateY(-50%); transition:transform 0.38s cubic-bezier(0.4,0,0.2,1); }
.faq-icon-v { position:absolute; top:0; left:50%; width:2px; height:100%; background:#111827; border-radius:2px; transform:translateX(-50%) rotate(0deg); transform-origin:center center; transition:transform 0.38s cubic-bezier(0.4,0,0.2,1), opacity 0.28s ease; }
.faq-item.is-open .faq-icon-v { transform:translateX(-50%) rotate(90deg); opacity:0; }
.faq-item.is-open .faq-icon-h { transform:translateY(-50%) rotate(180deg); }
.faq-body { max-height:0; overflow:hidden; transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1); }
.faq-body-inner { padding-bottom:24px; }
.faq-body-inner p { color:#475569; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:400; line-height:140%; margin-bottom:0; }
.faq-body-inner ul { padding-left:20px; margin-bottom:0; }
.faq-body-inner ul li { list-style:disc; color:#475569; font-family:var(--Typography-Family-Primary,Manrope); font-size:16px; font-weight:400; line-height:140%; margin-bottom:6px; }
.faq-body-inner strong, .faq-body-inner b { color:#111827; font-weight:700; }
.cpm-ads { padding-top:60px; padding-bottom:80px; }
.cpm-ads .block { border-radius:20px; background:linear-gradient(91deg,#ffbe4f 1.36%,#f59e0b 105.92%); display:flex; padding:48px 64px; align-items:center; justify-content:space-between; gap:50px; position:relative; overflow:hidden; }
.cpm-ads .block h3 { color:#111827; font-family:var(--Typography-Family-Primary,Manrope); font-size:40px; font-weight:600; line-height:120%; flex:1; margin:0; }
.cpm-ads .bg_icon { position:absolute; z-index:1; right:16px; top:16px; }
.cpm-ads .btn { display:inline-flex; align-items:center; justify-content:center; background:#111827 !important; color:#fff !important; border:2px solid #111827 !important; height:48px; padding:0 24px; border-radius:8px; font-family:var(--Typography-Family-Primary,Manrope); font-weight:700; font-size:16px; text-decoration:none; transition:all 0.3s ease-out; white-space:nowrap; flex-shrink:0; }
.cpm-ads .btn:hover { background:#fff !important; color:#f59e0b !important; border-color:#fff !important; }
.cpm-table-sect { padding-bottom: 60px; }
.cpm-table-wrap { position: relative; border-radius: 16px; border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
.cpm-table { width: 100%; border-collapse: collapse; }
.cpm-table thead tr { background: #222D44; }
.cpm-table thead th { padding: 13px 24px; font-family: var(--Typography-Family-Primary, Manrope); font-size: 16px; font-weight: 400; line-height: 140%; text-align: left; color: #fff; border-right: 1px solid rgba(255,255,255,0.1); }
.cpm-table thead th:last-child { border-right: none; }
.cpm-table thead th.col-num { text-align: center; width: 64px; min-width: 64px; max-width: 64px; padding: 13px 16px; color: #fff !important; }
.cpm-table tbody tr:nth-child(odd) { background: #ffffff; }
.cpm-table tbody tr:nth-child(even) { background: #f1f5f9; }
.cpm-table tbody tr { border-bottom: 1px solid #e2e8f0; }
.cpm-table tbody tr:last-child { border-bottom: none; }
.cpm-table tbody td { padding: 13px 24px; font-family: var(--Typography-Family-Primary, Manrope); font-size: 16px; font-weight: 400; line-height: 140%; color: #111827; border-right: 1px solid #e2e8f0; }
.cpm-table tbody td:last-child { border-right: none; }
.cpm-table .col-num { width: 64px; min-width: 64px; max-width: 64px; text-align: center; color: #111827; font-weight: 400; font-size: 16px; padding: 13px 16px; }
.cpm-table tbody .col-country { color: #111827; font-weight: 400; min-width: 220px; font-size: 16px; line-height: 140%; }
.country-code { display: inline; margin-left: 4px; color: #94a3b8; font-size: 16px; font-weight: 400; line-height: 140%; white-space: nowrap; }
.cpm-table tbody .col-impressions,
.cpm-table tbody .col-cpm { color: #64748b; font-weight: 400; }
.cpm-table-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,1) 100% ); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.cpm-table-overlay-inner { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.overlay-title { color: #111827; font-family: var(--Typography-Family-Primary, Manrope); font-size: 32px; font-weight: 600; line-height: 120%; margin: 0; text-decoration: none; }
.overlay-sub { color: #64748b; font-family: var(--Typography-Family-Primary, Manrope); font-size: 14px; font-weight: 400; line-height: 150%; margin: 0 0 12px; }
.cpm-table-note { color: #64748b; font-family: var(--Typography-Family-Primary, Manrope); font-size: 13px; font-weight: 400; line-height: 150%; margin-top: 12px; }
.counter-prefix,
.counter-suffix { font-weight: 400; }
.counter_sect .grid3 .counter-date { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: 32px; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: 0; }
.ext-pr-1 { mix-blend-mode:lighten }

@media (max-width: 900px) {
  .hero_grid .grid2 { gap: 24px; grid-template-columns: 1fr; }
  .counter_sect .grid3 li { height: auto; }
  .hero_grid .grid2 { grid-template-columns:1fr; gap:24px; }
  .hero_grid h1 { font-size:40px; max-width:100%; }
  .counter_sect .grid3 { grid-template-columns:1fr; }
  .counter_sect .grid3 li { height:auto; }
  .counter_sect .grid3 .counter { font-size:48px; }
  .cpm-faq .faq-wrap { grid-template-columns:1fr; gap:40px; }
  .cpm-faq .faq-left h2 { font-size:32px; }
  .faq-question { font-size:18px; }
  .cpm-ads .block { flex-direction:column; align-items:flex-start; gap:24px; padding:40px 24px; }
  .cpm-ads .block h3 { font-size:28px; }
  .cpm-ads .btn { width:100%; justify-content:center; }
  .cpm-ads .bg_icon { display:none; }
}

@media (max-width: 1024px) {
  .header-container { padding:12px 24px; justify-content:flex-start; gap:16px; }
  .header-container .header-logo img { height:33px; }
  .header-container .header-menu { display:none; }
  .header-container .burger { display:block; }
  .header-container .header-btn { margin-left:auto; }
  .footer-container { padding:32px 24px; flex-direction:column; gap:40px; }
  .footer-container .footer-text.desktop { display:none; }
  .footer-container .footer-text.mobile { display:block; }
  .footer-container .footer-links { margin:0; }
  .footer-container .footer-link, .footer-container .footer-social { font-size:14px; line-height:18px; }
  .footer-container .up-btn { position:absolute; top:33px; right:52px; padding:7.8px 8.6px; height:32px; }
}

@media (max-width: 820px) {
  .footer-container { grid-template-columns:1fr; }
  .footer-container .footerleft, .footer-container .footerright { margin-top:0; }
  .footer-container .reserved { text-align:start; }
  .footer-right { flex-direction:column; }
  .footer-socials { margin-top:40px; }
}

@media (max-width: 640px) {
  .cpm-hero { padding-block:40px; }
  .cpm-ads { padding-top:40px; padding-bottom:40px; }
  .cpm-table thead th,
    .cpm-table tbody td { padding: 10px 16px; font-size: 14px; }
  .cpm-table .col-impressions { display: none; }
  .cpm-ads { padding-top: 20px; padding-bottom: 40px; }
  .cpm-ads .block h3 { text-align: center; }
}

@media (min-width: 1920px) {
  .header-container { max-width:1920px; left:50%; transform:translate(-50%); }
}

@media (max-width: 1250px) {
  .header-container .header-menu-list { gap:20px; }
}