/* ==========================================================================
   AdminPulse Mini Site
   ========================================================================== */

.apms-site {
    --apms-bg: #f5f7fb;
    --apms-card: #ffffff;
    --apms-text: #141827;
    --apms-muted: #697086;
    --apms-border: #e5e8f1;
    --apms-purple: #7247ff;
    --apms-purple2: #a23aff;
    --apms-blue: #168cff;
    --apms-dark: #080b27;
    --apms-green: #14a958;
    --apms-radius: 18px;
    --apms-shadow: 0 12px 35px rgba(26, 31, 65, .07);

    background: var(--apms-bg);
    color: var(--apms-text);
    padding: 26px 0 70px;
    min-height: 100vh;
}

.apms-site *,
.apms-site *::before,
.apms-site *::after {
    box-sizing: border-box;
}

.apms-site a {
    text-decoration: none;
}

.apms-shell {
    width: min(1440px, calc(100% - 40px));
    margin: 0 auto;
}

/* HERO */
.apms-hero,
.apms-inner-hero {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    margin-bottom: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 86% 18%, rgba(24, 140, 255, .42), transparent 27%),
        radial-gradient(circle at 62% 110%, rgba(162, 58, 255, .38), transparent 37%),
        linear-gradient(135deg, #070a24 0%, #111247 56%, #2e115f 100%);
    box-shadow: 0 22px 65px rgba(19, 21, 77, .17);
}

.apms-hero {
    padding: 42px 46px;
}

.apms-inner-hero {
    padding: 34px 42px;
}

.apms-hero::after,
.apms-inner-hero::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -100px;
    top: -150px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

.apms-hero-content {
    max-width: 960px;
    position: relative;
    z-index: 1;
}

.apms-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    font-size: 28px;
    font-weight: 850;
    letter-spacing: -.5px;
}

.apms-brand a,
.apms-brand span {
    color: #fff;
}

.apms-brand-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg, var(--apms-blue), var(--apms-purple2));
    box-shadow: 0 9px 28px rgba(111, 71, 255, .42);
    font-size: 29px;
}

.apms-hero h1,
.apms-inner-hero h1 {
    color: #fff;
    line-height: 1.08;
    letter-spacing: -.8px;
    margin: 0 0 15px;
}

.apms-hero h1 {
    max-width: 960px;
    font-size: clamp(34px, 4.4vw, 60px);
}

.apms-inner-hero h1 {
    font-size: clamp(32px, 4vw, 50px);
}

.apms-hero p,
.apms-inner-hero p {
    max-width: 850px;
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.65;
    margin: 0;
}

.apms-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.apms-hero-pills span {
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.92);
    font-size: 13px;
    font-weight: 700;
}

/* ARTICLE TOP */
.apms-article-top {
    min-height: 82px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #080b27 0%, #16144a 100%);
}

.apms-article-top .apms-brand {
    margin: 0;
    font-size: 24px;
}

.apms-article-top .apms-brand-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
}

/* LAYOUT */
.apms-layout {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.apms-sidebar {
    position: sticky;
    top: 24px;
}

.apms-main {
    min-width: 0;
}

.apms-nav-card,
.apms-banner-card,
.apms-content-card,
.apms-article-card,
.apms-related,
.apms-sections {
    border: 1px solid var(--apms-border);
    border-radius: var(--apms-radius);
    background: var(--apms-card);
    box-shadow: var(--apms-shadow);
}

.apms-nav-card {
    padding: 15px;
    margin-bottom: 18px;
}

.apms-nav-caption {
    padding: 4px 9px 12px;
    color: var(--apms-muted);
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 12px;
    font-weight: 850;
}

.apms-home-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 11px;
    color: var(--apms-text);
    font-size: 14px;
    font-weight: 800;
}

.apms-home-link:hover,
.apms-home-link.is-active {
    color: var(--apms-purple);
    background: #f1edff;
}

.apms-menu-icon {
    font-size: 19px;
}

