/* STEP 30B: Advertise With Us — isolated premium design */
.adx-page{background:#fff;color:#18354e;overflow:hidden}
.adx-page *,.adx-page *::before,.adx-page *::after{box-sizing:border-box}
.adx-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.adx-breadcrumb{background:#f3f8fc;padding:15px 0;font-size:14px;color:#62778b}
.adx-breadcrumb .adx-wrap{display:flex;align-items:center;gap:12px}
.adx-breadcrumb a{color:#176e94;text-decoration:none}
.adx-hero,.adx-bottom{background:radial-gradient(circle at 84% 13%,rgba(32,213,190,.22),transparent 38%),radial-gradient(circle at 7% 88%,rgba(101,113,228,.22),transparent 40%),linear-gradient(125deg,#091d34,#163d5c 60%,#0b2944);color:#fff}
.adx-hero{padding:clamp(75px,9vw,135px) 0}
.adx-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:clamp(30px,5vw,75px);align-items:center}
.adx-kicker,.adx-eyebrow{display:block;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.adx-kicker{color:#a7f1df}
.adx-eyebrow{color:#217e99}
.adx-hero h1{font-size:clamp(39px,5.3vw,72px);line-height:1.09;letter-spacing:-.045em;margin:20px 0;color:#fff}
.adx-hero h1 em,.adx-bottom h2 em{font-style:normal;color:#a7f1df}
.adx-hero-copy>p{font-size:18px;line-height:1.85;color:#dce9f5;max-width:660px}
.adx-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.adx-btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 23px;border-radius:13px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s}
.adx-btn-primary{background:#a7f1df;color:#103145}
.adx-btn-outline{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.07);color:#fff}
.adx-hero-copy .adx-hero-note{font-size:13px;color:#c7d9e7;margin-top:23px}
.adx-hero-panel{padding:33px;border-radius:25px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);box-shadow:0 25px 65px rgba(0,12,30,.23)}
.adx-panel-row{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.adx-panel-row strong{font-size:30px;color:#a7f1df}
.adx-panel-row span{font-weight:800;color:#fff}
.adx-status{margin-top:23px;padding:13px;border-radius:11px;background:rgba(167,241,223,.12);font-size:13px;color:#d6f8ee}
.adx-quick{border-bottom:1px solid #dce8f1;background:#fff}
.adx-quick .adx-wrap{display:flex;flex-wrap:wrap;gap:9px;padding-block:15px}
.adx-quick a{padding:10px 15px;border-radius:10px;background:#eff6fb;color:#28546e;font-size:14px;font-weight:750;text-decoration:none}
.adx-section{padding:clamp(70px,8vw,108px) 0;scroll-margin-top:20px}
.adx-ice{background:#edf7ff}
.adx-cream{background:#fff7e9}
.adx-lavender{background:#f3efff}
.adx-mint{background:#eaf8f2}
.adx-sky{background:#ecf7fa}
.adx-heading{max-width:840px;margin-bottom:34px}
.adx-section h2,.adx-resources h2{font-size:clamp(30px,3.8vw,47px);line-height:1.2;letter-spacing:-.035em;color:#17344d;margin:13px 0}
.adx-heading>p,.adx-split>div>p,.adx-resources p{font-size:17px;line-height:1.85;color:#50697c}
.adx-grid{display:grid;gap:19px}
.adx-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.adx-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.adx-card{padding:30px;border-radius:21px;background:rgba(255,255,255,.9);border:1px solid rgba(111,144,170,.2);border-top:4px solid #2b8ab1;box-shadow:0 9px 28px rgba(18,48,79,.055);transition:transform .25s,box-shadow .25s}
.adx-card:nth-child(3n+2){border-top-color:#1b9a85}
.adx-card:nth-child(3n){border-top-color:#8865bc}
.adx-card-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:11px;background:#e7f4fb;color:#237e9f;font-size:13px;font-weight:900}
.adx-card h3{font-size:20px;line-height:1.35;margin:19px 0 11px;color:#17344d}
.adx-card p{font-size:15px;line-height:1.85;color:#52697c;margin:0}
.adx-notice{margin-top:26px;padding:19px 22px;border-left:4px solid #2399a3;background:rgba(255,255,255,.8);border-radius:0 12px 12px 0;font-size:14px;line-height:1.8;color:#415c70}
.adx-split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.adx-feature-panel{background:#fff;border:1px solid #d6e8df;border-radius:23px;padding:34px;box-shadow:0 12px 35px rgba(18,48,79,.07)}
.adx-feature-panel h3{font-size:24px;margin-top:0;color:#17344d}
.adx-feature-panel ul{padding-left:22px;margin-bottom:0}
.adx-feature-panel li{padding:9px 0;line-height:1.7;color:#496578}
.adx-faq-section{background:linear-gradient(135deg,#edf6ff,#f7efff)}
.adx-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.adx-faq{background:#fff;border:1px solid #dce7ef;border-left:4px solid #347fac;border-radius:16px;box-shadow:0 6px 22px rgba(18,48,79,.055);transition:transform .25s,box-shadow .25s}
.adx-faq:nth-child(3n+2){border-left-color:#179580;background:#f9fffc}
.adx-faq:nth-child(3n){border-left-color:#855bb8;background:#fdfaff}
.adx-faq summary{display:flex;align-items:flex-start;gap:12px;padding:22px;list-style:none;cursor:pointer;font-size:16px;font-weight:800;line-height:1.6;color:#173752}
.adx-faq summary::-webkit-details-marker{display:none}
.adx-faq-index{font-size:12px;color:#2b7e9f;padding-top:5px}
.adx-faq summary>span:nth-child(2){flex:1}
.adx-faq-plus{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#20658d;color:#fff;font-size:21px}
.adx-faq[open] .adx-faq-plus{transform:rotate(45deg)}
.adx-faq-answer{padding:0 23px 23px 46px}
.adx-faq-answer p{color:#4b6278;line-height:1.85;margin:0;font-size:15px}
.adx-resources{background:#f7fafc;padding:65px 0}
.adx-resources-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.adx-resource-links{display:grid;gap:12px}
.adx-resource-links a{padding:16px 19px;background:#fff;border:1px solid #dce7ef;border-radius:12px;color:#17648d;font-weight:800;text-decoration:none}
.adx-bottom{padding:clamp(85px,10vw,135px) 0;text-align:center}
.adx-bottom-inner{max-width:900px}
.adx-bottom h2{font-size:clamp(36px,5vw,64px);line-height:1.14;letter-spacing:-.04em;color:#fff;margin:20px 0}
.adx-bottom p{font-size:18px;line-height:1.8;color:#dce8f4}
.adx-actions-center{justify-content:center}
.adx-bottom .adx-bottom-note{font-size:13px;color:#c2d2e0;margin-top:24px}
.adx-page a:focus-visible,.adx-page summary:focus-visible{outline:3px solid #f0aa54;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
.adx-card:hover,.adx-faq:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(18,48,79,.13)}
.adx-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.adx-quick a:hover,.adx-resource-links a:hover{background:#dceef7}
}
@media(max-width:900px){
.adx-hero-grid,.adx-split,.adx-resources-inner{grid-template-columns:1fr}
.adx-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.adx-grid-three,.adx-grid-two,.adx-faq-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.adx-wrap{width:calc(100% - 28px)}
.adx-hero{padding:72px 0}
.adx-actions{flex-direction:column}
.adx-btn{width:100%}
.adx-hero-panel,.adx-card,.adx-feature-panel{padding:23px}
.adx-faq summary{padding:18px}
.adx-faq-answer{padding:0 18px 20px}
}
@media(prefers-reduced-motion:reduce){
.adx-page *,.adx-page *::before,.adx-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* STEP 30E: reference-inspired advertising content */
.adx-banner-size{
 display:inline-flex;
 align-items:center;
 max-width:100%;
 margin:13px 0 14px;
 padding:9px 13px;
 border-radius:10px;
 background:#e8f6f8;
 color:#08748c;
 font-size:18px;
 font-weight:900;
 letter-spacing:.015em;
}
.adx-cream .adx-card{border-top-color:#168eaa}
.adx-mint .adx-card{border-top-color:#1c9a80}
.adx-sky .adx-card{border-top-color:#397da9}
.adx-card h3{overflow-wrap:anywhere}
@media(max-width:480px){
 .adx-banner-size{font-size:16px}
}