/* Service pages share the shop's type, ink and sage surfaces. */
.ppx-guide-basics{margin:0 0 36px}
.ppx-guide-basics .ppx-guide-entry{margin:0;border-bottom:1px solid #c7d0c5}
.ppx-guide-basics h2{font-size:21px;font-weight:400;margin:0}
.ppx-guide-service-links{display:flex;flex-wrap:wrap;gap:30px;margin:36px 0;padding-top:24px;border-top:1px solid #c7d0c5}
.ppx-guide-service-links a{padding:10px 0;border-bottom:1px solid #789781;font-size:14px;color:#344c3b}
.ppx-front .page-hero{text-align:start;padding:64px 0 36px;background:none;border-bottom:1px solid #ccd5cb}
.ppx-front .page-hero h1{font-size:clamp(36px,4.5vw,64px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.045em;color:#142023!important;background:none!important;-webkit-text-fill-color:currentColor!important;margin:12px 0 22px}
.ppx-front .page-hero .section-description{margin-inline:0;max-width:650px;color:#52675b!important;font-size:16px!important;line-height:1.7}
.ppx-front body.partner-page{background:#f5f5ef;color:#142023}
.ppx-front .partner-wrap,.ppx-front .creator-wrap{max-width:1180px;margin:auto;padding:60px 30px 90px;gap:44px}
.ppx-front .partner-wrap .section-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.ppx-front .partner-wrap .partner-hero{text-align:start;padding-bottom:36px;border-bottom:1px solid #c7d0c5}
.ppx-front .partner-wrap .partner-hero::before,.ppx-front .creator-card::before{display:none}
.ppx-front .partner-wrap .partner-hero h1,.ppx-front .creator-header h1{font-size:clamp(36px,5vw,64px)!important;font-weight:500!important;line-height:1.08!important;letter-spacing:-.045em;color:#142023;background:none;-webkit-text-fill-color:currentColor;margin:0 0 22px}
.ppx-front .partner-hero>p{font-size:16px;line-height:1.7;color:#52675b;max-width:610px;margin:0 0 24px}
.ppx-front .partner-wrap .hero-cta,.ppx-front .apply-form button,.ppx-front .creator-wrap .login-form button,.ppx-front .creator-wrap .btn-payout{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 24px;border:1px solid #142023;border-radius:0;background:#142023;color:#f5f5ef;box-shadow:none;font:inherit;font-size:14px;font-weight:500;transform:none}
.ppx-front .partner-wrap .hero-cta:hover,.ppx-front .apply-form button:hover,.ppx-front .creator-wrap .login-form button:hover{background:#2e493d;box-shadow:none;transform:none}
.ppx-front .partner-wrap .everyone-banner{margin:32px 0 0;max-width:680px;padding:22px 26px;border:0;border-left:2px solid #789781;border-radius:0;background:#e6ebe3;box-shadow:none;text-align:start}
.ppx-front .partner-wrap .everyone-banner .icon,.ppx-front .partner-wrap .benefit-card>.icon{display:none}
.ppx-front .partner-wrap .everyone-banner strong{color:#142023;font-weight:500;font-size:17px}
.ppx-front .partner-wrap .everyone-banner p{color:#52675b;font-size:14px}
.ppx-front .partner-wrap .everyone-banner .eyebrow{font-size:10px;letter-spacing:.13em;color:#426752;font-weight:500;margin-bottom:8px}
.ppx-front .partner-wrap .section-title,.ppx-front .apply-card h2{font-size:32px!important;font-weight:400;line-height:1.2;color:#142023;letter-spacing:-.025em;text-align:start;margin:0 0 24px}
.ppx-front .partner-wrap .benefit-grid,.ppx-front .partner-wrap .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.ppx-front .partner-wrap .benefit-card{background:none;border:0;border-top:1px solid #c7d0c5;border-radius:0;padding:24px 0;text-align:start}
.ppx-front .partner-wrap .benefit-card h3,.ppx-front .partner-wrap .step-text h4{font-size:19px;font-weight:500;color:#142023;margin:0 0 10px}
.ppx-front .partner-wrap .benefit-card p,.ppx-front .partner-wrap .step-text p{font-size:14px;color:#52675b;line-height:1.75}
.ppx-front .partner-wrap .steps{gap:0}
.ppx-front .partner-wrap .step{background:none;border:0;border-top:1px solid #c7d0c5;border-radius:0;padding:22px 0;gap:24px}
.ppx-front .partner-wrap .step-num{background:none;color:#426752;border:0;box-shadow:none;font:inherit;font-size:13px;min-width:32px}
.ppx-front .partner-wrap .apply-card{padding:32px;background:#e6ebe3;border:0;border-radius:0}
.ppx-front .partner-wrap .apply-hint{color:#52675b;text-align:start;font-size:14px}
.ppx-front .apply-form{gap:18px 22px}
.ppx-front .apply-form label{font-size:13px;color:#344c3b;display:grid;gap:7px}
.ppx-front .apply-form label:last-of-type,.ppx-front .apply-form button{grid-column:1/-1}
.ppx-front .apply-form input,.ppx-front .apply-form textarea,.ppx-front .creator-wrap input{font:inherit;font-size:16px;color:#142023;background:#f5f5ef;border:1px solid #a7b6a9;border-radius:0;min-height:46px;padding:12px;max-width:100%;box-sizing:border-box}
.ppx-front .apply-form textarea{min-height:110px;resize:vertical}
.ppx-front .apply-form input::placeholder,.ppx-front .apply-form textarea::placeholder{color:#64766a}
.ppx-front .partner-wrap .faq-card a{color:#344c3b!important;text-decoration:underline}
.ppx-front .creator-wrap{max-width:1000px;min-height:65vh}
.ppx-front .creator-header{text-align:start;margin:0 0 32px;padding-bottom:30px;border-bottom:1px solid #c7d0c5}
.ppx-front .creator-header .subtitle{font-size:15px;color:#52675b}
.ppx-front .creator-card{border:0;border-top:1px solid #c7d0c5;border-radius:0;background:none;box-shadow:none;padding:28px 0;margin:0 0 26px}
.ppx-front #login-card{max-width:570px;border:0;padding-top:0}
.ppx-front .creator-card h3{font-size:25px;font-weight:400;color:#142023;margin-bottom:15px}
.ppx-front .creator-wrap .login-form{gap:10px}
.ppx-front .creator-wrap .login-form label{font-size:13px;color:#344c3b}
.ppx-front .creator-wrap .login-form button{margin-top:8px}
.ppx-front .creator-wrap .stat-box{background:#e6ebe3;border:0;border-radius:0;box-shadow:none;text-align:start;transform:none}
.ppx-front .creator-wrap .stat-box .value{color:#142023;font-size:28px;font-weight:500}
.ppx-front .creator-wrap .stat-box .label{color:#52675b;line-height:1.5}
.ppx-front .creator-wrap .link-box{width:100%;text-align:start;color:#344c3b;background:#e6ebe3;border:1px solid #acbda9;border-radius:0;line-height:1.6}
.ppx-front .creator-wrap .btn-logout{border-radius:0;border-color:#acbda9;min-height:44px;color:#344c3b}
.ppx-front .creator-wrap .payout-section{border-color:#c7d0c5}
.ppx-front :is(.partner-wrap,.creator-wrap) .msg{border-radius:0;font-size:14px;line-height:1.6;padding:16px}
.ppx-front :is(.partner-wrap,.creator-wrap) .msg.ok{background:#e6ebe3;color:#31563d;border:1px solid #acbda9}
.ppx-front :is(.partner-wrap,.creator-wrap) .msg.err{background:#f7ebe6;color:#8e3929;border:1px solid #d5b1a8}
.ppx-front .coa-page .section-header{max-width:760px;text-align:start;margin:0 0 30px}
.ppx-front .coa-page .section-description{margin-inline:0}
.ppx-front .coa-page #coa-search{min-width:0!important;width:100%}
.ppx-front .coa-page .card{border-radius:0;background:none;box-shadow:none;border:0;border-top:1px solid #c7d0c5}
.ppx-front .coa-page .coa-search-panel{padding:24px;background:#e6ebe3;border:0;margin-inline:0!important}
.ppx-front .coa-page .coa-info{border-radius:0!important}
.ppx-front .coa-empty{padding:24px 0;color:#52675b;line-height:1.7}
.ppx-front .footer-grid{grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(130px,1fr))}
@media(max-width:760px){
 .ppx-front .page-hero{padding:34px 0 26px}
 .ppx-front .page-hero .section-description{font-size:14px!important}
 .ppx-front .partner-wrap,.ppx-front .creator-wrap{padding:36px 20px 64px;gap:32px}
 .ppx-front .partner-wrap .benefit-grid,.ppx-front .partner-wrap .faq-grid{grid-template-columns:1fr}
 .ppx-front .partner-wrap .everyone-banner{padding:20px;margin-top:24px}
 .ppx-front .partner-wrap .apply-card{padding:24px 20px}
 .ppx-front .apply-form{grid-template-columns:1fr}
 .ppx-front .partner-wrap .section-title{font-size:28px!important}
 .ppx-front .partner-hero>p{font-size:15px}
 .ppx-front .creator-header h1{font-size:38px!important}
 .ppx-front .coa-page .coa-info{padding:24px!important}
 .ppx-front .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ppx-front .footer-brand{grid-column:1/-1}
}
@media(min-width:761px) and (max-width:1050px){.ppx-front .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}