/* ---------- Sumate como partner ---------- */
.ptn{padding:80px 0;background:linear-gradient(180deg,#f8fbff 0,#fff 100%)}
.ptn-head{max-width:760px}.ptn-head .lead{max-width:680px;margin-bottom:0}
.ptn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.ptn-b{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(20,55,100,.07)}
.ptn-b i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8fcf2;font-style:normal;font-size:21px;margin-bottom:14px}
.ptn-b h3{font-size:17px;line-height:1.2;margin:0 0 6px;color:var(--navy)}.ptn-b p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}
.ptn-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;margin-top:44px}
.ptn-how h3{font-size:22px;letter-spacing:-.02em;margin:0 0 18px;color:var(--navy)}
.ptn-st{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.ptn-st b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:15px}
.ptn-st strong{display:block;color:var(--navy);font-size:15.5px;margin-bottom:2px}.ptn-st span{color:var(--muted);font-size:14px;line-height:1.5}
.ptn-note{margin-top:22px;padding:16px 18px;border-radius:16px;background:#fff;border:1px dashed #cfdcee;font-size:13.5px;color:var(--muted);line-height:1.5}
.ptn-note b{color:var(--navy)}
@media(max-width:1000px){.ptn-grid{grid-template-columns:repeat(2,1fr)}.ptn-main{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.ptn{padding:56px 0}.ptn-grid{grid-template-columns:1fr}.ptn .demo-form{grid-template-columns:1fr}.ptn .demo-card{padding:22px 18px}}

.ptn-page .ptn{padding-top:140px;min-height:70vh}
.ptn-off{max-width:560px;margin:0 auto 30px;text-align:center}
.ptn-back{white-space:nowrap}
@media(max-width:700px){.ptn-page .ptn{padding-top:110px}.ptn-back{display:inline-flex}.ptn-page .login-link:not(.ptn-back){display:none}.ptn-page .header-cta{display:none}}
@media(max-width:900px){.ptn-page .nav-actions{display:flex!important;margin-left:auto}.ptn-page .nav-actions .ptn-back{display:inline-flex!important;align-items:center;gap:6px;font-size:14px;font-weight:800}}

.ptn-head h1{font-size:42px;line-height:1.03;letter-spacing:-.04em;margin:8px 0 16px;color:var(--navy)}
@media(max-width:700px){.ptn-head h1{font-size:34px}}
