@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');:root{--ink:#111827;--muted:#687386;--line:#e8ebf1;--blue:#3158f5;--soft:#f6f7fb;--radius:24px}body{font-family:Inter,sans-serif;color:var(--ink);background:#fff}.site-header{padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);z-index:10}.site-logo{font:800 22px Manrope;color:var(--ink);text-decoration:none}.site-logo span{color:var(--blue)}.header-search{display:flex;width:min(460px,45vw);background:var(--soft);border-radius:14px;padding:5px}.header-search input{border:0;background:none;flex:1;padding:8px 12px;outline:0}.header-search button,.hero-search button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:10px 18px}.hero{padding:95px 0 80px;background:radial-gradient(circle at 85% 15%,#dfe5ff,transparent 30%),linear-gradient(#fff,#f8f9fd)}.eyebrow,.catalog-head>span,.section-title span,.guide-strip span{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero h1{font:800 clamp(42px,6vw,76px)/1.05 Manrope;letter-spacing:-.04em;max-width:920px;margin:17px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:680px;font-size:18px;color:var(--muted)}.hero-search{display:flex;max-width:720px;background:#fff;padding:8px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px #29396914;margin-top:30px}.hero-search input{flex:1;border:0;padding:12px;outline:0}.section-space{padding-top:75px;padding-bottom:75px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-title h2,.catalog-head h1{font:800 38px Manrope;margin:7px 0}.brand-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{min-height:220px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;text-decoration:none;color:var(--ink);background:var(--soft);display:flex;flex-direction:column}.brand-card h3{font:800 34px Manrope;margin-top:auto}.brand-card p{color:var(--muted)}.brand-card b{color:var(--blue)}.brand-wide{grid-column:span 2;background:linear-gradient(135deg,#17213c,#2e51d6);color:#fff}.brand-wide p{color:#cfd6ef}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tool-card{border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-columns:58px 1fr;gap:17px;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px #17213c12}.tool-icon{width:58px;height:58px;border-radius:18px;background:#e8edff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:22px}.tool-card small,.tool-card p{color:var(--muted)}.tool-card h3{font-size:18px;margin:6px 0}.tool-card h3 a{color:var(--ink);text-decoration:none}.tool-meta{display:flex;gap:8px;flex-wrap:wrap}.tool-meta span,.badge-row span{background:var(--soft);padding:6px 9px;border-radius:999px;font-size:11px}.guide-strip{background:#14213d;color:#fff;padding:55px 0}.guide-strip .container{display:flex;align-items:center;justify-content:space-between}.guide-strip h2{max-width:760px;font:800 34px Manrope}.article-wrap{padding-top:35px;padding-bottom:80px}.crumbs{display:flex;gap:9px;font-size:13px;color:var(--muted);margin-bottom:25px}.crumbs a{color:var(--muted);text-decoration:none}.article-head{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;margin-bottom:35px}.article-head h1{font:800 clamp(38px,5vw,66px)/1.05 Manrope;letter-spacing:-.04em;margin:18px 0}.article-head>div>p{font-size:18px;color:var(--muted)}.quick-card,.content-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;box-shadow:0 14px 40px #17213c0a}.quick-card>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.quick-card .btn{margin-top:18px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.content-card section{padding:25px 0;border-bottom:1px solid var(--line)}.content-card h2{font:800 29px Manrope}.toc{display:flex;gap:14px;flex-wrap:wrap;background:var(--soft);padding:18px;border-radius:16px}.toc a{color:var(--blue);text-decoration:none}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0}.feature-list li,.os-list span{background:var(--soft);padding:14px;border-radius:14px}.os-list{display:flex;gap:10px;flex-wrap:wrap}.step-list{list-style:none;padding:0}.step-list li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px}.notice,.warning{padding:16px;border-radius:14px;background:#f5f7fb;margin-bottom:10px}.warning{background:#fff7df;border:1px solid #f6df9e}.download-panel{background:linear-gradient(135deg,#eef2ff,#fff);border-radius:20px;padding:30px!important;margin-top:15px}.sticky-related{position:sticky;top:100px}.sticky-related a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.sticky-related small{display:block;color:var(--muted)}.download-wrap{padding:75px 0}.download-box{max-width:700px;margin:auto;text-align:center;border:1px solid var(--line);border-radius:30px;padding:45px;background:#fff;box-shadow:0 25px 70px #17213c14}.secure-badge{background:#e9fbf1;color:#148149;padding:8px 12px;border-radius:999px;font-weight:700;font-size:12px}.download-box h1{font:800 42px Manrope;margin-top:22px}.download-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.download-facts>div{background:var(--soft);padding:16px;border-radius:16px}.download-facts small,.download-facts b{display:block}.count-ring{width:150px;height:150px;margin:28px auto;border:10px solid #e5eaff;border-top-color:var(--blue);border-radius:50%;display:grid;place-items:center}.count-ring b{font-size:48px;line-height:1}.count-ring span{margin-top:-30px}.security-note{margin-top:25px;padding:15px;background:var(--soft);border-radius:14px;font-size:13px;color:var(--muted)}.catalog-head{max-width:760px}.catalog-head p{color:var(--muted);font-size:18px}footer{background:#0f172a;color:#fff;padding:45px 0;margin-top:70px}footer p,footer small{color:#aab3c6}.pagination{margin-top:30px}@media(max-width:900px){.brand-bento,.tool-grid,.article-head,.article-grid{grid-template-columns:1fr}.brand-wide{grid-column:span 1}.header-search{display:none}.quick-card{order:2}.feature-list{grid-template-columns:1fr}.guide-strip .container{align-items:start;gap:20px;flex-direction:column}}@media(max-width:560px){.hero{padding:60px 0}.hero-search{flex-direction:column;gap:8px}.hero h1{font-size:43px}.download-facts{grid-template-columns:1fr}.download-box{padding:26px}.site-header .btn{display:none}}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-links a{font-size:13px;color:var(--muted);text-decoration:none;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px}.header-actions{display:flex;align-items:center;gap:16px}.header-actions>a:not(.btn){color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.catalog-band{background:var(--soft)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-card,.model-grid a{border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink);background:#fff;display:flex;flex-direction:column;gap:5px}.mini-card small,.mini-card span,.model-grid small,.model-grid span{color:var(--muted);font-size:12px}.mini-card strong,.model-grid strong{font:800 18px Manrope}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(145px,auto)) auto auto;gap:10px;margin:30px 0 16px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;min-width:0}.filter-bar button{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700}.filter-bar>a{display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:13px}.result-summary{color:var(--muted);font-size:14px;margin:0 0 20px}.empty-state{grid-column:1/-1;text-align:center;padding:50px}.search-filter{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,auto)) auto}@media(max-width:1000px){.mini-grid,.model-grid{grid-template-columns:repeat(2,1fr)}.filter-bar,.search-filter{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mini-grid,.model-grid,.filter-bar,.search-filter{grid-template-columns:1fr}.header-actions>a:not(.btn){display:none}}

