.skip-link { position:absolute; top:12px; left:12px; z-index:10000; padding:12px 18px; background:#fff; color:#052e58; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.footer-heading { font:500 12px var(--mono); text-transform:uppercase; letter-spacing:.1em; margin-bottom:20px; color:var(--muted); }
.footer-legal ul { list-style:none; display:flex; gap:20px; padding:0; }
.footer-legal a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.article-card { border:1px solid var(--line); padding:28px; border-radius:16px; display:flex; flex-direction:column; gap:16px; }
.article-card img { width:100%; height:210px; object-fit:cover; border-radius:8px; }
.article-card h2 { font:400 26px/1.25 var(--display); margin:0; }
.article-card h2 a { color:var(--ink); }
.article-card p { color:var(--muted); line-height:1.7; }
.article-card .article-date { font:11px var(--mono); margin:0; }
.article-card > a:last-child { margin-top:auto; }
.pagination { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:48px 0 0; }
.pagination .page-numbers { min-width:42px; padding:10px 14px; border:1px solid var(--line); border-radius:6px; }
.pagination .current { color:#fff; background:var(--orioma-blue); }
.author-note { margin:40px 0 24px; padding:24px; background:var(--paper); border-left:3px solid var(--accent-cyan); }
.article-resources { display:flex; gap:24px; flex-wrap:wrap; margin-top:24px; }
.article-resources a { border-bottom:1px solid currentColor; padding-bottom:5px; }
.detail-grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:72px; margin-top:60px; }
.detail-lead { font-size:18px; line-height:1.8; color:var(--muted); max-width:660px; margin:28px 0 32px; }
.detail-visual { background:radial-gradient(ellipse,var(--orioma-blue-glow),transparent 68%); }
.detail-visual img { width:100%; height:auto; max-height:500px; object-fit:contain; }
.detail-features { margin-top:48px; }
.specs-table dd { margin:0; }
.data-flow { padding:36px; background:var(--ink); color:#fff; border-radius:24px; }
.data-flow h2 { font:400 28px var(--display); margin-bottom:28px; }
.data-flow ol { list-style:none; padding:0; margin:0; }
.data-flow li { display:flex; align-items:center; gap:24px; padding:20px 0; border-top:1px solid rgba(255,255,255,.14); }
.data-flow li > span { font:14px var(--mono); color:var(--accent-cyan); }
.data-flow p { margin-top:6px; font-size:13px; color:#c4cfdb; }
.deployment-note { margin-top:40px; padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
.deployment-note h3 { font:400 26px var(--display); }
.deployment-note p { margin:14px 0 20px; line-height:1.8; max-width:900px; }
.detail-related { background:var(--paper); }
.dashboard-caption { margin:14px 0 0; color:#c4cfdb; font-size:12px; line-height:1.6; }
.kpi-num { font-size:clamp(24px,3vw,42px); overflow-wrap:anywhere; }
.pstat-num { font-size:clamp(23px,3vw,40px); }
.impact-num { overflow-wrap:anywhere; }
.spec-card h3 { font:400 22px var(--display); margin-bottom:12px; }
.nw-card img,.nw-featured-img img { height:100%; object-fit:cover; }
.product-detail-link { display:inline-block; margin:20px 0; text-decoration:underline; text-underline-offset:5px; }
.partners-row figure,.integrations-grid figure { margin:0; }
.partners-row figcaption,.integrations-grid figcaption { font-size:11px; text-align:center; color:var(--muted); margin-top:8px; }
@media(max-width:1000px) { .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .detail-grid { gap:36px; } }
@media(max-width:700px) { .article-grid,.detail-grid { grid-template-columns:1fr; } .detail-grid { margin-top:36px; } .article-card { padding:20px; } .data-flow { padding:24px; } .detail-lead { font-size:16px; } .footer-bottom { gap:16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

.specs-table dd{margin:0}.demo-caption{font-size:12px;line-height:1.6;padding:12px 18px;opacity:.85}.hero-visual>.demo-caption{position:absolute;bottom:0;left:0;right:0;text-align:center}.dashboard-mock>.demo-caption{color:#fff;margin:0}.qspec-value{font-size:clamp(18px,2vw,28px)}.product-more{margin:12px 0 24px}.product-more a{color:inherit;text-decoration:underline;text-underline-offset:4px}

.spec-card h2{font:400 22px var(--display);margin-bottom:12px}.impact-num{font-size:clamp(26px,3.5vw,48px)}.footer-col .footer-heading{color:rgba(255,255,255,.55)}