
.gp{--gp-bg:#0b1220;--gp-card:#111a2e;--gp-line:#22304d;--gp-text:#e6edf7;--gp-sub:#9fb0c8;--gp-cyan:#22d3ee;--gp-green:#34d399;--gp-free:#0e2a2f}
.gp{max-width:1280px;margin:0 auto;padding:56px 16px}
.gp h2{font-size:clamp(26px,4vw,38px);margin:0 0 8px;text-align:center;letter-spacing:-.02em}
.gp-lead{text-align:center;color:var(--gp-sub);margin:0 auto 28px;max-width:640px;line-height:1.6}
.gp-toggle{display:flex;justify-content:center;gap:6px;margin:0 0 28px}
.gp-toggle button{border:1px solid var(--gp-line);background:transparent;color:var(--gp-sub);padding:8px 16px;border-radius:999px;font:inherit;cursor:pointer}
.gp-toggle button[aria-pressed="true"]{background:var(--gp-cyan);border-color:var(--gp-cyan);color:#04121a;font-weight:700}
.gp-save{font-size:12px;margin-left:4px;opacity:.85}
.gp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.gp-card{background:var(--gp-card);border:1px solid var(--gp-line);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column}
.gp-card.free{background:var(--gp-free);border:2px solid var(--gp-cyan);position:relative}
.gp-badge{position:absolute;top:-13px;left:22px;background:var(--gp-cyan);color:#04121a;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.04em}
.gp-name{font-size:15px;font-weight:700;color:var(--gp-sub);text-transform:uppercase;letter-spacing:.08em}
.gp-price{font-size:44px;font-weight:800;margin:6px 0 2px;letter-spacing:-.03em}
.gp-price small{font-size:16px;font-weight:600;color:var(--gp-sub)}
.gp-note{color:var(--gp-sub);font-size:14px;margin:0 0 18px;min-height:20px}
.gp-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;flex:1}
.gp-card li{position:relative;padding-left:24px;line-height:1.45;font-size:15px}
.gp-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gp-green);font-weight:800}
.gp-card li.muted{color:var(--gp-sub)}
.gp-card li.muted::before{content:"–";color:var(--gp-sub)}
.gp-btn{display:block;text-align:center;text-decoration:none;padding:13px 16px;border-radius:12px;font-weight:800}
.gp-btn.primary{background:var(--gp-cyan);color:#04121a}
.gp-btn.ghost{border:1px solid var(--gp-cyan);color:var(--gp-cyan)}
.gp-table{width:100%;border-collapse:collapse;margin:40px 0 8px;font-size:14px}
.gp-wrap{overflow-x:auto}
.gp-table th,.gp-table td{padding:11px 10px;border-bottom:1px solid var(--gp-line);text-align:left;vertical-align:top}
.gp-table th{color:var(--gp-sub);font-weight:600}
.gp-table td:nth-child(2){background:color-mix(in srgb,var(--gp-cyan) 7%,transparent)}
.gp-faq{margin-top:40px;display:grid;gap:10px}
.gp-faq details{background:var(--gp-card);border:1px solid var(--gp-line);border-radius:12px;padding:14px 16px}
.gp-faq summary{cursor:pointer;font-weight:700}
.gp-faq p{color:var(--gp-sub);line-height:1.6;margin:10px 0 0}
.gp-legal a{color:var(--gp-cyan)}
.gp-legal{color:var(--gp-sub);font-size:12.5px;line-height:1.6;text-align:center;margin-top:28px}

.gp{color:var(--gp-text);padding:80px 24px}.gp h2{font-size:clamp(32px,4vw,52px)}.gp-card li{font-size:18px}.gp-note,.gp-lead{font-size:18px}.gp-table{font-size:16px}.gp-legal{font-size:15px}.gp-price{font-size:54px}.gp-card.free .gp-price{font-size:68px}.gp-card{padding:36px 28px}.gp-grid{grid-template-columns:1.12fr 1fr}.gp [hidden]{display:none!important}.gp-status{padding:16px 20px;border:1px solid var(--gp-line);border-radius:12px;color:var(--gp-sub);line-height:1.6;margin:20px 0 30px}.gp-toggle button:focus-visible,.gp-btn:focus-visible{outline:3px solid #e7c982;outline-offset:4px}.gp-faq summary{font-size:18px}.gp-table caption{text-align:left;font-size:24px;font-weight:700;padding:0 0 16px}.gp-table th:first-child{min-width:180px}@media(max-width:700px){.gp-grid{grid-template-columns:1fr}.gp{padding:56px 20px}.gp-card{padding:30px 22px}.gp-table{min-width:620px}.gp-wrap{max-width:100%}}