.apms-menu-section {
    border-top: 1px solid var(--apms-border);
    margin-top: 7px;
    padding-top: 7px;
}

.apms-menu-section summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 11px;
    color: var(--apms-text);
    font-size: 14px;
    font-weight: 820;
}

.apms-menu-section summary::-webkit-details-marker {
    display: none;
}

.apms-menu-section summary:hover {
    background: #f7f7fb;
}

.apms-count {
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #f0f1f6;
    color: var(--apms-muted);
    font-size: 11px;
}

.apms-menu-posts {
    padding: 2px 3px 8px 11px;
}

.apms-menu-posts a {
    display: block;
    padding: 8px 9px;
    border-left: 2px solid #e5e7ef;
    color: #555d73;
    font-size: 13px;
    line-height: 1.35;
}

.apms-menu-posts a:hover,
.apms-menu-posts a.is-active {
    color: var(--apms-purple);
    border-left-color: var(--apms-purple);
    background: #faf9ff;
}

.apms-menu-posts .apms-section-all {
    font-weight: 800;
}

/* BANNER */
.apms-banner-card {
    overflow: hidden;
    padding: 9px;
}

.apms-banner-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1080 / 1920;
    object-fit: cover;
    border-radius: 13px;
}

.apms-banner-placeholder {
    min-height: 430px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 10px;
    border-radius: 13px;
    color: #fff;
    background:
        radial-gradient(circle at 78% 12%, rgba(20, 148, 255, .5), transparent 28%),
        linear-gradient(150deg, #070a25 0%, #18144a 55%, #47158a 100%);
}

.apms-banner-placeholder strong {
    font-size: 27px;
    line-height: 1.1;
}

.apms-banner-placeholder span {
    color: rgba(255,255,255,.79);
    font-size: 14px;
    line-height: 1.5;
}

.apms-banner-placeholder .apms-banner-brand {
    color: #fff;
    font-size: 19px;
    font-weight: 850;
}

.apms-banner-placeholder a {
    display: inline-flex;
    justify-content: center;
    margin-top: 8px;
    padding: 12px 15px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(90deg, var(--apms-blue), var(--apms-purple));
    font-weight: 850;
}

/* BREADCRUMBS */
.apms-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 0 0 16px;
    color: var(--apms-muted);
    font-size: 13px;
}

.apms-breadcrumbs a {
    color: var(--apms-purple);
}

/* SEARCH */
.apms-search {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.apms-search input {
    min-width: 0;
    flex: 1;
    height: 52px;
    padding: 0 17px;
    border: 1px solid var(--apms-border);
    border-radius: 13px;
    outline: none;
    background: #fff;
    color: var(--apms-text);
    font-size: 15px;
}

.apms-search input:focus {
    border-color: #aa96ff;
    box-shadow: 0 0 0 4px rgba(112, 71, 255, .08);
}

.apms-search button {
    height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 13px;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, var(--apms-blue), var(--apms-purple));
    font-weight: 800;
}

/* CONTENT */
.apms-content-card,
.apms-sections,
.apms-related {
    padding: clamp(22px, 4vw, 42px);
    margin-bottom: 22px;
}

.apms-kicker {
    display: inline-flex;
    margin-bottom: 9px;
    color: var(--apms-purple);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    font-weight: 900;
}

.apms-kicker-light {
    color: #9dd7ff;
}

.apms-content-card > h2,
.apms-sections h2,
.apms-related h2 {
    margin: 0;
    color: var(--apms-text);
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
    letter-spacing: -.4px;
}

.apms-lead {
    max-width: 850px;
    color: var(--apms-muted);
    font-size: 17px;
    line-height: 1.7;
}

.apms-doc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 24px;
}

