.native-source{display:flex;gap:10px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#f8f5fd;color:var(--muted);font-size:13px;line-height:1.85;margin-top:25px}
.native-source>.icon{flex-shrink:0;margin-top:3px;color:var(--purple)}
.native-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,36%);align-items:center;gap:26px;padding-block:34px;border-bottom:1px solid var(--border);scroll-margin-top:20px}
.native-step-copy{min-width:0}.native-step-number{display:block;color:var(--purple);font-size:13px;letter-spacing:2px;font-weight:700;margin-bottom:13px}
.native-step .article-section-title{line-height:1.45;font-size:24px;align-items:flex-start}.native-step .callout{font-size:14px;padding:15px;margin-top:20px}
.native-screen{margin:0;min-width:0;max-width:300px;width:100%;justify-self:center;direction:ltr}
.native-screen-image{display:block;overflow:hidden;border:1px solid #cfc5dc;border-radius:18px;background:#f4f0fa;box-shadow:0 10px 30px #35254b15}
.native-screen img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.native-enlarge{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px;background:#fff;font-size:12px;line-height:1.5;color:var(--purple)}
.native-enlarge .icon{width:16px;height:16px}.native-screen figcaption{font-size:11px;color:var(--muted);text-align:center;padding-top:7px}
.native-home{margin-block:38px;padding:28px;border:1px solid #ddd3ed;background:linear-gradient(120deg,#f8f5ff,#fff);border-radius:20px}
.native-home-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.native-home-heading>div{max-width:730px}.native-home-heading h2{font-size:28px;line-height:1.45;margin:10px 0}.native-home-heading p{color:var(--muted);line-height:1.8;font-size:15px}.native-home-heading .button{flex-shrink:0;white-space:normal;max-width:240px;text-align:center}
.native-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.native-home-card{min-width:0;display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #dfd6ec;border-radius:15px;background:#fff;transition:box-shadow .2s}.native-home-card:hover{box-shadow:0 8px 25px #5532a214}.native-home-card img{width:83px;height:auto;max-height:188px;object-fit:contain;border-radius:10px;border:1px solid #e7e0ee;flex-shrink:0}.native-home-card>div{min-width:0}.native-home-card h3{overflow-wrap:anywhere;hyphens:auto;font-size:16px;line-height:1.65;margin:10px 0}.native-card-icon{display:inline-flex;color:var(--purple);padding:8px;background:#f2ebff;border-radius:10px}.native-card-arrow{color:var(--purple)}
@media(max-width:1120px){.native-step{grid-template-columns:minmax(0,1fr);gap:22px}.native-screen{max-width:270px}.native-home-heading{align-items:flex-start;flex-direction:column}.native-home-grid{gap:10px}.native-home-card{gap:12px;padding:13px}.native-home-card img{width:66px}.native-home-card h3{font-size:14px}}
@media(max-width:700px){.native-home{padding:20px}.native-home-heading h2{font-size:24px}.native-home-grid{grid-template-columns:minmax(0,1fr)}.native-home-card{padding:15px 20px;gap:22px}.native-home-card img{width:74px;max-height:160px}.native-home-card h3{font-size:17px}.native-home-heading .button{max-width:100%}.native-step .article-section-title{font-size:22px}.native-step{padding-block:28px}.native-screen{max-width:min(290px,100%)}}