/* Pricing review design, isolated from the application and public site. */
@scope (#pricingTab, .public-team-grid) {
:scope{--ink:#15324c;--muted:#607286;--blue:#1469d5;--line:#dce5ed;--wash:#f3f6fa;--green:#167361}*{box-sizing:border-box}.pricing-page{margin:0;background:#fbfcfe;color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0}header{padding:23px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span,h1 span{color:var(--blue)}.prototype{font-size:12px;background:#eef3f9;color:var(--muted);padding:6px 12px;border-radius:20px}nav{display:flex;gap:8px;max-width:1328px;padding:20px 24px 0;margin:auto;flex-wrap:wrap}nav button{padding:10px 17px;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:650}nav button[aria-pressed=true]{background:#e7effd;color:var(--blue)}main{max-width:1328px;padding:0 24px;margin:auto}.intro{text-align:center;max-width:740px;margin:58px auto 48px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:750;font-size:11px;color:var(--blue);margin:0 0 12px}h1{font-size:clamp(34px,4.6vw,60px);line-height:1.1;letter-spacing:-2px;margin:12px 0 22px}h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}p{color:var(--muted)}.intro>p:not(.eyebrow){font-size:18px;max-width:600px;margin:0 auto}.benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:13px;color:var(--green);margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:42px 0 24px}.section-heading p{margin:6px 0 0;font-size:14px}.section-heading h1{font-size:42px}.switch{min-width:175px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.plan{padding:25px 22px;border:1px solid var(--line);border-radius:16px;background:white;position:relative;display:flex;flex-direction:column}.plan.featured{border:2px solid var(--blue);padding:24px 21px;box-shadow:0 8px 28px #1469d512}.badge{position:absolute;top:-13px;left:20px;background:var(--blue);color:white;padding:3px 12px;border-radius:20px;font-size:11px}.plan h2{font-size:21px;margin-bottom:5px}.plan .audience{font-size:12px;min-height:38px;margin:0}.price{font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-1px;margin-top:22px}.price small{font-size:12px;font-weight:450;letter-spacing:0}.tax{font-size:11px;margin:5px 0 20px}.hours{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.hours strong{font-size:28px;letter-spacing:-1px}.hours p{font-size:12px;margin:1px 0}.plan ul{list-style:none;padding:0;font-size:13px}.plan li{margin:7px 0}.plan li:before{content:'✓';color:var(--green);margin-right:8px}.extra{font-size:11px;background:var(--wash);padding:11px;border-radius:8px;margin-top:auto}.extra b{display:block;color:var(--ink);font-weight:650}.primary,.secondary,.choose{display:inline-block;padding:11px 15px;border-radius:8px;font-size:13px;font-weight:700}.primary,.featured .choose{background:var(--blue);color:white}.secondary,.choose{background:#edf3fb;color:var(--blue)}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:30px}.mix{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:35px 0}.mix p{font-size:14px}.mix-result{display:flex;flex-direction:column;background:var(--wash);padding:20px;border-radius:10px}.mix-result strong{font-size:30px;color:var(--blue)}.mix-result span{font-size:12px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;margin-bottom:18px}input,select,textarea{color:var(--ink);background:white;border:1px solid #c6d5e3;border-radius:7px;padding:10px;max-width:100%;min-width:0}input[type=range]{padding:0;accent-color:var(--blue)}.muted{font-size:12px;color:var(--muted)}.notice{padding:15px 18px;background:#edf4fd;border-radius:9px;font-size:13px;color:#365776;margin:18px 0}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:850px;text-align:left;font-size:13px}caption{text-align:left;padding:20px;font-weight:700}th,td{padding:14px;border-top:1px solid var(--line)}th{background:var(--wash);font-size:11px}td input{width:110px;padding:7px}td:first-child{font-weight:700}.company-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-price{font-size:45px;font-weight:750;letter-spacing:-1.5px}.summary>p{margin-top:0}.summary hr{border:0;border-top:1px solid var(--line);margin:25px 0}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}dt{color:var(--muted)}dd{margin:0;font-weight:700;text-align:right}.history{margin-top:24px}.history li{font-size:13px;margin:10px 0}footer{font-size:11px;color:var(--muted);padding:30px 0;border-top:1px solid var(--line);margin-top:35px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;width:460px;max-width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#102b4777}.close{float:right;background:var(--wash);border-radius:50%;width:32px;height:32px;font-size:22px}[hidden]{display:none!important}@media(max-width:1050px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix{gap:30px}}@media(max-width:650px){header{padding:18px 20px;align-items:start;flex-direction:column;gap:8px}.brand{font-size:21px}main{padding:0 20px}nav{padding:16px 12px 0;gap:2px}nav button{font-size:11px;padding:8px}.intro{margin:35px auto}.intro>p:not(.eyebrow){font-size:16px}.plan-grid,.mix,.company-grid,.two{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.plan{padding:25px}.plan .audience{min-height:0}.mix{gap:20px;padding:24px}.panel{padding:23px}.table-wrap{padding:0}.section-heading h1{font-size:34px}.price{font-size:37px}.hours strong{font-size:31px}.switch{width:100%}.benefits{gap:7px 12px;font-size:11px}}
/* Premium subscription cards */
.plan-grid{gap:24px;padding-top:8px;align-items:stretch}
.plan{--accent:#4166bb;--tint:#eef3ff;--glow:#dfe9fc;padding:27px 23px;border:1px solid #dae3ef;border-radius:22px;background:linear-gradient(155deg,var(--tint),#fff 38%);box-shadow:0 7px 20px #132d4c06;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;isolation:isolate;overflow:visible}
.plan:before{content:'';position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--accent),var(--glow))}
.plan-1{--accent:#237a65;--tint:#edf8f2;--glow:#b9e4cd}
.plan-2{--accent:#7552b5;--tint:#f3eefb;--glow:#dac9f6}
.plan-3{--accent:#ad4d32;--tint:#fff1e9;--glow:#f5c6aa}
.plan-4{--accent:#19776e;--tint:#eaf8f4;--glow:#abdcd0}
.plan-5{--accent:#4d55a2;--tint:#efeffb;--glow:#c3c7eb}
.plan-6{--accent:#226d9d;--tint:#ebf6fb;--glow:#b8def0}
.plan-7{--accent:#8c641c;--tint:#fcf5e5;--glow:#ebd59f;border-color:#e2d5b6}
.plan-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 23px;min-height:48px}
.plan-icon{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:15px;color:var(--accent);background:linear-gradient(140deg,#ffffffd9,var(--tint));border:1px solid color-mix(in srgb,var(--accent) 18%,white);box-shadow:0 5px 10px #17355305}
.plan-icon svg{width:27px;height:27px}
.plan-level{font-size:10px;letter-spacing:.65px;font-weight:750;text-transform:uppercase;color:var(--accent);text-align:right}
.plan h2{font-size:23px;letter-spacing:-.8px;font-weight:750;margin:0 0 9px}
.plan .audience{font-size:12px;line-height:1.7;min-height:42px;color:#5b6c80}
.plan .price{font-size:37px;letter-spacing:-1.7px;font-weight:750;line-height:1.2;margin-top:25px;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan .price small{display:block;font-size:11px;letter-spacing:0;font-weight:500;color:#64748a;margin-top:5px}
.plan .tax{font-size:10px;line-height:1.6;margin:7px 0 22px;color:#64748a}
.plan .choose{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 25%,white);border-radius:10px;background:white;color:var(--accent);box-shadow:0 3px 7px #13335204;transition:background .2s ease,color .2s ease}
.plan .choose span:last-child{font-size:19px;line-height:1;font-weight:400}
.plan .choose:hover{background:var(--accent);color:white}
.plan .hours{margin:23px 0 0;padding:19px 0 0;border-top:1px solid #dfe7ef}
.hours-caption{display:block;font-size:10px;color:#64748a;margin-bottom:8px;letter-spacing:.15px}
.plan .hours strong{display:block;font-size:32px;line-height:1.2;color:var(--accent);letter-spacing:-1px}
.plan .hours p{font-size:11px;line-height:1.7;margin-top:5px;color:#5b6c80}
.plan .hours p:first-of-type{font-size:12px;font-weight:650;color:var(--ink)}
.plan ul{font-size:12px;line-height:1.8;margin:19px 0 22px}
.plan li:before{color:var(--accent)}
.plan .extra{padding:14px;border-radius:11px;background:var(--tint);font-size:10px;color:#53677b;line-height:1.8;border:1px solid #ffffffb3}
.extra-title{display:block;color:var(--ink);font-size:11px;font-weight:750;margin-bottom:3px}
.plan .extra b{font-size:10px;font-weight:550;overflow-wrap:anywhere}
.plan.featured{--accent:#a6d5ff;--tint:#183a60;--glow:#6cabed;padding:27px 23px;background:radial-gradient(ellipse at 100% 0,#245286 0,transparent 55%),linear-gradient(150deg,#132d4d,#0e223c);color:white;border:1px solid #173f6f;box-shadow:0 14px 34px #153d7026}
.plan.featured:before{background:linear-gradient(90deg,#78bdff,#bfdcff)}
.plan.featured .badge{top:-14px;left:22px;background:linear-gradient(100deg,#1269cc,#448ce1);color:white;border:1px solid #84b7f1;padding:4px 12px;font-size:10px;font-weight:650;box-shadow:0 4px 12px #143d7326}
.plan.featured .plan-icon{background:#ffffff10;border-color:#7fb6ed4d;color:#b5d9ff;box-shadow:inset 0 1px #ffffff14}
.plan.featured .plan-level{color:#b5d9ff}
.plan.featured .audience,.plan.featured .tax,.plan.featured .price small,.plan.featured .hours p,.plan.featured .hours-caption{color:#b8cce2}
.plan.featured .hours{border-color:#ffffff26}
.plan.featured .hours strong{color:white}
.plan.featured .hours p:first-of-type{color:#e5effb}
.plan.featured .choose{background:#fff;color:#163d6a;border-color:white;box-shadow:0 4px 12px #0002}
.plan.featured .choose:hover{background:#d8ebff}
.plan.featured li:before{color:#9dccff}
.plan.featured .extra{background:#ffffff0a;border-color:#ffffff1c;color:#b8cce2}
.plan.featured .extra b,.plan.featured .extra-title{color:#e5effb}
@media(hover:hover){.plan:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 17px 35px #173c6b15}.plan.featured:hover{box-shadow:0 20px 40px #173c6b30}}
@media(min-width:1051px) and (max-width:1200px){.plan .price{font-size:31px}.plan{padding:24px 19px}.plan.featured{padding:24px 19px}.plan-level{font-size:9px}}
@media(max-width:650px){.plan-grid{gap:27px;max-width:440px;margin-inline:auto}.plan,.plan.featured{padding:28px}.plan .price{font-size:43px}.plan-identity{margin-bottom:20px}.plan .audience{min-height:0}.plan .hours strong{font-size:36px}.plan-icon{width:52px;height:52px}.plan-level{font-size:11px}.plan .extra,.plan .extra b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.plan,.plan .choose{transition:none}.plan:hover{transform:none}}
.bestseller-tag{position:absolute;top:-14px;right:18px;z-index:1;border:1px solid #b7a1ee;border-radius:8px 8px 2px 8px;padding:5px 13px;background:linear-gradient(115deg,#7041b5,#532693);box-shadow:0 4px 12px #6734a82b;color:white;font-size:11px;font-weight:750;letter-spacing:.2px}
.plan-discount{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:19px}
.plan-discount strong{padding:5px 10px;border-radius:7px;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 22%,white);color:var(--accent);font-size:16px;line-height:1.3;font-weight:750}
.plan-discount span{font-size:10px;color:#5b6c80}
.plan.featured .plan-discount strong{color:#c2e2ff;background:#ffffff10;border-color:#81b6e64d}
.plan.featured .plan-discount span{color:#b8cce2}
.plan .plan-discount + .price{margin-top:17px}
.more-plans-row{grid-column:1/-1;display:flex;justify-content:center;padding:5px 0}
.more-plans{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;min-width:174px;padding:12px 25px;border-radius:10px;background:#0766D1;color:#fff;font-size:15px;font-weight:750;box-shadow:0 4px 12px #0766d11a;transition:background .18s ease,box-shadow .18s ease}
.more-plans:hover{background:#064b9b;box-shadow:0 5px 15px #064b9b26}
.more-plans:focus-visible{outline:3px solid #0766d1;outline-offset:4px}
.more-plans-icon{font-size:23px;font-weight:700;line-height:1}
.audience-tabs{display:flex;width:fit-content;max-width:100%;gap:6px;padding:6px;margin:0 auto 36px;background:#eaf0f8;border:1px solid #dce5ef;border-radius:15px}
.audience-tabs button{padding:14px 25px;min-width:225px;border-radius:10px;background:transparent;color:#50657d;font-size:15px;font-weight:750;text-align:left}
.audience-tabs button span{display:block;font-size:11px;font-weight:450;margin-top:3px}
.audience-tabs button[aria-selected=true]{background:#0766d1;color:white;box-shadow:0 4px 12px #0766d126}
.personal-plan .hours{margin-bottom:0}.personal-plan ul{margin-bottom:0}
@media(max-width:650px){.audience-tabs{width:100%}.audience-tabs button{min-width:0;flex:1;padding:12px;font-size:12px}.audience-tabs button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.more-plans{transition:none}}

}
:is(#pricingTab, .public-team-grid) .pricing-page{display:block;max-width:1328px;margin:0 auto;padding:0 20px 32px;width:100%;min-width:0}
:is(#pricingTab, .public-team-grid) .individual-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:auto}
:is(#pricingTab, .public-team-grid) .choose{opacity:1}
:is(#pricingTab, .public-team-grid) .choose:disabled{opacity:.6;cursor:wait}
:is(#pricingTab, .public-team-grid) .plan{min-width:0}
:is(#pricingTab, .public-team-grid) .intro h1{color:var(--ink)}
:is(#pricingTab, .public-team-grid) .plan li{color:inherit}
@media(max-width:1200px){:is(#pricingTab, .public-team-grid) .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){:is(#pricingTab, .public-team-grid) .pricing-page{padding:0 8px 24px}:is(#pricingTab, .public-team-grid) .plan-grid{grid-template-columns:1fr}:is(#pricingTab, .public-team-grid) .plan .price{font-size:36px}}

:is(#pricingTab, .public-team-grid) .plan .audience{min-height:0}
:is(#pricingTab, .public-team-grid) .plan .price,:is(#pricingTab, .public-team-grid) .plan .plan-discount,:is(#pricingTab, .public-team-grid) .plan .plan-discount + .price{margin-top:12px}

:is(#pricingTab, .public-team-grid) .current-plan-marker{margin:22px -4px -4px;padding-top:12px;border-top:6px solid #23934c;border-radius:3px;color:#16733a;text-align:center;font-size:13px;font-weight:700}
:is(#pricingTab, .public-team-grid) .featured .current-plan-marker{border-color:#63d88e;color:#a9f0c3}

#pricingTab [data-buy-team-starter]{cursor:pointer}
#pricingTab [data-buy-team-starter]:is(:hover,:focus-visible){outline:2px solid var(--accent);outline-offset:3px}

:is(#pricingTab, .public-team-grid) .plan-minute-rates{margin-top:8px;padding:0;font-size:12px;color:inherit}
:is(#pricingTab, .public-team-grid) .plan-minute-rates span{display:block;font-size:11px;margin-bottom:5px}
:is(#pricingTab, .public-team-grid) .plan-minute-rates b{display:block;font-weight:600}

.public-team-grid .plan h4{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:0 0 5px;color:inherit}

#pricingTab .avatar-credit-grid{grid-template-columns:minmax(0,380px);justify-content:center}

#appPricingRoot .clickable-plan{cursor:pointer}#appPricingRoot .clickable-plan:focus-visible{outline:3px solid #1469d5;outline-offset:4px}

:is(#pricingTab,.public-team-grid) .plan-minute-rates .plan-rate-pair{display:flex;gap:12px;white-space:nowrap;font-size:11px;line-height:1.6}

#pricingTab .starter-payment-option{padding:20px;border:1px solid #d3dfef;border-radius:14px;margin:16px 0;background:#f6f9ff}
#pricingTab .starter-payment-annual{background:#f0faf6;border-color:#c8e5db}
#pricingTab .starter-payment-option h3{margin:0 0 10px}
#pricingTab .starter-annual-discount{display:inline-block;color:#007762;font-weight:700}
#pricingTab .starter-payment-option button:disabled{opacity:.55;cursor:not-allowed}

#pricingTab #ap-dialog.starter-purchase-dialog{width:800px;max-height:90vh;overflow-y:auto;box-sizing:border-box}
#pricingTab .starter-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#pricingTab .starter-payment-options .starter-payment-option{display:flex;flex-direction:column;margin:12px 0;padding:24px;background:linear-gradient(150deg,#eff4ff,#fff);border-radius:22px}
#pricingTab .starter-payment-option .plan-identity{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
#pricingTab .starter-payment-option .plan-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d3dff6;border-radius:15px;color:#0059d9}
#pricingTab .starter-payment-option .plan-icon svg{width:26px;height:26px}
#pricingTab .starter-payment-option .plan-level{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#0059d9}
#pricingTab .starter-payment-option h3{font-size:22px;line-height:1.3}
#pricingTab .starter-payment-option .starter-annual-discount{align-self:flex-start;padding:5px 10px;border:1px solid #ccd9f5;border-radius:6px;background:#edf2ff;color:#0059d9}
#pricingTab .starter-option-rates{font-size:11px;line-height:1.9;margin:15px 0 20px}
#pricingTab .starter-payment-option .summary-price{font-size:36px;line-height:1.2;white-space:nowrap}
#pricingTab .starter-option-period{font-size:12px;margin:7px 0 0}
#pricingTab .starter-payment-option .hours{margin-bottom:20px}
#pricingTab .starter-payment-option .hours strong{color:#175ed3}
#pricingTab .starter-payment-option .primary{align-self:flex-start;min-width:105px;margin-top:auto;font-size:16px}
#pricingTab .starter-payment-option [role=status]:empty{display:none}
#pricingTab .starter-purchase-details{padding-top:16px}
#pricingTab #ap-dialog.starter-purchase-dialog>.notice{display:none}
@media(max-width:600px){#pricingTab .starter-payment-options{grid-template-columns:1fr}#pricingTab #ap-dialog.starter-purchase-dialog{padding:20px}}

#pricingTab [data-team-subscribe]{background:#fff;color:#006DCF;font-weight:400;border:1px solid #cbdaf0;transition:border-color .15s ease}
#pricingTab [data-team-subscribe]:hover,#pricingTab [data-team-subscribe]:focus-visible{background:#fff;color:#006DCF;font-weight:700;border-color:#006DCF}

#pricingTab #ap-dialog .subscription-dialog-cancel{float:right;background:#d7757d;color:#fff;border:0;border-radius:9px;padding:10px 20px;min-width:90px;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .15s ease}
#pricingTab #ap-dialog .subscription-dialog-cancel:hover,#pricingTab #ap-dialog .subscription-dialog-cancel:focus-visible{background:#d62839;color:#fff;font-weight:700}