/* Pricing page: design from Wibliv_Pricing_Page.html, scoped to #wbPricing so it does not touch the rest of the site */
#wbPricing{--red:#db1838;--red-dark:#bc1030;--soft:#fff4f5;--ink:#20242d;--muted:#717681;--line:#e8e9ec;--green:#19815a;--bg:#f8f9fb;--radius:18px}
#wbPricing *{box-sizing:border-box}
#wbPricing{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
#wbPricing button,#wbPricing input,#wbPricing a{-webkit-tap-highlight-color:transparent}
#wbPricing button,#wbPricing input{font:inherit}
#wbPricing button,#wbPricing a{touch-action:manipulation}
#wbPricing a{color:inherit;text-decoration:none}
#wbPricing button{cursor:pointer}
#wbPricing button:focus-visible,#wbPricing a:focus-visible,#wbPricing input:focus-visible,#wbPricing summary:focus-visible{outline:3px solid #e74463;outline-offset:5px}
#wbPricing button:disabled{cursor:default}
#wbPricing svg{display:block;flex-shrink:0}
#wbPricing button svg{pointer-events:none}
#wbPricing .pp-wrap{max-width:1376px;padding:0 44px;margin:auto}
#wbPricing .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#wbPricing .hero{padding:55px 0 37px}
#wbPricing .hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
#wbPricing .eyebrow{display:flex;align-items:center;gap:8px;color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:750;margin:0 0 14px}
#wbPricing .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}
#wbPricing h1{font-size:clamp(30px,3.15vw,43px);font-weight:650;line-height:1.16;letter-spacing:-1.65px;margin:0 0 14px;max-width:850px}
#wbPricing .hero p{font-size:14px;color:var(--muted);margin:0;max-width:770px;line-height:1.7}
#wbPricing .billing-note{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:4px}
#wbPricing .billing-note .calendar{width:40px;height:40px;border:1px solid #e0e2e7;border-radius:12px;display:grid;place-items:center;background:#fff;color:#6f7480}
#wbPricing .billing-note .calendar svg{width:18px;height:18px}
#wbPricing .billing-note strong{font-size:12px;font-weight:650;display:block}
#wbPricing .billing-note small{font-size:10px;color:var(--muted);display:block;margin-top:2px}
#wbPricing .comparison-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 1px 17px}
#wbPricing .comparison-top p{margin:0;color:var(--muted);font-size:12px}
#wbPricing .comparison-top p strong{color:var(--ink);font-weight:600}
#wbPricing .jump-link{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650}
#wbPricing .jump-link svg{width:14px;height:14px}
#wbPricing .jump-link:hover{color:var(--red)}
#wbPricing .table-shell{border:1px solid #e1e3e8;border-radius:var(--radius);background:white;overflow:hidden;box-shadow:0 6px 26px #23314b04}
#wbPricing .table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d8dbe2 transparent}
#wbPricing .pricing-table{width:100%;min-width:1060px;border-collapse:separate;border-spacing:0;table-layout:fixed}
#wbPricing .feature-col{width:26%}
#wbPricing .plan-col{width:18.5%}
#wbPricing .pricing-table th,#wbPricing .pricing-table td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
#wbPricing .pricing-table thead th{vertical-align:top;padding:0;background:#fff;position:relative}
#wbPricing .pricing-table thead .feature-head{padding:29px 27px;text-align:left;vertical-align:bottom;background:#fff}
#wbPricing .feature-head .small-overline{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:650}
#wbPricing .feature-head h2{font-size:24px;line-height:1.27;letter-spacing:-.7px;margin:11px 0 10px;font-weight:650}
#wbPricing .feature-head p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:220px;font-weight:400}
#wbPricing .plan-head{position:relative;padding:24px 20px 22px;min-height:247px;border-left:1px solid var(--line);border-top:3px solid transparent;transition:background .18s,border-color .18s}
#wbPricing .plan-head label{display:block;cursor:pointer}
#wbPricing .select-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:19px}
#wbPricing .select-row input{accent-color:var(--red);width:17px;height:17px;margin:0;flex-shrink:0;cursor:pointer}
#wbPricing .selection-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:650;color:#8a8e98}
#wbPricing .recommendation{position:absolute;left:50%;transform:translateX(-50%);top:-1px;white-space:nowrap;font-size:8px;letter-spacing:.06em;font-weight:750;padding:5px 9px;border-radius:0 0 6px 6px;background:var(--red);color:white;display:none}
#wbPricing .plan-head h3{font-size:16px;line-height:1.42;margin:0 0 10px;letter-spacing:-.3px;font-weight:700;min-height:46px}
#wbPricing .best-for{font-size:10px;line-height:1.6;font-weight:400;color:var(--muted);margin:0 0 19px;min-height:32px}
#wbPricing .daily-price{font-size:38px;line-height:1.1;font-weight:720;letter-spacing:-1.7px;white-space:nowrap}
#wbPricing .daily-price .currency{font-size:24px;vertical-align:top;position:relative;top:5px;letter-spacing:-1px;margin-right:1px;font-weight:600}
#wbPricing .daily-price .period{font-size:11px;color:var(--muted);letter-spacing:0;font-weight:450;margin-left:4px}
#wbPricing .rate-note{font-size:9px;color:#9296a0;margin-top:7px;font-weight:400}
#wbPricing .pricing-table td{padding:16px 16px;height:72px;border-left:1px solid #f1f2f5;font-size:12px;background:white;transition:background .18s,box-shadow .18s}
#wbPricing .pricing-table tbody th[scope=row]{text-align:left;font-size:12px;font-weight:550;padding:17px 26px;background:white;line-height:1.5}
#wbPricing .row-description{display:block;font-size:10px;font-weight:400;color:#838895;line-height:1.55;margin-top:3px}
#wbPricing .section-row th{background:#f5f6f9!important;text-align:left!important;padding:15px 26px!important;border-bottom:1px solid var(--line);font-weight:600!important}
#wbPricing .section-title{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.01em}
#wbPricing .section-icon{display:grid;place-items:center;width:25px;height:25px;background:white;border:1px solid #e5e7ec;border-radius:7px;color:#4b5260}
#wbPricing .section-icon svg{width:14px;height:14px}
#wbPricing .section-caption{font-size:10px;color:#9398a3;font-weight:400;margin-left:auto}
#wbPricing .section-index{font-size:9px;color:#a1a6b1;letter-spacing:.05em;margin-right:3px}
#wbPricing .tick{width:23px;height:23px;background:#e8f5ee;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--green);vertical-align:middle}
#wbPricing .tick svg{width:13px;height:13px;stroke-width:2.4}
#wbPricing .minus{font-size:18px;font-weight:400;color:#bec3cd;display:inline-block;line-height:1}
#wbPricing .quantity{font-size:21px;letter-spacing:-.6px;font-weight:680;line-height:1.18;display:block}
#wbPricing .quantity span{font-size:10px;color:#747b87;letter-spacing:0;font-weight:450;margin-left:2px}
#wbPricing .cadence{display:block;font-size:10px;color:#8a909c;line-height:1.5;margin-top:4px}
#wbPricing .value-text{font-weight:600;font-size:12px;line-height:1.4}
#wbPricing .free-value{color:#747b87;font-weight:500}
#wbPricing .quota{font-size:13px;font-weight:650;line-height:1.4}
#wbPricing .quota em{font-size:20px;font-style:normal;letter-spacing:-.5px}
#wbPricing .quota .cadence{font-weight:400;font-size:9px}
#wbPricing .pricing-table [data-plan].is-selected{background:var(--soft)}
#wbPricing .pricing-table td.is-selected{box-shadow:inset 1px 0 #f2cdd4,inset -1px 0 #f2cdd4}
#wbPricing .pricing-table .is-selected .plan-head{background:var(--soft);border-top-color:var(--red);box-shadow:inset 1px 0 #f2cdd4,inset -1px 0 #f2cdd4}
#wbPricing .pricing-table .is-selected .selection-label{color:var(--red)}
#wbPricing .pricing-table .is-selected .daily-price{color:var(--red)}
#wbPricing .pricing-table .is-selected .recommendation{display:block}
#wbPricing .pricing-table .is-selected .tick{background:#e2f1e9}
#wbPricing .setup-row th,#wbPricing .setup-row td{border-top:1px solid #e0e3e9;background:#fcfcfd!important}
#wbPricing .setup-row th{font-size:11px!important}
#wbPricing .setup-price{font-weight:600;font-size:13px}
#wbPricing .setup-row .is-selected{background:#fff1f3!important}
#wbPricing .pricing-table tfoot th{background:white;vertical-align:top;text-align:left;padding:34px 26px;border-bottom:0}
#wbPricing .annual-heading{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:0 0 9px}
#wbPricing .annual-description{font-size:10px;color:var(--muted);line-height:1.7;margin:0;max-width:190px;font-weight:400}
#wbPricing .pricing-table tfoot td{padding:27px 17px 24px;vertical-align:top;border-bottom:0}
#wbPricing .annual-overline{font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#7e8490;margin-bottom:8px}
#wbPricing .annual-price{font-size:27px;font-weight:720;letter-spacing:-1.2px;line-height:1.3;white-space:nowrap}
#wbPricing .annual-price small{font-size:10px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:2px}
#wbPricing .annual-calculation{font-size:9px;color:#9095a0;margin:7px 0 18px;min-height:15px}
#wbPricing .start-button{background:white;color:var(--ink);border:1px solid #d5d9e1;border-radius:9px;min-height:43px;width:100%;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,transform .18s}
#wbPricing .start-button svg{width:14px;height:14px}
#wbPricing .start-button:hover{background:#f3f4f6;transform:translateY(-1px)}
#wbPricing .is-selected .start-button{background:var(--red);border-color:var(--red);color:white;box-shadow:0 3px 7px #d9193718}
#wbPricing .is-selected .start-button:hover{background:var(--red-dark)}
#wbPricing .footnotes{display:flex;gap:35px;justify-content:space-between;padding:19px 4px 0;color:#858b97;font-size:10px;line-height:1.7}
#wbPricing .footnotes p{margin:0;max-width:890px}
#wbPricing .tax-note{color:#666d7a;font-weight:550;white-space:nowrap}
#wbPricing .mobile-plan-nav{display:none}
#wbPricing .mobile-scroll-hint{display:none}
#wbPricing .faq-section{padding:64px 0 60px;display:grid;grid-template-columns:1fr 2.3fr;gap:70px}
#wbPricing .faq-intro .eyebrow{font-size:9px}
#wbPricing .faq-intro h2{font-size:25px;font-weight:650;line-height:1.35;letter-spacing:-.7px;margin:0 0 11px;max-width:240px}
#wbPricing .faq-intro p{font-size:12px;color:var(--muted);max-width:235px;line-height:1.7;margin:0}
#wbPricing .faq-items details{border-bottom:1px solid #dfe2e8}
#wbPricing .faq-items details:first-child{border-top:1px solid #dfe2e8}
#wbPricing .faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:570;cursor:pointer;padding:18px 0;list-style:none}
#wbPricing .faq-items summary::-webkit-details-marker{display:none}
#wbPricing .faq-items summary svg{width:14px;height:14px;color:#8a909b;transition:transform .2s}
#wbPricing .faq-items details[open] summary svg{transform:rotate(180deg)}
#wbPricing .faq-items details p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;padding:0 35px 20px 0}
#wbPricing dialog{border:1px solid #f0e2e5;padding:0;border-radius:20px;max-width:470px;width:calc(100% - 34px);max-height:calc(100dvh - 40px);overflow-y:auto;color:var(--ink);background:white;box-shadow:0 20px 90px #1d22382e}
#wbPricing dialog::backdrop{background:#19202d66;backdrop-filter:blur(5px)}
#wbPricing .dialog-content{padding:31px}
#wbPricing .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
#wbPricing .dialog-eyebrow{color:var(--red);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
#wbPricing .close-dialog{border:0;background:#f5f6f8;color:#727986;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}
#wbPricing .close-dialog svg{width:14px;height:14px}
#wbPricing .dialog-content h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;font-weight:650;margin:17px 0 8px}
#wbPricing .dialog-description{font-size:12px;color:var(--muted);margin:0 0 21px;line-height:1.7}
#wbPricing .dialog-benefits{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:9px}
#wbPricing .dialog-benefits li{display:flex;align-items:center;gap:9px;font-size:11px;color:#59616e}
#wbPricing .dialog-benefits svg{color:var(--green);width:14px;height:14px}
#wbPricing .dialog-price{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}
#wbPricing .dialog-price strong{font-size:17px;letter-spacing:-.4px}
#wbPricing .setup-option{display:flex;align-items:flex-start;gap:10px;padding:17px;background:#f7f8fa;border:1px solid #e8eaf0;border-radius:11px;font-size:11px;line-height:1.5;cursor:pointer}
#wbPricing .setup-option input{width:15px;height:15px;accent-color:var(--red);margin:2px 0 0;flex-shrink:0}
#wbPricing .setup-option strong{font-weight:600}
#wbPricing .setup-option small{font-size:10px;display:block;color:#8b919c;margin-top:5px}
#wbPricing .dialog-total{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;gap:20px;font-size:11px}
#wbPricing .dialog-total strong{font-size:22px;letter-spacing:-.7px}
#wbPricing .dialog-tax{font-size:10px;color:#9298a3;margin:5px 0 20px;text-align:right}
#wbPricing .dialog-continue{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;background:var(--red);color:white;min-height:46px;font-size:12px;font-weight:600}
#wbPricing .dialog-continue:hover{background:var(--red-dark)}
#wbPricing .dialog-continue svg{width:16px;height:16px}
#wbPricing .dialog-secondary{display:block;text-align:center;font-size:11px;color:#7a818e;margin:13px 0 0}
#wbPricing .dialog-secondary:hover{color:var(--red)}
#wbPricing .modal-note{font-size:9px;line-height:1.7;text-align:center;color:#969ba5;margin:17px 0 0}
#wbPricing .pricing-table tbody th[scope=row]{font-size:14px}
#wbPricing .row-description{font-size:11px;color:#7b818d}
#wbPricing .best-for{font-size:11px;min-height:36px}
#wbPricing .rate-note{font-size:10px;color:#7a818d}
#wbPricing .selection-label{font-size:9px}
#wbPricing .cadence{font-size:11px;color:#7a818d}
#wbPricing .section-title{font-size:12px}
#wbPricing .section-caption{font-size:11px;color:#7d8490}
#wbPricing .pricing-table td{height:76px}
#wbPricing .annual-price small{font-size:11px}
#wbPricing .annual-calculation{font-size:10px;color:#7a818d}
@media(min-width:1600px){#wbPricing .pp-wrap{max-width:1470px}
#wbPricing .plan-head h3{font-size:17px}
#wbPricing .daily-price{font-size:41px}
#wbPricing .pricing-table tbody th[scope=row]{font-size:14px}
#wbPricing .row-description{font-size:12px}
#wbPricing .best-for{font-size:11px}}
@media(max-width:1100px){#wbPricing .pp-wrap{padding:0 26px}
#wbPricing .billing-note{display:none}
#wbPricing .hero{padding-top:43px}
#wbPricing .hero p{font-size:13px}
#wbPricing .hero h1{max-width:780px}
#wbPricing .pricing-table{min-width:1000px}
#wbPricing .feature-col{width:25%}
#wbPricing .plan-col{width:18.75%}
#wbPricing .plan-head{padding:23px 16px 20px}
#wbPricing .plan-head h3{font-size:15px}
#wbPricing .pricing-table thead .feature-head,#wbPricing .pricing-table tbody th[scope=row],#wbPricing .pricing-table tfoot th{padding-left:23px;padding-right:23px}
#wbPricing .section-row th{padding-left:23px!important}
#wbPricing .pricing-table td{padding-left:12px;padding-right:12px}
#wbPricing .section-caption{display:none}
#wbPricing .faq-section{gap:40px}
#wbPricing .annual-price{font-size:25px}}
@media(max-width:720px){#wbPricing .pp-wrap{padding:0 18px}
#wbPricing .hero{padding:34px 0 25px}
#wbPricing .eyebrow{font-size:9px;margin-bottom:12px}
#wbPricing h1{font-size:32px;letter-spacing:-1.1px;max-width:470px;margin-bottom:12px}
#wbPricing .hero p{font-size:12px;line-height:1.8;max-width:460px}
#wbPricing .comparison-top{padding-bottom:15px;align-items:center}
#wbPricing .comparison-top p{font-size:10px;max-width:210px}
#wbPricing .jump-link{font-size:10px;white-space:nowrap}
#wbPricing .mobile-plan-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}
#wbPricing .mobile-plan-nav button{border:1px solid #e0e2e7;border-radius:8px;background:white;color:#7b818c;padding:9px 2px;font-size:11px;font-weight:600}
#wbPricing .mobile-plan-nav button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:var(--soft)}
#wbPricing .mobile-scroll-hint{display:flex;align-items:center;justify-content:space-between;color:#9a9fab;font-size:9px;margin:0 1px 10px}
#wbPricing .mobile-scroll-hint svg{width:13px;height:13px}
#wbPricing .pricing-table{min-width:950px;width:950px}
#wbPricing .feature-col{width:158px}
#wbPricing .plan-col{width:198px}
#wbPricing .pricing-table thead .feature-head{width:158px;padding:25px 13px 20px;position:sticky;left:0;z-index:3;background:white;border-right:1px solid #e8e9ed}
#wbPricing .feature-head .small-overline{font-size:8px}
#wbPricing .feature-head h2{font-size:18px;letter-spacing:-.4px}
#wbPricing .feature-head p{font-size:9px}
#wbPricing .plan-head{min-height:245px;padding:23px 16px 19px}
#wbPricing .plan-head h3{font-size:15px;min-height:45px}
#wbPricing .daily-price{font-size:36px}
#wbPricing .best-for{font-size:10px}
#wbPricing .pricing-table tbody th[scope=row]{position:sticky;left:0;z-index:2;background:#fff;padding:16px 13px;border-right:1px solid #e8e9ed;font-size:11px}
#wbPricing .row-description{font-size:9px;line-height:1.55}
#wbPricing .section-row th{padding:12px 13px!important;height:48px}
#wbPricing .section-title{position:sticky;left:13px;width:max-content;max-width:calc(100vw - 64px);font-size:10px;gap:7px}
#wbPricing .section-icon{width:23px;height:23px}
#wbPricing .section-index{font-size:8px}
#wbPricing .section-caption{display:none}
#wbPricing .pricing-table td{height:74px;padding:14px 12px}
#wbPricing .quantity{font-size:21px}
#wbPricing .cadence{font-size:9px}
#wbPricing .pricing-table tfoot th{position:sticky;left:0;z-index:2;background:white;padding:27px 13px;border-right:1px solid #e8e9ed}
#wbPricing .annual-heading{font-size:15px}
#wbPricing .annual-description{font-size:9px}
#wbPricing .pricing-table tfoot td{padding:26px 15px 23px}
#wbPricing .annual-price{font-size:26px}
#wbPricing .footnotes{display:block;font-size:9px;padding:15px 2px 0}
#wbPricing .tax-note{margin-top:9px!important}
#wbPricing .faq-section{grid-template-columns:1fr;padding:40px 0;gap:23px}
#wbPricing .faq-intro h2{font-size:23px;max-width:none;margin-bottom:8px}
#wbPricing .faq-intro p{max-width:360px;font-size:11px}
#wbPricing .faq-intro .eyebrow{margin-bottom:10px}
#wbPricing .faq-items summary{font-size:11px;padding:17px 0}
#wbPricing .faq-items details p{font-size:11px}
#wbPricing .dialog-content{padding:25px}
#wbPricing .dialog-content h2{font-size:23px}
#wbPricing .dialog-benefits li{font-size:10px}}
@media(max-width:720px){#wbPricing .pricing-table{min-width:900px;width:900px}
#wbPricing .feature-col{width:140px}
#wbPricing .plan-col{width:190px}
#wbPricing .pricing-table thead .feature-head{width:140px}
#wbPricing .mobile-plan-nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hh,62px));z-index:8;background:var(--bg);padding:8px 0}
#wbPricing .mobile-plan-nav button{min-height:43px}
#wbPricing .quantity{font-size:21px}
#wbPricing .section-title{font-size:10px}
#wbPricing .cadence{font-size:10px}
#wbPricing .plan-head h3{font-size:14px}
#wbPricing .best-for{min-height:36px}
#wbPricing .annual-price{font-size:24px}}
@media(prefers-reduced-motion:reduce){#wbPricing *{transition:none!important}}
@media print{#wbPricing{background:white}
#wbPricing .hero,#wbPricing .mobile-plan-nav,#wbPricing .mobile-scroll-hint,#wbPricing .faq-section,#wbPricing .comparison-top,#wbPricing .start-button{display:none}
#wbPricing .pp-wrap{padding:0;max-width:none}
#wbPricing .table-shell{box-shadow:none}
#wbPricing .table-scroll{overflow:visible}
#wbPricing .pricing-table{min-width:0;width:100%}
#wbPricing .plan-head{min-height:0;padding:12px 8px}
#wbPricing .plan-head h3{font-size:12px}
#wbPricing .daily-price{font-size:25px}
#wbPricing .selection-label,#wbPricing .select-row input{display:none}
#wbPricing .pricing-table td{padding:7px 5px;height:auto}
#wbPricing .pricing-table tbody th[scope=row]{font-size:9px;padding:9px 7px}
#wbPricing .row-description{font-size:8px}
#wbPricing .quantity{font-size:15px}
#wbPricing .section-row th{padding:8px!important}
#wbPricing .section-caption{display:none}
#wbPricing .annual-price{font-size:18px}
#wbPricing .footnotes{font-size:8px}
#wbPricing .pricing-table tr{break-inside:avoid}
#wbPricing .pricing-table thead{display:table-header-group}
#wbPricing .pricing-table tfoot{display:table-row-group}
#wbPricing .is-selected{print-color-adjust:exact}}