.pay-note{display:flex;align-items:flex-start;gap:14px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:14px;padding:16px 20px;font-size:15px;color:var(--ink-soft);max-width:860px;margin:0 auto 8px}.pay-note .ico{font-size:20px;line-height:1.4}.pay-note b{color:var(--primary)} .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0 20px;align-items:stretch}.plan-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px 28px;display:flex;flex-direction:column;position:relative;transition:.25s}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.plan-card.hot{border-color:var(--primary);box-shadow:var(--shadow)}.plan-card .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:12.5px;white-space:nowrap;padding:4px 14px;border-radius:999px;font-weight:700}.plan-name{font-size:21px;font-weight:800;letter-spacing:.5px}.plan-for{color:var(--muted);font-size:13.5px;margin-top:3px}.plan-price{margin:20px 0 2px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.plan-price .cur{font-size:18px;font-weight:700}.plan-price .amt{font-size:46px;font-weight:800;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.plan-price .per{font-size:14px;color:var(--muted)}.plan-strike{font-size:13.5px;color:#94a3b8;margin-bottom:14px;min-height:20px}.plan-strike s{margin-right:6px}.plan-strike .disc{color:var(--primary);font-weight:700}.plan-quota{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--ink-soft);margin-bottom:16px}.plan-quota b{color:var(--primary);font-size:16px;font-variant-numeric:tabular-nums}.plan-first{background:#fffbeb;border:1px dashed #fcd34d;border-radius:12px;padding:11px 16px;font-size:13.5px;color:#92400e;margin-bottom:20px}.plan-first b{font-size:15px}.plan-list{list-style:none;margin:0 0 24px;flex:1}.plan-list li{padding:7px 0 7px 27px;position:relative;font-size:14.5px;color:var(--ink-soft)}.plan-list li::before{content:"✓";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:6px;background:#dcfce7;color:#16a34a;font-size:12px;display:grid;place-items:center;font-weight:800}.plan-list li.na{color:#94a3b8}.plan-list li.na::before{content:"—";background:#f1f5f9;color:#94a3b8}.plan-card .btn{text-align:center} .custom-band{background:linear-gradient(120deg,#0f172a 0%,#1e1b4b 55%,#312e81 100%);color:#fff;border-radius:24px;padding:46px 48px;margin:28px 0 8px;display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:center;box-shadow:var(--shadow-lg)}.custom-band .cb-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 16px;margin-bottom:16px}.custom-band h2{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.custom-band p{color:#c7d2fe;font-size:15.5px;margin-bottom:20px}.custom-band ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.custom-band ul li{padding:5px 0 5px 26px;position:relative;font-size:14.5px;color:#e0e7ff}.custom-band ul li::before{content:"✓";position:absolute;left:0;top:8px;width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.16);color:#a5b4fc;font-size:11px;display:grid;place-items:center;font-weight:800}.cb-price{text-align:center;border-left:1px solid rgba(255,255,255,.18);padding-left:40px}.cb-price .from{font-size:13.5px;color:#a5b4fc}.cb-price .amt{font-size:44px;font-weight:800;letter-spacing:-1px;margin:4px 0 2px;font-variant-numeric:tabular-nums}.cb-price .unit{font-size:13.5px;color:#c7d2fe;margin-bottom:18px}.cb-price .btn{background:#fff;color:var(--primary);width:100%} .disc-note{text-align:center;font-size:14px;color:var(--ink-soft);max-width:860px;margin:6px auto 10px}.disc-note b{color:var(--primary)} .keep{white-space:nowrap} .site-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.site-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;transition:.25s}.site-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.site-card .emoji{font-size:30px}.site-card h3{font-size:19px;margin:12px 0 10px}.site-card h3 .free-tag{display:inline-block;vertical-align:3px;margin-left:8px;font-size:12px;font-weight:700;color:#16a34a;background:#dcfce7;border-radius:999px;padding:2px 10px}.site-card p{color:var(--muted);font-size:14.5px;margin-bottom:14px}.site-card .who{font-size:13px;color:var(--primary);font-weight:700}.site-note{font-size:13px;color:var(--muted);margin-top:10px} .cmp-wrap{margin-top:12px}.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}table.cmp{width:100%;border-collapse:collapse;min-width:880px;font-size:14.5px}table.cmp th,table.cmp td{padding:13px 14px;text-align:center;border-bottom:1px solid var(--line)}table.cmp thead th{background:var(--bg-soft);font-size:15px;font-weight:800;color:var(--ink);border-bottom:2px solid var(--line)}table.cmp thead th .th-sub{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:2px}table.cmp th:first-child,table.cmp td:first-child{text-align:left;min-width:220px;color:var(--ink-soft);font-weight:600}table.cmp tbody tr:last-child td{border-bottom:none}table.cmp tr.grp td{background:#eef2ff;color:var(--primary);font-weight:800;text-align:left;font-size:13.5px;letter-spacing:1px;border-bottom:1px solid #e0e7ff}table.cmp tr.grp td .grp-note{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:3px;line-height:1.5}table.cmp td .yes{color:#16a34a;font-weight:800}table.cmp td .no{color:#cbd5e1}table.cmp td .hot-cell{color:var(--primary);font-weight:700}table.cmp .col-hot{background:rgba(79,70,229,.045)}table.cmp thead th.col-hot{background:#eef2ff}.cmp-legend{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}.cmp-legend b{color:var(--ink-soft)} .bill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bill-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px}.bill-card h3{font-size:17px;margin-bottom:10px}.bill-card p{color:var(--muted);font-size:14.5px}.bill-card p+p{margin-top:8px}.bill-card b{color:var(--ink-soft)} .bill-modal{width:100%;margin-bottom:24px}.bill-modal .bill-card{border-left:4px solid var(--primary)}.bill-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}.bill-table th,.bill-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left}.bill-table th{background:#f8fafc;font-weight:700;color:var(--ink-soft);white-space:nowrap}.bill-table td.num,.bill-table th.num{text-align:right;font-variant-numeric:tabular-nums}.bill-table .tag-on{color:#16a34a;font-weight:700;white-space:nowrap}.bill-table .tag-pending{color:var(--muted);white-space:nowrap}.bill-details{margin-top:14px}.bill-details summary{cursor:pointer;color:var(--primary);font-size:14px;font-weight:600}.bill-note{font-size:12.5px;color:var(--muted);margin-top:10px}.deliv-note{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:4px}.quota-convert{font-size:12.5px;color:var(--muted);margin-top:6px} @media (max-width:960px){.plan-grid{grid-template-columns:1fr}.custom-band{grid-template-columns:1fr;padding:34px 28px;gap:28px}.cb-price{border-left:none;border-top:1px solid rgba(255,255,255,.18);padding:28px 0 0}.custom-band ul{grid-template-columns:1fr}.site-grid,.bill-grid{grid-template-columns:1fr}}