.onic-article{--oa-ink:#0f172a;--oa-text:#334155;--oa-muted:#64748b;--oa-line:#e2e8f0;--oa-soft:#f8fafc;--oa-link:#1268c4;--oa-cta-btn:#f28a1a;--oa-radius:16px;--oa-shadow:0 4px 14px rgba(15,23,42,.05);--oa-accent:#1976d2;--oa-accent-ink:#1259a8;--oa-accent-soft:#eff6ff;--oa-accent-line:#bfdbfe;--oa-hero-bg:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);--oa-hero-ink:#ffffff;--oa-hero-muted:#d6e4f5;--oa-hero-link:#7dd3fc;--oa-hero-edge:#f28a1a;--oa-kicker-bg:rgba(249,115,22,.22);--oa-kicker-ink:#fed7aa;--oa-meta-bg:rgba(255,255,255,.07);--oa-meta-line:rgba(255,255,255,.18);--oa-meta-label:#a9c1de;--oa-th-bg:#071a3a;--oa-toc-bg:linear-gradient(135deg,#eff6ff,#f8fafc);--oa-toc-line:#bfdbfe;--oa-step-bg:#1268c4;--oa-cta-bg:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto 2em;color:var(--oa-text);font-size:16px;line-height:1.75}.onic-article *,.onic-article *::before,.onic-article *::after{box-sizing:border-box}.onic-article.oa-guide{--oa-accent:#16a34a;--oa-accent-ink:#15803d;--oa-accent-soft:#f0fdf4;--oa-accent-line:#bbf7d0;--oa-hero-bg:linear-gradient(135deg,#064e3b 0%,#0f172a 100%);--oa-hero-muted:#cfe9de;--oa-hero-link:#6ee7b7;--oa-hero-edge:#10b981;--oa-kicker-bg:rgba(16,185,129,.2);--oa-kicker-ink:#a7f3d0;--oa-meta-label:#9fd4bd;--oa-th-bg:#064e3b;--oa-toc-bg:#f8fafc;--oa-toc-line:#e2e8f0;--oa-step-bg:#16a34a;--oa-cta-bg:linear-gradient(135deg,#1976d2 0%,#10b981 100%)}.onic-article.oa-decision{--oa-accent:#f28a1a;--oa-accent-ink:#c2570c;--oa-accent-soft:#fff7ed;--oa-accent-line:#fed7aa;--oa-hero-bg:linear-gradient(135deg,#ea580c 0%,#c2410c 48%,#7c2d12 100%);--oa-hero-ink:#ffffff;--oa-hero-muted:#ffedd5;--oa-hero-link:#ffffff;--oa-hero-edge:#0f172a;--oa-kicker-bg:rgba(255,255,255,.18);--oa-kicker-ink:#ffffff;--oa-meta-bg:rgba(255,255,255,.12);--oa-meta-line:rgba(255,255,255,.28);--oa-meta-label:#fed7aa;--oa-th-bg:#0f172a;--oa-toc-bg:#fff7ed;--oa-toc-line:#fed7aa;--oa-step-bg:#ea580c;--oa-cta-bg:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.onic-article p{margin:0 0 1em}.onic-article p:empty{display:none}.onic-article strong,.onic-article b{color:var(--oa-ink);font-weight:700}.onic-article a{color:var(--oa-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.onic-article a:hover{text-decoration-thickness:2px}.onic-article mark{background:#fef3c7;color:inherit;padding:0 .2em;border-radius:3px}.onic-article hr{border:0;border-top:1px solid var(--oa-line);margin:2em 0}.onic-article img{max-width:100%;height:auto}.onic-article h2,.onic-article h3,.onic-article h4{color:var(--oa-ink);text-transform:none;letter-spacing:0;width:auto}.onic-article h2{font-size:clamp(22px,2.6vw,28px);line-height:1.3;font-weight:800;margin:2.1em 0 .8em;scroll-margin-top:120px}.onic-article h3{font-size:clamp(18px,2vw,21px);line-height:1.4;font-weight:700;margin:1.6em 0 .6em}.onic-article h4{font-size:17px;line-height:1.45;font-weight:700;margin:1.2em 0 .5em}.onic-article ul,.onic-article ol{margin:0 0 1.1em;padding-left:1.4em}body .onic-article ul li,body .onic-article ol li{margin:0 0 .45em;margin-left:0}.onic-article code{background:#f1f5f9;border:0;border-radius:4px;color:#0f172a;font-size:.9em;margin:0;padding:.12em .4em}body .onic-article pre.oa-code{display:block;width:100%;background:#0f172a;color:#e2e8f0;border:0;border-radius:12px;padding:18px 20px;margin:1.2em 0 1.6em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-x:auto}body .onic-article pre.oa-code code{background:none;color:inherit;padding:0;font-size:inherit}.onic-article .oa-label{display:block;margin:0 0 8px;color:var(--oa-accent-ink);font-size:12.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.onic-article .oa-hero{position:relative;overflow:hidden;margin:0 0 28px;padding:clamp(24px,4vw,40px);background:var(--oa-hero-bg);color:var(--oa-hero-ink);border-radius:18px;border-left:6px solid var(--oa-hero-edge);box-shadow:0 12px 30px rgba(15,23,42,.12)}.onic-article .oa-hero p{color:var(--oa-hero-muted)}.onic-article .oa-hero strong{color:var(--oa-hero-ink)}.onic-article .oa-hero a{color:var(--oa-hero-link)}.onic-article .oa-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:6px 14px;background:var(--oa-kicker-bg);color:var(--oa-kicker-ink);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.onic-article .oa-hero-title{display:block;margin:0 0 12px;color:var(--oa-hero-ink);font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.25}.onic-article .oa-hero .oa-lead{max-width:74ch;margin:0;font-size:clamp(16px,1.6vw,18px);line-height:1.75}.onic-article .oa-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:24px 0 0}.onic-article .oa-meta-item{padding:12px 14px;background:var(--oa-meta-bg);border:1px solid var(--oa-meta-line);border-radius:12px;line-height:1.45}.onic-article .oa-meta-item span{display:block;color:var(--oa-meta-label);font-size:12.5px;font-weight:600}.onic-article .oa-meta-item strong{display:block;color:var(--oa-hero-ink);font-size:15px}.onic-article .oa-meta br{display:none}.onic-article .oa-answer{margin:0 0 28px;padding:22px 26px;background:var(--oa-accent-soft);border:1px solid var(--oa-accent-line);border-left:5px solid var(--oa-accent);border-radius:14px;color:var(--oa-ink)}.onic-article .oa-answer>:last-child{margin-bottom:0}.onic-article .oa-summary{margin:0 0 28px;padding:24px;background:#fff;border:1px solid var(--oa-line);border-radius:var(--oa-radius);box-shadow:var(--oa-shadow)}.onic-article .oa-summary>.oa-grid{margin-bottom:0}.onic-article .oa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:1.2em 0 1.6em}.onic-article .oa-grid.is-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.onic-article .oa-card{padding:20px;background:#fff;border:1px solid var(--oa-line);border-radius:14px;box-shadow:var(--oa-shadow)}.onic-article .oa-card>:last-child{margin-bottom:0}.onic-article .oa-card h3,.onic-article .oa-card h4{margin:0 0 8px;font-size:18px}.onic-article .oa-card.is-blue{background:#eff6ff;border-color:#bfdbfe}.onic-article .oa-card.is-green{background:#f0fdf4;border-color:#bbf7d0}.onic-article .oa-card.is-orange{background:#fff7ed;border-color:#fed7aa}.onic-article .oa-card.is-violet{background:#faf5ff;border-color:#ddd6fe}.onic-article .oa-card.is-red{background:#fef2f2;border-color:#fecaca}.onic-article .oa-panel{margin:0 0 24px;padding:clamp(20px,3vw,28px);background:#fff;border:1px solid var(--oa-line);border-radius:var(--oa-radius);box-shadow:var(--oa-shadow)}.onic-article .oa-panel>:first-child{margin-top:0}.onic-article .oa-panel>:last-child{margin-bottom:0}.onic-article .oa-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin:1.2em 0 1.6em}.onic-article .oa-stat{padding:18px 20px;background:#fff;border:1px solid var(--oa-line);border-radius:14px;text-align:center}.onic-article .oa-stat strong{display:block;color:var(--oa-accent-ink);font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2}.onic-article .oa-stat span{display:block;margin-top:4px;color:var(--oa-muted);font-size:14px;line-height:1.5}.onic-article .oa-toc{margin:0 0 32px;padding:20px 24px;background:var(--oa-toc-bg);border:1px solid var(--oa-toc-line);border-radius:14px}.onic-article .oa-toc ol{columns:2 280px;column-gap:32px;margin:0;padding-left:1.4em}body .onic-article .oa-toc li{break-inside:avoid;margin:0 0 6px}.onic-article .oa-toc a{color:var(--oa-ink);font-weight:600;text-decoration:none}.onic-article .oa-toc a:hover{color:var(--oa-accent-ink);text-decoration:underline}.onic-article .oa-callout{margin:1.4em 0;padding:18px 20px;border-left:5px solid;border-radius:0 12px 12px 0;font-size:15.5px;line-height:1.75}.onic-article .oa-callout>:last-child{margin-bottom:0}.onic-article .oa-callout strong{color:inherit}.onic-article .oa-callout.is-info{background:#eff6ff;border-color:#3b82f6;color:#1e3a8a}.onic-article .oa-callout.is-example{background:#faf5ff;border-color:#7c3aed;color:#4c1d95}.onic-article .oa-callout.is-warn{background:#fff7ed;border-color:#f97316;color:#7c2d12}.onic-article .oa-callout.is-success{background:#f0fdf4;border-color:#16a34a;color:#14532d}.onic-article .oa-callout.is-danger{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.onic-article .oa-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.4em 0 1.8em;background:#fff;border:1px solid var(--oa-line);border-radius:14px}.onic-article .oa-table table{width:100%;min-width:560px;margin:0;border:0;border-collapse:collapse}body .onic-article .oa-table th{padding:13px 14px;background:var(--oa-th-bg);border:0;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.4;text-align:left;text-transform:none;vertical-align:bottom}body .onic-article .oa-table td{padding:13px 14px;border:0;border-bottom:1px solid var(--oa-line);color:var(--oa-text);font-size:15px;line-height:1.6;vertical-align:top}.onic-article .oa-table tbody td{background:#fff;width:auto;white-space:normal}.onic-article .oa-table tbody tr:last-child td{border-bottom:0}.onic-article .oa-table tbody tr:nth-child(even) td{background:#f8fafc}.onic-article .oa-table td:first-child{color:var(--oa-ink);font-weight:600}body .onic-article .oa-table.is-compare th:last-child{background:var(--oa-accent)}.onic-article .oa-table.is-compare tbody td:last-child{background:var(--oa-accent-soft);color:var(--oa-ink);font-weight:600}.onic-article .oa-steps{margin:1.4em 0 1.8em;padding:0;list-style:none;counter-reset:oa-step}body .onic-article .oa-steps>li{position:relative;margin:0 0 16px;padding:22px 24px 22px 84px;background:#fff;border:1px solid var(--oa-line);border-radius:var(--oa-radius);box-shadow:var(--oa-shadow);counter-increment:oa-step;list-style:none}.onic-article .oa-steps>li::before{content:counter(oa-step);position:absolute;top:22px;left:22px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--oa-step-bg);color:#fff;border-radius:50%;font-size:18px;font-weight:800;line-height:1}.onic-article .oa-steps>li>h3{margin:6px 0 8px}.onic-article .oa-steps>li>:last-child{margin-bottom:0}.onic-article .oa-checklist,.onic-article .oa-pros ul,.onic-article .oa-cons ul{margin:0 0 1.1em;padding:0;list-style:none}body .onic-article .oa-checklist li,body .onic-article .oa-pros li,body .onic-article .oa-cons li{position:relative;margin:0 0 .55em;padding-left:30px;list-style:none}.onic-article .oa-checklist li::before,.onic-article .oa-pros li::before,.onic-article .oa-cons li::before{content:"✓";position:absolute;top:4px;left:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dcfce7;color:#15803d;border-radius:50%;font-size:12px;font-weight:800;line-height:1}.onic-article .oa-checklist.is-cross li::before,.onic-article .oa-cons li::before{content:"✕";background:#fee2e2;color:#b91c1c}.onic-article .oa-proscons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:1.2em 0 1.6em}.onic-article .oa-pros,.onic-article .oa-cons{padding:20px;border:1px solid;border-radius:14px}.onic-article .oa-pros{background:#f0fdf4;border-color:#bbf7d0}.onic-article .oa-cons{background:#fef2f2;border-color:#fecaca}.onic-article .oa-pros h4,.onic-article .oa-cons h4{margin:0 0 10px}.onic-article .oa-pros h4{color:#15803d}.onic-article .oa-cons h4{color:#b91c1c}.onic-article .oa-pros ul,.onic-article .oa-cons ul{margin-bottom:0}.onic-article .oa-figure{margin:1.6em 0;text-align:center}.onic-article .oa-figure img{display:block;width:100%;height:auto;border:1px solid var(--oa-line);border-radius:14px}.onic-article .oa-figure figcaption{margin-top:8px;color:var(--oa-muted);font-size:13.5px;font-style:normal;line-height:1.5}.onic-article .oa-faq{margin:1.2em 0 1.8em}.onic-article .oa-faq-item{margin:0 0 12px;padding:18px 20px;background:#fff;border:1px solid var(--oa-line);border-radius:12px}.onic-article .oa-faq-item h3{margin:0 0 6px;font-size:17px;line-height:1.45}.onic-article .oa-faq-item>:last-child{margin-bottom:0}.onic-article .oa-conclusion{margin:2.2em 0 0;padding:clamp(20px,3vw,28px);background:var(--oa-soft);border:1px solid #cbd5e1;border-radius:var(--oa-radius)}.onic-article .oa-conclusion>h2:first-child{margin-top:0}.onic-article .oa-conclusion>:last-child{margin-bottom:0}.onic-article .oa-cta{margin:2.2em 0 0;padding:clamp(26px,4vw,36px) 24px;background:var(--oa-cta-bg);color:#fff;border-radius:18px;text-align:center}.onic-article .oa-cta .oa-cta-title{display:block;margin:0 0 10px;color:#fff;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.3}.onic-article .oa-cta p{max-width:62ch;margin:0 auto 18px;color:rgba(255,255,255,.92)}.onic-article .oa-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}.onic-article a.oa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 26px;background:var(--oa-cta-btn);border:1.5px solid var(--oa-cta-btn);border-radius:999px;color:#fff;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(242,138,26,.28);transition:transform .15s,box-shadow .15s}.onic-article a.oa-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(242,138,26,.36);color:#fff}.onic-article a.oa-btn.is-ghost{background:transparent;border-color:rgba(255,255,255,.75);box-shadow:none}.onic-article.oa-tech h2{position:relative;padding-left:18px}.onic-article.oa-tech h2::before{content:"";position:absolute;top:.2em;bottom:.2em;left:0;width:5px;background:linear-gradient(180deg,#00bcd4,#1268c4);border-radius:4px}.onic-article.oa-tech .oa-faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.onic-article.oa-tech .oa-faq-item{margin:0}.onic-article.oa-tech .oa-faq-item h3{color:#1259a8}.onic-article.oa-guide h2{padding-bottom:12px;background:linear-gradient(#16a34a,#16a34a) left bottom/64px 3px no-repeat,linear-gradient(#e2e8f0,#e2e8f0) left bottom/100% 1px no-repeat}.onic-article.oa-guide .oa-steps>li::after{content:"";position:absolute;top:72px;bottom:-17px;left:43px;width:2px;background:#bbf7d0}.onic-article.oa-guide .oa-steps>li:last-child::after{display:none}.onic-article.oa-guide .oa-faq-item{border-left:4px solid #16a34a}.onic-article.oa-decision .oa-hero{box-shadow:0 14px 34px rgba(194,65,12,.28)}.onic-article.oa-decision .oa-hero a{text-decoration-color:rgba(255,255,255,.7)}.onic-article.oa-decision h2::before{content:"";display:block;width:44px;height:4px;margin-bottom:12px;background:#f28a1a;border-radius:4px}.onic-article.oa-decision .oa-card:not([class*="is-"]){border-top:4px solid #f28a1a}.onic-article.oa-decision .oa-steps>li::before{border-radius:12px}.onic-article.oa-decision .oa-answer{border-left-color:#f28a1a}@media (max-width:640px){.onic-article{font-size:15.5px}.onic-article .oa-hero{padding:22px 18px;border-radius:14px}.onic-article .oa-meta{grid-template-columns:1fr 1fr;gap:10px}.onic-article .oa-answer,.onic-article .oa-summary{padding:18px}.onic-article .oa-toc{padding:18px}body .onic-article .oa-steps>li{padding:20px}.onic-article .oa-steps>li::before{position:static;margin-bottom:10px}.onic-article.oa-guide .oa-steps>li::after{display:none}body .onic-article .oa-table th,body .onic-article .oa-table td{padding:11px 12px;font-size:14px}}.onic-article{--oa-d:var(--oa-step-bg);--oa-d-soft:var(--oa-accent-soft);--oa-d-line:var(--oa-accent-line)}.onic-article .oa-diagram{margin:1.8em 0;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid var(--oa-line);border-radius:var(--oa-radius);box-shadow:var(--oa-shadow)}.onic-article .oa-diagram>figcaption{margin-top:16px;color:var(--oa-muted);font-size:13.5px;line-height:1.55;text-align:center}.onic-article .oa-diagram ul,.onic-article .oa-diagram ol{list-style:none;margin:0;padding:0}body .onic-article .oa-diagram li{list-style:none;margin:0}.onic-article .oa-diagram strong{display:block;color:var(--oa-ink);font-size:15px;line-height:1.35}.onic-article .oa-diagram li span,.onic-article .oa-diagram li small{display:block;color:var(--oa-muted);font-size:13px;line-height:1.5}.onic-article .oa-diagram .is-blue{--oa-d:#1976d2;--oa-d-soft:#eff6ff;--oa-d-line:#bfdbfe}.onic-article .oa-diagram .is-green{--oa-d:#16a34a;--oa-d-soft:#f0fdf4;--oa-d-line:#bbf7d0}.onic-article .oa-diagram .is-orange{--oa-d:#ea580c;--oa-d-soft:#fff7ed;--oa-d-line:#fed7aa}.onic-article .oa-diagram .is-violet{--oa-d:#7c3aed;--oa-d-soft:#faf5ff;--oa-d-line:#ddd6fe}.onic-article .oa-diagram .is-red{--oa-d:#dc2626;--oa-d-soft:#fef2f2;--oa-d-line:#fecaca}.onic-article .oa-diagram .is-navy{--oa-d:#0f172a;--oa-d-soft:#f1f5f9;--oa-d-line:#cbd5e1}.onic-article .oa-flow{display:flex;align-items:stretch;gap:34px;counter-reset:oa-flow}.onic-article .oa-flow>li{position:relative;flex:1 1 0%;min-width:0;padding:16px 14px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-radius:14px;text-align:center;counter-increment:oa-flow}.onic-article .oa-flow.is-numbered>li::before{content:counter(oa-flow);display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 auto 10px;background:var(--oa-d);color:#fff;border-radius:50%;font-weight:800;font-size:15px}.onic-article .oa-flow>li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-27px;width:20px;height:20px;background:var(--oa-d);clip-path:polygon(0 25%,55% 25%,55% 0,100% 50%,55% 100%,55% 75%,0 75%);transform:translateY(-50%)}.onic-article .oa-flow.is-vertical{flex-direction:column;gap:30px;max-width:560px;margin:0 auto}.onic-article .oa-flow.is-vertical>li:not(:last-child)::after{top:auto;right:auto;bottom:-25px;left:50%;transform:translateX(-50%) rotate(90deg)}.onic-article .oa-cycle{--n:6;--r:36cqw;container-type:inline-size;position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}.onic-article .oa-cycle-center{position:absolute;top:50%;left:50%;width:30%;transform:translate(-50%,-50%);color:var(--oa-muted);font-size:13px;font-weight:700;line-height:1.4;text-align:center}.onic-article .oa-cycle>ol,.onic-article .oa-cycle>ul{position:absolute;inset:0}.onic-article .oa-cycle>ol::before,.onic-article .oa-cycle>ul::before{content:"";position:absolute;inset:14%;border:2px dashed var(--oa-d-line);border-radius:50%}.onic-article .oa-cycle li{--ang:calc(-90deg + 360deg / var(--n) * var(--i));--mid:calc(var(--ang) + 180deg / var(--n));position:absolute;left:calc(50% + var(--r) * cos(var(--ang)));top:calc(50% + var(--r) * sin(var(--ang)));width:26cqw;min-width:86px;padding:10px 8px;background:#fff;border:2px solid var(--oa-d);border-radius:14px;text-align:center;transform:translate(-50%,-50%);z-index:1}.onic-article .oa-cycle li strong{font-size:clamp(12px,3.4cqw,15px)}.onic-article .oa-cycle li span{font-size:clamp(11px,2.8cqw,13px)}.onic-article .oa-cycle li::after{content:"";position:absolute;left:calc(50% + var(--r) * (cos(var(--mid)) - cos(var(--ang))));top:calc(50% + var(--r) * (sin(var(--mid)) - sin(var(--ang))));width:14px;height:14px;background:var(--oa-d);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-50%,-50%) rotate(calc(var(--mid) + 90deg))}.onic-article .oa-hub{--n:6;--r:37cqw;container-type:inline-size;position:relative;width:100%;max-width:540px;aspect-ratio:1;margin:0 auto}.onic-article .oa-hub-center{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30cqw;min-width:96px;aspect-ratio:1;padding:10px;background:var(--oa-d);color:#fff;border-radius:50%;box-shadow:0 0 0 8px var(--oa-d-soft);text-align:center;transform:translate(-50%,-50%);z-index:2}.onic-article .oa-diagram .oa-hub-center strong{color:#fff;font-size:clamp(13px,3.8cqw,17px)}.onic-article .oa-diagram .oa-hub-center span{color:rgba(255,255,255,.85);font-size:clamp(11px,2.8cqw,13px)}.onic-article .oa-hub>ul,.onic-article .oa-hub>ol{position:absolute;inset:0}.onic-article .oa-hub li{--ang:calc(-90deg + 360deg / var(--n) * var(--i));--node:max(23cqw,82px);position:absolute;left:calc(50% + var(--r) * cos(var(--ang)));top:calc(50% + var(--r) * sin(var(--ang)));display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--node);aspect-ratio:1;padding:6px;background:var(--oa-d-soft);border:2px solid var(--oa-d);border-radius:50%;text-align:center;transform:translate(-50%,-50%);z-index:1}.onic-article .oa-hub li strong{font-size:clamp(11.5px,3.1cqw,15px);line-height:1.25}.onic-article .oa-hub li span{font-size:clamp(10.5px,2.5cqw,12.5px);line-height:1.3}.onic-article .oa-hub li::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--r) - 15cqw - var(--node) / 2 - 4px);height:2px;background:var(--oa-d-line);transform-origin:0 50%;transform:rotate(calc(var(--ang) + 180deg)) translateX(calc(var(--node) / 2 + 2px))}.onic-article .oa-hub.is-in li::after,.onic-article .oa-hub.is-out li::after{content:"";position:absolute;width:12px;height:12px;background:var(--oa-d);clip-path:polygon(0 0,100% 50%,0 100%)}.onic-article .oa-hub.is-in li::after{left:calc(50% - cos(var(--ang)) * (var(--r) - 15cqw - 10px));top:calc(50% - sin(var(--ang)) * (var(--r) - 15cqw - 10px));transform:translate(-50%,-50%) rotate(calc(var(--ang) + 180deg))}.onic-article .oa-hub.is-out li::after{left:calc(50% - cos(var(--ang)) * (var(--node) / 2 + 10px));top:calc(50% - sin(var(--ang)) * (var(--node) / 2 + 10px));transform:translate(-50%,-50%) rotate(var(--ang))}.onic-article .oa-cycle:has(li:nth-child(7)) li{width:21cqw;min-width:76px}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(3):last-child){--n:3}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(4):last-child){--n:4}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(5):last-child){--n:5}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(6):last-child){--n:6}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(7):last-child){--n:7}.onic-article :is(.oa-cycle,.oa-hub):has(li:nth-child(8):last-child){--n:8}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(1){--i:0}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(2){--i:1}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(3){--i:2}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(4){--i:3}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(5){--i:4}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(6){--i:5}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(7){--i:6}.onic-article :is(.oa-cycle,.oa-hub) li:nth-child(8){--i:7}.onic-article .oa-tree{overflow-x:auto;padding-bottom:4px;text-align:center}.onic-article .oa-tree ul{position:relative;display:flex;justify-content:center;padding-top:22px}.onic-article .oa-tree>ul{padding-top:0}.onic-article .oa-tree li{position:relative;padding:22px 6px 0;text-align:center}.onic-article .oa-tree>ul>li{padding-top:0}.onic-article .oa-tree li::before,.onic-article .oa-tree li::after{content:"";position:absolute;top:0;width:50%;height:22px;border-top:2px solid var(--oa-d-line)}.onic-article .oa-tree li::before{right:50%}.onic-article .oa-tree li::after{left:50%;border-left:2px solid var(--oa-d-line)}.onic-article .oa-tree li:only-child::before,.onic-article .oa-tree li:only-child::after{border-top:0}.onic-article .oa-tree li:first-child::before,.onic-article .oa-tree li:last-child::after{border-top:0}.onic-article .oa-tree li:last-child::before{border-right:2px solid var(--oa-d-line);border-radius:0 8px 0 0}.onic-article .oa-tree li:first-child::after{border-radius:8px 0 0 0}.onic-article .oa-tree>ul>li::before,.onic-article .oa-tree>ul>li::after{display:none}.onic-article .oa-tree ul ul::before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:2px solid var(--oa-d-line)}.onic-article .oa-tree .oa-node{display:inline-block;min-width:96px;max-width:200px;padding:9px 12px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-radius:12px}.onic-article .oa-tree>ul>li>.oa-node{background:var(--oa-d);border-color:var(--oa-d)}.onic-article .oa-diagram .oa-tree>ul>li>.oa-node strong{color:#fff}.onic-article .oa-diagram .oa-tree>ul>li>.oa-node span{color:rgba(255,255,255,.85)}.onic-article .oa-timeline{position:relative;padding-left:34px}.onic-article .oa-timeline::before{content:"";position:absolute;top:6px;bottom:6px;left:10px;width:3px;background:var(--oa-d-line);border-radius:3px}body .onic-article .oa-timeline>li{position:relative;margin:0 0 20px}.onic-article .oa-timeline>li:last-child{margin-bottom:0}.onic-article .oa-timeline>li::before{content:"";position:absolute;top:4px;left:-31px;width:18px;height:18px;background:#fff;border:4px solid var(--oa-d);border-radius:50%}.onic-article .oa-timeline>li>strong{color:var(--oa-accent-ink)}.onic-article .oa-timeline p{margin:4px 0 0;font-size:15px}.onic-article .oa-funnel{display:flex;flex-direction:column;align-items:center;gap:6px}.onic-article .oa-funnel>li{width:100%;padding:12px 16px;background:var(--oa-d);color:#fff;border-radius:10px;text-align:center}.onic-article .oa-funnel>li:nth-child(2){width:86%;opacity:.92}.onic-article .oa-funnel>li:nth-child(3){width:72%;opacity:.84}.onic-article .oa-funnel>li:nth-child(4){width:58%;opacity:.78}.onic-article .oa-funnel>li:nth-child(5){width:46%;opacity:.72}.onic-article .oa-funnel>li:nth-child(6){width:36%;opacity:.66}.onic-article .oa-diagram .oa-funnel strong,.onic-article .oa-diagram .oa-pyramid strong{color:#fff}.onic-article .oa-diagram .oa-funnel span,.onic-article .oa-diagram .oa-pyramid span{color:rgba(255,255,255,.88)}.onic-article .oa-pyramid{display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.onic-article .oa-pyramid>li{width:100%;padding:12px 16px;background:var(--oa-d);border-radius:10px;text-align:center}.onic-article .oa-pyramid>li:nth-child(2){width:84%;filter:brightness(1.08)}.onic-article .oa-pyramid>li:nth-child(3){width:68%;filter:brightness(1.16)}.onic-article .oa-pyramid>li:nth-child(4){width:52%;filter:brightness(1.24)}.onic-article .oa-pyramid>li:nth-child(5){width:38%;filter:brightness(1.32)}.onic-article .oa-layers{display:flex;flex-direction:column;gap:8px;max-width:640px;margin:0 auto}.onic-article .oa-layers>li{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-left:8px solid var(--oa-d);border-radius:12px}.onic-article .oa-layers>li>strong{flex:0 0 32%}.onic-article .oa-layers>li>span{flex:1}.onic-article .oa-matrix{display:grid;grid-template-columns:28px 1fr 1fr;grid-template-rows:1fr 1fr 28px;gap:8px;max-width:640px;margin:0 auto}.onic-article .oa-matrix>.oa-cell{min-height:110px;padding:14px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-radius:12px}.onic-article .oa-matrix>.oa-cell:nth-of-type(1){grid-area:1/2}.onic-article .oa-matrix>.oa-cell:nth-of-type(2){grid-area:1/3;background:var(--oa-d);border-color:var(--oa-d)}.onic-article .oa-matrix>.oa-cell:nth-of-type(3){grid-area:2/2}.onic-article .oa-matrix>.oa-cell:nth-of-type(4){grid-area:2/3}.onic-article .oa-diagram .oa-matrix>.oa-cell:nth-of-type(2) strong,.onic-article .oa-diagram .oa-matrix>.oa-cell:nth-of-type(2) span{color:#fff}.onic-article .oa-matrix>.oa-cell span{display:block;color:var(--oa-muted);font-size:13px;line-height:1.5}.onic-article .oa-matrix>.oa-axis-y{grid-area:1/1/3/2;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--oa-muted);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.onic-article .oa-matrix>.oa-axis-x{grid-area:3/2/4/4;display:flex;align-items:center;justify-content:center;color:var(--oa-muted);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.onic-article .oa-venn{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;max-width:600px;margin:0 auto;aspect-ratio:2/1}.onic-article .oa-venn::before,.onic-article .oa-venn::after{content:"";position:absolute;top:0;bottom:0;width:62%;border-radius:50%;opacity:.16}.onic-article .oa-venn::before{left:0;background:#1976d2;border:3px solid #1976d2}.onic-article .oa-venn::after{right:0;background:#ea580c;border:3px solid #ea580c}.onic-article .oa-venn>div{position:relative;z-index:1;padding:8px;text-align:center}.onic-article .oa-venn>div:nth-child(2) strong{color:var(--oa-ink);font-size:16px}.onic-article .oa-venn>div span{display:block;color:var(--oa-muted);font-size:13px;line-height:1.45}.onic-article .oa-vs{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:10px}.onic-article .oa-vs>div{padding:18px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-radius:14px;height:100%}.onic-article .oa-vs>div:last-child{background:#fff7ed;border-color:#fed7aa}.onic-article .oa-vs>div ul{margin-top:8px}body .onic-article .oa-vs>div li{position:relative;margin:0 0 6px;padding-left:22px;font-size:14.5px;line-height:1.55}.onic-article .oa-vs>div li::before{content:"•";position:absolute;left:6px;color:var(--oa-d);font-weight:800}.onic-article.oa-decision .oa-vs>div:first-child{background:#f1f5f9;border-color:#cbd5e1}.onic-article.oa-guide .oa-vs>div:first-child,.onic-article.oa-tech .oa-vs>div:first-child{background:#f1f5f9;border-color:#cbd5e1}.onic-article.oa-guide .oa-vs>div:first-child li::before,.onic-article.oa-tech .oa-vs>div:first-child li::before{color:#64748b}.onic-article.oa-guide .oa-vs>div:last-child{background:#ecfdf5;border-color:#a7f3d0}.onic-article .oa-vs>.oa-vs-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;background:var(--oa-ink);border:0;border-radius:50%;color:#fff;font-weight:800;letter-spacing:.04em}.onic-article .oa-bars{display:flex;flex-direction:column;gap:14px}.onic-article .oa-bars>li{display:grid;grid-template-columns:minmax(110px,30%) 1fr;align-items:center;gap:6px 14px}.onic-article .oa-bars>li>span{grid-column:1;color:var(--oa-ink);font-size:14px;font-weight:600}.onic-article .oa-bars>li>strong{grid-column:2;display:flex;align-items:center;gap:10px;min-height:30px;font-size:13px;font-weight:700;color:var(--oa-ink);white-space:nowrap}.onic-article .oa-bars>li>strong::before{content:"";flex:0 0 calc(var(--v,50) * .78%);min-width:6px;height:30px;background:var(--oa-d);border-radius:6px}.onic-article .oa-columns{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,3vw,28px);height:240px;padding-top:24px;border-bottom:2px solid var(--oa-line)}.onic-article .oa-columns>li{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:0 1 90px;height:100%;text-align:center}.onic-article .oa-columns>li>strong{order:1;margin-bottom:6px;font-size:13px}.onic-article .oa-columns>li::before{content:"";order:2;display:block;height:calc(var(--v,50) * 1% - 28px);min-height:6px;background:var(--oa-d);border-radius:8px 8px 0 0}.onic-article .oa-columns>li>span{position:absolute;top:100%;left:50%;width:120%;margin-top:6px;transform:translateX(-50%);font-size:12.5px}.onic-article .oa-donuts{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.onic-article .oa-donut{--p:50;display:flex;flex-direction:column;align-items:center;gap:10px;width:150px;text-align:center}.onic-article .oa-donut>b{position:relative;display:flex;align-items:center;justify-content:center;width:130px;height:130px;background:conic-gradient(var(--oa-d) calc(var(--p) * 1%),#e2e8f0 0);border-radius:50%;color:var(--oa-ink);font-size:24px;font-weight:800}.onic-article .oa-donut>b::before{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%;z-index:0}.onic-article .oa-donut>b>i{position:relative;z-index:1;font-style:normal}.onic-article .oa-donut.is-pie>b{background:conic-gradient(var(--oa-d) calc(var(--p) * 1%),var(--oa-d-line) 0)}.onic-article .oa-donut.is-pie>b::before{display:none}.onic-article .oa-donut.is-pie>b>i{padding:2px 10px;background:#fff;border-radius:999px;font-size:18px;box-shadow:0 2px 6px rgba(15,23,42,.15)}.onic-article .oa-donut>span{color:var(--oa-muted);font-size:13.5px;line-height:1.45}.onic-article .v-5{--v:5}.onic-article .v-10{--v:10}.onic-article .v-15{--v:15}.onic-article .v-20{--v:20}.onic-article .v-25{--v:25}.onic-article .v-30{--v:30}.onic-article .v-35{--v:35}.onic-article .v-40{--v:40}.onic-article .v-45{--v:45}.onic-article .v-50{--v:50}.onic-article .v-55{--v:55}.onic-article .v-60{--v:60}.onic-article .v-65{--v:65}.onic-article .v-70{--v:70}.onic-article .v-75{--v:75}.onic-article .v-80{--v:80}.onic-article .v-85{--v:85}.onic-article .v-90{--v:90}.onic-article .v-95{--v:95}.onic-article .v-100{--v:100}.onic-article .p-5{--p:5}.onic-article .p-10{--p:10}.onic-article .p-15{--p:15}.onic-article .p-20{--p:20}.onic-article .p-25{--p:25}.onic-article .p-30{--p:30}.onic-article .p-35{--p:35}.onic-article .p-40{--p:40}.onic-article .p-45{--p:45}.onic-article .p-50{--p:50}.onic-article .p-55{--p:55}.onic-article .p-60{--p:60}.onic-article .p-65{--p:65}.onic-article .p-70{--p:70}.onic-article .p-75{--p:75}.onic-article .p-80{--p:80}.onic-article .p-85{--p:85}.onic-article .p-90{--p:90}.onic-article .p-95{--p:95}.onic-article .p-100{--p:100}.onic-article .oa-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;background:var(--oa-d);color:#fff;border-radius:50%;font-size:15px;font-style:normal;font-weight:800;line-height:1;vertical-align:middle}.onic-article .oa-diagram .oa-icon{display:inline-flex;color:#fff;font-size:15px}.onic-article .oa-diagram .oa-icon.is-outline{color:var(--oa-d)}.onic-article .oa-icon.is-lg{width:44px;height:44px;font-size:22px}.onic-article .oa-icon.is-square{border-radius:8px}.onic-article .oa-icon.is-outline{background:#fff;color:var(--oa-d);border:2px solid var(--oa-d)}.onic-article .is-check{--oa-d:#16a34a}.onic-article .oa-icon.is-check::before,.onic-article .oa-iconlist .is-check::before{content:"✓"}.onic-article .is-cross{--oa-d:#dc2626}.onic-article .oa-icon.is-cross::before,.onic-article .oa-iconlist .is-cross::before{content:"✕"}.onic-article .is-warn{--oa-d:#ea580c}.onic-article .oa-icon.is-warn::before,.onic-article .oa-iconlist .is-warn::before{content:"!"}.onic-article .is-info{--oa-d:#1976d2}.onic-article .oa-icon.is-info::before,.onic-article .oa-iconlist .is-info::before{content:"i"}.onic-article .is-star{--oa-d:#f59e0b}.onic-article .oa-icon.is-star::before,.onic-article .oa-iconlist .is-star::before{content:"★"}.onic-article .is-arrow{--oa-d:#0f172a}.onic-article .oa-icon.is-arrow::before,.onic-article .oa-iconlist .is-arrow::before{content:"→"}.onic-article .is-plus{--oa-d:#16a34a}.onic-article .oa-icon.is-plus::before,.onic-article .oa-iconlist .is-plus::before{content:"+"}.onic-article .is-minus{--oa-d:#dc2626}.onic-article .oa-icon.is-minus::before,.onic-article .oa-iconlist .is-minus::before{content:"−"}.onic-article .oa-iconlist{margin:0 0 1.1em;padding:0;list-style:none}body .onic-article .oa-iconlist>li{position:relative;margin:0 0 .7em;padding-left:38px;list-style:none}.onic-article .oa-iconlist>li::before{position:absolute;top:1px;left:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--oa-d,#16a34a);color:#fff;border-radius:50%;font-size:14px;font-weight:800;line-height:1}.onic-article .oa-iconlist.is-square>li::before{border-radius:7px}.onic-article .oa-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px auto;color:var(--oa-muted);font-size:13px;font-weight:600;text-align:center}.onic-article .oa-arrow::after{content:"";width:26px;height:30px;background:var(--oa-d);clip-path:polygon(32% 0,68% 0,68% 55%,100% 55%,50% 100%,0 55%,32% 55%)}.onic-article .oa-arrow.is-right{flex-direction:row;justify-content:center}.onic-article .oa-arrow.is-right::after{width:30px;height:26px;clip-path:polygon(0 32%,55% 32%,55% 0,100% 50%,55% 100%,55% 68%,0 68%)}.onic-article .oa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}.onic-article .oa-kpis>li{display:flex;align-items:center;gap:12px;padding:14px;background:var(--oa-d-soft);border:2px solid var(--oa-d-line);border-radius:14px}.onic-article .oa-kpis>li>.oa-icon{width:44px;height:44px;font-size:20px}.onic-article .oa-diagram .oa-timeline{padding-left:34px}.onic-article .oa-diagram .oa-columns{padding-top:24px;margin-bottom:34px}.onic-article .oa-diagram .oa-layers,.onic-article .oa-diagram .oa-flow.is-vertical{margin-left:auto;margin-right:auto}@media (max-width:640px){.onic-article .oa-diagram{padding:16px 12px}.onic-article .oa-flow:not(.is-horizontal){flex-direction:column;gap:30px}.onic-article .oa-flow:not(.is-horizontal)>li:not(:last-child)::after{top:auto;right:auto;bottom:-25px;left:50%;transform:translateX(-50%) rotate(90deg)}.onic-article .oa-layers>li{flex-direction:column;align-items:flex-start;gap:4px}.onic-article .oa-vs{grid-template-columns:1fr}.onic-article .oa-vs>.oa-vs-badge{margin:0 auto}.onic-article .oa-bars>li{grid-template-columns:1fr}.onic-article .oa-bars>li>span,.onic-article .oa-bars>li>strong{grid-column:1}.onic-article .oa-tree .oa-node{min-width:74px;padding:7px 8px}.onic-article .oa-tree li{padding-left:3px;padding-right:3px}}