.pp{width:100%;max-width:1040px;margin:0 auto}.pp-toggle{gap:6px;margin:0 0 18px;display:inline-flex}.pp-toggle button{color:#475577;background:#fff;border:1px solid #cfd9ee;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.pp-toggle button b{color:#0c1a4b;font-weight:800}.pp-toggle button.on{border-color:var(--blue);color:#0c1a4b;background:#eef3ff;font-weight:800}.pp-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:16px;display:grid}.pp-card{background:#fff;border:1px solid #dfe6f3;border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:20px 20px 18px;display:flex;position:relative;box-shadow:0 6px 20px #1428640d}.pp-card.hl{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue), 0 14px 32px #155eef24}.pp-head{align-items:flex-start;gap:12px;display:flex}.pp-ico{width:40px;height:40px;color:var(--blue);background:#eaf1ff;border-radius:12px;flex:none;place-items:center;display:grid}.pp-ico svg{width:22px;height:22px}.pp-title{flex:1;min-width:0}.pp-title h3{color:#0c1a4b;margin:0;font-size:18px;font-weight:800;line-height:1.2}.pp-title p{color:#475577;margin:3px 0 0;font-size:13px;line-height:1.4}.pp-badge{background:var(--blue);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:700}.pp-price{color:#0c1a4b;align-items:baseline;gap:6px;margin-top:2px;line-height:1;display:flex}.pp-price b{letter-spacing:-.03em;font-size:34px;font-weight:800}.pp-price span{font-size:15px;font-weight:800}.pp-price small{color:#475577;font-size:13px;font-weight:600}.pp-bill{color:#475577;border-bottom:1px solid #e8edf6;margin:-4px 0 0;padding-bottom:12px;font-size:12px;line-height:1.5}.pp-bill s{opacity:.8}.pp-list{flex:1;align-content:start;gap:9px;margin:0;padding:0;list-style:none;display:grid}.pp-list li{color:#26345c;padding-left:26px;font-size:14px;line-height:1.4;position:relative}.pp-list li:before{content:"";background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.8 3.8 7.2-8'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:1px;left:0}.pp-btn{color:#0c1a4b;text-align:center;background:#eef3ff;border:0;border-radius:10px;width:100%;margin-top:4px;padding:13px 16px;font-size:14px;font-weight:800;transition:background .15s,color .15s}.pp-btn:hover:not(:disabled){background:#dde8ff}.pp-card.hl .pp-btn{background:var(--blue);color:#fff}.pp-card.hl .pp-btn:hover:not(:disabled){background:var(--blue-dark)}.pp-note{text-align:center;color:#475577;font-size:12px}.pp-banner{color:#26345c;background:#f3f7ff;border:1px solid #cfdcf7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 16px;padding:14px 16px;font-size:14px;display:flex}.pp-banner .pp-actions{flex-wrap:wrap;gap:8px;display:flex}.pp-banner button{color:#0c1a4b;background:#fff;border:1px solid #cfd9ee;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700}.pp-banner button.primary{background:var(--blue);border-color:var(--blue);color:#fff}@media (width<=640px){.pp-grid{grid-template-columns:1fr;gap:14px;max-width:460px;margin:0 auto}.pp-card{padding:18px 16px 16px}.pp-price b{font-size:32px}.pp-toggle{display:flex}.pp-toggle button{flex:1}}