.pricing-client{flex-direction:column;gap:22px;display:flex}.pricing-client .payment-box{border:1px solid var(--line);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:center;gap:28px;padding:22px;display:flex}.pricing-client .payment-box h2{margin:14px 0 6px;font-size:20px}.pricing-client .payment-box p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.65}.pricing-client .method-toggle{border:1px solid var(--line);background:#0000002e;border-radius:10px;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));min-width:350px;padding:4px;display:grid}.pricing-client .method-toggle button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:0 14px;font-size:12px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.pricing-client .method-toggle button.active{color:#fff;background:#ffffff13;box-shadow:0 6px 16px #00000029}.pricing-client .pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-client .pack-grid article{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:14px;min-height:310px;padding:24px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.pricing-client .pack-grid article:hover{background:var(--panel-hover);border-color:#1a73e842;box-shadow:0 14px 34px #0003}.pricing-client .pack-grid article.popular{background:#1a73e80e;border-color:#60a5fa66}.pricing-client .pack-grid article .badge{color:#93c5fd;background:#1a73e814;border:1px solid #60a5fa47;border-radius:999px;align-self:flex-start;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600}.pricing-client .pack-grid article h2{font-size:19px}.pricing-client .pack-grid article>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:42px;line-height:1}.pricing-client .pack-grid article p{color:var(--muted);font-size:13px;line-height:1.7}.pricing-client .pack-grid article button{width:100%;margin-top:auto}.pricing-client .agreement{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:flex-start;gap:12px;padding:17px 18px;font-size:12px;line-height:1.7;display:grid}.pricing-client .agreement input{width:16px;height:16px;accent-color:var(--accent);margin-top:2px}.pricing-client .agreement a{color:#60a5fa;font-weight:700}.pricing-client .pricing-error{color:#fca5a5;background:#f871710e;border:1px solid #f8717133;border-radius:8px;padding:13px 15px;font-size:12px;font-weight:600}@media (max-width:900px){.pricing-client .payment-box{flex-direction:column;align-items:stretch}.pricing-client .method-toggle{min-width:0}.pricing-client .pack-grid{grid-template-columns:1fr}.pricing-client .pack-grid article{min-height:270px}}@media (max-width:520px){.pricing-client .method-toggle{grid-template-columns:1fr}}
.pricing-page{flex-direction:column;gap:40px;padding:72px 0 96px;display:flex}.pricing-page .pricing-hero{flex-direction:column;align-items:flex-start;max-width:800px;display:flex}.pricing-page .pricing-hero h1{letter-spacing:0;margin:20px 0 16px;font-size:48px;font-weight:720;line-height:1.1}.pricing-page .pricing-hero>p:not(.eyebrow){max-width:700px;color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.75}@media (max-width:720px){.pricing-page{gap:32px;padding:52px 0 72px}.pricing-page .pricing-hero h1{font-size:36px}}
