/* Legacy rules (2026-10-11): the rules of app.css (the old ~270KB all_v3.css bundle) that /pricing matches, in their
 * original order. Found by testing every app.css selector against the rendered page in all six locales and in its
 * scripted states (FAQ open, monthly prices, footer articles, tooltip, consent banner). The page links papero-base.css
 * instead of the bundle, then these, then its own rules, as it once linked the bundle then its own rules;
 * screenshot-compared at 1280/768/390px. The in-app iframe variant still links the bundle: for it these repeat rules
 * it already has, in the same order. If the page gains a class from the old markup, copy that app.css rule here.
 * Never link the bundle again. */
/* papero-base.css sets *{-webkit-font-smoothing:antialiased}; app.css never did, so text outside the restyled main
 * area (cookie banner link, header, tooltips) drew thinner after the swap. The property is inherited, so `inherit`
 * is its normal behaviour. */
*{-webkit-font-smoothing:inherit}
@font-face{font-family: 'GT America Standard Regular';src: url('../../../font/GT-America-Standard-Regular.eot');src: url('../../../font/GT-America-Standard-Regular.eot?#iefix') format('embedded-opentype'),url('../../../font/GT-America-Standard-Regular.woff2') format('woff2'),url('../../../font/GT-America-Standard-Regular.woff') format('woff'),url('../../../font/GT-America-Standard-Regular.ttf')  format('truetype');font-display: swap}
@keyframes text-fade-in{0%{opacity: 0;transform: translateY(50px)}to{opacity: 1;transform: translateY(0)}}
:root{--primary:#5d5fef;--primary-dark:#4338ca;--primary-light:#f0f0ff;--primary-light-2:#c7c7ff;--green:#5d5fef;--yellow:#ffa601;--red:#ed3d3e;--pink:#6056fc;--orange:#1e7d05;--dark-grey:rgba(0, 0, 0, 0.81);--grey:rgba(0, 0, 0, 0.51);--light-grey:rgba(245, 245, 245, 0.51);--white:rgba(255, 255, 255, 1);--purple:#7c3aed;--background:#ffffff;--surface:#fafafa;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#374151;--text-muted:#4b5563;--secondary:#06b6d4;--success:#10b981;--warning:#d97706;--error:#dc2626;--info:#0891b2;--color-header-arrow:rgba(255,255,255,0.8);--color-sidebar-default-background:#0D1116;--color-sidebar-default-background-light:#3a3b3f;--color-background-content-light-dark:#111110;--color-background-content-light:#111113;--color-background-content-lighter:#29292d;--color-background-content-lighter-2:#212123;--color-background-content-selected:#45454b;--color-background-content-selected-2:#282828;--color-background-content:#000410;--color-background-frontend-dark:#05102a;--color-background-black:#000000;--color-border-color:#21262e;---color-border-color-selected:#343b48;--color-shadow-inset:0 0 transparent;--color-header-font:rgba(255,255,255,0.8);--color-header-font-white:rgba(255,255,255,1);--color-header-font-dark:rgb(10, 10, 10);--color-text-default:#c9d1d9;--color-header-background:#161b22;--color-header-box-background:#10191B;--color-tab-border-selected:rgba(247, 45, 43, 0.9);--color-tab-border:rgba(247, 45, 43, 0.4);--color-background-green:#079b1b}
html{--headerWidth:16px;--scrollbarWidth:0px;--windowWidth:100vw;--layoutWidth:calc(var(--windowWidth) - var(--gutterWidth)*2);--layoutWidthMax:1080px;--angleNormal:-6deg;--angleStrong:-12deg;--angleNormalSin:0.106;--angleStrongSin:0.212;scroll-behavior:smooth}
@media (min-width:600px){html{--columnPaddingMedium:32px;--columnPaddingLarge:64px;--columnPaddingXLarge:64px;--columnCountMax:2
    }}
@media (min-width:900px){html{--columnPaddingXLarge:112px;--columnCountMax:4
    }}
@media (min-width:1112px){html{--layoutWidth:var(--layoutWidthMax);--headerWidth:calc((var(--windowWidth) - var(--layoutWidth))/2)
    }}
html,body{height:100%}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{font-size:100%}
body{background:#fff;color:#000;cursor:auto;font-family:"AkkuratStd", Helvetica, Arial, sans-serif;font-style:normal;font-weight:300;line-height:1.5;margin:0;padding:0;position:relative}
a:hover{cursor:pointer}
img{max-width:100%;height:auto}
img{-ms-interpolation-mode:bicubic}
.right{float:right!important}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.font-family-gt{font-family:'GT America Standard Regular', 'Helvetica', 'Arial'!important}
.pricingcontainer h1{margin:1.5rem 0rem 2rem 0;font-weight:500}
a.cta.button:hover{text-decoration:none;transition:transform 0.1s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s, -webkit-transform 0.1s cubic-bezier(0.25, 1.6, 0.6, 1.4) 0s}
.cta-new-col-white:hover{box-shadow:0 0 2px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 8%), 0 5px 6px rgb(0 0 0 / 8%), 0 6px 15px rgb(0 0 0 / 8%);color:var(--white)!important;background-color:#4d4edb}
.pricing-plans{margin:2rem 0 3rem 0}
.pricing-plans-questions{margin:2rem 0 4rem 0}
.pricing-plans-questions h3{font-size:20px;font-weight:500}
.pricing-plans-questions span{font-size:16px;font-weight:500}
img{display:inline-block;vertical-align:middle}
.row{margin:0 auto;max-width:78.125rem;width:100%}
.row-custom2{margin:0 auto;max-width:84.125rem;width:100%;position:relative}
.row-custom3{margin:0 auto;max-width:67.25rem!important;width:100%;position:relative}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.clearfix{clear:both}
.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}
@media only screen{.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}}
@media only screen{.small-12{width:100%}}
@media only screen{.columns.small-centered{margin-left:auto;margin-right:auto;float:none}}
@media only screen and (min-width: 40.0625em){.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}}
@media only screen and (min-width: 40.0625em){.medium-10{width:83.33333%}}
@media only screen and (min-width: 40.0625em){.medium-12{width:100%}}
@media only screen and (min-width: 64.0625em){.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}}
@media only screen and (min-width: 64.0625em){.large-4{width:33.33333%}}
@media only screen and (min-width: 64.0625em){.large-6{width:50%}}
@media only screen and (min-width: 64.0625em){.large-10{width:83.33333%}}
@media only screen and (min-width: 64.0625em){.large-12{width:100%}}
@media only screen and (min-width: 64.0625em){.columns.large-centered{margin-left:auto;margin-right:auto;float:none}}
@media only screen and (min-width: 64.0625em){.columns.large-centered:last-child{float:none}}
button,.button{-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;cursor:pointer;font-family:"AkkuratStd", Helvetica, Arial, sans-serif;font-weight:300;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:1rem 2rem 1.0625rem 2rem;font-size:1rem;background-color:var(--primary);color:#fff;transition:background-color 300ms ease-out}
button:hover,button:focus,.button:hover,.button:focus{background-color:var(--primary-dark)}
button:hover,button:focus,.button:hover,.button:focus{color:#fff}
.button.tiny{padding:.625rem 1.25rem .6875rem 1.25rem;font-size:.6875rem}
.button.radius{border-radius:100px!important;align-items:center;display:flex;justify-content:center!important}
button::-moz-focus-inner{border:0;padding:0}
@media only screen and (min-width: 40.0625em){button,.button{display:inline-block}}
.postfix{border-style:solid;border-width:1px;display:block;font-size:.975rem;height:3.3025rem;line-height:2.2525rem;overflow:visible;padding-bottom:0;padding-top:0;position:relative;text-align:center;width:100%;z-index:2}
.main-button-free{line-height:2.8!important;padding:20px 50px!important;height:81px!important;width:285px}
{-webkit-transition:box-shadow 0.15s ease,-webkit-transform 0.15s ease;transition:box-shadow 0.15s ease,transform 0.15s ease;will-change:box-shadow,transform;background:radial-gradient( 100% 100% at 100% 0%, #878787 0%, #525860 100% );box-shadow:0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);text-shadow:0 1px 0 rgb(0 0 0 / 40%)}
.postfix.button{border:0;padding-right:0;padding-top:0.5rem;text-align:center;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}
.postfix.button:focus{outline:0;border-color:#d5a6ff;box-shadow:0 0 0 3px #d5a6ff, inset 0 0 0 2px #FFF!important;border:initial!important}
.postfix.button.radius{border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-right-radius:0px}
::-webkit-input-placeholder{color:#BABABA}
:-moz-placeholder{color:#BABABA}
::-moz-placeholder{color:#BABABA}
:-ms-input-placeholder{color:#BABABA}
.margin-left-right{margin-left:20px!important;margin-right:20px!important}
.margin-top-bottom{margin-top:20px!important;margin-bottom:20px!important}
.top-bar{background:transparent;height:5.0625rem;line-height:4.0625rem;margin-bottom:0;overflow:hidden;position:relative}
.tab-bar{-webkit-backface-visibility:hidden;background:var(--color-background-frontend-dark);color:#fff;height:4.55rem;line-height:4.55rem;position:relative}
.top-bar ul{list-style:none;margin-bottom:0}
.top-bar .title-area{margin:0;position:relative}
.top-bar .name{font-size:16px;height:3.5625rem;margin:0}
.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}
.top-bar-section ul{display:block;font-size:16px;height:auto;margin:0;padding:0;width:100%}
.top-bar-section ul li{background:transparent;color:#ffffff}
.top-bar-section ul li>a{color:var(--color-header-font-white)!important;display:block;font-family:'GT America Standard Regular', sans-serif;font-size:0.9rem;font-weight:bold;padding:12px 0 12px 1.25rem;width:100%;-webkit-font-smoothing:antialiased;border-radius:8px}
.top-bar-section ul li>a{}
.top-bar-section ul li:hover:not(.has-form)>a{color:#fff}
@media only screen and (min-width: 60.0625em){.top-bar .title-area{float:left;display:inline;height:auto!important;width:auto;margin-top:4px}}
@media only screen and (min-width: 10.0625em){.top-bar{background:transparent;overflow:visible;margin:0 16px 0 16px}}
@media only screen and (min-width: 10.0625em){.top-bar:before,.top-bar:after{content:" ";display:table}}
@media only screen and (min-width: 10.0625em){.top-bar:after{clear:both}}
@media only screen and (min-width: 10.0625em){.top-bar-section{transition:none;left:0!important}}
@media only screen and (min-width: 10.0625em){.top-bar-section ul{display:inline;height:auto!important;width:auto;margin:10px 0px 10px 20px!important}}
@media only screen and (min-width: 10.0625em){.top-bar-section ul li{float:left;color:#ffffff}}
@media only screen and (min-width: 10.0625em){.top-bar-section li:not(.has-form) a:not(.button){background:transparent;line-height:3.4825rem;padding:0.5rem 0.85rem 0rem 0.5rem}}
@media only screen and (min-width: 10.0625em){.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:rgb(194, 191, 191);background:transparent;color:#5944ff}}
@media only screen and (min-width: 10.0625em){.no-js .top-bar-section ul li:hover>a{background-color:#555;background:transparent;color:#1d1d1d}}
@media only screen and (min-width: 10.0625em){.no-js .top-bar-section ul li:active>a{background:#fff;color:#1d1d1d}}
.text-center{text-align:center!important}
@media only screen and (min-width: 40.0625em){.medium-text-left{text-align:left!important}}
div,ul,li,h1,h2,h3,p{margin:0;padding:0}
a{color:var(--primary);line-height:inherit;text-decoration:none}
a:before{transition:width 220ms cubic-bezier(.165,.84,.44,1);position:absolute;bottom:-2px;width:0;border-bottom:2px solid var(--primary);content:""}
a:hover{color:var(--primary);border-bottom-color:var(--primary);border-bottom-width:2px}
a:hover,a:focus{color:#4645c9}
a img{border:0}
p{font-family:inherit;font-size:0.9rem;font-weight:300;line-height:1.7;margin-bottom:1.25rem;text-rendering:optimizeLegibility}
h1,h2,h3{color:#000;font-family:"AkkuratStd", Helvetica, Arial, sans-serif;font-style:normal;font-weight:300;line-height:1;margin-bottom:.5rem;margin-top:.2rem;text-rendering:optimizeLegibility}
h1{font-size:2rem}
h2{font-size:1.6875rem}
h3{font-size:1.375rem}
i{font-style:italic;line-height:inherit}
strong{font-weight:normal;line-height:inherit}
ul{font-family:inherit;font-size:0.9rem;line-height:1.5;list-style-position:outside;margin-bottom:1.25rem}
ul{margin-left:1.1rem}
ul li ul{margin-left:1.25rem;margin-bottom:0}
@media only screen and (min-width: 40.0625em){h1,h2,h3{line-height:2rem}}
@media only screen and (min-width: 40.0625em){h1{font-size:2rem}}
@media only screen and (min-width: 40.0625em){h2{font-size:1.8rem}}
@media only screen and (min-width: 40.0625em){h3{font-size:1.6875rem}}
@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}
@media print{a,a:visited{text-decoration:underline}}
@media print{a[href]:after{content:" (" attr(href) ")"}}
@media print{a[href^="#"]:after{content:""}}
@media print{img{page-break-inside:avoid}}
@media print{img{max-width:100%!important}}
@media print{p,h2,h3{orphans:3;widows:3}}
@media print{h2,h3{page-break-after:avoid}}
.off-canvas-wrap{-webkit-backface-visibility:hidden;position:relative;width:100%;overflow:hidden}
.inner-wrap{position:relative;width:100%;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease;background-color:#e8e8ea}
.inner-wrap:before,.inner-wrap:after{content:" ";display:table}
.inner-wrap:after{clear:both}
.tab-bar{-webkit-backface-visibility:hidden;background:#fff;color:#fff;height:4.55rem;line-height:4.55rem;position:relative}
.right-small{height:4.75rem;position:absolute;top:0;width:4.75rem;right:0}
.tab-bar-section{height:4.75rem;padding:0 .625rem;position:absolute;text-align:center;top:0}
@media only screen and (min-width: 40.0625em){h2{margin-bottom:2rem}}
@media only screen{.hide-for-large-up{display:inherit!important}}
@media only screen{.show-for-large-up{display:none!important}}
@media only screen and (min-width: 40.0625em){.hide-for-large-up{display:inherit!important}}
@media only screen and (min-width: 40.0625em){.show-for-large-up{display:none!important}}
@media only screen and (min-width: 64.0625em){.show-for-large-up{display:inherit!important}}
@media only screen and (min-width: 64.0625em){.hide-for-large-up{display:none!important}}
@media only screen and (min-width: 90.0625em){.show-for-large-up{display:inherit!important}}
@media only screen and (min-width: 90.0625em){.hide-for-large-up{display:none!important}}
@media only screen and (min-width: 120.0625em){.show-for-large-up{display:inherit!important}}
@media only screen and (min-width: 120.0625em){.hide-for-large-up{display:none!important}}
.navigation-section{z-index:9;top:64px;transition:all 0.25s;background-color:#ffffff;color:var(--color-header-font-white);margin-top:16px;margin:16px 36px;border-radius:999px;margin:0 auto;max-width:85.125rem;width:100%;margin-top:16px}
.tab-bar{z-index:4;box-shadow:rgb(55 58 80 / 5%) 0px 16px 32px, rgb(55 58 80 / 5%) 0px 8px 16px, rgb(55 58 80 / 5%) 0px 4px 8px, rgb(55 58 80 / 5%) 0px 2px 4px, rgb(55 58 80 / 5%) 0px 1px 2px}
.tab-bar-section{left:0;text-align:center}
@media only screen and (min-width: 11.875em){.tab-bar-section img{display:inline;height:70px;margin-bottom:20px}}
@media only screen and (min-width: 15.625em) and (max-width: 40.625em){.tab-bar-section{left:0rem;top:1.3rem}}
@media only screen and (min-width: 40.625em){.tab-bar-section{left:13.5rem;right:13.5rem;top:1rem;padding:0.7rem .625rem}}
body{min-height:100vh}
.middle-box:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}
h1{letter-spacing:-0.02em}
.cta{padding:.5rem;font-size:0.9rem;font-weight:500}
@media only screen and (min-width: 40.0625em){.cta{font-size:1rem;line-height:2rem}}
.cta span{line-height:1;display:inline-block;vertical-align:middle}
a.cta.button span{line-height:initial!important}
.perks i{}
.cta i{margin-left:.625rem;font-size:1rem;line-height:1;font-weight:normal;display:inline-block;vertical-align:middle}
@media only screen and (min-width: 40.0625em){.cta i{font-size:1rem}}
.cta.button.tiny{padding:.7rem;box-shadow:0 5px 15px rgba(0,0,0,.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent}
.cta.button.tiny:hover{box-shadow:0 0 2px rgba(0,0,0,.1), 0 12px 16px rgba(0,0,0,.08), 0 5px 25px rgba(0,0,0,.08), 0 18px 30px rgba(0,0,0,.08)}
.cta-blue.button{padding:.75rem;background-color:var(--primary);color:#fff}
.cta-blue.button.white-section:hover,.cta-blue.button.white-section:active,.cta-blue.button.white-section:focus{}
a.cta.button:hover{}
.cta-grey.button{background-color:#808080;color:#fff}
.cta-white-black-border.button{background-color:#fff;color:#000;border:initial;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);padding:15px 30px!important}
.cta-white-black-border.button i{color:#5757fc}
.cta-white-black-border.button:hover,.cta-white-black-border.button:active,.cta-white-black-border.button:focus{background-color:#fff}
ul{list-style-type:square}
main>section{padding:4.8rem 0}
ul{list-style:none;margin:0;padding:0}
.forceText{top:inherit!important;transform:translateY(0%)!important}
.services{padding-bottom:0;color:#444444}
@media only screen and (min-width: 40.0625em){.services p{}}
.services a{margin-bottom:0}
@media only screen and (min-width: 40.0625em){.services a{bottom:0}}
@media only screen and (min-width: 40.0625em){.services a:hover{text-decoration:underline}}
.head-main{margin-bottom:3rem;font-size:42px;line-height:1.3;font-weight:600}
footer{color:#fff;padding-top:54px;padding-right:0px;padding-bottom:30px;padding-left:0px;background-color:#191919;background-image:radial-gradient(circle farthest-corner at 100% 100%,#0c0c0c,transparent 70%)}
@media only screen and (max-width: 768px){.tab-bar-section{padding:initial}}
.price-bold{display:inline-block;font-family:"GT America Standard Regular", Helvetica, Arial, sans-serif}
.main-title{font-family:"Inter-Bold", "Inter", "Inter Placeholder", sans-serif!important;font-size:54px!important}
.pricing-ifreame .main-title{font-family:"Inter-Bold", "Inter", "Inter Placeholder", sans-serif!important;font-size:28px!important}
.pricing-ifreame .offer-description{display:none!important}
.pricing-ifreame .pricingcontainer h1{margin:1.5rem 0rem 1rem 0}
.pricing-ifreame #pricing .price_wrapper .section.intro ul.perks li{padding:0px!important}
.pricing-ifreame #pricing .price_wrapper .header .price{margin-top:0!important}
.price-bold3{display:inline-block;font-family:"Inter-Bold", "Inter", "Inter Placeholder", sans-serif;font-size:48px!important;letter-spacing:-2px;font-weight:600}
.price-bold4{display:inline-block;font-family:"Inter", "Inter Placeholder", sans-serif;font-size:22px!important;letter-spacing:px;font-weight:500}
.price-pro{color:#ffffff}
#pricing .price_wrapper{width:340px;min-height:300px;position:relative;-webkit-transition:border-color 200ms ease,-webkit-box-shadow 200ms ease,-webkit-transform 200ms ease;-o-transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease;transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease,-webkit-box-shadow 200ms ease,-webkit-transform 200ms ease;border-radius:16px!important;background-color:rgb(255, 255, 255);border:1px solid #e5e5e5}
.price_wrapper .header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;border-radius:16px!important;border-bottom:1px solid #e5e5e5;box-shadow:initial!important}
.price_wrapper{}
.pricing-publish{-webkit-box-align:center;-webkit-box-pack:center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;background-color:#f8f9fb;padding:48px;backdrop-filter:blur( 4px );-webkit-backdrop-filter:blur( 4px );border-radius:16px!important;border:1px solid #e5e5e5}
.pricing-publish p{color:#000;position:relative;line-height:1.6;font-size:1.125rem;margin:0px 0px 1.25rem}
.pricing-publish p strong{font-weight:700}
.contactus{font-weight:500;color:rgb(45, 76, 251);border-radius:4px!important}
a.contactus:hover{text-decoration:none}
a.contactus:hover::after{transform:translateX(10px);transition:transform 0.25s ease 0s}
.section.intro{margin:1rem 0}
.switchButtonSelected .header-switch{font-size:16px;font-weight:500;text-transform:none}
#pricing .price_wrapper .header{height:82px;padding:0px 0px 0px 40px;color:#252525;padding:8px 4px 16px 22px;transition:box-shadow 0.15s ease 0s, transform 0.15s ease 0s;will-change:box-shadow, transform;text-shadow:initial}
#pricing .price_wrapper .header{height:100%!important;box-shadow:0 1px 2px 0 rgba(0, 0, 0, .1);background:#fbfbfb!important}
#pricing .price_wrapper.pro .header{background:var(--primary)!important;color:#ffffff!important;background-repeat:repeat-x;-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;-ms-border-radius:4px 4px 0px 0px;-o-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;transition:box-shadow 0.15s ease 0s, transform 0.15s ease 0s;will-change:box-shadow, transform;text-shadow:rgb(0 0 0 / 40%) 0px 1px 0px}
#pricing .price_wrapper.pro .header{background:var(--primary)!important;background-repeat:repeat-x;-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;-ms-border-radius:4px 4px 0px 0px;-o-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;transition:box-shadow 0.15s ease 0s, transform 0.15s ease 0s;will-change:box-shadow, transform;text-shadow:rgb(0 0 0 / 40%) 0px 1px 0px}
@media only screen and (max-width: 768px){#pricing .price_wrapper.pro .header{height:82px;padding:0px 0px 0px 24px;transition:box-shadow 0.15s ease 0s, transform 0.15s ease 0s;will-change:box-shadow, transform;text-shadow:initial}}
#pricing .price_wrapper .header > span{font-size:18px;font-style:italic}
#pricing .price_wrapper .header .price{font-size:12px;position:relative;margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;flex-direction:column;width:100%}
#pricing .price_wrapper .header .price span{margin-right:0px;font-size:28px}
#pricing .price_wrapper .header .price span.price-teams{font-family:"Covered By Your Grace", cursive;font-style:normal;text-transform:uppercase;transform:rotate(-3deg) translate(0.35em, 0.05em);font-variant-ligatures:none;font-weight:400;left:100%;letter-spacing:.05em;transform-origin:left bottom;background:var(--green);padding:.25em .45em .3em .45em;color:var(--white);border-radius:8px}
#pricing .price_wrapper .header .price span.price-pro{font-family:"Covered By Your Grace", cursive;font-style:normal;text-transform:uppercase;transform:rotate(-3deg) translate(0.35em, 0.05em);font-variant-ligatures:none;font-weight:400;left:100%;letter-spacing:.05em;transform-origin:left bottom;background:var(--white);color:var(--green);padding:.25em .45em .3em .45em;border-radius:8px}
#pricing .price_wrapper .section.pricing-details{padding:0;text-align:left;margin-bottom:0}
#pricing .price_wrapper .section{padding:0px 0px 0px 26px;text-align:left}
#pricing .price_wrapper .section ul.perks{list-style-type:none;margin-left:0px;margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.78;font-weight:500;font-family:Hind,Arial,sans-serif;color:rgb(65, 65, 65)}
#pricing .price_wrapper .section ul.perks li{padding:5px 5px}
#pricing .price_wrapper .section ul.perks li i{width:14px;height:14px}
#pricing .price_wrapper .section.intro ul.perks{list-style-type:none;margin-left:0px;margin-bottom:6px;font-size:16px}
#pricing .price_wrapper .section.intro ul.perks li{padding:4px 0px;color:#26262c;margin-bottom:-3px;display:flex;justify-content:flex-start;font-family:'GT America Standard Regular', 'Helvetica', 'Arial'!important;display:flex;align-items:center;gap:6px}
#pricing .price_wrapper .section.intro ul.perks li:first-child{display:flex;align-items:center}
#pricing .price_wrapper .footer-pricing ul.perks li{font-size:12px}
#pricing .price_wrapper .section ul.perks i{margin-right:6px}
#pricing{display:flex;justify-content:center;align-content:center;align-items:center;gap:12px}
.pricingcontainer{display:flex;justify-content:flex-start;align-content:center;align-items:center;flex-direction:column}
@media (min-width: 1200px){#pricing .price_wrapper.lite{}}
@media (min-width: 1200px){#pricing .price_wrapper.lite:hover{box-shadow:0 8px 30px 0 rgb(10 10 10 / 15%), 0 0 0 0px rgb(10 10 10 / 10%)}}
@media (min-width: 980px) and (max-width: 1199px){#pricing .price_wrapper{width:280px}}
@media (min-width: 980px) and (max-width: 1199px){#pricing .price_wrapper.lite{}}
@media (min-width: 767px) and (max-width: 987px){#pricing .price_wrapper.lite{}}
@media (max-width: 979px){#pricing{flex-direction:column}}
@media (max-width: 979px){#pricing .price_wrapper .header .price{text-align:left;margin-left:24px}}
@media (max-width: 979px){.pricing-publish{padding:20px;max-width:370px;margin:0 auto}}
@media (max-width: 979px){.pricing-plans-questions{margin:0rem 0 4rem 0}}
@media (max-width: 979px){#pricing .price_wrapper{margin-bottom:20px!important}}
@media (min-width: 380px) and (max-width: 1198px){.postfix.button.radius{padding:8px 22px}}
@media (min-width: 380px) and (max-width: 1198px){.price_wrapper{}}
@media (min-width: 380px) and (max-width: 1198px){#pricing .price_wrapper .header .price span{font-size:24px}}
@media (max-width: 767px){.price_wrapper{margin-right:0px!important;display:inline-block}}
@media (max-width: 767px){.section.intro{margin:1rem 0 0 0}}
@media (max-width: 767px){.centre-container{text-align:center}}
@media (max-width: 767px){.pricing-plans{margin:2rem 0 2rem 0}}
@media (max-width: 767px){#pricing .price_wrapper{}}
@media (max-width: 767px){.pricingHero h1{font-size:2.5rem!important;margin:2rem 0 1rem 0}}
@media (max-width: 767px){#pricing .price_wrapper .header{height:65px;padding:12px 0px 0px 28px}}
@media (max-width: 480px){.discount-amount{display:inline-block;margin-left:5px;font-weight:700}}
@media (max-width: 480px){.pricing-plans-questions h3{line-height:1.4}}
@media (max-width: 480px){#pricing .price_wrapper{width:345px!important}}
@media (max-width: 480px){#pricing .price_wrapper .header .price span{font-size:24px;padding-bottom:1rem}}
@media (max-width: 480px){.row-custom3{margin:0 auto;max-width:67.325rem!important;width:100%;position:relative}}
img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
.section{clear:both;padding:0px;margin:0px}
.button:hover i.fa-chevron-circle-right{transform:translateX(8px);transition:transform 0.2s ease-in 0s}
@media only screen and (max-width: 480px){.yearly-button{margin-bottom:0px!important}}
*{box-sizing:border-box}
.border-radius-8{border-radius:8px!important}
.pricingHero .pricingcontainer span{max-width:470px}
.switchContainer .switchSelector{margin:0;width:100%;border-radius:999px;background-color:transparent;display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-transform:none}
.switchContainer .switchSelector .switchButtonSelected{font-size:1rem;font-weight:500;color:#6056fc;text-align:center;margin:0px}
.switchContainer .switchSelector .switchButtonNotSelected{font-size:1rem;font-weight:500;color:rgb(93, 100, 123);text-align:center;margin:0px}
.switchContainer .switchSelector.yearly-button{background-color:rgb(208, 255, 153);border:initial}
.switchContainer .switchSelector.monthly-button{background-color:rgb(255, 255, 255);max-width:150px;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}
.switchContainer .switchSelector.yearly-button span{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px}
@media (hover: hover){.switchContainer .switchSelector.yearly-button:hover{background-color:rgb(192, 244, 130);border:initial}}
@media (hover: hover){.switchContainer .switchSelector.monthly-button:hover{background-color:rgb(227, 226, 226);border:1px solid #e3dbdb;max-width:150px}}
.switchContainer{height:3.8rem;width:29.5rem;border-radius:999px;background-color:rgb(244 245 249);padding:0.4rem;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-top:0rem;gap:12px;border-bottom-color:rgb(229, 231, 235);border-radius:9999px;gap:.5rem;border-style:solid;border:initial;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.freeContainer{height:4.5rem;width:22.5rem;padding:0.5rem 0.75rem;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-top:0.6rem;margin-bottom:0.6rem;flex-direction:column;align-items:center}
#hero.pricingHero .row{max-width:84.125rem}
.perks strong{text-rendering:optimizeLegibility;font-size:16px;font-weight:600!important;font-family:'GT America Standard Regular', 'Helvetica', 'Arial'!important;display:inline-block}
#pricing .price_wrapper.pro{box-shadow:0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .37)}
@media (max-width: 480px){.div-flex-overview{flex-direction:column-reverse!important}}
@media (max-width: 480px){#pricing .price_wrapper .header .price{text-align:left;margin-left:-4px;width:100%}}
@media (max-width: 480px){.switchContainer .switchSelector{}}
@media (max-width: 480px){#pricing .price_wrapper .section{padding:6px 0px 0px 20px;text-align:left}}
@media (max-width: 480px){.section.intro{margin:0rem 0 0 0}}
@media (max-width: 480px){.switchContainer{padding:initial;border-radius:999px;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-top:1.5rem;flex-direction:row;align-items:center;padding-bottom:1rem!important;padding-top:1rem!important;padding-left:1rem!important;padding-right:1rem!important;height:auto;width:380px}}
@media (max-width: 480px){.switchContainer .switchSelector.yearly-button{width:initial}}
@media only screen and (max-width: 640px){.cta-white-black-border.button{padding:15px!important}}
@media only screen and (max-width: 640px){.cta{font-size:1.00625rem}}
@media only screen and (max-width: 640px){footer{padding-top:inherit}}
img{vertical-align:middle;border-style:none}
@media only screen and (max-width: 768px){.pricingHero h1{color:#1f1f20;font-size:2.2rem!important;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.1;letter-spacing:-0.5px;padding-top:0px;text-shadow:none;margin-left:initial;margin:0 auto;margin-bottom:10px}}
@media only screen and (max-width: 768px){.header-switch{margin-bottom:0px;font-size:16px}}
@media only screen and (max-width: 768px){.pricingcontainer span{font-size:14px;line-height:1.78;font-weight:500;font-family:Hind,Arial,sans-serif}}
@media only screen and (max-width: 768px){.services a{bottom:0;color:#000;font-size:14px!important}}
@media only screen and (max-width: 768px){h2{font-size:0.8rem}}
@media only screen and (max-width: 1140px){.cta-white-black-border.button{font-size:14px!important}}
@media only screen and (max-width: 1140px){.services{padding-left:12px;padding-right:12px}}
@media only screen and (max-width: 1140px){.tab-bar-section img{display:inline;height:36px;margin:-35px 0px 0px -4px}}
@media only screen and (max-width: 1140px){.right-small{width:16rem;text-align:right;margin-right:5vw}}
@media only screen and (min-width: 1140px){.cta-white-black-border:hover .fa-chevron-circle-right{transform:translateX(4px);transition:transform 0.2s ease-in 0s}}
a.cta-new-col-white{color:#fff!important;cursor:pointer}
@media (max-width: 1280px){.head-main{margin-bottom:3rem;font-size:26px;line-height:1.3;font-weight:600}}
.button-3d{box-shadow:0 2px 5px 0 rgba(213, 217, 217, .5);border-radius:100px!important}
.margin-right-5{margin-right:5px}
.margin-left-4{margin-left:4px}
.margin-left-5{margin-left:5px}
.margin-left-18{margin-left:18px}
i.svg-icon-check{background-color:#181719;-webkit-mask-image:url(/img/icons/svg/cil-check-circle.svg);mask-image:url(/img/icons/svg/cil-check-circle.svg);background-size:100% 100%;height:18px!important;width:18px!important;float:left;display:block;fill:#6056fc}
.footer-pricing i.svg-icon-check{margin-top:0.2rem;height:14px!important;width:14px!important}
i.svg-icon-right{background-color:#6056fc;-webkit-mask-image:url(/img/icons/svg/cil-chevron-circle-right-alt.svg);mask-image:url(/img/icons/svg/cil-chevron-circle-right-alt.svg);background-size:100% 100%;height:18px!important;width:18px!important;fill:#ffffff;margin-left:.625rem;margin-top:-0.1rem}
i.svg-icon-right-white{background-color:#ffffff!important}
i.svg-icon-right-purple{background-color:#815ef8!important}
i.svg-icon-right-dark-grey{background-color:#535454!important}
i.svg-icon-right-green{background-color:#2f9130!important}
li.footer-pricing{background-color:#f9f8fc;border-top:1px solid #e9e4ee;padding:10px 0 10px 30px;border-bottom:1px solid #e9e4ee}
.marginRight5{margin-right:5px}
.custom-saving{font-size:14px;background-color:#09d125;font-weight:600;display:inline-block;background-color:rgb(208, 255, 153);color:rgb(19 118 19);border-radius:20px;text-transform:uppercase;line-height:0.875rem;font-weight:600;text-shadow:initial}
.custom-saving3{margin-bottom:12px;text-align:center;font-size:14px;font-weight:600;color:#616161;letter-spacing:0.3px;font-size:12px;background-color:#09d125;font-weight:600;background-color:rgb(208, 255, 153);color:rgb(15 26 15);border-radius:20px;text-transform:uppercase;font-weight:500;padding:0.25rem 0.5rem}
.discount-amount{font-weight:700}
.ideal{font-size:14px!important;line-height:18px;color:rgba(0, 0, 0, .5)}
.pro .ideal{font-size:14px!important;line-height:18px;color:rgba(255, 255, 255, 0.9)}
.maxWidthButton{max-width:300px}
.issue-label{display:inline-block;font-size:11px;font-weight:500}
.pricing-svg{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;color:#288e2a!important;padding-top:2px!important}
.div-flex-overview{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}
.top-bar-section ul{}
.cil-info{display:block;background-size:100% 100%;background-color:#0b0b0b;height:16px!important;width:16px!important;-webkit-mask-image:url(/img/icons/svg/cil-info-2.svg);mask-image:url(/img/icons/svg/cil-info-2.svg);cursor:pointer}
.tippy{text-shadow:none}
.icon-tooltip{opacity:1}
@media (hover: hover){.perks li:hover .icon-tooltip{opacity:1}}
.faq-item{margin-bottom:12px;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.faq-question{padding:15px 20px;background-color:#fbfbfb;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}
.faq-question h3{margin:0;font-weight:500;font-size:16px}
.svg-icon-chevron-down{-webkit-mask-image:url(/img/icons/svg/cil-arrow-down.svg);mask-image:url(/img/icons/svg/cil-arrow-down.svg);background-size:100% 100%;height:18px!important;width:18px!important;margin:0 auto;float:left;display:block;fill:var(--primary-dark);background-color:var(--primary-dark);text-shadow:rgb(0 0 0 / 40%) 0px 1px 0px}
.svg-icon-chevron-up{-webkit-mask-image:url(/img/icons/svg/cil-arrow-up.svg);mask-image:url(/img/icons/svg/cil-arrow-up.svg);background-size:100% 100%;height:18px!important;width:18px!important;margin:0 auto;float:left;display:block;fill:var(--primary-dark);background-color:var(--primary-dark);text-shadow:rgb(0 0 0 / 40%) 0px 1px 0px}
.heading-description-3{display:flex;line-height:22px;margin-top:24px;letter-spacing:-0.2px;margin-bottom:6px;font-size:18px;font-weight:600;color:#10102e;align-items:center;justify-content:flex-start}
.faq-container{max-width:100%;margin:0 auto}
.faq-item{margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;overflow:hidden}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background-color:#fff;transition:all 0.3s ease}
.faq-question:hover{background-color:#f9f9f9}
.faq-question h3{margin:0;flex:1;font-weight:500;font-size:16px}
.faq-answer{display:none;padding:1.5rem 1.5rem 0.5rem 1.5rem;background-color:#fff;border-top:1px solid #f0f0f0}
.faq-item.active .faq-question{background-color:#f5f5f5}
.animate-text-fade-in{animation:text-fade-in .4s cubic-bezier(.33,1,.68,1) 0s forwards}
/* Papero /pricing (and its in-app iframe variant), 2026-10-09: the homepage's design language
   on the inherited Foundation pricing markup. CSS only; the partials under common/pricing/ and
   pricing.js (which flips the yearly/monthly switch and rewrites the prices) are untouched, so
   every rule here is scoped to body.pp-pricing and carries the weight it needs:
   - app.css styles the cards through #pricing (one ID), so card rules here start with #pricing;
     among two !important declarations specificity decides.
   - app.css has `#pricing .price_wrapper .header{height:100%!important}`; without a heavier
     height:auto the header fills the card and the feature list is clipped (changeloop.dev's
     pricing hit exactly this on the same markup).
   Tokens mirror papero-home.css (tests/home/homepage-design.test.js asserts they match).
   ?v= on the link in both pricing views: app/public is served immutable. */
:root{
  --pp-bg:#fafaf8;
  --pp-surface:#ffffff;
  --pp-band:#f3f2ef;
  --pp-panel:#efeee9;
  --pp-ink:#17151d;
  --pp-muted:#66626e;
  --pp-line:#e6e4df;
  --pp-line-soft:#efede9;
  --pp-cta:#6c5ce7;
  --pp-cta-hover:#5b4bd6;
  --pp-accent-deep:#5040c8;
  --pp-tint:#f1effd;
  --pp-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
  --pp-check:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317151d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}

/* ---- Page ---------------------------------------------------------------------------------- */
body.pp-pricing{background:var(--pp-bg)!important}
body.pp-pricing main#hero.pricingHero,body.pp-pricing main#hero .services{background-color:var(--pp-bg)!important;background-image:none!important;padding-top:0!important}
body.pp-pricing main#hero,body.pp-pricing main#hero h1,body.pp-pricing main#hero h2,body.pp-pricing main#hero h3,body.pp-pricing main#hero p,body.pp-pricing main#hero li,body.pp-pricing main#hero a,body.pp-pricing main#hero span,body.pp-pricing main#hero strong,body.pp-pricing main#hero div{font-family:var(--pp-font)!important;-webkit-font-smoothing:antialiased}
body.pp-pricing main#hero a::before,body.pp-pricing main#hero a:before{display:none!important}

/* ---- Hero ---------------------------------------------------------------------------------- */
body.pp-pricing .pricingcontainer{padding-top:80px!important;float:none!important}
body.pp-pricing h1.main-title{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.06!important;font-weight:500!important;letter-spacing:-.035em!important;color:var(--pp-ink)!important;max-width:18ch;margin:0 auto 16px!important;text-wrap:balance}
body.pp-pricing h2.offer-description{font-size:18px!important;line-height:1.55!important;font-weight:400!important;color:var(--pp-muted)!important;max-width:56ch;margin:0 auto 32px!important;letter-spacing:-.01em}

/* Yearly/monthly switch: a segmented control. The selected half is a STATE, so it never takes the violet action
   fill: papero-buttons.css gives it the pressed (inset) look. pricing.js moves .cta-blue/.switchButtonSelected. */
body.pp-pricing .switchContainer{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;max-width:none!important;float:none!important;margin:0 auto!important;padding:4px!important;background:var(--pp-band)!important;border:1px solid var(--pp-line)!important;border-radius:10px!important;box-shadow:none!important}
body.pp-pricing .switchContainer .switchSelector{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;opacity:1!important}
body.pp-pricing .switchContainer .switchSelector .switchButton{display:inline-flex!important;align-items:center;gap:8px;padding:9px 16px!important;margin:0!important;border-radius:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--pp-muted)!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap}
body.pp-pricing .switchContainer .switchSelector .switchButton div{font-size:14px!important;font-weight:600!important;color:inherit!important;margin:0!important;padding:0!important}
body.pp-pricing .switchContainer .switchSelector .switchButton .custom-saving{display:inline-flex!important;align-items:center;gap:4px;padding:3px 8px!important;border-radius:999px!important;background:var(--pp-tint)!important;color:var(--pp-accent-deep)!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
body.pp-pricing .switchContainer .custom-saving svg{width:12px;height:12px;fill:currentColor}
body.pp-pricing .pricingcontainer > br{display:none}

/* Primary "start free" button: the homepage's 8px violet primary. */
body.pp-pricing .signup-free-container{width:auto!important;float:none!important;margin:28px auto 0!important;max-width:none!important}
body.pp-pricing a.signup-free.main-button-free{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;max-width:none!important;height:auto!important;padding:13px 24px!important;border-radius:8px!important;border:1px solid transparent!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.01em;text-transform:none!important}
body.pp-pricing a.signup-free.main-button-free span{font-size:15px!important;font-weight:600!important}
body.pp-pricing a.signup-free.main-button-free .svg-icon-right{display:none!important}

/* ---- Plan cards ---------------------------------------------------------------------------- */
body.pp-pricing .pricing-plans{float:none!important;margin-top:48px!important}
body.pp-pricing #pricing{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:24px!important;flex-wrap:wrap;max-width:840px;margin:0 auto!important;float:none!important}
body.pp-pricing #pricing .price_wrapper{position:relative!important;top:0!important;margin:0!important;flex:1 1 360px;max-width:400px;display:flex!important;flex-direction:column!important;background:var(--pp-surface)!important;border:1px solid var(--pp-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;text-align:left!important}
body.pp-pricing #pricing .price_wrapper:hover{transform:none!important;box-shadow:0 18px 40px -24px rgba(23,21,29,.25)!important}
/* The recommended plan: a violet edge instead of a tilted green ribbon. */
body.pp-pricing #pricing .price_wrapper.pro{border:1.5px solid var(--pp-cta)!important;box-shadow:0 24px 50px -30px rgba(108,92,231,.45)!important}
body.pp-pricing #pricing .price_wrapper .absolute{display:none!important}
body.pp-pricing #pricing .price_wrapper .header{position:relative!important;height:auto!important;min-height:0!important;margin:0!important;padding:26px 26px 24px!important;background:var(--pp-band)!important;border:0!important;border-bottom:1px solid var(--pp-line)!important;border-radius:0!important;display:block!important;flex:0 0 auto!important;color:var(--pp-ink)!important;box-shadow:none!important}
body.pp-pricing #pricing .price_wrapper .header *{min-height:0!important}
body.pp-pricing #pricing .price_wrapper .header .price{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
body.pp-pricing #pricing .price_wrapper .header .price .price-teams-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap;gap:4px 8px;margin:0!important;padding:0!important}
body.pp-pricing #pricing .price_wrapper .header .price span{margin:0!important}
body.pp-pricing #pricing .price_wrapper .header .price span.price-bold4{font-size:20px!important;font-weight:500!important;color:var(--pp-muted)!important;letter-spacing:-.015em}
body.pp-pricing #pricing .price_wrapper .header .price span.price-pro,body.pp-pricing #pricing .price_wrapper .header .price span.price-teams,body.pp-pricing #pricing .price_wrapper .header .price span.price-basic,body.pp-pricing #pricing .price_wrapper .header .price span.price-free{font-family:var(--pp-font)!important;font-size:20px!important;font-weight:600!important;color:var(--pp-ink)!important;background:none!important;padding:0!important;border-radius:0!important;transform:none!important;text-transform:none!important;letter-spacing:-.015em!important;left:auto!important}
body.pp-pricing #pricing .price_wrapper .header .price .price-pro-price,body.pp-pricing #pricing .price_wrapper .header .price .price-teams-price + .price-teams-price{display:flex!important;align-items:baseline!important;gap:6px;margin:18px 0 0!important;padding:0!important;font-size:14px!important;color:var(--pp-muted)!important}
body.pp-pricing #pricing .price_wrapper .header .price .offplan{margin:0!important;font-size:44px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--pp-ink)!important}
body.pp-pricing #pricing .price_wrapper .header .price .ideal{display:block!important;margin:12px 0 0!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:var(--pp-muted)!important;max-width:32ch}
body.pp-pricing #pricing .price_wrapper .header .price .price-teams-price .ideal{display:inline!important;margin:0!important;font-size:14px!important}

/* Feature lists */
body.pp-pricing #pricing .price_wrapper .section.intro{flex:0 0 auto;margin:0!important;padding:22px 26px 6px!important;background:transparent!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .section.intro.pricing-details{padding:14px 26px 6px!important;border-top:1px solid var(--pp-line-soft)!important;flex:1 1 auto}
body.pp-pricing #pricing .price_wrapper .section ul{list-style:none!important;margin:0!important;padding:0!important}
body.pp-pricing #pricing .price_wrapper .section li.footer-pricing{background:transparent!important;padding:0!important;margin:0!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .section ul.perks li{display:flex!important;align-items:flex-start;gap:10px;margin:0 0 11px!important;padding:0!important;font-size:14.5px!important;line-height:1.45!important;color:var(--pp-ink)!important;font-weight:500!important;text-align:left!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .section.pricing-details ul.perks li{font-size:14px!important;color:var(--pp-muted)!important;font-weight:400!important}
body.pp-pricing #pricing .price_wrapper .section ul.perks li strong{font-weight:500!important;color:inherit!important;font-size:inherit!important;margin-right:0!important}
body.pp-pricing #pricing .price_wrapper .section ul.perks li .underlineDashed{text-decoration:underline dashed var(--pp-line)!important;text-underline-offset:4px;border:0!important}
body.pp-pricing #pricing .price_wrapper .section ul.perks li i.svg-icon-check{flex:0 0 16px;width:16px!important;height:16px!important;margin:2px 0 0!important;background:var(--pp-check) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
body.pp-pricing #pricing .price_wrapper .section ul.perks li i.cil-info{flex:0 0 auto;margin:2px 0 0 auto!important;opacity:.5}

/* Savings note + the card's own buy button */
body.pp-pricing #pricing .price_wrapper .button-container-buy{margin:0!important;padding:8px 26px 26px!important;background:transparent!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .button-container-buy .margin-left-right{margin:0!important;padding:0!important}
body.pp-pricing #pricing .price_wrapper .button-container-buy ul.perks{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:12px}
body.pp-pricing #pricing .price_wrapper .button-container-buy ul.perks li{margin:0!important;padding:0!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .custom-saving3,body.pp-pricing #pricing .price_wrapper .custom-saving3 .issue-label{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;margin:0!important;padding:7px 10px!important;border-radius:8px!important;background:var(--pp-tint)!important;color:var(--pp-accent-deep)!important;border:0!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
body.pp-pricing #pricing .price_wrapper .custom-saving3 .issue-label{padding:0!important;background:none!important}
body.pp-pricing #pricing .price_wrapper .custom-saving3 svg{width:13px;height:13px;fill:currentColor;flex:0 0 auto}
body.pp-pricing #pricing .price_wrapper .custom-saving3 .discount-amount{color:inherit!important;font-weight:700!important}
body.pp-pricing #pricing .price_wrapper .button-container-buy a.button{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:13px 20px!important;border-radius:8px!important;border:1px solid transparent!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:-.01em}
body.pp-pricing #pricing .price_wrapper .button-container-buy a.button span{font-size:15px!important;font-weight:600!important}
body.pp-pricing #pricing .price_wrapper .button-container-buy a.button .svg-icon-right,body.pp-pricing #pricing .price_wrapper .button-container-buy a.button::after{display:none!important}
/* The two cards' controls (2026-10-17): the Free card's link sits outside .button-container-buy and the Plus card's
   "opens soon" is a span, so neither met the rules above (the Free one was a 100px pill with a stray glyph). Both
   take the buy button's geometry, at the Plus card's inset, on the card's bottom edge, so the two cards align. Their
   look (primary / disabled) is papero-buttons.css. */
body.pp-pricing #pricing .price_wrapper > .button-container-buy{margin-top:auto!important}
body.pp-pricing #pricing .price_wrapper.free > .margin-left-right.margin-top-bottom{margin:auto 0 0!important;padding:8px 26px 26px!important;width:auto!important;float:none!important}
body.pp-pricing #pricing .price_wrapper.free > .margin-left-right ul.perks{list-style:none!important;margin:0!important;padding:0!important}
body.pp-pricing #pricing .price_wrapper.free > .margin-left-right ul.perks li{margin:0!important;padding:0!important;border:0!important}
body.pp-pricing #pricing .price_wrapper .perks a.signup-free,body.pp-pricing #pricing .price_wrapper .plus-soon{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:13px 20px!important;border-radius:8px!important;border:1px solid transparent!important;font-family:var(--pp-font)!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;text-align:center;text-transform:none!important;letter-spacing:-.01em}
body.pp-pricing #pricing .price_wrapper .perks a.signup-free span{font-size:15px!important;font-weight:600!important;line-height:1.2!important}
body.pp-pricing #pricing .price_wrapper .perks a.signup-free .svg-icon-right,body.pp-pricing #pricing .price_wrapper .perks a.signup-free::after{display:none!important}
/* The buttons' and the switch's look (fill, shadows, hover, pressed, focus ring) is papero-buttons.css (2026-10-17). */
body.pp-pricing .faq-toggle:focus-visible{outline:2px solid var(--pp-ink)!important;outline-offset:3px}

/* ---- Custom-solution row ------------------------------------------------------------------- */
body.pp-pricing .row-custom3.border-radius-8{max-width:840px!important;margin:56px auto 0!important;padding:0 24px!important;background:transparent!important;box-shadow:none!important}
/* app.css lays this row out as a column, which turned the copy's flex-basis into a 380px height. */
body.pp-pricing .pricing-publish{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0!important;padding:22px 26px!important;background:var(--pp-surface)!important;border:1px solid var(--pp-line)!important;border-radius:14px!important;box-shadow:none!important;text-align:left!important}
body.pp-pricing .pricing-publish .large-10{width:auto!important;flex:1 1 380px;float:none!important;padding:0!important}
body.pp-pricing .pricing-publish p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:var(--pp-muted)!important;font-weight:400!important}
body.pp-pricing .pricing-publish p strong{color:var(--pp-ink)!important;font-weight:600!important}
body.pp-pricing .pricing-publish .div-flex-overview{margin:0!important;padding:0!important}
body.pp-pricing a.contactus{display:inline-flex!important;align-items:center;margin:0!important;padding:11px 18px!important;border-radius:8px!important;border:1px solid var(--pp-line)!important;font-size:14.5px!important;font-weight:600!important;text-transform:none!important}
body.pp-pricing a.contactus .svg-icon-right{display:none!important}

/* ---- FAQ: the homepage's ruled list ---------------------------------------------------------- */
/* main#hero in the selector: the hero rule above zeroes padding-top on every main#hero .services,
   and this FAQ is one of them. */
body.pp-pricing main#hero section.pricing-plans-questions{background-color:var(--pp-bg)!important;padding:88px 0 96px!important;margin:0!important}
body.pp-pricing .pricing-plans-questions .row-custom3{max-width:868px!important;padding:0 24px!important}
body.pp-pricing .pricing-plans-questions h2.head-main{margin:0 0 40px!important;font-size:clamp(28px,3.6vw,40px)!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.028em!important;color:var(--pp-ink)!important}
body.pp-pricing .faq-container{border-top:1px solid var(--pp-line)!important;margin:0!important;padding:0!important}
body.pp-pricing .faq-container .faq-item{margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--pp-line)!important;border-radius:0!important;box-shadow:none!important}
body.pp-pricing .faq-container .faq-question{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:22px 4px 22px 0!important;background:transparent!important;cursor:pointer}
body.pp-pricing .faq-container .faq-question h3{margin:0!important;font-size:17.5px!important;line-height:1.45!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--pp-ink)!important}
body.pp-pricing .faq-container .faq-question:hover h3{color:var(--pp-accent-deep)!important}
body.pp-pricing .faq-container .faq-question i{flex:0 0 16px;width:16px!important;height:16px!important}
body.pp-pricing .faq-container .faq-answer-content{padding:0 0 22px!important}
body.pp-pricing .faq-container .faq-answer p{margin:0!important;max-width:680px;font-size:16px!important;line-height:1.6!important;font-weight:400!important;color:var(--pp-muted)!important}

/* Side by side, the two headers end level so both feature lists start on one line. The Teams
   header (price per seat + a three-line description) is the taller one in every live locale. */
@media (min-width:901px){
  body.pp-pricing #pricing .price_wrapper .header{min-height:258px!important}
}

/* ---- Narrow viewports (last: later rules win at equal specificity) -------------------------- */
@media (max-width:900px){
  body.pp-pricing .pricingcontainer{padding-top:48px!important}
  body.pp-pricing #pricing{padding:0 16px!important}
  body.pp-pricing #pricing .price_wrapper{flex:1 1 100%;max-width:440px}
  body.pp-pricing main#hero section.pricing-plans-questions{padding:64px 0 72px!important}
  body.pp-pricing .row-custom3.border-radius-8{padding:0 16px!important}
}
@media (max-width:480px){
  body.pp-pricing .switchContainer .switchSelector .switchButton{padding:8px 12px!important;font-size:13px!important}
  body.pp-pricing .switchContainer .switchSelector .switchButton .custom-saving{font-size:11px!important;padding:2px 6px!important}
}

/* Waitlist note under the subtitle while there is no signed-in app (2026-10-09). */
body.pp-pricing p.pp-waitlist-note{max-width:56ch;text-wrap:balance;margin:-14px auto 28px!important;font-size:15px!important;line-height:1.55!important;color:var(--pp-muted)!important;text-align:center}
body.pp-pricing p.pp-waitlist-note a{white-space:nowrap;color:var(--pp-accent-deep)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Free + Plus (2026-10-14): the quota table under the cards, and the Plus card's notes and "opens soon" state. */
body.pp-pricing .pp-quotas{max-width:760px;margin:40px auto 0;padding:0 16px;text-align:left}
body.pp-pricing .pp-quotas h2{font-size:24px;line-height:1.3;margin:0 0 16px;text-align:center;color:var(--pp-ink)}
body.pp-pricing .pp-quota-table{width:100%;border-collapse:collapse;font-size:15px;color:var(--pp-ink)}
body.pp-pricing .pp-quota-table th,body.pp-pricing .pp-quota-table td{padding:10px 12px;border-bottom:1px solid var(--pp-line);text-align:left;vertical-align:top}
body.pp-pricing .pp-quota-table thead th{font-weight:600}
body.pp-pricing .pp-quota-table tbody th{font-weight:500}
body.pp-pricing .pp-quotas__note{font-size:13px;color:var(--pp-muted);margin:12px 0 0}
body.pp-pricing .price_wrapper .billed-note,body.pp-pricing .price_wrapper .vat-note{display:block;font-size:13px;color:var(--pp-muted);margin-top:4px}
body.pp-pricing .price_wrapper .billed-note.hidden{display:none}
@media (max-width:640px){body.pp-pricing .pp-quota-table{font-size:14px}body.pp-pricing .pp-quota-table th,body.pp-pricing .pp-quota-table td{padding:8px 6px}}