.pricing { box-sizing:border-box; width:min(1180px,calc(100% - 64px)); margin:0 auto; padding:30px 0 70px; color:#211f2d; }
.pricing * { box-sizing:border-box; }
.pricing-back { display:inline-flex; align-items:center; gap:10px; margin:0 0 20px; padding:9px 0; border:0; background:transparent; color:#777482; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.pricing-back span { font-size:19px; }.pricing-back:hover { color:#5148df; }.pricing-back:focus-visible { outline:2px solid #6259ee; outline-offset:4px; }
.pricing-header { position:relative; display:flex; align-items:center; justify-content:space-between; min-height:270px; overflow:hidden; padding:44px clamp(30px,5vw,64px); border-radius:26px; background:#252239; color:#fff; }
.pricing-header::after { position:absolute; right:-100px; bottom:-280px; width:540px; height:540px; border:1px solid rgba(202,194,255,.22); border-radius:50%; box-shadow:0 0 0 75px rgba(160,145,255,.05),0 0 0 150px rgba(160,145,255,.04); content:''; pointer-events:none; }
.pricing-header__content { position:relative; z-index:1; }.pricing-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#d3cbff; font-size:12px; font-weight:800; letter-spacing:.03em; }.pricing-eyebrow i { width:7px; height:7px; border-radius:50%; background:#b1a4ff; box-shadow:0 0 12px #a694ff; }
.pricing-header h1 { margin:19px 0 14px; font-size:clamp(30px,3.4vw,45px); font-weight:800; letter-spacing:-.065em; line-height:1.25; word-break:keep-all; }.pricing-header h1 em { color:#bcb2ff; font-style:normal; }.pricing-header p { margin:0; color:#c4c0d4; font-size:14px; line-height:1.8; word-break:keep-all; }
.pricing-hero-mark { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:space-between; flex:0 0 165px; height:165px; padding:20px; transform:rotate(8deg); border:1px solid rgba(255,255,255,.32); border-radius:22px; background:linear-gradient(145deg,#8b7af9,#5e50d5); box-shadow:0 18px 50px rgba(0,0,0,.2); }.pricing-hero-mark span { font-size:10px; font-weight:800; letter-spacing:.14em; }.pricing-hero-mark strong { font-size:22px; line-height:1.3; letter-spacing:-.06em; }.pricing-hero-mark b { align-self:flex-end; font-size:24px; font-weight:400; }
.pricing-section-heading { display:flex; justify-content:space-between; align-items:end; gap:15px; margin:48px 0 20px; }.pricing-section-heading span { color:#7166e7; font-size:10px; font-weight:850; letter-spacing:.12em; }.pricing-section-heading h2 { margin:8px 0 0; font-size:24px; letter-spacing:-.055em; }.pricing-section-heading p { margin:0 0 3px; color:#93909e; font-size:13px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }.pricing-card { display:flex; flex-direction:column; min-width:0; padding:25px; border:1px solid #e8e6ee; border-radius:20px; background:#fff; box-shadow:0 8px 30px rgba(36,31,68,.035); }.pricing-card.is-recommended { border:1px solid #7568ed; background:#f6f4ff; box-shadow:0 12px 36px rgba(102,86,216,.14); }
.pricing-card__top { display:flex; min-height:25px; align-items:center; justify-content:space-between; gap:8px; }.pricing-card__label { color:#9692a2; font-size:10px; font-weight:800; letter-spacing:.1em; }.pricing-badge { padding:6px 9px; border-radius:7px; background:#6d5eea; color:#fff; font-size:11px; font-weight:800; white-space:nowrap; }.pricing-card h3 { margin:19px 0 6px; font-size:21px; letter-spacing:-.05em; }.pricing-card__description { margin:0; color:#918e9a; font-size:13px; }.pricing-card__price-row { display:flex; align-items:baseline; gap:8px; margin:27px 0 23px; }.pricing-card__price { font-size:clamp(23px,2.2vw,30px); letter-spacing:-.05em; white-space:nowrap; }.pricing-card__price-row span { color:#a5a1af; font-size:11px; white-space:nowrap; }
.pricing-card__details { display:grid; gap:14px; padding:22px 0; border-top:1px solid #ebe9f0; border-bottom:1px solid #ebe9f0; }.pricing-card__details div { display:flex; justify-content:space-between; align-items:center; gap:8px; }.pricing-card__details span { color:#777481; font-size:13px; }.pricing-card__details strong { font-size:15px; }.is-recommended .pricing-card__details strong { color:#6254db; }.pricing-card__foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px; margin-top:auto; padding-top:20px; }.pricing-card__foot > span { color:#918e9b; font-size:12px; }.pricing-card__foot > strong { color:#6254db; font-size:12px; }.pricing-card__foot small { flex-basis:100%; color:#a19da9; font-size:10px; text-align:right; }
.pricing-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:23px 27px; border:1px solid #eae8f0; border-radius:18px; background:#fff; }.pricing-trial > span { color:#776be6; font-size:11px; font-weight:800; }.pricing-trial p { margin:7px 0 5px; color:#777481; font-size:13px; }.pricing-trial strong { font-size:17px; }.pricing-conditions { display:flex; flex-wrap:wrap; gap:10px 16px; color:#777481; font-size:12px; font-weight:650; }.pricing-coming { display:flex; align-items:center; justify-content:center; gap:7px; margin:24px 0 0; color:#9995a3; font-size:12px; }.pricing-coming span { width:6px; height:6px; border-radius:50%; background:#afa6ed; }
@media (max-width:760px) { .pricing { width:calc(100% - 32px); padding:22px 0 50px; }.pricing-header { min-height:240px; padding:32px 26px; }.pricing-header h1 { font-size:30px; }.pricing-hero-mark { display:none; }.pricing-section-heading { align-items:start; flex-direction:column; margin-top:36px; }.pricing-section-heading h2 { font-size:21px; }.pricing-grid { grid-template-columns:1fr; }.pricing-card { padding:23px; }.pricing-card__price { font-size:29px; }.pricing-bottom { align-items:start; flex-direction:column; }.pricing-conditions { gap:10px 14px; } }
.pricing-saving { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-height:112px; padding:15px; border-radius:13px; background:#eeeaff; }
.pricing-saving > span { color:#7169a0; font-size:11px; font-weight:700; }
.pricing-saving > strong { color:#5844d5; font-size:20px; letter-spacing:-.04em; }
.pricing-saving b { display:inline-block; padding:3px 6px; border-radius:6px; background:#6757e4; color:#fff; font-size:11px; vertical-align:3px; }
.pricing-saving small { color:#817a9a; font-size:11px; }
.pricing-saving.is-basic { background:#f5f4f7; }.pricing-saving.is-basic > strong { color:#686372; font-size:16px; }
.pricing-card__details { gap:20px; margin-top:20px; border-top:0; }
.pricing-card__details .pricing-metric { display:block; }
.pricing-card__details .pricing-metric > div:first-child { display:flex; }
.pricing-card__details .pricing-metric strong { font-size:18px; }
.pricing-card__details .pricing-meter { display:block; height:6px; overflow:hidden; margin:10px 0 7px; border-radius:10px; background:#eae8f1; }
.pricing-meter i { display:block; height:100%; min-width:6px; border-radius:10px; background:#8a7bee; }
.is-recommended .pricing-meter i { background:#6453e5; }
.pricing-metric small { color:#817a98; font-size:11px; line-height:1.4; }
.pricing-header { display:block; min-height:0; padding:25px 0 34px; overflow:visible; border-radius:0; background:transparent; color:#211f2d; text-align:center; }
.pricing-header::after { display:none; }
.pricing-eyebrow { color:#7166e7; font-size:12px; }
.pricing-header h1 { margin:13px 0 12px; font-size:clamp(27px,3vw,38px); }
.pricing-header h1 em { color:#6759df; }
.pricing-header p { color:#777481; font-size:14px; }
@media (max-width:760px) { .pricing-header { min-height:0; padding:16px 0 28px; }.pricing-header h1 { font-size:27px; }.pricing-desktop-break { display:none; } }
.pricing-cta { width:100%; min-height:48px; margin-top:20px; border:1px solid #d8d5e9; border-radius:10px; background:#f5f4f9; color:#5f5a70; font:inherit; font-size:13px; font-weight:800; cursor:not-allowed; opacity:1; }
.is-recommended .pricing-cta { border-color:#6d5eea; background:#6d5eea; color:#fff; }
.pricing-bottom__actions { display:flex; align-items:center; gap:24px; }.pricing-cta--trial { width:auto; min-width:130px; margin:0; padding:0 18px; }
@media (max-width:760px) { .pricing-bottom__actions { align-items:stretch; flex-direction:column; width:100%; gap:16px; }.pricing-cta--trial { width:100%; } }
.pricing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pricing-card { padding:0; overflow:hidden; }
.pricing-card__purchase { padding:26px 26px 24px; }
.pricing-card__top { min-height:32px; }
.pricing-card__benefits { flex:1; display:flex; flex-direction:column; padding:26px; border-top:1px solid #e8e5ef; background:#faf9fc; }
.is-recommended .pricing-card__benefits { border-top-color:#ded8fa; background:#eeebff; }
.is-recommended .pricing-saving { background:#fff; box-shadow:inset 0 0 0 1px #ded8fa; }
.pricing-card__price-row { margin-bottom:0; }
.pricing-cta { margin:18px 0 0; flex:none; }
.pricing-card__details .pricing-metric > small { display:block; margin-top:7px; }
.pricing-bottom { justify-content:center; }
@media (max-width:1050px) and (min-width:761px) { .pricing { width:calc(100% - 40px); }.pricing-grid { gap:12px; }.pricing-card__purchase,.pricing-card__benefits { padding:20px 16px; }.pricing-card__top { min-height:34px; }.pricing-badge { padding:6px; font-size:10px; }.pricing-saving { padding:12px; }.pricing-saving > strong { font-size:17px; } }
@media (max-width:760px) { .pricing-grid { grid-template-columns:1fr; } }
.pricing-header h1 { font-size:clamp(36px,4vw,48px); }
@media (max-width:760px) { .pricing-header h1 { font-size:36px; } }
.pricing-comparison { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; min-height:20px; margin:0; color:#817b91; font-size:12px; line-height:1.6; }
.pricing-comparison strong { color:#6254db; font-size:13px; font-weight:750; white-space:nowrap; }
.pricing-comparison.is-reference { color:#9993a4; }
.pricing-card__details { margin-top:18px; }
.pricing-comparison { flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:45px; margin:12px 0 0; }
.pricing-comparison strong { font-size:13px; }
.pricing-comparison strong span { font-weight:600; }
.pricing-comparison small { color:#9993a4; font-size:11px; }
.pricing-card__benefits .pricing-card__details { margin-top:0; }
.pricing-card__purchase { display:flex; flex:1; flex-direction:column; }
.pricing-card__purchase .pricing-card__details { gap:18px; margin:22px 0 0; padding:22px 0; border-top:1px solid #ebe9f0; border-bottom:0; }
.pricing-card__purchase .pricing-card__details strong { font-size:16px; }
.pricing-card__purchase .pricing-card__details .pricing-duration { font-size:13px; }
.pricing-card__purchase .pricing-cta { margin-top:18px; }
.pricing-comparison:has(.pricing-info) { flex-direction:row; align-items:center; justify-content:flex-start; gap:6px; position:relative; }
.pricing-info summary { display:grid; place-items:center; width:16px; height:16px; border:1px solid #a8a2ba; border-radius:50%; color:#8d879b; font-size:10px; font-weight:700; line-height:1; cursor:pointer; list-style:none; }
.pricing-info summary::-webkit-details-marker { display:none; }
.pricing-info summary:focus-visible { outline:2px solid #6254db; outline-offset:3px; }
.pricing-info > span { position:absolute; z-index:2; top:calc(50% + 13px); left:0; width:max-content; max-width:100%; padding:8px 10px; border:1px solid #e5e1ed; border-radius:8px; background:#fff; box-shadow:0 5px 18px rgba(36,31,68,.1); color:#696473; font-size:11px; }
.pricing-faq { display:grid; grid-template-columns:1fr; gap:40px; margin-top:72px; padding:0 4px; }
.pricing-faq__heading { text-align:center; }
.pricing-faq__heading > span { color:#7166e7; font-size:13px; font-weight:800; letter-spacing:.12em; }
.pricing-faq__heading h2 { margin:12px 0 10px; font-size:clamp(30px,3vw,36px); letter-spacing:-.05em; }
.pricing-faq__heading p { margin:0; color:#918e9a; font-size:15px; line-height:1.7; }
.pricing-faq__list { border-top:1px solid #e6e3ed; }
.pricing-faq__item { border-bottom:1px solid #e6e3ed; }
.pricing-faq__item summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 2px; color:#343140; font-size:14px; font-weight:700; line-height:1.5; cursor:pointer; list-style:none; }
.pricing-faq__item summary::-webkit-details-marker { display:none; }
.pricing-faq__item summary:focus-visible { outline:2px solid #6254db; outline-offset:3px; }
.pricing-faq__item summary span { flex:none; color:#8e87a4; font-size:21px; font-weight:400; transition:transform .15s; }
.pricing-faq__item[open] summary span { transform:rotate(45deg); }
.pricing-faq__item p { margin:0; padding:0 26px 20px 2px; color:#777481; font-size:13px; line-height:1.8; word-break:keep-all; }
@media (max-width:760px) { .pricing-faq { grid-template-columns:1fr; gap:34px; margin-top:52px; }.pricing-faq__heading h2 { font-size:28px; }.pricing-faq__heading p { font-size:14px; } }