/* =========================================================
   PREMIUM HOME PAGE — scoped to .premium-home only
   ========================================================= */

.site-header .header-search {
    display: none !important;
}

.site-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.premium-home {
    --ph-bg: #ffffff;
    --ph-soft: #f7f9fc;
    --ph-ink: #101828;
    --ph-muted: #667085;
    --ph-line: #e6eaf0;
    --ph-blue: #2457f5;
    --ph-blue-dark: #1739b7;
    --ph-radius: 22px;
    background: var(--ph-bg);
    color: var(--ph-ink);
}

.premium-home * {
    box-sizing: border-box;
}

.ph-hero {
    padding: 96px 0 84px;
    border-bottom: 1px solid var(--ph-line);
    background:
        radial-gradient(circle at 50% -20%, rgba(36,87,245,.14), transparent 42%),
        linear-gradient(180deg, #fff 0%, #fafbff 100%);
}

.ph-hero-inner {
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.ph-hero h1 {
    margin: 0 auto;
    max-width: 1180px;
    font-family: Manrope, Inter, sans-serif;
    font-size: clamp(38px, 4vw, 60px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.04em;
    color: var(--ph-ink);
    white-space: nowrap;
}

.ph-hero p {
    max-width: 650px;
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 1.7;
    color: var(--ph-muted);
}

.ph-search {
    width: min(760px, 100%);
    margin: 36px auto 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px 10px 20px;
    background: #fff;
    border: 1px solid #d9dee8;
    border-radius: 999px;
    box-shadow: 0 18px 55px rgba(16,24,40,.11);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ph-search:focus-within {
    border-color: rgba(36,87,245,.55);
    box-shadow: 0 22px 65px rgba(36,87,245,.16);
    transform: translateY(-1px);
}

.ph-search-icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: #7d8799;
}

.ph-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 13px 0;
    font-size: 16px;
    color: var(--ph-ink);
}

.ph-search input::placeholder {
    color: #98a2b3;
}

.ph-search button {
    flex: 0 0 auto;
    border: 0;
    border-radius: 999px;
    padding: 14px 28px;
    background: var(--ph-ink);
    color: #fff;
    font-weight: 700;
    line-height: 1;
    transition: background .2s ease, transform .2s ease;
}

.ph-search button:hover {
    background: var(--ph-blue);
    transform: translateY(-1px);
}

.ph-quick-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin-top: 22px;
}

.ph-quick-links a {
    padding: 8px 13px;
    border: 1px solid var(--ph-line);
    border-radius: 999px;
    background: #fff;
    color: var(--ph-muted);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.ph-quick-links a:hover {
    color: var(--ph-blue);
    border-color: rgba(36,87,245,.35);
    transform: translateY(-1px);
}

.ph-section {
    padding: 82px 0;
}

.ph-section-soft {
    background: var(--ph-soft);
}

.ph-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

.ph-section-head-center {
    justify-content: center;
    text-align: center;
}

.ph-section-head > div {
    max-width: 690px;
}

.ph-section-head span {
    display: block;
    margin-bottom: 9px;
    color: var(--ph-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ph-section-head h2 {
    margin: 0;
    font-family: Manrope, Inter, sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 800;
    letter-spacing: -.035em;
    color: var(--ph-ink);
}

.ph-section-head p {
    margin: 11px 0 0;
    color: var(--ph-muted);
    line-height: 1.65;
}

.ph-section-head > a {
    flex: 0 0 auto;
    color: var(--ph-blue);
    font-weight: 700;
    text-decoration: none;
}

.ph-brand-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ph-brand-card {
    min-height: 265px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--ph-line);
    border-radius: var(--ph-radius);
    background: #fff;
    color: var(--ph-ink);
    text-decoration: none;
    box-shadow: 0 8px 28px rgba(16,24,40,.045);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ph-brand-card:hover {
    transform: translateY(-5px);
    border-color: rgba(36,87,245,.28);
    box-shadow: 0 20px 48px rgba(16,24,40,.10);
}

.ph-brand-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #edf2ff;
    color: var(--ph-blue);
    font-size: 22px;
    font-weight: 800;
}

.ph-brand-card small {
    color: var(--ph-muted);
}

.ph-brand-card h3 {
    margin: 9px 0 8px;
    font-family: Manrope, Inter, sans-serif;
    font-size: 28px;
    font-weight: 800;
}

.ph-brand-card p {
    margin: 0;
    color: var(--ph-muted);
    line-height: 1.6;
}

.ph-brand-card > span {
    margin-top: 18px;
    color: var(--ph-blue);
    font-weight: 700;
}

.ph-tool-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.premium-home .tool-card {
    min-height: 190px;
    padding: 26px;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    border: 1px solid var(--ph-line);
    border-radius: var(--ph-radius);
    background: #fff;
    text-align: left;
    box-shadow: 0 8px 26px rgba(16,24,40,.035);
}

.premium-home .tool-card:hover {
    transform: translateY(-4px);
    border-color: rgba(36,87,245,.26);
    box-shadow: 0 18px 45px rgba(16,24,40,.09);
}

.premium-home .tool-icon {
    width: 64px;
    height: 64px;
    border-radius: 19px;
    background: #edf2ff;
    color: var(--ph-blue);
}

.premium-home .tool-card h3 {
    font-size: 19px;
    line-height: 1.35;
}

.premium-home .tool-meta {
    justify-content: flex-start;
}

.ph-mini-grid,
.ph-model-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.ph-mini-card,
.ph-model-grid a {
    min-height: 150px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    border: 1px solid var(--ph-line);
    border-radius: 18px;
    background: #fff;
    color: var(--ph-ink);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ph-mini-card:hover,
.ph-model-grid a:hover {
    transform: translateY(-3px);
    border-color: rgba(36,87,245,.28);
    box-shadow: 0 14px 35px rgba(16,24,40,.08);
}

.ph-mini-card small,
.ph-mini-card span,
.ph-model-grid small,
.ph-model-grid span {
    color: var(--ph-muted);
    font-size: 12px;
}

.ph-mini-card strong,
.ph-model-grid strong {
    font-family: Manrope, Inter, sans-serif;
    font-size: 20px;
    font-weight: 800;
}

.ph-empty {
    grid-column: 1 / -1;
    padding: 50px;
    text-align: center;
    border: 1px solid var(--ph-line);
    border-radius: var(--ph-radius);
    background: #fff;
    color: var(--ph-muted);
}

.ph-cta {
    padding: 64px 0;
    background: #101828;
    color: #fff;
}

.ph-cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.ph-cta h2 {
    margin: 0;
    font-family: Manrope, Inter, sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    letter-spacing: -.03em;
}

.ph-cta p {
    margin: 10px 0 0;
    color: #b7c0d0;
}

.ph-cta a {
    flex: 0 0 auto;
    padding: 14px 24px;
    border-radius: 999px;
    background: #fff;
    color: #101828;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 992px) {
    .ph-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ph-mini-grid,
    .ph-model-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 1100px) {
    .ph-hero h1 {
        max-width: 900px;
        font-size: clamp(34px, 4.5vw, 52px);
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .ph-hero {
        padding: 68px 0 60px;
    }

    .ph-hero h1 {
        max-width: 720px;
        font-size: 42px;
        white-space: normal;
    }

    .ph-section {
        padding: 62px 0;
    }

    .ph-section-head {
        align-items: flex-start;
        flex-direction: column;
        text-align: center;
    }

    .ph-section-head,
    .ph-section-head > div {
        width: 100%;
        max-width: none;
    }

    .ph-section-head > a {
        align-self: center;
    }

    .ph-tool-grid {
        grid-template-columns: 1fr;
    }

    .ph-cta .container {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 560px) {
    .ph-hero h1 {
        font-size: 34px;
        line-height: 1.12;
        white-space: normal;
    }

    .ph-search {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        border-radius: 20px;
        padding: 9px 9px 9px 16px;
    }

    .ph-search button {
        grid-column: 1 / -1;
        width: 100%;
        border-radius: 14px;
    }

    .ph-brand-grid,
    .ph-mini-grid,
    .ph-model-grid {
        grid-template-columns: 1fr;
    }

    .premium-home .tool-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .premium-home .tool-icon {
        margin-inline: auto;
    }

    .premium-home .tool-meta {
        justify-content: center;
    }
}