.pricing-hero { background: var(--ink); color: #fff; padding: 72px 0 64px; text-align: center; }
.pricing-title { font-family: 'Space Grotesk'; font-size: clamp(32px,4vw,50px); font-weight: 700; letter-spacing: -.025em; margin-bottom: 12px; }
.pricing-sub { font-size: 18px; color: #AFB4C0; margin-bottom: 32px; }
.billing-toggle { display: inline-flex; background: rgba(255,255,255,.08); border-radius: 10px; padding: 4px; gap: 4px; }
.bt-btn { padding: 8px 20px; border-radius: 8px; border: none; background: none; color: #9AA0AB; font-family: 'IBM Plex Sans'; font-weight: 500; font-size: 14px; cursor: pointer; transition: all .15s; }
.bt-btn.active { background: var(--paper); color: var(--ink); }
.bt-save { background: var(--ok); color: #fff; font-size: 11px; padding: 2px 6px; border-radius: 4px; margin-left: 4px; }
.pricing-cards-section { padding: 64px 0 80px; background: var(--surface); }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 64px; align-items: start; }
.pricing-card { background: var(--paper); border: 1px solid var(--hairline); border-radius: 20px; padding: 32px 28px; position: relative; }
.pricing-card--featured { border-color: var(--signal); box-shadow: 0 0 0 2px var(--signal); }
.pricing-card.current { opacity: .75; }
.pc-popular { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--signal); color: #fff; font-size: 12px; font-weight: 600; padding: 4px 14px; border-radius: 20px; white-space: nowrap; }
.pc-header { margin-bottom: 24px; }
.pc-plan-name { font-family: 'Space Grotesk'; font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.pc-price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 8px; }
.pc-amount { font-family: 'IBM Plex Mono'; font-size: 42px; font-weight: 600; }
.pc-period { font-size: 16px; color: var(--muted); }
.pc-period-note { font-size: 12.5px; color: var(--muted-soft); margin-top: -4px; margin-bottom: 8px; }
.pc-desc { font-size: 14px; color: var(--muted); line-height: 1.6; }
.pc-current-badge { text-align: center; padding: 10px; background: var(--surface); border-radius: 10px; font-size: 13px; color: var(--muted); margin-bottom: 16px; }
.pc-features { list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }
.pc-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; }
.pc-features li::before { content: ''; width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; margin-top: 1px; background-size: 10px; background-position: center; background-repeat: no-repeat; }
.pc-features li.ok::before { background-color: var(--ok-soft); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231AA06D' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }
.pc-features li.no { color: var(--muted-soft); }
.pc-features li.no::before { background-color: var(--surface); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239AA0AB' stroke-width='3'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); }
.pricing-faq { max-width: 760px; margin: 0 auto; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.faq-item { background: var(--paper); border-radius: 14px; padding: 24px; border: 1px solid var(--hairline); }
.faq-item h3 { font-family: 'Space Grotesk'; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.faq-item p { font-size: 14px; color: var(--muted); line-height: 1.6; }
.pc-features li.soon { color: var(--muted); }
.pc-features li.soon::before { background-color: #FFF3E0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23E8A13A' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E"); }
.pc-features li.soon::after { content: 'greitai'; font-size: 10px; font-family: 'IBM Plex Mono'; background: var(--warn-soft); color: var(--warn); padding: 1px 6px; border-radius: 4px; margin-left: 4px; white-space: nowrap; }
@media(max-width:900px){ .pricing-grid{grid-template-columns:1fr} .faq-grid{grid-template-columns:1fr} }