.pp-start { margin-block: 24px 48px; padding: clamp(22px, 4vw, 44px); border: 1px solid #d7e4ed; border-radius: 28px; background: #fff; color: #193047; }
.pp-start-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.pp-start-heading > div { max-width: 760px; }
.pp-start h2 { margin: 12px 0; font-size: clamp(1.5rem, 2.4vw, 2.15rem); line-height: 1.25; letter-spacing: -.035em; }
.pp-start p { margin: 0; color: #52677a; line-height: 1.75; }
.pp-start-heading > a { flex-shrink: 0; }
.pp-start-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; padding: 0; margin: 30px 0; list-style: none; }
.pp-start-steps li { min-width: 0; padding-inline-start: 20px; border-inline-start: 2px solid #dce8f0; }
.pp-start-number { color: #007c76; font-size: .8rem; font-weight: 800; letter-spacing: .08em; }
.pp-start h3 { margin: 9px 0; font-size: 1.05rem; line-height: 1.5; }
.pp-start h3 a { color: inherit; text-decoration: none; }
.pp-start h3 a:hover { color: #007c76; text-decoration: underline; text-underline-offset: 4px; }
.pp-start a:focus-visible { outline: 3px solid #2b65d9; outline-offset: 5px; border-radius: 4px; }
.pp-start-note { display: flex; align-items: flex-start; gap: 12px; padding: 18px 20px; border-radius: 14px; background: #f2f8fa; font-size: .85rem; }
.pp-start-note svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: #007c76; stroke-width: 1.7; }
.pp-start-note a { color: #076a89; font-weight: 700; text-underline-offset: 3px; }
.pp-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pp-feature-grid article:nth-child(4) { border-inline-start: 0; }
.pp-feature-grid article:nth-child(n + 4) { border-top: 1px solid #dce6ed; }
.pp-feature-grid h4 { margin-top: 0; }
.pp-feature-grid article { min-height: 170px; }
.pp-hero-capture { display: block; padding: 8px; border: 1px solid #d9e3ed; border-radius: 18px; background: #fff; box-shadow: 0 24px 60px #17344d16; text-decoration: none; }
.pp-hero-capture img { display: block; width: 100%; height: auto; border-radius: 12px; }
.pp-hero-capture span { display: flex; justify-content: space-between; gap: 12px; padding: 16px 10px 8px; color: #214c69; font-size: .85rem; font-weight: 700; }
:root[data-theme="dark"] .pp-start { background: #10263a; border-color: #355067; color: #e7f2fa; }
:root[data-theme="dark"] .pp-start h2 { color: #f4f8fc; }
:root[data-theme="dark"] .pp-start p { color: #b6cadb; }
:root[data-theme="dark"] .pp-start-note { background: #19354a; }
:root[data-theme="dark"] .pp-start-note a { color: #91dbea; }
:root[data-theme="dark"] .pp-start-number { color: #82ded2; }
:root[data-theme="dark"] .pp-start-steps li { border-color: #355067; }
html[dir="rtl"] .pp-start h2 { letter-spacing: normal; line-height: 1.6; }
@media (max-width: 1100px) and (min-width: 641px) { .pp-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .pp-feature-grid article:nth-child(odd) { border-inline-start: 0; } .pp-feature-grid article:nth-child(even) { border-inline-start: 1px solid #dce6ed; } .pp-feature-grid article:nth-child(n + 3) { border-top: 1px solid #dce6ed; } }
@media (max-width: 900px) { .pp-start-heading { align-items: flex-start; flex-direction: column; } }
@media (max-width: 640px) { .pp-start-steps { grid-template-columns: 1fr; gap: 22px; } .pp-start { border-radius: 20px; } .pp-start-note { padding: 14px; } .pp-feature-grid { grid-template-columns: 1fr; } }