
.mkb-native-topic{padding-top:86px;background:#fff;color:#223047}.topic-native-wrap{width:min(1160px,calc(100% - 64px));margin:auto}.mkb-native-topic figure{margin:0}.mkb-native-topic img{display:block;width:100%;height:auto}.topic-native-hero{padding:64px 0;background:radial-gradient(ellipse at 95% 10%,#ac75ca70,transparent 55%),linear-gradient(120deg,#223985,#5640a2);color:white}.topic-native-hero .topic-native-wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px}.topic-native-brand{font-size:12px;font-weight:700;letter-spacing:2px;color:#c8d6ff}.topic-native-hero h1{font-size:clamp(32px,3.5vw,46px);line-height:1.3;margin:20px 0;color:white}.topic-native-hero p{font-size:13px;line-height:1.9;color:#d2dffa;margin:8px 0}.topic-native-hero .topic-lead{font-size:18px;margin-bottom:22px}.topic-native-hero img{border-radius:18px;border:1px solid #ffffff30;box-shadow:0 20px 45px #1b1f4d20}.topic-native-section{padding:64px 0;border-bottom:1px solid #e9edf4;scroll-margin-top:100px;background:#fff}.topic-native-section:nth-child(odd){background:#f7f9fc}.topic-native-section header{margin-bottom:32px;max-width:900px}.topic-native-label{font-size:11px;letter-spacing:1.5px;color:#5873b8;font-weight:700}.topic-native-section h2{font-size:clamp(25px,2.7vw,34px);font-weight:700;line-height:1.4;margin:12px 0}.topic-native-intro{font-size:14px;color:#768297;line-height:1.9;margin:0}.topic-native-content{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.topic-native-visuals{display:flex;flex-direction:column;gap:18px;min-width:0}.topic-native-visuals>figure{padding:10px;background:#fff;border:1px solid #e1e7f0;border-radius:14px}.topic-native-visuals img{border-radius:9px;object-fit:contain}.mkb-native-topic figcaption{font-size:10px;line-height:1.7;color:#8a96a8;padding:10px 4px 1px}.topic-native-copy{display:grid;grid-template-columns:1fr;gap:0;min-width:0}.topic-native-card{padding:19px 0;border-bottom:1px solid #e1e7ef;background:transparent}.topic-native-card:first-child{padding-top:0}.topic-native-card h3{font-size:18px;line-height:1.5;margin:0 0 8px;color:#2a3e5b;font-weight:700}.topic-native-card p{font-size:14px;line-height:1.9;color:#6c798d;margin:0 0 7px}.topic-native-card p:last-child{margin-bottom:0}.topic-native-note{font-size:11px;line-height:1.8;padding:14px 16px;border-left:3px solid #abbddc;background:#edf2f8;color:#8190a4;margin:20px 0 0}.topic-native-grid .topic-native-copy{grid-template-columns:1fr 1fr;gap:0 24px}.topic-native-grid .topic-native-card:nth-child(2){padding-top:0}.topic-native-grid .topic-native-note{grid-column:1/-1}.topic-workflow{border:1px solid #e0e7f0;background:#fff;border-radius:10px;overflow:hidden}.topic-workflow summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:15px 18px;font-size:13px;font-weight:600;color:#546b9a;list-style:none}.topic-workflow summary::-webkit-details-marker{display:none}.topic-workflow summary>span{font-size:18px;color:#8798b4;transition:transform .2s}.topic-workflow[open] summary>span{transform:rotate(45deg)}.topic-workflow figure{padding:0 12px 12px}.topic-workflow img{border-radius:8px}.topic-native-case .topic-native-card:first-child{background:#eef3fa;padding:18px 20px;border-radius:10px;border:0;margin-bottom:8px}.topic-native-case .topic-native-card:last-of-type{border-bottom:0}.topic-native-case .topic-native-note{margin-top:12px}
@media(max-width:1000px){.topic-native-content{gap:30px}.topic-native-hero .topic-native-wrap{gap:35px}.topic-native-grid .topic-native-copy{grid-template-columns:1fr}.topic-native-grid .topic-native-card:nth-child(2){padding-top:19px}}
@media(max-width:767px){.mkb-native-topic{padding-top:76px}.topic-native-wrap{width:calc(100% - 36px)}.topic-native-hero{padding:40px 0}.topic-native-hero .topic-native-wrap{grid-template-columns:1fr;gap:28px}.topic-native-hero h1{font-size:32px}.topic-native-hero .topic-lead{font-size:17px}.topic-native-section{padding:40px 0}.topic-native-section header{margin-bottom:24px}.topic-native-section h2{font-size:26px}.topic-native-content{grid-template-columns:1fr;gap:28px}.topic-native-intro{font-size:12px}.topic-native-card{padding:17px 0}.topic-native-card h3{font-size:17px}.topic-native-card p{font-size:13px}.topic-native-note{font-size:10px}.topic-native-grid .topic-native-copy{grid-template-columns:1fr}.topic-workflow summary{font-size:12px}.topic-native-visuals>figure{padding:8px}}
.topic-native-case .topic-native-copy{grid-template-columns:1fr 1fr;gap:0 24px}.topic-native-case .topic-native-card:first-child,.topic-native-case .topic-native-card:last-of-type,.topic-native-case .topic-native-note{grid-column:1/-1}@media(max-width:767px){.topic-native-case .topic-native-copy{grid-template-columns:1fr}}
