.oldpk { --purple: #5b0ea8; --purple2: #7c1fd6; --purple-dark: #2a0a4d; --gold: #f5b942; --gold2: #ffd97a; --muted: #8a7ba3; --radius: 18px; }
.oldpk .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; font-weight: 700; font-size: 15px; border: 1px solid transparent; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }
.oldpk .btn:hover { transform: translateY(-2px); }
.oldpk .btn-gold { background: linear-gradient(135deg,var(--gold),var(--gold2)); color: rgb(42, 22, 0); box-shadow: rgba(245, 185, 66, 0.35) 0px 6px 18px; }
.oldpk .btn-outline { border-color: rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); }
.oldpk .btn-wa { background: rgb(37, 211, 102); color: rgb(4, 34, 15); }
.oldpk .sec-head { text-align: center; max-width: 640px; margin: 0px auto 44px; }
.oldpk .sec-head .eyebrow { color: var(--purple2); font-weight: 800; font-size: 15px; letter-spacing: 0.5px; text-transform: uppercase; }
.oldpk .sec-head h2 { font-size: 32px; margin: 8px 0px 10px; font-weight: 900; }
.oldpk .sec-head p { color: var(--muted); font-size: 16px; }
.oldpk .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.oldpk .grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 960px){.oldpk .grid3 { grid-template-columns: 1fr; }.oldpk .grid4 { grid-template-columns: 1fr 1fr; }}
@media (max-width: 560px){.oldpk .grid4 { grid-template-columns: 1fr; }}
.oldpk .pkg { position: relative; background: rgb(255, 255, 255); border-radius: var(--radius); padding: 30px 26px; border: 1px solid rgb(238, 226, 251); box-shadow: rgba(91, 14, 168, 0.06) 0px 10px 30px; transition: transform 0.35s, box-shadow 0.35s; }
.oldpk .pkg:hover { transform: translateY(-8px); box-shadow: rgba(91, 14, 168, 0.18) 0px 20px 44px; }
.oldpk .pkg.feat { border: 2px solid var(--gold); box-shadow: rgba(245, 185, 66, 0.25) 0px 16px 40px; }
.oldpk .pkg .ribbon { position: absolute; top: -14px; right: 24px; background: linear-gradient(135deg,var(--gold),var(--gold2)); color: rgb(42, 22, 0); font-weight: 800; font-size: 14px; padding: 6px 14px; border-radius: 999px; }
.oldpk .pkg h3 { font-size: 22px; margin: 0px 0px 6px; font-weight: 900; color: var(--purple-dark); }
.oldpk .pkg .icon { width: 60px; height: 60px; margin: 0px auto 14px; border-radius: 16px; background: linear-gradient(135deg,var(--purple),var(--purple2)); display: flex; align-items: center; justify-content: center; font-size: 29px; box-shadow: rgba(91, 14, 168, 0.25) 0px 8px 20px; }
.oldpk .pkg-photo, .oldpk .dev-photo { width: 100%; height: 130px; object-fit: cover; border-radius: 16px; margin: 0px auto 14px; display: block; box-shadow: rgba(91, 14, 168, 0.25) 0px 8px 20px; }
.oldpk .pkg .tag { color: var(--muted); font-size: 15px; margin-bottom: 18px; }
.oldpk .pkg .price-tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.oldpk .pkg .ptab { flex: 1 1 0%; text-align: center; border: 1px solid rgb(238, 226, 251); border-radius: 10px; padding: 8px 4px; cursor: pointer; font-size: 15px; font-weight: 700; color: var(--purple); transition: 0.2s; }
.oldpk .pkg .ptab.active { background: var(--purple); color: rgb(255, 255, 255); border-color: var(--purple); }
.oldpk .pkg .price { font-size: 34px; font-weight: 900; color: var(--ink); margin-bottom: 2px; }
.oldpk .pkg .price small { font-size: 15px; font-weight: 700; color: var(--muted); }
.oldpk .pkg .feats { list-style: none; padding: 0px; margin: 18px 0px 22px; font-size: 15px; color: rgb(74, 58, 103); }
.oldpk .pkg .feats li { padding: 6px 0px; padding-inline-start: 24px; position: relative; }
.oldpk .pkg .feats li::before { content: "✓"; position: absolute; inset-inline-start: 0px; color: var(--gold); font-weight: 900; }
.oldpk .pkg .actions { display: flex; flex-direction: column; gap: 10px; }
.oldpk .pkg .actions .btn { justify-content: center; width: 100%; }
.oldpk .dev { background: linear-gradient(160deg, rgb(28, 10, 53), rgb(49, 17, 79)); color: rgb(255, 255, 255); border-radius: var(--radius); padding: 24px; text-align: center; position: relative; overflow: hidden; }
.oldpk .dev::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(200px 140px at 50% 0%, rgba(245, 185, 66, 0.25), transparent 70%); }
.oldpk .dev .icon { width: 64px; height: 64px; margin: 0px auto 14px; border-radius: 16px; background: linear-gradient(135deg,var(--gold),var(--gold2)); display: flex; align-items: center; justify-content: center; font-size: 28px; position: relative; z-index: 1; }
.oldpk .dev h4 { margin: 0px 0px 6px; font-size: 18px; font-weight: 800; position: relative; z-index: 1; }
.oldpk .dev p { color: rgb(217, 205, 240); font-size: 15px; margin: 0px 0px 14px; position: relative; z-index: 1; }
.oldpk .dev .price { font-size: 20px; font-weight: 900; color: var(--gold2); position: relative; z-index: 1; }
.oldpk .dev .price small { font-size: 14px; color: rgb(185, 168, 217); font-weight: 600; }
.oldpk .dev .btn { margin-top: 14px; position: relative; z-index: 1; width: 100%; justify-content: center; }
.oldpk .connect { background: linear-gradient(120deg,var(--purple),var(--purple2)); border-radius: 24px; padding: 40px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.oldpk .connect h3 { font-size: 26px; margin: 0px 0px 8px; font-weight: 900; }
.oldpk .connect p { color: rgb(233, 222, 252); margin: 0px; max-width: 480px; }
.oldpk .connect .prices { display: flex; gap: 18px; flex-wrap: wrap; }
.oldpk .connect .pchip { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 14px; padding: 12px 18px; text-align: center; min-width: 100px; }
.oldpk .connect .pchip b { display: block; font-size: 20px; color: var(--gold2); }
.oldpk .connect .pchip span { font-size: 14px; color: rgb(233, 222, 252); }
.oldpk .steps { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; counter-reset: s 0; }
.oldpk .step { flex: 1 1 0%; min-width: 200px; text-align: center; position: relative; }
.oldpk .step .n { width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg,var(--purple),var(--purple2)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 900; margin: 0px auto 14px; box-shadow: rgba(91, 14, 168, 0.3) 0px 8px 20px; }
.oldpk .step h5 { margin: 0px 0px 6px; font-size: 16px; font-weight: 800; }
.oldpk .step p { font-size: 15px; color: var(--muted); margin: 0px; }
.oldpk .trust { background: rgb(255, 255, 255); border-top: 1px solid rgb(238, 226, 251); border-bottom: 1px solid rgb(238, 226, 251); padding: 26px 0px; }
.oldpk .trust .wrap { display: flex; justify-content: center; gap: 36px; flex-wrap: wrap; color: var(--muted); font-size: 15px; font-weight: 700; }
.oldpk .legal-line { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 20px; text-align: center; color: rgb(138, 123, 163); font-size: 14px; }
.oldpk .pay-tabby, .oldpk .btn-tabby { background: linear-gradient(135deg, rgb(47, 227, 159), rgb(184, 255, 224)) !important; color: rgb(5, 59, 39) !important; border-color: transparent !important; }
.oldpk { padding: 56px 0px; }
.oldpk .actions { display: flex; flex-direction: column; gap: 8px; }
.oldpk .btn { width: 100%; }
.oldpk .dev .btn { margin-top: 6px; }
.oldpk .t4 { margin: 8px 0px; }
.toc{margin:22px 0 6px}.toc details{background:#fff;border:2px solid #f5b942;border-radius:16px;box-shadow:0 8px 24px rgba(91,14,168,.12);overflow:hidden}.toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:800;font-size:1.08rem;color:#fff;background:linear-gradient(135deg,#2a0a4d,#5b0ea8)}.toc summary::-webkit-details-marker{display:none}.toc summary small{font-weight:600;color:#ffd97a}.toc .ti{background:#f5b942;color:#2a0a4d;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.toc .ar{margin-inline-start:auto;transition:transform .25s;color:#f5b942}.toc details[open] .ar{transform:rotate(180deg)}.toc ol{margin:0;padding:14px 18px 18px;counter-reset:t;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.toc li{counter-increment:t}.toc li a{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;color:#170a2c;text-decoration:none;line-height:1.5}.toc li a:before{content:counter(t);flex:0 0 26px;height:26px;border-radius:50%;background:#faf7ff;border:1px solid #7c1fd6;color:#5b0ea8;font-weight:800;font-size:.8rem;display:grid;place-items:center}.toc li a:hover{background:#faf7ff;color:#5b0ea8}@media(max-width:720px){.toc ol{grid-template-columns:1fr}}main h2,#packages,#devices-cards{scroll-margin-top:90px}
.oldpk .pkg a[href*="method=tabby"]{white-space:nowrap;font-size:15px;padding-inline:14px}
#devices-cards a[href*="method=tabby"]{white-space:normal;font-size:14px;line-height:1.35;padding:10px 12px;height:auto}
.topnav a.live-link,.menu a.live-link{color:#ffd97a!important;font-weight:800}