.apms-doc-card {
    border: 1px solid var(--apms-border);
    border-radius: 15px;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.apms-doc-card:hover {
    transform: translateY(-2px);
    border-color: #c6b9ff;
    box-shadow: 0 12px 27px rgba(25, 27, 66, .08);
}

.apms-doc-card-link {
    display: block;
    height: 100%;
    padding: 20px;
}

.apms-doc-section {
    display: block;
    margin-bottom: 7px;
    color: var(--apms-purple);
    font-size: 12px;
    font-weight: 850;
}

.apms-doc-card h3 {
    margin: 0;
    color: var(--apms-text);
    font-size: 19px;
    line-height: 1.32;
}

.apms-doc-card p {
    margin: 9px 0 12px;
    color: var(--apms-muted);
    font-size: 14px;
    line-height: 1.55;
}

.apms-read-more {
    color: var(--apms-purple);
    font-size: 13px;
    font-weight: 850;
}

/* SECTION CARDS */
.apms-section-heading {
    margin-bottom: 22px;
}

.apms-section-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 13px;
}

.apms-section-card {
    display: block;
    padding: 18px;
    border: 1px solid var(--apms-border);
    border-radius: 14px;
    background: #fbfcff;
}

.apms-section-card:hover {
    border-color: #c6b9ff;
    background: #faf8ff;
}

.apms-section-card strong,
.apms-section-card span {
    display: block;
}

.apms-section-card strong {
    color: var(--apms-text);
    font-size: 16px;
}

.apms-section-card span {
    margin-top: 6px;
    color: var(--apms-muted);
    font-size: 12px;
}

/* TAXONOMY LIST */
.apms-doc-list {
    margin-top: 22px;
}

.apms-list-item {
    border-top: 1px solid var(--apms-border);
}

.apms-list-item:first-child {
    border-top: 0;
}

.apms-list-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 2px;
}

.apms-list-item h3 {
    margin: 0 0 6px;
    color: var(--apms-text);
    font-size: 19px;
}

.apms-list-item p {
    margin: 0;
    color: var(--apms-muted);
    font-size: 14px;
    line-height: 1.55;
}

.apms-list-item a > span {
    color: var(--apms-purple);
    font-size: 23px;
}

.apms-pagination {
    margin-top: 25px;
}

/* ARTICLE */
.apms-article-card {
    padding: clamp(24px, 4.5vw, 52px);
}

.apms-article-card h1 {
    margin: 3px 0 10px;
    max-width: 950px;
    color: var(--apms-text);
    font-size: clamp(32px, 4.3vw, 52px);
    line-height: 1.1;
    letter-spacing: -.8px;
}

.apms-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
    color: var(--apms-muted);
    font-size: 13px;
}

.apms-featured {
    margin: 0 0 28px;
}

.apms-featured img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 17px;
}

.apms-article-content {
    color: #333a4e;
}

.apms-article-content > *:first-child {
    margin-top: 0;
}

.apms-article-content p,
.apms-article-content li {
    color: #333a4e;
    font-size: 17px;
    line-height: 1.78;
}

.apms-article-content h2 {
    margin: 38px 0 14px;
    color: var(--apms-text);
    font-size: 30px;
    line-height: 1.2;
}

.apms-article-content h3 {
    margin: 30px 0 12px;
    color: var(--apms-text);
    font-size: 23px;
}

.apms-article-content a {
    color: var(--apms-purple);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.apms-article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 13px;
}

.apms-article-content pre,
.apms-article-content code {
    max-width: 100%;
}

.apms-article-content pre {
    overflow-x: auto;
    padding: 18px;
    border-radius: 13px;
    background: #0d1025;
    color: #f5f7ff;
}

.apms-article-content blockquote {
    margin: 25px 0;
    padding: 16px 19px;
    border-left: 4px solid var(--apms-purple);
    border-radius: 0 12px 12px 0;
    background: #f7f4ff;
}

.apms-article-footer {
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid var(--apms-border);
}

.apms-article-footer a {
    color: var(--apms-purple);
    font-weight: 850;
}

/* CTA */
.apms-cta {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 26px;
    margin: 22px 0;
    padding: 30px 32px;
    border-radius: 19px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0%, rgba(34,157,255,.35), transparent 30%),
        linear-gradient(135deg, #090c28, #1f155e 70%, #451493);
    box-shadow: 0 18px 45px rgba(18, 20, 70, .15);
}

