/* Hackisition's own ad example, scoped to its landing-page banner. */
.self-proof{background:linear-gradient(110deg,#edf6ff 0%,#f4f2fc 66%,#f9f4fb 100%);padding-block:54px 58px}
.self-proof__layout{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.self-proof__copy h2{font-size:clamp(29px,3.05vw,42px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.self-proof__text{max-width:490px;font-size:16px;line-height:1.55;color:#536078;margin-top:19px}
.self-proof__text + .self-proof__text{margin-top:14px}
.self-proof__text strong{font-weight:600;color:#101c36}
.self-proof__cta{display:inline-flex;align-items:center;gap:26px;min-height:44px;background:none;color:#533d7d;padding:12px 0;margin-top:9px;font-size:15px;font-weight:600;transition:color .18s ease,scale .18s ease}
.self-proof__cta:hover{color:#245bff}
.self-proof__cta span{font-size:23px;font-weight:400}
.self-proof__preview{margin:0;padding:24px;background:#ffffffb8;border-radius:12px;min-width:0}
.self-proof__preview figcaption{display:flex;align-items:center;gap:10px;color:#536078;font-size:13px;line-height:1.4}
.self-proof__preview figcaption img{width:20px;height:20px;flex:none}
.self-proof__preview .ad-card{margin-top:18px;background:#fff;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;padding:14px}
.self-proof__preview .self-proof__brand-art{width:110px;height:110px;object-fit:contain;outline:none;border-radius:8px}
.self-proof__preview .ad-content{min-width:0}
.self-proof__preview .ad-merchant{font-size:11px;margin-bottom:10px}
.self-proof__brand-icon{width:18px;height:18px;border-radius:4px;flex:none}
.self-proof__preview .ad-title{font-size:17px;line-height:1.25;letter-spacing:-.02em;margin-bottom:8px}
.self-proof__preview .ad-description{font-size:12px;line-height:1.5}
.self-proof__preview .ad-domain{display:inline-flex;align-items:center;gap:10px;min-height:40px;margin-top:4px;font-size:12px;color:#533d7d}
.self-proof__preview .ad-domain:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1500px){.self-proof__layout{grid-template-columns:1fr 1.05fr}.self-proof__preview .ad-card{grid-template-columns:125px minmax(0,1fr)}.self-proof__preview .self-proof__brand-art{width:125px;height:125px}.self-proof__preview .ad-title{font-size:19px}.self-proof__preview .ad-description{font-size:13px}}
@media(max-width:1050px){.self-proof__layout{gap:32px;grid-template-columns:1fr 1.1fr}.self-proof__preview{padding:19px}.self-proof__preview .ad-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.self-proof__preview .self-proof__brand-art{width:80px;height:80px}.self-proof__preview .ad-title{font-size:16px}}
@media(max-width:800px){.self-proof{padding-block:40px}.self-proof__layout{grid-template-columns:1fr;gap:25px}.self-proof__copy h2{font-size:36px;max-width:540px}.self-proof__text{max-width:570px}.self-proof__preview{max-width:620px}.self-proof__preview .ad-card{grid-template-columns:110px minmax(0,1fr)}.self-proof__preview .self-proof__brand-art{width:110px;height:110px}}
@media(max-width:480px){.self-proof__copy h2{font-size:30px}.self-proof__text{font-size:15px}.self-proof__preview{padding:16px}.self-proof__preview .ad-card{grid-template-columns:66px minmax(0,1fr);padding:12px;gap:12px}.self-proof__preview .self-proof__brand-art{width:66px;height:66px}.self-proof__preview .ad-title{font-size:15px}.self-proof__preview .ad-description{font-size:11px}.self-proof__preview .ad-merchant{font-size:10px;gap:5px}.self-proof__preview .ad-domain{min-height:44px}.self-proof__preview figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.self-proof__cta{transition:none}.self-proof__cta:active{scale:1}}