:where(.c[data-page=pricing]) .p-top{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}:where(.c[data-page=pricing]) .p-top .hero-xl{gap:22px}:where(.c[data-page=pricing]) .p-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:22px;display:flex}:where(.c[data-page=pricing]) .p-plans{align-items:stretch;margin-top:clamp(40px,5vw,64px)}:where(.c[data-page=pricing]) .p-plans .plan{background:linear-gradient(180deg,var(--raised),color-mix(in oklch,var(--raised) 90%,var(--tan-tint)));box-shadow:inset 0 1px 0 oklch(100% 0 0/.65),0 0 0 1px var(--line),0 28px 60px -38px oklch(25% .03 60/.42),0 6px 16px -10px oklch(25% .03 60/.2);transition:translate .4s var(--ease),box-shadow .4s var(--ease);position:relative}:where(.c[data-page=pricing]) .p-plans .plan:hover{box-shadow:inset 0 1px 0 oklch(100% 0 0/.65),0 0 0 1px var(--line-2),0 36px 70px -36px oklch(25% .03 60/.5),0 8px 20px -10px oklch(25% .03 60/.22);translate:0 -4px}:where(.c[data-page=pricing]) .pro-wrap{min-width:0;display:flex;translate:0 -16px}:where(.c[data-page=pricing]) .pro-wrap.halo:before{inset:-14% -22% -10%}:where(.c[data-page=pricing]) .pro-wrap>.plan{flex:auto}:where(.c[data-page=pricing]) .p-plans .plan-pop{background:radial-gradient(90% 150px at 50% 0%,color-mix(in oklch,var(--tan) 30%,transparent),transparent),var(--raised);box-shadow:inset 0 1px 0 oklch(100% 0 0/.7),0 0 0 2px var(--ink),0 44px 90px -40px oklch(25% .04 60/.6),0 12px 28px -14px oklch(25% .03 60/.3)}:where(.c[data-page=pricing]) .p-plans .plan-pop:hover{box-shadow:inset 0 1px 0 oklch(100% 0 0/.7),0 0 0 2px var(--ink),0 52px 100px -40px oklch(25% .04 60/.65),0 14px 30px -14px oklch(25% .03 60/.32)}:where(.c[data-page=pricing]) .p-plans .plan-pop .price{font-size:52px}.c:where([data-page=pricing])[data-motion=off] .p-plans .plan{transition:none}:where(.c[data-page=pricing]) .trial-in{flex-direction:column;gap:clamp(32px,4vw,48px);display:flex}:where(.c[data-page=pricing]) .trial-film{width:100%;max-width:1040px;margin-inline:auto;position:relative}:where(.c[data-page=pricing]) .trial-film.halo:before{inset:-6% -8% -14%}:where(.c[data-page=pricing]) .night .lede{color:var(--ink-2)}:where(.c[data-page=pricing]) .night .tl-fig{background:linear-gradient(180deg,color-mix(in oklch,var(--raised) 92%,var(--tan)),var(--raised));box-shadow:inset 0 1px 0 oklch(100% 0 0/.08),0 0 0 1px var(--line-2),0 40px 100px -40px oklch(0% 0 0/.7)}:where(.c[data-page=pricing]) .night .tl-track{box-shadow:0 0 18px color-mix(in oklch,var(--tan) 40%,transparent)}:where(.c[data-page=pricing]) .night .tl-track i{box-shadow:0 0 14px var(--you)}:where(.c[data-page=pricing]) .night .tl .mk{box-shadow:inset 0 0 0 3px var(--ok),0 0 0 6px oklch(75% .13 152/.12),0 0 22px oklch(75% .13 152/.45)}:where(.c[data-page=pricing]) .night .tl li.r .mk{box-shadow:inset 0 0 0 3px var(--you),0 0 0 6px oklch(71% .14 255/.14),0 0 22px oklch(71% .14 255/.5)}:where(.c[data-page=pricing]) .night .tl li.e .mk{box-shadow:inset 0 0 0 3px var(--ink),0 0 0 6px oklch(100% 0 0/.08),0 0 22px oklch(100% 0 0/.25)}:where(.c[data-page=pricing]) .night .rules{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}:where(.c[data-page=pricing]) .night .fig{color:var(--ink-3)}:where(.c[data-page=pricing]) .pano .app-win{box-shadow:none;border-radius:0}:where(.c[data-page=pricing]) .tl-fig{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:26px;flex-direction:column;gap:22px;min-width:0;margin:0;padding:34px 30px 30px;display:flex;position:relative}:where(.c[data-page=pricing]) .tl-wrap{position:relative}:where(.c[data-page=pricing]) .tl-track{background:var(--line-2);border-radius:3px;height:3px;position:absolute;top:10px;left:11px;right:11px;overflow:hidden}:where(.c[data-page=pricing]) .tl-track i{background:linear-gradient(90deg,var(--ok),var(--you) 66%,var(--ink));transform-origin:0;position:absolute;inset:0}:where(.c[data-page=pricing]) .tl{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}:where(.c[data-page=pricing]) .tl li{flex-direction:column;gap:8px;min-width:0;display:flex}:where(.c[data-page=pricing]) .tl .mk{background:var(--raised);width:23px;height:23px;box-shadow:inset 0 0 0 3px var(--ok);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}:where(.c[data-page=pricing]) .tl .mk:after{content:"";background:var(--ok);border-radius:50%;width:9px;height:9px}:where(.c[data-page=pricing]) .tl li.r .mk{box-shadow:inset 0 0 0 3px var(--you)}:where(.c[data-page=pricing]) .tl li.r .mk:after{background:var(--you)}:where(.c[data-page=pricing]) .tl li.e .mk{box-shadow:inset 0 0 0 3px var(--ink)}:where(.c[data-page=pricing]) .tl li.e .mk:after{background:var(--ink)}:where(.c[data-page=pricing]) .tl .day{font-family:var(--mono);color:var(--ink-3);margin-top:6px;font-size:12.5px}:where(.c[data-page=pricing]) .tl b{letter-spacing:-.01em;font-size:17px;line-height:1.3}:where(.c[data-page=pricing]) .tl-fig .loop-ctl{position:static}:where(.c[data-page=pricing]) .p-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;display:grid}:where(.c[data-page=pricing]) .tl-track i{animation:12s cubic-bezier(.5,0,.3,1) infinite both c27-pricing-tl-fill}@keyframes c27-pricing-tl-fill-y{0%,4%{transform:scaleY(0)}70%,94%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes c27-pricing-tl-fill{0%,4%{transform:scaleX(0)}70%,94%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}:where(.c[data-page=pricing]) .tl li{animation:12s cubic-bezier(.2,.8,.2,1) infinite both c27-pricing-tl-on}:where(.c[data-page=pricing]) .tl li:nth-child(2){animation-delay:2.6s}:where(.c[data-page=pricing]) .tl li:nth-child(3){animation-delay:5.2s}:where(.c[data-page=pricing]) .tl li:nth-child(4){animation-delay:7.8s}@keyframes c27-pricing-tl-on{0%{opacity:.35;transform:translateY(8px)}6%,82%{opacity:1;transform:none}to{opacity:.35}}:where(.c[data-page=pricing]) .tl-below{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;display:grid}:where(.c[data-page=pricing]) .mail .screen-body{gap:12px}:where(.c[data-page=pricing]) .mail .t-body{font-size:15.5px;line-height:1.55}:where(.c[data-page=pricing]) .mail{animation:12s cubic-bezier(.3,1.2,.4,1) infinite both c27-pricing-mail-in}@keyframes c27-pricing-mail-in{0%,30%{box-shadow:var(--shadow-2);transform:translateY(14px)}36%,86%{box-shadow:0 0 0 2px var(--you-edge),var(--shadow-2);transform:none}to{box-shadow:var(--shadow-2);transform:none}}:where(.c[data-page=pricing]) .rules{background:var(--sunk);border-radius:22px;flex-direction:column;gap:0;padding:8px 22px;display:flex}:where(.c[data-page=pricing]) .rules .rule{box-shadow:inset 0 -1px 0 var(--line);flex-direction:column;gap:3px;padding:14px 0;display:flex}:where(.c[data-page=pricing]) .rules .rule:last-child{box-shadow:none}:where(.c[data-page=pricing]) .c-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}:where(.c[data-page=pricing]) .cb{flex-direction:column;gap:14px;display:flex}:where(.c[data-page=pricing]) .cb-row{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;font-size:14.5px;display:grid}:where(.c[data-page=pricing]) .cb-row .meter{height:12px}:where(.c[data-page=pricing]) .cb-row .meter i{transform-origin:0}@supports (animation-timeline:view()){:where(.c[data-page=pricing]) .cb-row .meter i{animation:linear both c27-pricing-cb-fill;animation-timeline:view();animation-range:entry 20% cover 45%}}@keyframes c27-pricing-cb-fill{0%{transform:scaleX(0)}}:where(.c[data-page=pricing]) .free{flex-direction:column;gap:10px;display:flex}:where(.c[data-page=pricing]) .free .row-flex{flex-wrap:nowrap;justify-content:space-between;font-size:14.5px}:where(.c[data-page=pricing]) .free .row-flex span:first-child{min-width:0}:where(.c[data-page=pricing]) .app-win .rows .row:nth-child(5){animation-delay:1.4s}:where(.c[data-page=pricing]) .app-win .rows .row:nth-child(6){animation-delay:1.75s}:where(.c[data-page=pricing]) .cr-meter{height:10px}:where(.c[data-page=pricing]) .cr-meter i{transform-origin:0;animation:10s cubic-bezier(.3,.7,.2,1) infinite both c27-l-fill}:where(.c[data-page=pricing]) .est{flex-direction:column;gap:10px;display:flex}:where(.c[data-page=pricing]) .est .line{box-shadow:inset 0 -1px 0 var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;font-size:14px;display:flex}:where(.c[data-page=pricing]) .est .line:last-child{box-shadow:none;padding-bottom:0}:where(.c[data-page=pricing]) .cmp-card{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:24px;overflow:hidden}:where(.c[data-page=pricing]) .cmp{border-collapse:collapse;width:100%;min-width:760px;font-size:14.5px}:where(.c[data-page=pricing]) .cmp th,:where(.c[data-page=pricing]) .cmp td{text-align:left;vertical-align:top;padding:14px 18px}:where(.c[data-page=pricing]) .cmp thead th{vertical-align:bottom;box-shadow:inset 0 -1px 0 var(--line-2);padding-top:22px;padding-bottom:18px}:where(.c[data-page=pricing]) .cmp thead .pn{flex-direction:column;gap:4px;display:flex}:where(.c[data-page=pricing]) .cmp thead .pn b{letter-spacing:-.01em;font-size:18px}:where(.c[data-page=pricing]) .cmp tbody td,:where(.c[data-page=pricing]) .cmp tbody th{box-shadow:inset 0 -1px 0 var(--line)}:where(.c[data-page=pricing]) .cmp tbody th{color:var(--ink);width:26%;font-weight:550}:where(.c[data-page=pricing]) .cmp tr.grp th{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);box-shadow:none;padding-top:26px;padding-bottom:8px;font-size:12px;font-weight:500}:where(.c[data-page=pricing]) .cmp td:nth-child(3),:where(.c[data-page=pricing]) .cmp th.pro{background:oklch(20% .006 75/.035)}:where(.c[data-page=pricing]) .cmp .yes{color:var(--ink-2);align-items:center;gap:8px;display:inline-flex}:where(.c[data-page=pricing]) .cmp .yes:before{content:"";border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);flex-shrink:0;width:12px;height:7px;transform:rotate(-45deg)translateY(-2px)}:where(.c[data-page=pricing]) .cmp .no{color:var(--ink-3)}:where(.c[data-page=pricing]) .cmp .num{font-weight:600}@media (width<=900px){:where(.c[data-page=pricing]) .tl{grid-template-columns:minmax(0,1fr);gap:20px;padding-left:38px}:where(.c[data-page=pricing]) .tl-track{width:3px;height:auto;inset:10px auto 10px 11px}:where(.c[data-page=pricing]) .tl-track i{transform-origin:50% 0;animation-name:c27-pricing-tl-fill-y}:where(.c[data-page=pricing]) .tl li{position:relative}:where(.c[data-page=pricing]) .tl .mk{position:absolute;top:0;left:-38px}:where(.c[data-page=pricing]) .p-faq{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=pricing]) .tl .day{margin-top:0}:where(.c[data-page=pricing]) .tl-below,:where(.c[data-page=pricing]) .c-top{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=pricing]) .tl-fig{padding:24px 20px}:where(.c[data-page=pricing]) .pro-wrap{translate:none}:where(.c[data-page=pricing]) .pano .app-win{min-height:0}}@media (width<=640px){:where(.c[data-page=pricing]) .cb-row{grid-template-columns:76px minmax(0,1fr) auto;gap:10px}}:where(.c[data-page=pricing]) [data-billing27=month] [data-per=year],:where(.c[data-page=pricing]) [data-billing27=year] [data-per=month]{display:none}:where(.c[data-page=pricing]) .display.p-h1{font-size:clamp(42px,5.6vw,80px)}:where(.c[data-page=pricing]) .p-sub{max-width:62ch;margin:0}:where(.c[data-page=pricing]) .p-stack{flex-direction:column;gap:4px;display:flex}:where(.c[data-page=pricing]) .p-plan-h{justify-content:space-between}:where(.c[data-page=pricing]) .p-flush{margin:0}:where(.c[data-page=pricing]) .p-push{margin-left:auto}:where(.c[data-page=pricing]) .p-gap8{gap:8px}:where(.c[data-page=pricing]) .p-gap10,:where(.c[data-page=pricing]) .card.p-gap10{gap:10px}:where(.c[data-page=pricing]) .p-between{justify-content:space-between}:where(.c[data-page=pricing]) .p-wrap{flex-wrap:wrap;gap:10px}:where(.c[data-page=pricing]) .p-col{flex-direction:column;gap:10px;min-width:0;display:flex}:where(.c[data-page=pricing]) .p-tl-cap{justify-content:space-between;gap:12px}:where(.c[data-page=pricing]) .p-mail-subject{letter-spacing:-.01em;font-size:18px}:where(.c[data-page=pricing]) .p-flow{flex-direction:column;gap:32px;display:flex}:where(.c[data-page=pricing]) .p-flow-28{gap:28px}:where(.c[data-page=pricing]) .card.p-card{gap:18px;padding:26px}:where(.c[data-page=pricing]) .card.p-card-tight{gap:16px}:where(.c[data-page=pricing]) .p-left-of{font-size:14px}:where(.c[data-page=pricing]) .p-dock-h{flex-direction:column;min-width:0;display:flex}:where(.c[data-page=pricing]) .p-paper{flex-direction:column;gap:8px;padding:16px 18px;display:flex}:where(.c[data-page=pricing]) .voice.p-voice{margin:0;font-size:16px;line-height:25px}:where(.c[data-page=pricing]) .p-est{padding:16px}:where(.c[data-page=pricing]) .p-dock-ctas{flex-wrap:wrap;gap:8px;margin-top:auto}:where(.c[data-page=pricing]) .p-foot{gap:10px 24px}:where(.c[data-page=pricing]) .p-cmp-head{justify-content:space-between;align-items:flex-end;gap:20px}:where(.c[data-page=pricing]) .p-caption{caption-side:bottom;text-align:left;padding:16px 18px}:where(.c[data-page=pricing]) .p-mascot{flex:none}:where(.c[data-page=pricing]) .follow img{width:auto;height:260px;animation:4.2s ease-in-out infinite c27-bob;display:block}:where(.c[data-page=pricing]) .scroll-x:focus-visible{outline:2px solid var(--you);outline-offset:-2px}@media (width<=760px){:where(.c[data-page=pricing]) .segtabs.p-toggle{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}:where(.c[data-page=pricing]) .segtabs.p-toggle button{height:auto;min-height:44px;padding:6px 8px;line-height:1.2}:where(.c[data-page=pricing]) .cmp{min-width:680px}:where(.c[data-page=pricing]) .cmp tbody th[scope=row],:where(.c[data-page=pricing]) .cmp thead th:first-child{z-index:1;background:var(--raised);width:150px;min-width:150px;position:sticky;left:0}:where(.c[data-page=pricing]) .plan .btn{width:100%}:where(.c[data-page=pricing]) .p-note .btn{min-height:44px}:where(.c[data-page=pricing]) .p-cmp-head{flex-direction:column;align-items:stretch}:where(.c[data-page=pricing]) .follow img{height:200px}:where(.c[data-page=pricing]) .free .row-flex{flex-wrap:wrap}}
