/* Extracted from src/versions.njk style block 1 */
/* ===== Util Hero — 深色设计型 banner（download / versions；轻量页头）===== */
    .util-hero{
        position:relative; overflow:hidden; text-align:center;
        padding:118px 0 60px;
        background:#1b1510;
    }
    /* 设计型深色：紫光主导的光晕网格（轻量） */
    .util-hero::before{
        content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
        background:
            radial-gradient(46% 58% at 50% -16%, rgba(116,68,253,.42), transparent 64%),
            radial-gradient(42% 50% at 90% 4%, rgba(108,168,255,.18), transparent 68%),
            radial-gradient(46% 54% at 8% 104%, rgba(110,228,196,.13), transparent 66%);
    }
    /* 细网格纹理（径向渐隐） */
    .util-hero::after{
        content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
        background-image:
            linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
        background-size:44px 44px;
        -webkit-mask-image:radial-gradient(ellipse 62% 64% at 50% 36%, #000 10%, transparent 80%);
        mask-image:radial-gradient(ellipse 62% 64% at 50% 36%, #000 10%, transparent 80%);
    }
    .util-hero .container{ position:relative; z-index:1; }
    .util-eyebrow{
        display:inline-flex; align-items:center; gap:8px;
        padding:7px 15px; border-radius:999px;
        background:rgba(255,255,255,.06);
        -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
        border:1px solid rgba(255,255,255,.17);
        box-shadow:0 8px 22px rgba(0,0,0,.22);
        font-family:var(--font-mono);
        font-size:11.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase;
        color:#cdbef0;
    }
    .util-eyebrow .dot{
        width:6px; height:6px; border-radius:50%; flex-shrink:0;
        background:#7ee8c8; box-shadow:0 0 0 4px rgba(126,232,200,.16);
    }
    .util-hero h1{
        margin:17px 0 0;
        font-size:clamp(30px,3.2vw,44px); font-weight:900;
        line-height:1.18; letter-spacing:-.018em; color:#fff;
    }
    .util-hero h1 .accent-text{
        color:transparent;
        background:linear-gradient(96deg,#d6caff 0%,#a98cff 100%);
        -webkit-background-clip:text; background-clip:text;
    }
    .util-hero-desc{
        margin:14px auto 0; max-width:560px;
        font-size:15.5px; line-height:1.72; color:rgba(255,255,255,.72);
    }
    .util-hero-actions{
        margin-top:24px;
        display:inline-flex; flex-wrap:wrap; gap:12px; justify-content:center;
    }
    .util-hero .btn-outline{
        background:rgba(255,255,255,.07);
        border-color:rgba(255,255,255,.26);
        color:#fff;
    }
    .util-hero .btn-outline:hover{
        background:rgba(255,255,255,.14);
        border-color:rgba(255,255,255,.4);
        color:#fff;
    }
    .util-hero-meta{
        margin-top:15px;
        font-family:var(--font-mono);
        font-size:11px; letter-spacing:.12em; text-transform:uppercase;
        color:rgba(255,255,255,.42);
    }
    .util-hero-meta span{ margin:0 5px; opacity:.5; }
    .util-hero-tiers{
        margin-top:22px;
        display:inline-flex; flex-wrap:wrap; gap:11px; justify-content:center;
    }
    .util-tier{
        display:inline-flex; align-items:center; gap:8px;
        padding:10px 19px; border-radius:12px;
        background:rgba(255,255,255,.07);
        -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
        border:1px solid rgba(255,255,255,.15);
        box-shadow:0 12px 28px rgba(0,0,0,.24);
        font-size:14px; font-weight:800; color:#fff;
    }
    .util-tier .d{ width:8px; height:8px; border-radius:50%; background:#a98cff; }
    .util-tier .d.is-ent{ background:#7ee8c8; }
    @media (max-width:768px){
        .util-hero{ padding:98px 0 46px; }
        .util-hero h1{ font-size:clamp(26px,6.4vw,34px); }
    }

    /* ============== Plan 卡片 ============== */
    .plan-grid {
        display: grid; grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        max-width: 1100px; margin: 0 auto;
        align-items: stretch;
    }
    .plan-card {
        position: relative;
        background: #fff;
        border: 1px solid var(--border, #ECECF1);
        border-radius: 20px;
        padding: 36px 34px 32px;
        display: flex; flex-direction: column;
        transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s var(--ease-out);
        overflow: hidden;
    }
    .plan-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 48px rgba(20,20,30,0.10);
        border-color: rgba(116,68,253,0.18);
    }

    /* ============== 主题：标准版（冷蓝色调） ============== */
    .plan-card.plan-standard {
        background:
            linear-gradient(180deg, #EEF1FF 0%, #EEF1FF 200px, #fff 340px);
        border-color: rgba(79,70,229,0.16);
    }
    .plan-card.plan-standard::before {
        content: "";
        position: absolute; top: 0; left: 0; right: 0; height: 4px;
        background: linear-gradient(90deg, #818CF8 0%, #6366F1 100%);
        z-index: 1;
    }
    .plan-card.plan-standard:hover {
        box-shadow: 0 22px 52px rgba(79,70,229,0.18);
        border-color: rgba(79,70,229,0.30);
    }
    .plan-card.plan-standard .plan-tier { color: #4F46E5; }
    .plan-card.plan-standard .plan-price-num { color: #4338CA; }
    .plan-card.plan-standard .plan-price { border-bottom-color: rgba(79,70,229,0.20); }

    /* ============== 主题：企业版（品牌紫色调） ============== */
    .plan-card.plan-enterprise {
        background:
            linear-gradient(180deg, #F4EEFF 0%, #F4EEFF 200px, #fff 340px);
        border-color: rgba(116,68,253,0.20);
    }
    .plan-card.plan-enterprise::before {
        content: "";
        position: absolute; top: 0; left: 0; right: 0; height: 4px;
        background: linear-gradient(90deg, #9B7AFF 0%, #7444FD 100%);
        z-index: 1;
    }
    .plan-card.plan-enterprise:hover {
        box-shadow: 0 22px 52px rgba(116,68,253,0.20);
        border-color: rgba(116,68,253,0.34);
    }
    .plan-card.plan-enterprise .plan-tier { color: #7444FD; }
    .plan-card.plan-enterprise .plan-price-num { color: #5A2FD8; }
    .plan-card.plan-enterprise .plan-price { border-bottom-color: rgba(116,68,253,0.20); }

    /* 推荐款（兼容旧逻辑） */
    .plan-card.is-featured {
        background: linear-gradient(180deg, #FAF8FF 0%, #fff 50%);
        border: 1.5px solid rgba(116,68,253,0.35);
        box-shadow: 0 14px 36px rgba(116,68,253,0.14);
    }
    .plan-card.is-featured:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(116,68,253,0.18); }
    .plan-card .plan-badge {
        position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
        display: inline-flex; align-items: center; gap: 5px;
        font-family: var(--font-mono);
        font-size: 10.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase;
        background: linear-gradient(135deg, #7444FD, #9B7AFF);
        color: #fff;
        padding: 6px 14px; border-radius: 999px;
        box-shadow: 0 6px 16px rgba(116,68,253,0.32);
        white-space: nowrap;
    }

    .plan-card .plan-tier {
        font-family: var(--font-mono);
        font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
        color: var(--text-secondary, #5C5C60); text-transform: uppercase;
        margin-bottom: 8px;
    }
    .plan-card.is-featured .plan-tier { color: #7444FD; }
    .plan-card h3 {
        font-size: 28px; font-weight: 800; letter-spacing: -0.02em;
        line-height: 1.2; margin: 0 0 10px;
        color: var(--text-primary, #161921);
    }
    .plan-card .plan-target {
        font-size: 14px; color: var(--text-secondary, #5C5C60);
        line-height: 1.55; margin: 0 0 18px;
    }

    /* 定价区（不公开报价，仅做"按规模议价 + 起步配额"说明） */
    .plan-price {
        display: flex; flex-direction: column;
        gap: 12px;
        margin: 0 0 22px;
        padding-bottom: 22px;
        border-bottom: 1px dashed var(--border, #ECECF1);
    }
    .plan-pricing-tag {
        display: inline-flex; align-self: flex-start;
        align-items: center; gap: 7px;
        font-family: var(--font-mono);
        font-size: 10.5px; font-weight: 700;
        letter-spacing: 1.4px; text-transform: uppercase;
        padding: 6px 13px; border-radius: 999px;
        background: rgba(116,68,253,0.10);
        color: #7444FD;
    }
    .plan-pricing-tag::before {
        content: ""; display: inline-block;
        width: 6px; height: 6px; border-radius: 50%;
        background: currentColor;
    }
    .plan-pricing-desc {
        margin: 0;
        font-size: 13.5px; line-height: 1.65;
        color: var(--text-secondary, #5C5C60);
        letter-spacing: -0.01em;
    }
    .plan-pricing-desc b {
        color: var(--text-primary, #161921);
        font-weight: 700;
    }
    /* 主题色：标准版 PRICING tag 用冷蓝 */
    .plan-card.plan-standard .plan-pricing-tag {
        background: rgba(79,70,229,0.10);
        color: #4F46E5;
    }
    /* 主题色：企业版 PRICING tag 用品牌紫 */
    .plan-card.plan-enterprise .plan-pricing-tag {
        background: rgba(116,68,253,0.12);
        color: #7444FD;
    }

    /* Plan 核心指标 — 升级为彩色面板 */
    .plan-stats {
        display: grid; grid-template-columns: repeat(3, 1fr);
        gap: 0; padding: 18px 8px;
        margin: 0 0 24px;
        border-top: none; border-bottom: none;
        border: 1px solid transparent;
        border-radius: 14px;
    }
    .plan-stat { text-align: center; }
    .plan-stat:not(:last-child) {
        border-right: 1px solid var(--border, #ECECF1);
    }
    .plan-stat-num {
        font-family: var(--font-mono);
        font-size: 20px; font-weight: 800; letter-spacing: -0.02em;
        color: var(--text-primary, #161921); line-height: 1;
    }
    .plan-stat-num small { font-size: 11px; font-weight: 600; opacity: .65; margin-left: 1px; }
    .plan-card.is-featured .plan-stat-num { color: #7444FD; }
    .plan-stat-label {
        margin-top: 6px;
        font-size: 11px; color: var(--text-muted, #9CA0A6);
        letter-spacing: 0.04em;
    }

    /* 主题色：标准版 stats 面板 */
    .plan-card.plan-standard .plan-stats {
        background: #F4F6FF;
        border-color: rgba(79,70,229,0.12);
    }
    .plan-card.plan-standard .plan-stat:not(:last-child) {
        border-right-color: rgba(79,70,229,0.18);
    }
    .plan-card.plan-standard .plan-stat-num { color: #4338CA; }
    .plan-card.plan-standard .plan-stat-label { color: rgba(79,70,229,0.70); }

    /* 主题色：企业版 stats 面板 */
    .plan-card.plan-enterprise .plan-stats {
        background: #F8F4FF;
        border-color: rgba(116,68,253,0.14);
    }
    .plan-card.plan-enterprise .plan-stat:not(:last-child) {
        border-right-color: rgba(116,68,253,0.18);
    }
    .plan-card.plan-enterprise .plan-stat-num { color: #5A2FD8; }
    .plan-card.plan-enterprise .plan-stat-label { color: rgba(116,68,253,0.70); }

    /* Feature 列表 */
    .plan-list {
        list-style: none; padding: 0; margin: 0 0 24px;
        flex: 1;
    }
    .plan-list li {
        position: relative;
        padding: 8px 0 8px 24px;
        font-size: 14px; line-height: 1.55;
        color: var(--text-secondary, #5C5C60);
        letter-spacing: -0.01em;
    }
    .plan-list li::before {
        content: ""; position: absolute;
        left: 2px; top: 14px;
        width: 14px; height: 14px;
        background: rgba(116,68,253,0.12);
        border-radius: 50%;
    }
    .plan-list li::after {
        content: ""; position: absolute;
        left: 6px; top: 17px;
        width: 6px; height: 4px;
        border-left: 1.5px solid #7444FD;
        border-bottom: 1.5px solid #7444FD;
        transform: rotate(-45deg);
    }
    /* 主题色：标准版打勾用冷蓝 */
    .plan-card.plan-standard .plan-list li::before {
        background: rgba(79,70,229,0.12);
    }
    .plan-card.plan-standard .plan-list li::after {
        border-left-color: #4F46E5;
        border-bottom-color: #4F46E5;
    }
    .plan-list li.muted {
        color: var(--text-muted, #9CA0A6); opacity: .6;
    }
    .plan-list li.muted::before { background: #F0F0F4; }
    .plan-list li.muted::after { border-color: #C5C5CC; }
    .plan-list li strong { color: var(--text-primary, #161921); font-weight: 700; }

    .plan-cta {
        width: 100%; justify-content: center;
        padding: 13px 22px !important;
        font-size: 14.5px !important; font-weight: 700 !important;
    }

    /* ============== 对比表 ============== */
    .compare-section { background: var(--bg-warm, #FAF8FF); }
    .compare-table-wrap {
        max-width: 1080px; margin: 0 auto;
        background: #fff;
        border: 1px solid var(--border, #ECECF1);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 40px rgba(20,20,30,0.06);
    }
    .compare-table {
        width: 100%; border-collapse: collapse;
        font-family: 'Noto Sans SC', -apple-system, sans-serif;
    }
    .compare-table thead th {
        text-align: left;
        padding: 22px 24px 18px;
        background: #FAFAFB;
        border-bottom: 1px solid var(--border, #ECECF1);
        font-weight: 700;
        color: var(--text-primary, #161921);
        font-size: 15px; letter-spacing: -0.01em;
    }
    .compare-table thead th.is-featured {
        background: linear-gradient(180deg, #F4EEFF 0%, #FAFAFB 100%);
        color: #5C30E0;
        position: relative;
    }
    .compare-table thead th.is-featured::after {
        content: "";
        font-family: var(--font-mono);
        font-size: 10px; font-weight: 700; letter-spacing: 1.2px;
        background: #7444FD; color: #fff;
        padding: 0; border-radius: 999px;
        margin-left: 8px; vertical-align: middle;
    }
    .compare-table thead th .row-tier {
        display: block;
        font-family: var(--font-mono);
        font-size: 10px; font-weight: 600; letter-spacing: 1.5px;
        color: var(--text-muted, #9CA0A6); text-transform: uppercase;
        margin-bottom: 4px;
    }
    .compare-table thead th.is-featured .row-tier { color: rgba(92,48,224,0.7); }
    .compare-table thead th .row-price {
        display: inline-block;
        margin-top: 4px;
        font-family: var(--font-mono);
        font-size: 12px; font-weight: 600;
        color: var(--text-secondary, #5C5C60);
        letter-spacing: -0.01em;
    }
    .compare-table thead th.is-featured .row-price { color: #7444FD; }
    .compare-table tbody td {
        padding: 16px 24px;
        font-size: 14.5px;
        color: var(--text-primary, #161921);
        border-top: 1px solid var(--border, #ECECF1);
        vertical-align: middle;
    }
    .compare-table tbody td.label {
        color: var(--text-secondary, #5C5C60);
        font-weight: 500;
        width: 28%;
    }
    .compare-table tbody td.featured-col {
        background: rgba(244,238,255,0.45);
        color: var(--text-primary, #161921);
    }
    .compare-table tbody tr:hover td:not(.label) { background: rgba(116,68,253,0.04); }
    .compare-table tbody tr:hover td.featured-col { background: rgba(244,238,255,0.7); }

    .cell-value { font-weight: 700; }
    .cell-yes {
        display: inline-flex; align-items: center; gap: 6px;
        color: #0E9E72; font-weight: 700;
    }
    .cell-yes::before {
        content: "✓"; display: inline-block;
        width: 18px; height: 18px; border-radius: 50%;
        background: rgba(14,158,114,0.14); color: #0E9E72;
        text-align: center; line-height: 18px; font-size: 11px; font-weight: 700;
    }
    .cell-no {
        display: inline-flex; align-items: center; gap: 6px;
        color: var(--text-muted, #9CA0A6); font-weight: 500;
    }
    .cell-no::before {
        content: "—"; display: inline-block;
        width: 18px; height: 18px; border-radius: 50%;
        background: #F4F4F8; color: #ACACAC;
        text-align: center; line-height: 16px; font-size: 12px; font-weight: 600;
    }
    .cell-note {
        margin-top: 3px;
        font-family: var(--font-mono);
        font-size: 10.5px; letter-spacing: 0.04em;
        color: var(--text-muted, #9CA0A6);
    }

    .compare-foot {
        max-width: 1080px; margin: 18px auto 0;
        text-align: center;
        font-size: 13px; color: var(--text-secondary, #5C5C60);
        line-height: 1.7;
    }
    .compare-foot a { color: #7444FD; text-decoration: none; font-weight: 600; }
    .compare-foot a:hover { text-decoration: underline; }

    /* ============== 能力解释卡片 ============== */
    .explain-grid {
        display: grid; grid-template-columns: repeat(3, 1fr);
        gap: 22px;
        max-width: 1180px; margin: 0 auto;
    }
    .explain-card {
        background: #fff;
        border: 1px solid var(--border, #ECECF1);
        border-radius: 16px;
        padding: 28px 26px;
        transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s var(--ease-out);
        display: flex; flex-direction: column;
    }
    .explain-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 16px 36px rgba(20,20,30,0.08);
        border-color: rgba(116,68,253,0.16);
    }
    .explain-icon {
        width: 44px; height: 44px;
        background: linear-gradient(135deg, #FAF8FF, #ECE5FF);
        border-radius: 11px;
        display: flex; align-items: center; justify-content: center;
        font-size: 18px; color: #7444FD;
        margin-bottom: 18px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
    }
    .explain-card h4 {
        font-size: 17px; font-weight: 800; letter-spacing: -0.01em;
        margin: 0 0 8px;
        color: var(--text-primary, #161921);
    }
    .explain-card h4 .tier-mark {
        display: inline-block; margin-left: 8px;
        font-family: var(--font-mono);
        font-size: 10px; font-weight: 700; letter-spacing: 0.16em;
        background: rgba(116,68,253,0.12);
        color: #7444FD;
        padding: 2px 7px; border-radius: 4px;
        vertical-align: 2px;
    }
    .explain-card p {
        font-size: 13.5px; line-height: 1.75;
        color: var(--text-secondary, #5C5C60);
        margin: 0;
    }

    /* ============== CTA ============== */
    .versions-cta { text-align: center; }
    .versions-cta h2 {
        font-size: clamp(28px, 3.4vw, 40px);
        margin: 14px 0 12px;
        letter-spacing: -0.02em;
        color: #fff;
    }
    .versions-cta h2 .accent-text { color: var(--accent-light, #9B7AFF); }
    .versions-cta p {
        color: var(--text-on-dark-muted, rgba(255,255,255,0.7));
        font-size: 15.5px; max-width: 540px;
        margin: 0 auto 26px; line-height: 1.7;
    }
    .versions-cta-actions {
        display: inline-flex; flex-wrap: wrap; gap: 12px; justify-content: center;
    }

    /* Page hero — match download style but center-aligned */
    .page-hero .hero-meta {
        margin-top: 18px;
        font-family: var(--font-mono);
        font-size: 11.5px; letter-spacing: 1.4px;
        color: var(--text-muted); text-transform: uppercase;
    }
    .page-hero .hero-meta span { margin: 0 6px; opacity: .5; }

    @media (max-width:1024px) {
        .plan-grid { grid-template-columns: 1fr; gap: 18px; }
        .explain-grid { grid-template-columns: repeat(2, 1fr); }
        .compare-table-wrap { border-radius: 14px; }
        .compare-table thead th, .compare-table tbody td { padding: 14px 16px; font-size: 13px; }
    }
    @media (max-width:768px) {
        /* plan-card —— 在 H5 上让两张卡更紧凑，但保留所有决策信息 */
        .plan-card { padding: 24px 20px 22px; border-radius: 16px; }
        .plan-card h3 { font-size: 22px; line-height: 1.25; }
        .plan-card .plan-badge { font-size: 9.5px; padding: 4px 10px; letter-spacing: 0.12em; }
        .plan-stats { padding: 10px 0; margin-bottom: 16px; gap: 8px; }
        .plan-stat-num { font-size: 16px; }
        .plan-stat-label { font-size: 11px; }
        .plan-list li { padding: 9px 0; font-size: 13.5px; line-height: 1.65; }
        .plan-cta { width: 100%; min-height: 48px; font-size: 15px; font-weight: 700; }

        /* explain-grid —— 单列，但卡片内紧凑 */
        .explain-grid { grid-template-columns: 1fr; gap: 12px; }
        .explain-card { padding: 20px 18px; border-radius: 14px; }
        .explain-card h4 { font-size: 16px; }
        .explain-card p { font-size: 13px; line-height: 1.7; }
        .explain-icon { width: 38px; height: 38px; font-size: 16px; margin-bottom: 14px; }
        .compare-foot { padding: 0 16px; font-size: 12.5px; }

        /* CTA 区在小屏单列、按钮全宽 */
        .versions-cta-actions { flex-direction: column; width: 100%; }
        .versions-cta-actions .btn { width: 100%; min-height: 48px; }
    }

    /* ============== 加微信咨询弹层（与 device.html 同款） ============== */
    .buy-modal{
        position:fixed;inset:0;z-index:10000;
        display:none;align-items:center;justify-content:center;padding:24px;
    }
    .buy-modal.open{display:flex}
    .buy-modal-backdrop{
        position:absolute;inset:0;
        background:rgba(20,20,30,.55);
        -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
        cursor:pointer;
    }
    .buy-modal-panel{
        position:relative;z-index:1;
        background:#fff;border-radius:18px;
        width:100%;max-width:420px;
        box-shadow:0 24px 64px rgba(20,20,30,.18);
        animation:buyModalIn .25s cubic-bezier(.2,.8,.2,1);
        overflow:hidden;
    }
    @keyframes buyModalIn{
        from{opacity:0;transform:translateY(20px) scale(.96)}
        to{opacity:1;transform:none}
    }
    .buy-modal-close{
        position:absolute;top:14px;right:14px;
        width:30px;height:30px;border-radius:50%;
        background:rgba(255,255,255,.9);border:none;color:#5C5C60;cursor:pointer;
        display:flex;align-items:center;justify-content:center;
        font-size:12px;transition:all .2s;z-index:2;
    }
    .buy-modal-close:hover{background:#7444FD;color:#fff}
    .buy-modal-head{
        background:linear-gradient(135deg,#7444FD 0%,#5A2FD8 100%);
        padding:26px 28px 22px;color:#fff;position:relative;overflow:hidden;
    }
    .buy-modal-head::after{
        content:"";position:absolute;right:-40px;top:-40px;
        width:140px;height:140px;border-radius:50%;
        background:rgba(255,255,255,.08);pointer-events:none;
    }
    .buy-modal-eyebrow{
        display:inline-block;font-family:"Urbanist",sans-serif;
        font-size:11px;font-weight:600;letter-spacing:0.18em;
        color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:10px;
        position:relative;z-index:1;
    }
    .buy-modal-title{
        font-family:"Urbanist",sans-serif;font-size:20px;font-weight:700;
        line-height:1.3;letter-spacing:-0.4px;margin:0;position:relative;z-index:1;
    }
    .buy-modal-title strong{color:#fff}
    .buy-modal-body{padding:26px 28px 24px;text-align:center}
    .buy-modal-qr{
        width:200px;height:200px;
        margin:0 auto 14px;
        border-radius:12px;
        background:#FAFAFB;
        padding:8px;
        border:1px solid #ECECF1;
    }
    .buy-modal-qr img{width:100%;height:100%;object-fit:contain;border-radius:8px}
    .buy-modal-qr-hint{
        color:#5C5C60;font-size:13px;line-height:1.6;
        margin:0 0 18px;font-weight:500;letter-spacing:-0.26px;
    }
    .buy-modal-qr-hint b{
        color:#7444FD;font-weight:700;
    }
    .buy-modal-divider{
        display:flex;align-items:center;gap:12px;
        margin:18px 0 16px;
        color:#9CA0A6;font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;
    }
    .buy-modal-divider::before,
    .buy-modal-divider::after{
        content:"";flex:1;height:1px;background:#ECECF1;
    }
    .buy-modal-phone{
        display:flex;align-items:center;justify-content:center;gap:10px;
        padding:14px 18px;
        background:#FAFAFB;border:1px solid #ECECF1;border-radius:12px;
        margin-bottom:12px;
        text-decoration:none;
    }
    .buy-modal-phone,
    .buy-modal-phone:hover,
    .buy-modal-phone:link,
    .buy-modal-phone:visited{text-decoration:none}
    .buy-modal-phone .phone-label,
    .buy-modal-phone .phone-number{text-decoration:none}
    .buy-modal-phone .phone-icon{
        width:36px;height:36px;border-radius:50%;
        background:#7444FD;color:#fff;
        display:flex;align-items:center;justify-content:center;
        font-size:15px;flex-shrink:0;
    }
    .buy-modal-phone .phone-text{text-align:left;flex:1;min-width:0}
    .buy-modal-phone .phone-label{
        color:#9CA0A6;font-size:11px;font-weight:600;letter-spacing:0.06em;
        text-transform:uppercase;line-height:1;margin-bottom:4px;
    }
    .buy-modal-phone .phone-number{
        color:#282C32;font-family:"Urbanist",sans-serif;font-size:18px;font-weight:700;
        letter-spacing:0.02em;line-height:1.1;text-decoration:none;
    }
    .buy-modal-phone .phone-number:hover{color:#7444FD}
    .buy-modal-footnote{
        color:#9CA0A6;font-size:12px;line-height:1.55;
        margin:0;font-weight:500;letter-spacing:-0.24px;
    }
    @media (max-width:480px){
        .buy-modal{padding:0;align-items:flex-end}
        .buy-modal-panel{border-radius:18px 18px 0 0;max-height:92vh;overflow-y:auto}
        .buy-modal-head{padding:22px 22px 18px}
        .buy-modal-body{padding:22px 22px 22px}
        .buy-modal-qr{width:180px;height:180px}
    }

.versions-plans-section{ padding-bottom:56px; }
.versions-cap-section{ padding-top:56px; }
.versions-cap-header{ margin-bottom:36px; }
.eyebrow-center{ justify-content:center; }
.versions-cap-title{
    font-size:clamp(26px,3.2vw,38px);
    margin-top:12px;
}
.versions-cap-subtitle{
    max-width:600px;
    margin:12px auto 0;
}
.versions-contact-section{ padding:90px 0; }