/* QUIZBANK advertiser center */
.ac-page{background:#f7f8fa;color:#282d33}
.ac-wrap{width:min(960px,calc(100% - 40px));max-width:960px;margin:0 auto;box-sizing:border-box}

.ac-hero{
    padding:56px 0 38px;
    background:
        radial-gradient(circle at 12% 8%,rgba(255,174,70,.10),transparent 27%),
        radial-gradient(circle at 91% 12%,rgba(50,97,205,.08),transparent 25%),
        #fff;
    border-bottom:1px solid #e9ebee;
}
.ac-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(345px,.92fr);gap:32px;align-items:center}
.ac-hero-copy>span,.ac-section-head span,.ac-bottom-copy>span{
    color:#e28522;font-size:10px;font-weight:800;letter-spacing:.1em
}
.ac-hero h1{margin:11px 0 15px;font-size:42px;line-height:1.13;letter-spacing:-1.7px}
.ac-hero h1 em{color:#e28522;font-style:normal}
.ac-hero-copy>p{max-width:540px;margin:0;color:#7d858d;font-size:14px;line-height:1.75}
.ac-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.ac-btn{height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:13px;font-weight:700}
.ac-btn.primary{background:#243859;color:#fff;box-shadow:0 9px 22px rgba(36,56,89,.14)}
.ac-btn.ghost{background:#fff;color:#3f4e65;border:1px solid #dde2e8}
.ac-hero-points{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.ac-hero-points span{height:25px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;background:#fff7ec;color:#a66b28;font-size:9px;font-weight:700}

.ac-console{
    padding:17px;
    border:1px solid #dce1e7;
    border-radius:21px;
    background:#25354d;
    box-shadow:0 22px 50px rgba(38,51,73,.15)
}
.ac-console-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 13px}
.ac-console-top span{color:#aeb9c8;font-size:8px;font-weight:800;letter-spacing:.09em}
.ac-console-top b{height:20px;padding:0 7px;display:inline-flex;align-items:center;border-radius:999px;background:#263f36;color:#7ee5b7;font-size:7px}
.ac-console-card{padding:22px;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f7f9)}
.ac-console-badge{display:inline-flex;height:24px;padding:0 8px;align-items:center;border-radius:8px;background:#fff1dd;color:#db8124;font-size:8px;font-weight:800}
.ac-console-card small{display:block;margin-top:16px;color:#9ba2aa;font-size:9px}
.ac-console-card h2{margin:6px 0 18px;color:#313840;font-size:22px;line-height:1.4}
.ac-console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ac-console-stats div{padding:11px 8px;border:1px solid #e7eaed;border-radius:10px;background:#fafbfc;text-align:center}
.ac-console-stats span{display:block;color:#a0a6ad;font-size:8px}
.ac-console-stats strong{display:block;margin-top:4px;color:#42516a;font-size:10px}
.ac-console-bottom{display:flex;align-items:center;gap:7px;padding:13px 2px 0;color:#aeb9c8;font-size:9px}
.ac-console-bottom i{width:6px;height:6px;border-radius:50%;background:#f3a346;box-shadow:0 0 0 4px rgba(243,163,70,.1)}

.ac-section{padding:52px 0}
.ac-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:20px}
.ac-section-head h2{margin:6px 0 0;font-size:27px;letter-spacing:-1px}
.ac-section-head>p{margin:0;color:#8a9097;font-size:12px}

.ac-reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ac-reason-grid article{min-height:177px;padding:20px;border:1px solid #e5e7ea;border-radius:17px;background:#fff}
.ac-reason-grid i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff3e4;color:#df8426;font-size:9px;font-style:normal;font-weight:800}
.ac-reason-grid h3{margin:17px 0 7px;font-size:16px}
.ac-reason-grid p{margin:0;color:#858c93;font-size:11px;line-height:1.7}

.ac-product-section{background:#fff;border-top:1px solid #e9ebee;border-bottom:1px solid #e9ebee}
.ac-products{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.ac-products article{padding:23px;border:1px solid #e4e7ea;border-radius:18px;background:#fff}
.ac-product-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff1dc;color:#db8124;font-size:13px;font-weight:800}
.ac-products .store .ac-product-icon{background:#e9f6f3;color:#228878}
.ac-products .ad .ac-product-icon{background:#edf1fb;color:#4c69ad}
.ac-products .brand .ac-product-icon{background:#f2ebfa;color:#7751a6}
.ac-products article>span{display:block;margin-top:15px;color:#aaa5a0;font-size:8px;font-weight:800;letter-spacing:.08em}
.ac-products h3{margin:4px 0 7px;font-size:19px}
.ac-products p{margin:0;color:#848b92;font-size:12px;line-height:1.7}
.ac-products ul{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0 0;padding:0;list-style:none}
.ac-products li{height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:#f7f8fa;color:#727981;font-size:9px}
.ac-products a{display:inline-flex;margin-top:17px;color:#3f536f;font-size:11px;font-weight:700}

.ac-process-section{padding-top:46px}
.ac-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}
.ac-process>div{min-height:105px;padding:16px;border:1px solid #e5e7ea;border-radius:15px;background:#fff}
.ac-process>i{color:#bcc1c7;font-style:normal}
.ac-process b{display:block;color:#df8426;font-size:9px}
.ac-process span{display:block;margin-top:10px;color:#3f454b;font-size:14px;font-weight:700}
.ac-process small{display:block;margin-top:5px;color:#969ca2;font-size:9px;line-height:1.5}

.ac-usecase-section{background:#fff;border-top:1px solid #e9ebee;border-bottom:1px solid #e9ebee}
.ac-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ac-usecase-grid article{padding:21px;border:1px solid #e5e7ea;border-radius:17px;background:#fff}
.ac-usecase-grid span{color:#df8426;font-size:8px;font-weight:800;letter-spacing:.08em}
.ac-usecase-grid h3{margin:9px 0 8px;font-size:16px;line-height:1.5}
.ac-usecase-grid p{margin:0;color:#878e95;font-size:11px;line-height:1.7}

.ac-bottom{padding:0 0 72px}
.ac-bottom-card{
    padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;
    border-radius:20px;background:linear-gradient(135deg,#202d42,#314868 58%,#3c587d);color:#fff
}
.ac-bottom-copy>span{color:#f3c48e}
.ac-bottom-copy h2{margin:7px 0 5px;font-size:24px}
.ac-bottom-copy p{margin:0;color:rgba(255,255,255,.7);font-size:12px}
.ac-bottom-actions{display:flex;gap:7px}
.ac-bottom-actions a{height:43px;padding:0 14px;display:inline-flex;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:700}
.ac-bottom-actions a.primary{background:#fff;color:#314868;border-color:#fff}

@media(max-width:1000px){
    .ac-wrap{width:calc(100% - 28px);max-width:960px}
}
@media(max-width:820px){
    .ac-hero-grid{grid-template-columns:1fr}
    .ac-console{max-width:520px}
    .ac-section-head{align-items:flex-start;flex-direction:column;gap:7px}
    .ac-reason-grid{grid-template-columns:1fr 1fr}
    .ac-process{grid-template-columns:1fr}
    .ac-process>i{display:none}
}
@media(max-width:600px){
    .ac-wrap{width:calc(100% - 20px)}
    .ac-hero{padding:35px 0 28px}
    .ac-hero h1{font-size:31px}
    .ac-hero-copy>p{font-size:13px}
    .ac-hero-actions{display:grid;grid-template-columns:1fr 1fr}
    .ac-btn{font-size:12px}
    .ac-section{padding:40px 0}
    .ac-section-head h2{font-size:23px}
    .ac-section-head>p{font-size:13px}
    .ac-reason-grid{grid-template-columns:1fr}
    .ac-reason-grid article{min-height:0}
    .ac-reason-grid p,.ac-products p,.ac-usecase-grid p{font-size:13px}
    .ac-products{grid-template-columns:1fr}
    .ac-usecase-grid{grid-template-columns:1fr}
    .ac-bottom{padding-bottom:50px}
    .ac-bottom-card{align-items:flex-start;flex-direction:column;padding:23px 19px}
    .ac-bottom-copy h2{font-size:21px}
    .ac-bottom-copy p{font-size:13px;line-height:1.6}
    .ac-bottom-actions{width:100%;display:grid;grid-template-columns:1fr}
    .ac-bottom-actions a{justify-content:center}
}
@media(max-width:420px){
    .ac-hero-actions{grid-template-columns:1fr}
}

/* premium advertiser CTA */
.ac-bottom-card.ac-bottom-premium{
    position:relative;
    overflow:hidden;
    padding:34px 35px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 255px;
    gap:38px;
    align-items:center;
    border:1px solid rgba(255,255,255,.10);
    border-radius:23px;
    background:
        radial-gradient(circle at 87% 10%,rgba(245,167,75,.20),transparent 25%),
        radial-gradient(circle at 9% 100%,rgba(94,130,187,.18),transparent 28%),
        linear-gradient(135deg,#1b2739 0%,#293d5b 55%,#344f73 100%);
    box-shadow:0 20px 48px rgba(30,44,65,.15);
}
.ac-bottom-card.ac-bottom-premium:before{
    content:"";
    position:absolute;
    right:190px;
    top:-94px;
    width:170px;
    height:170px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}
.ac-bottom-card.ac-bottom-premium:after{
    content:"";
    position:absolute;
    left:-78px;
    bottom:-125px;
    width:190px;
    height:190px;
    border-radius:50%;
    background:rgba(255,255,255,.025);
}
.ac-bottom-premium .ac-bottom-copy,
.ac-bottom-premium .ac-contact-card{position:relative;z-index:1}

.ac-bottom-kicker{display:flex;align-items:center;gap:8px}
.ac-bottom-kicker i{
    width:28px;height:28px;display:grid;place-items:center;
    border-radius:9px;background:#e88b29;color:#fff;
    font-size:8px;font-style:normal;font-weight:800;
    box-shadow:0 6px 15px rgba(232,139,41,.22)
}
.ac-bottom-premium .ac-bottom-kicker span{
    color:#f1c18e;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em
}
.ac-bottom-premium .ac-bottom-copy h2{
    margin:13px 0 10px;
    font-size:26px;
    line-height:1.35;
    letter-spacing:-.8px
}
.ac-bottom-premium .ac-bottom-copy h2 em{
    color:#f3bd82;
    font-style:normal
}
.ac-bottom-premium .ac-bottom-copy p{
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:12px;
    line-height:1.75
}
.ac-bottom-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.ac-bottom-tags b{
    height:25px;padding:0 9px;display:inline-flex;align-items:center;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;background:rgba(255,255,255,.06);
    color:#e9edf3;font-size:9px;font-weight:600
}

.ac-contact-card{
    padding:20px 18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(5px)
}
.ac-contact-icon{
    width:39px;height:39px;display:grid;place-items:center;
    margin-bottom:14px;border-radius:12px;
    background:#fff;color:#df8426;
    font-size:16px;font-weight:800
}
.ac-contact-card small{
    display:block;color:#efbd86;
    font-size:8px;font-weight:800;letter-spacing:.09em
}
.ac-contact-card strong{
    display:block;margin-top:5px;color:#fff;
    font-size:15px;line-height:1.45
}
.ac-contact-card>p{
    margin:7px 0 0;
    color:rgba(255,255,255,.60);
    font-size:10px;
    line-height:1.55
}
.ac-bottom-premium .ac-contact-card a{
    box-sizing:border-box;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    font-weight:800
}
.ac-bottom-premium .ac-contact-card a.primary{
    height:44px;
    margin-top:15px;
    padding:0 13px;
    justify-content:space-between;
    background:#fff;
    color:#314868;
    border:0;
    font-size:11px
}
.ac-contact-card a.primary i{font-size:14px;font-style:normal}
.ac-bottom-premium .ac-contact-card a.secondary{
    height:35px;
    margin-top:6px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.05);
    color:rgba(255,255,255,.80);
    font-size:9px
}

@media(max-width:760px){
    .ac-bottom-card.ac-bottom-premium{
        grid-template-columns:1fr;
        gap:23px;
        padding:28px 24px
    }
}
@media(max-width:600px){
    .ac-bottom-card.ac-bottom-premium{padding:24px 19px}
    .ac-bottom-premium .ac-bottom-copy h2{font-size:21px}
    .ac-bottom-premium .ac-bottom-copy p{font-size:13px}
    .ac-bottom-tags b{font-size:10px}
    .ac-contact-card>p{font-size:11px}
    .ac-pc-only{display:none}
}

/* compact advertiser CTA - final */
.ac-bottom{
    padding:0 0 58px !important;
}
.ac-bottom-card.ac-bottom-compact{
    min-height:0 !important;
    padding:20px 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    border-radius:17px !important;
    background:linear-gradient(135deg,#24344c,#334a69) !important;
    box-shadow:0 10px 26px rgba(35,50,73,.10) !important;
}
.ac-bottom-left{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.ac-bottom-left>span{
    display:block;
    margin:0 0 5px !important;
    color:#efbd86 !important;
    font-size:8px !important;
    font-weight:800 !important;
    letter-spacing:.09em !important;
    line-height:1.2 !important;
}
.ac-bottom-left h2{
    margin:0 !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1.35 !important;
    letter-spacing:-.5px !important;
}
.ac-bottom-left p{
    margin:5px 0 0 !important;
    color:rgba(255,255,255,.68) !important;
    font-size:11px !important;
    line-height:1.55 !important;
}
.ac-bottom-right{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:7px;
}
.ac-bottom-right a{
    height:38px !important;
    padding:0 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border-radius:10px !important;
    font-size:10px !important;
    font-weight:700 !important;
    white-space:nowrap;
}
.ac-cta-main{
    background:#fff !important;
    color:#314868 !important;
    border:0 !important;
}
.ac-cta-main i{
    margin-left:7px;
    font-style:normal;
    font-size:12px;
}
.ac-cta-sub{
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.86) !important;
}
@media(max-width:760px){
    .ac-bottom-card.ac-bottom-compact{
        align-items:flex-start !important;
        flex-direction:column !important;
        padding:19px 18px !important;
        gap:15px !important;
    }
    .ac-bottom-right{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .ac-bottom-right a{
        width:100%;
    }
}
@media(max-width:480px){
    .ac-bottom-left h2{font-size:18px !important}
    .ac-bottom-left p{font-size:12px !important}
    .ac-bottom-right{
        grid-template-columns:1fr;
    }
}

/* pink-tone compact advertiser CTA - final */
.ac-bottom-card.ac-bottom-compact{
    background:
        radial-gradient(circle at 88% 18%,rgba(255,255,255,.35),transparent 22%),
        linear-gradient(135deg,#fff0f5 0%,#ffdce8 52%,#ffcbdc 100%) !important;
    border:1px solid #f3cfda !important;
    box-shadow:0 12px 28px rgba(201,96,130,.10) !important;
}

.ac-bottom-left>span{
    color:#d85f87 !important;
}

.ac-bottom-left h2{
    color:#3c3338 !important;
}

.ac-bottom-left p{
    color:#8f7a82 !important;
}

.ac-cta-main{
    background:linear-gradient(90deg,#ff5d8f,#ff7aa3) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 8px 18px rgba(255,93,143,.16) !important;
}

.ac-cta-sub{
    border:1px solid #f2c8d5 !important;
    background:rgba(255,255,255,.62) !important;
    color:#c85d80 !important;
}

.ac-bottom-right a:hover{
    transform:translateY(-1px);
}

@media(max-width:760px){
    .ac-bottom-card.ac-bottom-compact{
        background:
            radial-gradient(circle at 92% 8%,rgba(255,255,255,.38),transparent 22%),
            linear-gradient(145deg,#fff1f6 0%,#ffdce8 58%,#ffd0df 100%) !important;
    }
}

/* CTA vertical position correction */
.ac-bottom{
    padding:0 !important;
    min-height:190px !important;
    display:flex !important;
    align-items:center !important;
}
.ac-bottom>.ac-wrap{
    width:min(960px,calc(100% - 40px)) !important;
    max-width:960px !important;
    margin:0 auto !important;
}
.ac-bottom-card.ac-bottom-compact{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
}
@media(max-width:1000px){
    .ac-bottom>.ac-wrap{
        width:calc(100% - 28px) !important;
    }
}
@media(max-width:600px){
    .ac-bottom{
        min-height:0 !important;
        padding:34px 0 !important;
    }
    .ac-bottom>.ac-wrap{
        width:calc(100% - 20px) !important;
    }
}