.apms-cta .apms-kicker {
    color: #76d1ff;
}

.apms-cta h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(23px, 3vw, 33px);
    line-height: 1.18;
}

.apms-cta p {
    margin: 0;
    max-width: 740px;
    color: rgba(255,255,255,.76);
    line-height: 1.6;
}

.apms-play-button {
    min-width: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 13px 18px;
    border-radius: 13px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.24);
    background: #080909;
}

.apms-play-button:hover {
    color: #fff;
    transform: translateY(-1px);
}

.apms-play-button span {
    display: block;
}

.apms-play-button small,
.apms-play-button strong {
    display: block;
}

.apms-play-button small {
    color: rgba(255,255,255,.75);
    font-size: 10px;
    text-transform: uppercase;
}

.apms-play-button strong {
    font-size: 19px;
}

.apms-play-triangle {
    font-size: 27px;
}

/* EMPTY */
.apms-empty {
    margin-top: 22px;
    padding: 23px;
    border: 1px dashed #cdd1dc;
    border-radius: 14px;
    color: var(--apms-muted);
    background: #fafbfe;
}

/* MOBILE MENU */
.apms-mobile-menu {
    display: none;
}

/* RESPONSIVE */
@media (max-width: 1050px) {
    .apms-layout {
        grid-template-columns: 270px minmax(0, 1fr);
        gap: 20px;
    }

    .apms-section-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 900px) {
    .apms-shell {
        width: min(100% - 26px, 900px);
    }

    .apms-layout {
        grid-template-columns: 1fr;
    }

    .apms-sidebar {
        display: none;
        position: static;
    }

    .apms-sidebar.is-open {
        display: block;
    }

    .apms-mobile-menu {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin: 0 0 15px;
        padding: 14px 17px;
        border: 0;
        border-radius: 13px;
        cursor: pointer;
        color: #fff;
        background: linear-gradient(135deg, var(--apms-blue), var(--apms-purple));
        font-weight: 850;
    }

    .apms-banner-card {
        max-width: 350px;
        margin: 0 auto 18px;
    }
}

@media (max-width: 680px) {
    .apms-site {
        padding-top: 14px;
    }

    .apms-shell {
        width: min(100% - 18px, 680px);
    }

    .apms-hero,
    .apms-inner-hero {
        padding: 27px 22px;
        border-radius: 18px;
    }

    .apms-hero p,
    .apms-inner-hero p {
        font-size: 16px;
    }

    .apms-doc-grid,
    .apms-section-grid {
        grid-template-columns: 1fr;
    }

    .apms-search {
        display: grid;
        grid-template-columns: 1fr;
    }

    .apms-search button {
        width: 100%;
    }

    .apms-cta {
        grid-template-columns: 1fr;
        padding: 25px 22px;
    }

    .apms-play-button {
        width: 100%;
    }

    .apms-article-card,
    .apms-content-card,
    .apms-related,
    .apms-sections {
        border-radius: 15px;
        padding: 21px 17px;
    }

    .apms-article-content p,
    .apms-article-content li {
        font-size: 16px;
    }
}

