
/* IPAMarket SEO landing pages */
.seo-page{padding-top:76px}
.seo-hero{position:relative;overflow:hidden;padding:84px 0 62px}
.seo-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(134,48,223,.16);filter:blur(110px);right:-180px;top:-180px;pointer-events:none}
.seo-grid{display:grid;grid-template-columns:1fr .86fr;gap:62px;align-items:center}
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:12px;color:#7f748b;margin-bottom:22px}
.breadcrumbs a:hover{color:#c881ff}
.seo-hero h1{font-size:clamp(46px,5.5vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:15px 0 20px}
.seo-hero h1 span{background:linear-gradient(100deg,#9d3eff,#e58dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.seo-lead{font-size:18px;color:#a69bad;max-width:650px}
.seo-actions{display:flex;gap:12px;margin:30px 0}
.seo-points{display:grid;gap:10px;margin-top:28px}
.seo-point{display:flex;align-items:center;gap:10px;color:#b9aec3;font-size:14px}
.seo-point i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-style:normal;color:#d47dff;background:rgba(174,70,255,.1);border:1px solid rgba(190,93,255,.16)}
.seo-visual{position:relative}
.seo-image-wrap{position:relative;border:1px solid rgba(193,91,255,.2);border-radius:30px;padding:10px;background:rgba(255,255,255,.02);box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 55px rgba(141,43,218,.12)}
.seo-image-wrap img{display:block;width:100%;height:auto;border-radius:22px}
.seo-app-pill{position:absolute;left:-24px;bottom:28px;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:15px;background:rgba(16,12,22,.88);backdrop-filter:blur(14px);border:1px solid rgba(198,98,255,.22);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.seo-app-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:11px;color:white;box-shadow:0 0 25px rgba(158,54,255,.22)}
.seo-app-pill b{display:block;font-size:13px}.seo-app-pill small{color:#807689;font-size:10px}
.seo-section{padding:82px 0}
.seo-section.alt{background:linear-gradient(180deg,#08070d,#0b0810 52%,#08070d)}
.seo-heading{max-width:700px;margin:0 auto 42px;text-align:center}
.seo-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:12px 0}
.seo-heading p{color:#90869a}
.seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-step{padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(155deg,rgba(24,18,31,.92),rgba(11,9,15,.96))}
.seo-step .num{color:#b86aff;font-size:11px;font-weight:900;letter-spacing:.1em}.seo-step h3{font-size:18px;margin:22px 0 9px}.seo-step p{color:#82798b;font-size:14px;margin:0}
.seo-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.seo-info{padding:28px;border-radius:22px;border:1px solid rgba(193,91,255,.1);background:#100d14}
.seo-info h3{margin:0 0 15px;font-size:19px}.seo-info p,.seo-info li{color:#908598;font-size:14px}
.seo-info ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.seo-info li:before{content:"✓";color:#cb74ff;margin-right:8px}
.app-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.app-link{display:flex;align-items:center;gap:12px;padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.06);background:#0f0c13;transition:.2s}
.app-link:hover{transform:translateY(-2px);border-color:rgba(190,92,255,.25)}
.app-link .seo-app-icon{width:38px;height:38px;border-radius:11px}.app-link b{font-size:13px}.app-link small{display:block;color:#796f82;font-size:10px}
.seo-faq{max-width:820px;margin:0 auto;display:grid;gap:9px}.seo-faq details{border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#0f0c13}.seo-faq summary{cursor:pointer;list-style:none;padding:19px 20px;font-weight:700;display:flex;justify-content:space-between}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq p{padding:0 20px 18px;margin:0;color:#8d8396;font-size:14px}
.seo-cta{padding:76px 0}.seo-cta-box{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px;border-radius:27px;border:1px solid rgba(191,87,255,.2);background:radial-gradient(circle at 85% 50%,rgba(155,49,237,.2),transparent 40%),#100c16}.seo-cta-box h2{font-size:clamp(30px,4vw,45px);margin:8px 0}.seo-cta-box p{margin:0;color:#8d8397}
.seo-footer-apps{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}.seo-footer-apps a{font-size:11px;padding:7px 10px;border-radius:99px;border:1px solid rgba(190,91,255,.12);color:#8e8298}.seo-footer-apps a:hover{color:#fff;border-color:rgba(190,91,255,.3)}
@media(max-width:980px){.seo-grid{grid-template-columns:1fr;gap:38px}.seo-copy{text-align:center}.breadcrumbs,.seo-actions{justify-content:center}.seo-lead{margin-left:auto;margin-right:auto}.seo-points{max-width:520px;margin-left:auto;margin-right:auto;text-align:left}.seo-visual{max-width:650px;margin:0 auto}.seo-app-pill{left:12px}.app-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.seo-page{padding-top:68px}.seo-hero{padding:58px 0 45px}.seo-hero h1{font-size:clamp(38px,12vw,48px);letter-spacing:-1.8px}.seo-lead{font-size:15px}.seo-actions{flex-direction:column}.seo-actions .btn{width:100%}.seo-section{padding:62px 0}.seo-steps,.seo-info-grid,.app-links{grid-template-columns:1fr}.seo-image-wrap{border-radius:22px}.seo-image-wrap img{border-radius:16px}.seo-app-pill{position:static;margin-top:10px}.seo-heading{margin-bottom:30px}.seo-heading h2{font-size:clamp(31px,10vw,41px);letter-spacing:-1.4px}.seo-cta{padding:50px 0}.seo-cta-box{flex-direction:column;text-align:center;padding:30px 20px}.seo-cta-box .btn{width:100%}}

/* === SEO CARD ALIGNMENT FIX === */
.seo-visual{position:relative}
.seo-image-wrap{position:relative;overflow:hidden}
.seo-app-pill{left:18px!important;bottom:18px!important;z-index:5;max-width:calc(100% - 36px)}
@media(max-width:980px){.seo-app-pill{left:18px!important;bottom:18px!important}}
@media(max-width:700px){.seo-app-pill{position:relative!important;left:auto!important;bottom:auto!important;margin:12px 0 0!important;width:100%;max-width:none;justify-content:flex-start}.seo-image-wrap{overflow:hidden}}

/* CLEAN V2: remove floating app badge */
.seo-app-pill{display:none!important}


/* SEO IMAGE SQUARE V1 */
.seo-image-wrap{
    aspect-ratio:1 / 1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#050408;
}

.seo-image-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
}
