.pro section{margin:0;padding:88px 0}
.pro .hero{padding:64px 0 72px;background:var(--bg);color:var(--navy);border-bottom:1px solid var(--line)}
.pro .hero-g{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.pro .slogan{display:none}
.pro h1{font-size:clamp(34px,4.8vw,56px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px;color:var(--navy);text-wrap:balance}
.pro .sub{font-size:19px;color:var(--mut);margin:0 0 30px;max-width:48ch;line-height:1.5}
.pro .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.pro .cta-row .btn{height:52px;padding:0 24px;font-size:16px}
.pro .hero .btn.sec{background:transparent;color:var(--navy);border-color:#B6BCB2}.pro .hero .btn.sec:hover{background:#fff}
.pro .trust{margin:16px 0 0;font-size:14px;color:var(--mut);display:flex;align-items:center;gap:8px}.pro .trust .ic{width:16px;height:16px;color:var(--ok)}
.pro .shots{position:relative;padding-bottom:28px}
.pro .laptop{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -28px rgba(15,23,42,.4)}
.pro .laptop img,.pro .phone img{display:block;width:100%;height:auto}
.pro .phone{position:absolute;right:-6px;bottom:-4px;width:25%;border:4px solid #1E293B;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);background:#fff}
.pro .alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pro h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.035em;margin:0 0 12px}
.pro .lead{font-size:17px;color:var(--mut);margin:0 0 40px;max-width:60ch}
.pro h3{font-size:17px;margin:0 0 6px;letter-spacing:-.015em}
.pro .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pro .step{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column}
.pro .step .pic{background:#F1F5F9;height:200px;overflow:hidden;border-bottom:1px solid var(--line)}
.pro .step .pic img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.pro .step .tx{padding:16px 18px 20px}
.pro .num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--inds);color:var(--indh);font-size:13px;font-weight:700;margin-bottom:8px}
.pro .step p,.pro .vcard p{margin:0;font-size:15px;color:var(--mut)}
.pro .cats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pro .cats li{padding:14px 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:var(--navy)}
.pro .cats .ic{color:var(--ind);width:10px;height:10px;fill:var(--ind)}
.pro .vals,.pro .who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pro .vcard{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px}
.pro .vcard .ic{width:22px;height:22px;color:var(--ind);margin-bottom:12px}
.pro .proof{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.pro .proof figure{margin:0;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;box-shadow:0 24px 48px -30px rgba(15,23,42,.4);background:#fff}
.pro .proof img{display:block;width:100%;height:auto}
.pro .flow{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.pro .flow div{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.pro .flow .num{margin:0;flex-shrink:0}
.pro .price{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:820px}
.pro .pcard{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:28px;display:flex;flex-direction:column}
.pro .pcard.pro{border-color:var(--ind);box-shadow:0 0 0 1px var(--ind)}
.pro .amount{font-size:40px;font-weight:700;letter-spacing:-.04em;color:var(--navy);margin:8px 0 16px}
.pro .amount small{font-size:15px;font-weight:400;color:var(--mut);letter-spacing:0}
.pro .pcard ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.pro .pcard li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.pro .pcard li .ic{width:18px;height:18px;color:var(--ok);margin-top:2px}
.pro .arts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;border-top:1px solid var(--line)}
.pro .arts a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:15px;color:var(--navy);text-decoration:none}.pro .arts a:hover{color:var(--indh)}
.pro .final{background:var(--navy);color:#fff;text-align:center;padding:80px 0}
.pro .final h2{color:#fff}.pro .final p{color:#CBD5E1;margin:0 0 24px}
.pro .final .trust{justify-content:center;color:#94A3B8}
.pro .btn.lt{background:#fff;color:var(--navy);height:52px;padding:0 26px;font-size:16px}.pro .btn.lt:hover{background:#FFF3BF}
footer.bot{margin-top:0}
@media(max-width:960px){.pro .hero-g,.pro .proof{grid-template-columns:1fr;gap:32px}.pro .hero{padding:40px 0 48px}.pro .steps{grid-template-columns:1fr 1fr}.pro .vals,.pro .who{grid-template-columns:1fr 1fr}.pro .cats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pro section{padding:56px 0}.pro .steps,.pro .vals,.pro .who,.pro .cats,.pro .price,.pro .arts{grid-template-columns:1fr}.pro .cta-row .btn{width:100%}.pro .sub{font-size:17px}.pro .step .pic{height:auto;max-height:240px}.pro .phone{width:30%;right:0}.pro .final{padding:56px 0}}

.pro .phone{display:none}.pro .shots{padding-bottom:0}