/* V2 LANDING */
.apms-logo-img{display:block;object-fit:contain;border-radius:18px;flex:0 0 auto}.apms-landing{padding-top:22px}.apms-landing-hero{min-height:700px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:34px;position:relative;overflow:hidden;padding:60px 62px 48px;margin-bottom:18px;border-radius:30px;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(35,155,255,.38),transparent 23%),radial-gradient(circle at 90% 78%,rgba(138,52,255,.35),transparent 32%),linear-gradient(135deg,#060922 0%,#101142 55%,#281059 100%);box-shadow:0 25px 80px rgba(18,22,74,.18)}.apms-landing-hero-copy{position:relative;z-index:2}.apms-brand-large{font-size:32px}.apms-eyebrow{display:inline-flex;padding:7px 11px;margin-bottom:15px;border-radius:999px;color:#9bd8ff;background:rgba(75,165,255,.12);border:1px solid rgba(117,193,255,.17);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.apms-landing-hero h1{margin:0 0 19px;max-width:760px;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-1.4px}.apms-landing-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.68}.apms-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.apms-primary-btn,.apms-secondary-btn{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;font-weight:850;transition:.18s}.apms-primary-btn{min-width:220px;padding:11px 20px;color:#fff!important;background:linear-gradient(135deg,#168cff,#7b45ff);box-shadow:0 10px 28px rgba(79,87,255,.32)}.apms-primary-btn small,.apms-primary-btn strong{display:block;text-align:left}.apms-primary-btn small{font-size:9px;text-transform:uppercase;color:rgba(255,255,255,.76)}.apms-primary-btn strong{font-size:18px}.apms-secondary-btn{padding:0 22px;color:#fff!important;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.apms-mini-features{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:22px}.apms-mini-features span{color:rgba(255,255,255,.72);font-size:12px;font-weight:700}.apms-landing-hero-visual{min-height:610px;position:relative;display:grid;place-items:center;z-index:1}.apms-phone{position:relative;z-index:2;width:min(330px,100%);padding:8px;border-radius:38px;background:linear-gradient(145deg,#3f4455,#090a10 38%,#272a35);box-shadow:0 35px 75px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.15)}.apms-phone img{display:block;width:100%;height:auto;border-radius:31px}.apms-phone-main{width:min(370px,92%);transform:rotate(2deg)}.apms-orbit{position:absolute;border-radius:50%;border:1px solid rgba(112,182,255,.24)}.apms-orbit-1{width:470px;height:470px}.apms-orbit-2{width:590px;height:590px;border-color:rgba(159,88,255,.16)}.apms-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-bottom:74px;border:1px solid var(--apms-border);border-radius:18px;background:var(--apms-border);box-shadow:var(--apms-shadow)}.apms-trust-strip>div{padding:20px;text-align:center;background:#fff}.apms-trust-strip strong,.apms-trust-strip span{display:block}.apms-trust-strip strong{font-size:18px}.apms-trust-strip span{margin-top:5px;color:var(--apms-muted);font-size:12px}.apms-landing-section,.apms-docs-home{margin-bottom:78px}.apms-landing-heading{max-width:850px;margin:0 auto 32px;text-align:center}.apms-landing-heading h2,.apms-showcase h2,.apms-final-cta h2{margin:0;color:var(--apms-text);font-size:clamp(31px,4vw,48px);line-height:1.1}.apms-landing-heading p{margin:14px auto 0;max-width:760px;color:var(--apms-muted);font-size:17px;line-height:1.7}.apms-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.apms-feature-grid article{padding:26px;border:1px solid var(--apms-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(25,31,68,.05)}.apms-feature-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#178cff,#7748ff);font-size:23px}.apms-feature-grid h3{margin:0 0 8px;font-size:21px}.apms-feature-grid p{margin:0;color:var(--apms-muted);font-size:14px;line-height:1.6}.apms-showcase{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:55px;min-height:640px;padding:54px;margin-bottom:32px;overflow:hidden;border:1px solid var(--apms-border);border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(111,71,255,.07),transparent 28%),#fff;box-shadow:var(--apms-shadow)}.apms-showcase-reverse{grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr)}.apms-showcase-copy p{max-width:680px;margin:17px 0 0;color:var(--apms-muted);font-size:17px;line-height:1.72}.apms-check-list{padding:0;margin:22px 0 0;list-style:none}.apms-check-list li{position:relative;padding:8px 0 8px 28px}.apms-check-list li:before{content:'✓';position:absolute;left:0;color:var(--apms-green);font-weight:900}.apms-screen-single,.apms-screen-pair{min-height:520px;position:relative;display:grid;place-items:center}.apms-screen-pair .apms-phone:first-child{transform:translateX(-62px) rotate(-4deg)}.apms-phone-back{position:absolute;right:5%;bottom:-30px;transform:rotate(5deg)}.apms-stat-card{display:inline-flex;flex-direction:column;gap:4px;margin-top:25px;padding:16px 18px;border-radius:14px;background:#f2f7ef;border:1px solid #dcebd8}.apms-stat-card strong{color:var(--apms-green);font-size:21px}.apms-stat-card span{color:var(--apms-muted);font-size:13px}.apms-inline-badges{display:flex;gap:9px;margin-top:23px}.apms-inline-badges span{padding:8px 12px;border-radius:999px;background:#f0edff;color:var(--apms-purple);font-size:13px;font-weight:850}.apms-text-link{display:inline-flex;margin-top:21px;color:var(--apms-purple)!important;font-weight:850}.apms-docs-home{padding:54px;border:1px solid var(--apms-border);border-radius:26px;background:#fff;box-shadow:var(--apms-shadow)}.apms-search-landing{max-width:780px;margin:0 auto 30px}.apms-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;padding:46px 50px;border-radius:26px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(29,158,255,.38),transparent 28%),linear-gradient(135deg,#060922,#151149 58%,#391170);box-shadow:0 22px 65px rgba(18,22,74,.16)}.apms-final-cta h2{color:#fff}.apms-final-cta p{color:rgba(255,255,255,.75)}@media(max-width:880px){.apms-landing-hero{grid-template-columns:1fr;text-align:center;padding:44px 28px}.apms-landing-hero-copy{display:flex;flex-direction:column;align-items:center}.apms-trust-strip{grid-template-columns:repeat(2,1fr)}.apms-feature-grid{grid-template-columns:repeat(2,1fr)}.apms-showcase,.apms-showcase-reverse{grid-template-columns:1fr;padding:36px 26px}.apms-showcase-reverse .apms-screen-single{order:2}.apms-final-cta{grid-template-columns:1fr;text-align:center}.apms-final-cta .apms-primary-btn{margin:auto}}@media(max-width:620px){.apms-landing-hero{padding:29px 19px 22px;border-radius:19px}.apms-landing-hero h1{font-size:37px}.apms-landing-hero p{font-size:16px}.apms-landing-hero-visual{min-height:500px}.apms-phone-main{width:min(320px,92%)}.apms-trust-strip{grid-template-columns:1fr 1fr}.apms-feature-grid{grid-template-columns:1fr}.apms-showcase,.apms-showcase-reverse,.apms-docs-home{padding:27px 18px;border-radius:18px}.apms-screen-single,.apms-screen-pair{min-height:470px}.apms-phone{width:min(290px,84vw)}.apms-screen-pair{display:block;min-height:620px}.apms-screen-pair .apms-phone:first-child{margin:auto;transform:translateX(-25px) rotate(-3deg)}.apms-phone-back{width:min(255px,74vw);right:0;bottom:10px}.apms-final-cta{padding:31px 21px;border-radius:19px}}


/* v2.1: landing inside documentation layout + smaller screenshots */
.apms-landing-layout .apms-sidebar{top:18px}
.apms-landing-main{min-width:0}
.apms-landing-hero-compact{min-height:460px;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);padding:38px 42px;margin-bottom:16px;border-radius:22px}
.apms-landing-hero-compact h1{font-size:clamp(34px,4vw,52px)}
.apms-hero-visual-small{min-height:400px}
.apms-phone-small{width:min(235px,100%);padding:6px;border-radius:29px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.apms-phone-small img{border-radius:24px}
.apms-phone-small::before{height:13px;top:5px}
.apms-trust-strip-compact{margin-bottom:32px}
.apms-section-compact{margin-bottom:38px}
.apms-section-compact .apms-landing-heading{margin-bottom:22px}
.apms-feature-grid article{padding:20px}
.apms-feature-icon{width:42px;height:42px;margin-bottom:12px}
.apms-showcase-compact{min-height:390px;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:30px;padding:32px 36px;margin-bottom:18px;border-radius:20px}
.apms-showcase-compact.apms-showcase-reverse{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}
.apms-showcase-compact h2{font-size:clamp(27px,3vw,38px)}
.apms-showcase-compact .apms-showcase-copy p{font-size:15px}
.apms-screen-single-small,.apms-screen-pair-small{min-height:340px}
.apms-screen-pair-small .apms-phone:first-child{transform:translateX(-38px) rotate(-3deg)}
.apms-screen-pair-small .apms-phone-back{right:2%;bottom:-12px;width:min(205px,90%)}
.apms-docs-home-compact{padding:38px;margin-bottom:32px}
.apms-final-cta-compact{padding:34px 38px;border-radius:20px}
.apms-final-cta-compact h2{font-size:clamp(27px,3vw,38px)}
@media(max-width:1050px){.apms-landing-hero-compact{grid-template-columns:1fr 250px;padding:32px}.apms-showcase-compact,.apms-showcase-compact.apms-showcase-reverse{grid-template-columns:1fr 240px;padding:28px}.apms-showcase-compact.apms-showcase-reverse{grid-template-columns:240px 1fr}}
@media(max-width:900px){.apms-landing-hero-compact{grid-template-columns:1fr}.apms-hero-visual-small{min-height:360px}.apms-showcase-compact,.apms-showcase-compact.apms-showcase-reverse{grid-template-columns:1fr}.apms-showcase-reverse .apms-screen-single{order:2}.apms-showcase-reverse .apms-showcase-copy{order:1}}
@media(max-width:620px){.apms-landing-hero-compact{padding:25px 18px}.apms-phone-small{width:min(220px,76vw)}.apms-showcase-compact{padding:24px 18px}.apms-screen-single-small,.apms-screen-pair-small{min-height:320px}.apms-screen-pair-small{min-height:500px}.apms-docs-home-compact{padding:25px 17px}.apms-final-cta-compact{padding:28px 20px}}


/* ==========================================================================
   v2.2 Rich text fields on Landing Page
   ========================================================================== */
.apms-richtext {
    margin-top: 14px;
    color: var(--apms-muted);
    font-size: 16px;
    line-height: 1.72;
}

.apms-richtext > *:first-child { margin-top: 0; }
.apms-richtext > *:last-child { margin-bottom: 0; }

.apms-richtext p {
    margin: 0 0 12px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.apms-richtext ul,
.apms-richtext ol {
    margin: 12px 0 14px;
    padding-left: 1.35em;
}

.apms-richtext li {
    margin: 6px 0;
    color: inherit;
    font-size: inherit;
    line-height: 1.6;
}

.apms-richtext a {
    color: var(--apms-purple);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.apms-richtext strong { color: var(--apms-text); }

.apms-richtext blockquote {
    margin: 16px 0;
    padding: 12px 15px;
    border-left: 3px solid var(--apms-purple);
    border-radius: 0 10px 10px 0;
    background: #f7f4ff;
}

.apms-richtext h2,
.apms-richtext h3,
.apms-richtext h4 {
    margin: 18px 0 9px;
    color: var(--apms-text);
    line-height: 1.25;
}

.apms-richtext h2 { font-size: 24px; }
.apms-richtext h3 { font-size: 20px; }
.apms-richtext h4 { font-size: 17px; }

.apms-richtext-hero {
    color: rgba(255,255,255,.78);
    font-size: 17px;
}

.apms-richtext-hero strong,
.apms-richtext-light strong,
.apms-richtext-hero h2,
.apms-richtext-hero h3,
.apms-richtext-light h2,
.apms-richtext-light h3 {
    color: #fff;
}

.apms-richtext-hero a,
.apms-richtext-light a { color: #9bd8ff; }

.apms-richtext-light { color: rgba(255,255,255,.75); }

.apms-richtext-small {
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.58;
}

.apms-feature-grid .apms-richtext-small p,
.apms-feature-grid .apms-richtext-small li {
    color: var(--apms-muted);
    font-size: 14px;
}
