:root {
    --oem-blue: #006bff;
    --oem-blue-2: #00aaff;
    --oem-navy: #020a1f;
    --oem-navy-2: #071332;
    --oem-text: #07132f;
    --oem-muted: #46546a;
    --oem-line: #dfe7f2;
    --oem-soft: #f5f9ff;
    --oem-white: #ffffff;
    --oem-green: #168449;
    --oem-shadow: 0 16px 42px rgba(14,31,68,.09);
}



html { scroll-behavior: smooth; }
body.oem-product-page { background:#fff; color:var(--oem-text); }
body.oem-product-page #content { padding:0!important; background:#fff; }
body.oem-product-page section { position:relative; }
body.oem-product-page .container { max-width:1280px; }
.oem-section { padding:70px 0; }
.oem-section-soft { background:linear-gradient(180deg,#f8fbff 0%,#fff 100%); }
.oem-section-blue { background:linear-gradient(135deg,#f0f7ff,#fff); }
.oem-kicker { color:var(--oem-blue); text-transform:uppercase; font-size:13px; font-weight:900; letter-spacing:.08em; margin-bottom:10px; }
.oem-title { color:var(--oem-text); font-size:clamp(30px,3vw,42px); line-height:1.16; font-weight:850; letter-spacing:-.03em; margin:0; }
.oem-subtitle { color:var(--oem-muted); font-size:16px; line-height:1.75; max-width:850px; margin:17px auto 0; }
.oem-heading { text-align:center; margin:0 auto 36px; }
.oem-heading .oem-title { font-size:clamp(27px,2.5vw,36px); }
.oem-rule { width:66px; height:4px; border-radius:99px; margin:16px auto 0; background:linear-gradient(90deg,var(--oem-blue),var(--oem-blue-2)); }

/* Hero */
.oem-hero { overflow:hidden; padding:78px 0 64px; background:#fff url('/products/seceon/images/hero-blue-bg.webp') center/cover no-repeat; border-bottom:1px solid #e7eef8; }
.oem-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 46%,rgba(255,255,255,.45) 100%); }
.oem-hero .container { position:relative; z-index:2; }
.oem-brand-line { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.oem-brand-line img.oem-logo { width:190px; height:auto; object-fit:contain; }
.oem-partner-chip { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 13px; border-radius:999px; background:#eaf3ff; border:1px solid #cfe3ff; color:#0758d8; font-size:12px; font-weight:850; }
.oem-hero h1 { color:var(--oem-text); font-size:clamp(42px,4.6vw,66px); line-height:1.02; letter-spacing:-.045em; font-weight:900; margin:0 0 16px; }
.oem-hero h1 span { color:var(--oem-blue); }
.oem-hero h2 { color:#0b2d72; font-size:clamp(22px,2.2vw,31px); line-height:1.25; font-weight:800; margin:0 0 22px; }
.oem-hero p { color:#344158; font-size:16px; line-height:1.72; max-width:650px; margin:0 0 14px; }
.oem-actions { display:flex; gap:13px; flex-wrap:wrap; margin-top:28px; }
.oem-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:52px; padding:0 22px; border-radius:8px; font-size:14px; font-weight:850; transition:.25s ease; }
.oem-btn-primary { color:#fff!important; background:linear-gradient(135deg,#006bff,#0758d8); box-shadow:0 13px 30px rgba(0,107,255,.26); }
.oem-btn-secondary { color:#0b2d72!important; background:#fff; border:1px solid #b8c9df; box-shadow:0 8px 25px rgba(20,45,90,.06); }
.oem-btn:hover { transform:translateY(-2px); }
.oem-hero-visual { position:relative; padding:18px; }
.oem-hero-visual::before { content:""; position:absolute; inset:4% 5%; border-radius:50%; background:radial-gradient(circle,rgba(0,170,255,.28),rgba(0,107,255,.08) 48%,transparent 70%); filter:blur(3px); }
.oem-dashboard { position:relative; z-index:2; width:100%; border-radius:18px; box-shadow:0 28px 60px rgba(2,10,31,.25); border:8px solid #fff; }
.oem-trust-strip { margin-top:28px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:650px; }
.oem-trust-item { background:rgba(255,255,255,.88); border:1px solid #dfe9f6; border-radius:10px; padding:13px 15px; box-shadow:0 8px 25px rgba(14,31,68,.05); }
.oem-trust-item strong { display:block; color:#0b2d72; font-size:14px; margin-bottom:3px; }
.oem-trust-item span { color:#657188; font-size:12px; }

/* Anchor navigation */
.oem-anchor-nav {
    position: sticky;
    top: var(--oem-header-height, 92px);
    z-index: 1000;
    background: rgba(255,255,255,.98);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid #edf2f8;
    border-bottom: 1px solid #dfe7f2;
    box-shadow: 0 8px 22px rgba(14,31,68,.08);
}
.oem-anchor-list { display:flex; align-items:center; gap:4px; overflow:auto; white-space:nowrap; padding:11px 0; margin:0; list-style:none; }
.oem-anchor-list a { display:block; padding:9px 14px; border-radius:7px; color:#27374f; font-size:13px; font-weight:750; }
.oem-anchor-list a:hover,.oem-anchor-list a.active { background:#eaf3ff; color:#006bff; }
.oem-product-page main section[id] {
    scroll-margin-top: calc(var(--oem-header-height, 92px) + var(--oem-anchor-height, 62px) + 18px);
}

/* Overview */
.oem-overview-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:54px; align-items:center; }
.oem-copy p { color:#344158; line-height:1.82; font-size:16px; margin:0 0 16px; }
.oem-highlight-box { background:linear-gradient(145deg,#04122f,#08235a); border-radius:18px; padding:34px; color:#fff; box-shadow:0 25px 55px rgba(2,10,31,.2); }
.oem-highlight-box h3 { color:#fff; font-size:25px; font-weight:850; margin:0 0 18px; }
.oem-highlight-box ul { margin:0; padding:0; list-style:none; }
.oem-highlight-box li { position:relative; padding:11px 0 11px 30px; border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.9); }
.oem-highlight-box li:last-child { border-bottom:0; }
.oem-highlight-box li::before { content:"✓"; position:absolute; left:0; top:10px; color:#58d889; font-weight:900; }

/* Cards */
.oem-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.oem-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.oem-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.oem-card { height:100%; background:#fff; border:1px solid var(--oem-line); border-radius:14px; padding:26px; box-shadow:var(--oem-shadow); transition:.25s ease; }
.oem-card:hover { transform:translateY(-5px); border-color:#bfd9ff; box-shadow:0 22px 55px rgba(14,31,68,.14); }
.oem-card-icon { width:58px; height:58px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; color:#fff; font-size:24px; background:linear-gradient(135deg,#006bff,#00aaff); box-shadow:0 10px 25px rgba(0,107,255,.22); }
.oem-card-icon.green { background:linear-gradient(135deg,#168449,#38b96c); box-shadow:0 10px 25px rgba(22,132,73,.2); }
.oem-card h3 { color:var(--oem-text); font-size:22px; font-weight:850; margin:0 0 10px; }
.oem-card h4 { color:var(--oem-text); font-size:17px; line-height:1.3; font-weight:850; margin:0 0 9px; }
.oem-card p { color:var(--oem-muted); font-size:14px; line-height:1.7; margin:0; }
.oem-card ul { margin:16px 0 0; padding:0; list-style:none; }
.oem-card li { position:relative; padding:6px 0 6px 23px; color:#334056; font-size:14px; line-height:1.5; }
.oem-card li::before { content:"✓"; position:absolute; left:0; color:var(--oem-blue); font-weight:900; }
.oem-product-card { padding:32px; border-top:4px solid var(--oem-blue); }
.oem-product-card.green-top { border-top-color:var(--oem-green); }
.oem-product-label { color:var(--oem-blue); text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.08em; margin-bottom:9px; }
.oem-product-card.green-top .oem-product-label { color:var(--oem-green); }

/* Capabilities */
.oem-capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.oem-capability { min-height:210px; text-align:center; background:#fff; border:1px solid #dfe7f2; border-radius:13px; padding:24px 17px; box-shadow:0 10px 28px rgba(14,31,68,.05); }
.oem-capability .oem-card-icon { margin:0 auto 15px; }
.oem-capability h4 { color:var(--oem-text); font-size:16px; line-height:1.35; font-weight:850; margin:0 0 9px; }
.oem-capability p { color:#566278; font-size:13px; line-height:1.6; margin:0; }

/* Process */
.oem-process { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; counter-reset:process; }
.oem-process-step { position:relative; padding:22px 16px 20px; border-radius:13px; background:#fff; border:1px solid #dfe7f2; text-align:center; box-shadow:0 10px 25px rgba(14,31,68,.05); }
.oem-process-step::before { counter-increment:process; content:counter(process); width:30px; height:30px; border-radius:50%; position:absolute; left:12px; top:12px; display:flex; align-items:center; justify-content:center; background:#006bff; color:#fff; font-size:12px; font-weight:900; }
.oem-process-step i { font-size:27px; color:#006bff; margin:18px 0 13px; }
.oem-process-step h4 { color:var(--oem-text); font-size:14px; font-weight:850; margin:0 0 8px; }
.oem-process-step p { color:#606c80; font-size:12px; line-height:1.55; margin:0; }

/* Use cases / coverage */
.oem-usecase { display:flex; gap:15px; align-items:flex-start; padding:20px; border:1px solid #dfe7f2; border-radius:12px; background:#fff; }
.oem-usecase i { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#eaf3ff; color:#006bff; font-size:18px; }
.oem-usecase h4 { color:var(--oem-text); font-size:16px; font-weight:850; margin:0 0 5px; }
.oem-usecase p { color:#5a667a; font-size:14px; line-height:1.55; margin:0; }
.oem-coverage-list { display:grid; gap:13px; }
.oem-coverage-item { display:grid; grid-template-columns:54px 190px 1fr; align-items:center; gap:15px; padding:17px 19px; background:#fff; border:1px solid #dfe7f2; border-radius:11px; }
.oem-coverage-item i { width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:#eaf3ff; color:#006bff; font-size:20px; }
.oem-coverage-item strong { color:#0b2d72; font-size:14px; }
.oem-coverage-item span { color:#57647a; font-size:13px; line-height:1.55; }

/* Visual panels */
.oem-visual-panel { background:#fff; border:1px solid #dfe7f2; border-radius:18px; padding:18px; box-shadow:var(--oem-shadow); }
.oem-visual-panel img { width:100%; border-radius:11px; display:block; }
.oem-visual-caption { color:#6a7587; font-size:12px; line-height:1.55; padding:12px 4px 2px; text-align:center; }


/* Readable technical reference diagrams */
.oem-reference-panel {
    margin-top: 38px;
    background: #ffffff;
    border: 1px solid #d8e4f3;
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--oem-shadow);
}
.oem-reference-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.oem-reference-head h3 {
    color: var(--oem-text);
    font-size: 23px;
    line-height: 1.25;
    font-weight: 850;
    margin: 0 0 5px;
}
.oem-reference-head p {
    color: var(--oem-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}
.oem-zoom-btn {
    flex: 0 0 auto;
    border: 0;
    border-radius: 8px;
    min-height: 44px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: linear-gradient(135deg, #006bff, #0758d8);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0, 107, 255, .22);
}
.oem-reference-image {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e1e9f4;
    border-radius: 12px;
    cursor: zoom-in;
}
.oem-reference-note {
    margin: 12px 0 0;
    color: #657188;
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}
.oem-coverage-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.oem-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(1, 8, 30, .92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.oem-lightbox.is-open { display: flex; }
.oem-lightbox-dialog {
    position: relative;
    width: min(96vw, 1680px);
    max-height: 94vh;
    overflow: auto;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
}
.oem-lightbox-dialog img {
    display: block;
    width: 100%;
    height: auto;
}
.oem-lightbox-close {
    position: sticky;
    z-index: 2;
    top: 12px;
    float: right;
    margin: 12px 12px -58px 0;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #071332;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .26);
}
body.oem-lightbox-open { overflow: hidden; }

/* Benefits / deployment */
.oem-check-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px 25px; }
.oem-check { position:relative; padding:14px 16px 14px 47px; border-radius:10px; background:#fff; border:1px solid #dfe7f2; color:#26364e; font-size:14px; font-weight:700; }
.oem-check::before { content:"✓"; position:absolute; left:15px; top:11px; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eaf3ff; color:#006bff; font-weight:900; }
.oem-deploy-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.oem-deploy { text-align:center; padding:20px 10px; border-radius:12px; background:#fff; border:1px solid #dfe7f2; }
.oem-deploy i { display:block; color:#006bff; font-size:27px; margin-bottom:11px; }
.oem-deploy strong { color:#1a2b44; font-size:13px; }

/* CyberAxis services */
.oem-cyberaxis-box { border-radius:18px; padding:38px; color:#fff; background:linear-gradient(120deg,#020a1f,#071c49 70%,#06317a); box-shadow:0 25px 55px rgba(2,10,31,.22); }
.oem-cyberaxis-head { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:28px; }
.oem-cyberaxis-head img { width:240px; max-width:38%; height:auto; }
.oem-cyberaxis-head h2 { color:#fff; font-size:31px; font-weight:850; margin:0 0 8px; }
.oem-cyberaxis-head p { color:rgba(255,255,255,.82); margin:0; }
.oem-service-list { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.oem-service-list div { position:relative; padding:13px 14px 13px 39px; border-radius:9px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); color:#fff; font-size:13.5px; }
.oem-service-list div::before { content:"✓"; position:absolute; left:14px; color:#55c9ff; font-weight:900; }

/* CTA */
.oem-final-cta { padding:0 0 70px; }
.oem-final-cta-box { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; padding:42px 48px; border-radius:18px; background:linear-gradient(100deg,#006bff,#0046b8); color:#fff; box-shadow:0 22px 50px rgba(0,107,255,.25); }
.oem-final-cta-box::after { content:""; position:absolute; right:-90px; top:-130px; width:350px; height:350px; border-radius:50%; border:48px solid rgba(255,255,255,.08); }
.oem-final-cta h2 { position:relative; z-index:2; color:#fff; font-size:32px; font-weight:850; margin:0 0 8px; }
.oem-final-cta p { position:relative; z-index:2; color:rgba(255,255,255,.88); margin:0; }
.oem-final-cta .oem-actions { position:relative; z-index:2; margin:0; }
.oem-final-cta .oem-btn-primary { background:#fff; color:#0758d8!important; box-shadow:none; }
.oem-final-cta .oem-btn-secondary { background:transparent; color:#fff!important; border-color:rgba(255,255,255,.55); }

/* OEM listing */
.oem-directory-hero { padding:76px 0; background:linear-gradient(120deg,#020a1f,#07245f); color:#fff; }
.oem-directory-hero h1 { color:#fff; font-size:48px; font-weight:900; margin:0 0 15px; }
.oem-directory-hero p { color:rgba(255,255,255,.85); max-width:700px; font-size:17px; line-height:1.75; }
.oem-directory-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.oem-directory-card { background:#fff; border:1px solid #dfe7f2; border-radius:16px; padding:28px; box-shadow:var(--oem-shadow); }
.oem-directory-card img { max-width:190px; max-height:70px; object-fit:contain; margin-bottom:24px; }
.oem-directory-card h2 { font-size:22px; color:var(--oem-text); font-weight:850; }
.oem-directory-card p { color:var(--oem-muted); line-height:1.65; }

@media (max-width:1199px) {
  .oem-capability-grid { grid-template-columns:repeat(3,1fr); }
  .oem-process { grid-template-columns:repeat(3,1fr); }
  .oem-deploy-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:991px) {
  .oem-hero { padding:58px 0; }
  .oem-hero::before { background:rgba(255,255,255,.9); }
  .oem-hero-visual { margin-top:35px; }
  .oem-overview-grid { grid-template-columns:1fr; gap:30px; }
  .oem-grid-3,.oem-grid-4 { grid-template-columns:repeat(2,1fr); }
  .oem-capability-grid { grid-template-columns:repeat(2,1fr); }
  .oem-service-list { grid-template-columns:repeat(2,1fr); }
  .oem-final-cta-box { grid-template-columns:1fr; }
  .oem-directory-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px) {
  .oem-coverage-wide { grid-template-columns:1fr; }
  .oem-reference-head { align-items:flex-start; flex-direction:column; }
}
@media (max-width:767px) {
  .oem-section { padding:52px 0; }
  .oem-hero { padding:42px 0; }
  .oem-hero h1 { font-size:38px; }
  .oem-actions .oem-btn { width:100%; }
  .oem-trust-strip { grid-template-columns:1fr; }
  .oem-grid-2,.oem-grid-3,.oem-grid-4,.oem-capability-grid { grid-template-columns:1fr; }
  .oem-process { grid-template-columns:repeat(2,1fr); }
  .oem-coverage-item { grid-template-columns:48px 1fr; }
  .oem-coverage-item span { grid-column:1 / -1; }
  .oem-check-grid { grid-template-columns:1fr; }
  .oem-deploy-grid { grid-template-columns:repeat(2,1fr); }
  .oem-cyberaxis-box { padding:27px 20px; }
  .oem-cyberaxis-head { align-items:flex-start; flex-direction:column; }
  .oem-cyberaxis-head img { max-width:75%; }
  .oem-service-list { grid-template-columns:1fr; }
  .oem-final-cta-box { padding:30px 22px; }
  .oem-directory-grid { grid-template-columns:1fr; }
  .oem-reference-panel { padding:12px; }
  .oem-reference-head h3 { font-size:20px; }
  .oem-zoom-btn { width:100%; }
  .oem-lightbox { padding:8px; }
}
@media (max-width:480px) {
  .oem-process { grid-template-columns:1fr; }
  .oem-deploy-grid { grid-template-columns:1fr 1fr; }
}

/* =========================================================
   Microsoft 365 product page additions
========================================================= */
body.m365-product-page .oem-hero {
    background:#fff url('/products/microsoft365/images/m365-hero-bg.webp') center/cover no-repeat;
}
body.m365-product-page .oem-brand-line img.m365-logo {
    width:250px;
    max-width:100%;
}
body.m365-product-page .m365-dashboard {
    background:#fff;
    object-fit:contain;
}
.m365-note {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:22px;
    padding:16px 18px;
    border-radius:12px;
    background:#eef6ff;
    border:1px solid #cfe2fb;
    color:#43536a;
    font-size:13px;
    line-height:1.6;
}
.m365-note i { color:#006bff; margin-top:3px; }
.m365-core-heading { margin-top:58px; }
.m365-core-grid { grid-template-columns:repeat(6,1fr); }
.m365-core-grid .oem-capability { min-height:190px; }
.m365-overview-visual img { background:#f7faff; }

.m365-plan-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
}
.m365-plan-card {
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:0 30px 30px;
    border:1px solid #d7e3f2;
    border-top:5px solid #22a6f2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 42px rgba(14,31,68,.08);
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.m365-plan-card:hover {
    transform:translateY(-6px);
    box-shadow:0 24px 58px rgba(14,31,68,.14);
    border-color:#b7d4f7;
}
.m365-plan-card.standard { border-top-color:#0a68ee; }
.m365-plan-card.premium { border-top-color:#113b82; }
.m365-plan-card.featured::before {
    content:"Desktop Productivity";
    position:absolute;
    right:-42px;
    top:28px;
    width:180px;
    padding:7px 0;
    background:#0a68ee;
    color:#fff;
    text-align:center;
    font-size:10px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    transform:rotate(36deg);
}
.m365-plan-head {
    display:flex;
    align-items:center;
    gap:16px;
    margin:0 -30px 24px;
    padding:25px 30px 22px;
    background:linear-gradient(135deg,#f4f9ff,#fff);
    border-bottom:1px solid #e1ebf7;
}
.m365-plan-code {
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#22a6f2,#087bdd);
    color:#fff;
    font-size:24px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(0,107,255,.2);
}
.m365-plan-card.standard .m365-plan-code { background:linear-gradient(135deg,#0a68ee,#004bb4); }
.m365-plan-card.premium .m365-plan-code { background:linear-gradient(135deg,#113b82,#061d49); }
.m365-plan-family {
    display:block;
    color:#637188;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:3px;
}
.m365-plan-head h3 {
    margin:0;
    color:#0b2d72;
    font-size:24px;
    line-height:1.15;
    font-weight:900;
}
.m365-plan-position {
    color:#006bff;
    font-size:14px;
    font-weight:900;
    margin-bottom:13px;
}
.m365-plan-card > p {
    color:#536078;
    font-size:14px;
    line-height:1.72;
    min-height:120px;
    margin:0 0 18px;
}
.m365-plan-card h4 {
    color:#142d59;
    font-size:15px;
    font-weight:900;
    margin:0 0 8px;
}
.m365-plan-card ul {
    list-style:none;
    padding:0;
    margin:0 0 22px;
}
.m365-plan-card li {
    position:relative;
    padding:7px 0 7px 25px;
    color:#39485f;
    font-size:13.5px;
    line-height:1.5;
    border-bottom:1px solid #eef2f7;
}
.m365-plan-card li:last-child { border-bottom:0; }
.m365-plan-card li::before {
    content:"✓";
    position:absolute;
    left:0;
    top:7px;
    color:#006bff;
    font-weight:900;
}
.m365-best-for {
    margin-top:auto;
    padding:15px 16px;
    border-radius:11px;
    background:#f2f7fd;
    color:#56657a;
    font-size:12.5px;
    line-height:1.55;
}
.m365-best-for strong { color:#0b2d72; }
.m365-reference-panel { margin-top:34px; }

.m365-enterprise-card {
    position:relative;
    padding-top:32px;
    border-top:5px solid #29a8ef;
}
.m365-enterprise-card.e3 { border-top-color:#0a68ee; }
.m365-enterprise-card.e5 { border-top-color:#113b82; }
.m365-enterprise-card h3 {
    font-size:42px;
    letter-spacing:-.04em;
    color:#0b2d72;
}
.m365-enterprise-label {
    color:#006bff;
    text-transform:uppercase;
    font-size:11px;
    line-height:1.45;
    font-weight:900;
    letter-spacing:.07em;
    margin-bottom:10px;
}
.m365-enterprise-card > p { min-height:94px; }
.m365-feature-grid { align-items:start; }
.m365-check-single { margin-top:22px; }
.m365-blue-box { background:linear-gradient(145deg,#05265f,#006bff); }
.m365-entra-card.p1 { border-top-color:#0a68ee; }
.m365-entra-card.p2 { border-top-color:#6b5bd2; }
.m365-entra-card.p2 .oem-card-icon { background:linear-gradient(135deg,#6b5bd2,#4334a8); }
.m365-defender-grid .oem-card { min-height:250px; }

@media (max-width:1199px) {
    .m365-core-grid { grid-template-columns:repeat(3,1fr); }
    .m365-plan-card > p { min-height:145px; }
}
@media (max-width:991px) {
    .m365-plan-grid { grid-template-columns:1fr; }
    .m365-plan-card > p { min-height:auto; }
    .m365-enterprise-grid { grid-template-columns:1fr; }
    .m365-enterprise-card > p { min-height:auto; }
    .m365-defender-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px) {
    body.m365-product-page .oem-brand-line img.m365-logo { width:220px; }
    .m365-core-grid { grid-template-columns:repeat(2,1fr); }
    .m365-plan-card { padding:0 22px 24px; }
    .m365-plan-head { margin:0 -22px 22px; padding:22px; }
    .m365-plan-card.featured::before { display:none; }
    .m365-defender-grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
    .m365-core-grid { grid-template-columns:1fr; }
    .m365-plan-head { align-items:flex-start; }
    .m365-plan-head h3 { font-size:21px; }
}


/* =========================================================
   SecOps Solution product page additions
========================================================= */
body.secops-product-page .oem-hero {
    background:
        radial-gradient(circle at 82% 35%, rgba(0,107,255,.14), transparent 30%),
        linear-gradient(120deg,#ffffff 0%,#f7fbff 55%,#edf6ff 100%);
}
body.secops-product-page .oem-hero::before {
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.28) 100%);
}
body.secops-product-page .oem-brand-line img.secops-logo {
    width:250px;
    max-width:100%;
}
.secops-summary-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:25px;
}
.secops-summary-grid > div {
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    gap:2px 12px;
    padding:14px 15px;
    border-radius:12px;
    background:#f6faff;
    border:1px solid #d9e8f8;
}
.secops-summary-grid i {
    grid-row:1 / 3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:linear-gradient(135deg,#006bff,#00aaff);
    color:#fff;
}
.secops-summary-grid strong { color:#0b2d72; font-size:14px; }
.secops-summary-grid span { color:#657188; font-size:12px; line-height:1.4; }
.secops-highlight-box { background:linear-gradient(145deg,#061c49,#006bff); }
.secops-process { margin-top:10px; }
.secops-reference-panel { margin-top:42px; }
.secops-feature-grid { align-items:start; }
.secops-check-single { margin-top:23px; }
.secops-mini-grid { align-content:start; }
.secops-mini-grid .oem-card { min-height:230px; }
.secops-vulnerability-grid .oem-card { min-height:260px; }
.secops-automation-grid .oem-card { min-height:100%; }
.secops-ad-grid .oem-product-card { border-top-color:#006bff; }
.secops-remote-card .oem-card-icon { background:linear-gradient(135deg,#6046d7,#9239ef); }
.secops-remote-card .oem-product-label { color:#6d48d8; }
.secops-benefit-heading { margin-top:58px; }
.secops-deploy-grid { margin-bottom:0; }

@media (max-width:1199px) {
    .secops-automation-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px) {
    body.secops-product-page .oem-hero::before { background:rgba(255,255,255,.9); }
    .secops-mini-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px) {
    body.secops-product-page .oem-brand-line img.secops-logo { width:220px; }
    .secops-summary-grid,
    .secops-mini-grid,
    .secops-automation-grid { grid-template-columns:1fr; }
    .secops-mini-grid .oem-card,
    .secops-vulnerability-grid .oem-card { min-height:auto; }
}

/* =========================================================
   SecOps hero image-free console
   This is intentionally appended as the final product CSS.
   It removes dependency on the former shield image and avoids
   cropping or overflow at all desktop and mobile widths.
========================================================= */
.secops-hero-console {
    position:relative;
    width:100%;
    max-width:660px;
    margin:0 auto;
    padding:22px;
    overflow:hidden;
    border:1px solid #d5e6f8;
    border-radius:24px;
    background:
        radial-gradient(circle at 100% 0,rgba(0,170,255,.14),transparent 32%),
        linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);
    box-shadow:0 26px 70px rgba(14,31,68,.16);
}
.secops-hero-console::before {
    content:"";
    position:absolute;
    inset:auto -90px -120px auto;
    width:300px;
    height:300px;
    border-radius:50%;
    border:1px dashed rgba(0,107,255,.18);
    box-shadow:0 0 0 34px rgba(0,107,255,.025),0 0 0 68px rgba(0,170,255,.018);
    pointer-events:none;
}
.secops-console-top {
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:2px 2px 18px;
    border-bottom:1px solid #e1ebf7;
}
.secops-console-eyebrow {
    display:block;
    margin-bottom:5px;
    color:#006bff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.secops-console-top h3 {
    margin:0;
    color:#071f50;
    font-size:22px;
    line-height:1.25;
    font-weight:900;
}
.secops-console-status {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:7px 12px;
    border-radius:999px;
    background:#eaf8f1;
    color:#138a50;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}
.secops-workflow {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;
    align-items:center;
    gap:7px;
    padding:22px 0;
}
.secops-workflow-step {
    min-width:0;
    min-height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px 8px;
    border:1px solid #dce9f7;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 24px rgba(14,31,68,.06);
}
.secops-workflow-step i {
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:9px;
    border-radius:11px;
    background:#eaf3ff;
    color:#006bff;
    font-size:16px;
}
.secops-workflow-step strong {
    color:#102d62;
    font-size:12px;
    line-height:1.25;
    font-weight:900;
}
.secops-workflow-step span {
    margin-top:4px;
    color:#718097;
    font-size:9.5px;
    line-height:1.3;
}
.secops-workflow-step.is-primary {
    border-color:#78b5ff;
    background:linear-gradient(145deg,#006bff,#075bd8);
    box-shadow:0 14px 30px rgba(0,107,255,.22);
}
.secops-workflow-step.is-primary i {
    background:rgba(255,255,255,.18);
    color:#fff;
}
.secops-workflow-step.is-primary strong,
.secops-workflow-step.is-primary span { color:#fff; }
.secops-workflow-arrow {
    color:#82a8d3;
    font-size:13px;
    text-align:center;
}
.secops-console-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.secops-console-grid > div {
    min-width:0;
    min-height:83px;
    display:grid;
    grid-template-columns:42px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:11px;
    padding:13px;
    border:1px solid #dce9f7;
    border-radius:14px;
    background:rgba(255,255,255,.92);
}
.secops-console-icon {
    grid-row:1 / 3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:linear-gradient(135deg,#006bff,#00aaff);
    color:#fff;
    font-size:16px;
    box-shadow:0 9px 20px rgba(0,107,255,.2);
}
.secops-console-grid strong {
    align-self:end;
    color:#102d62;
    font-size:12px;
    line-height:1.25;
    font-weight:900;
}
.secops-console-grid small {
    align-self:start;
    margin-top:4px;
    color:#718097;
    font-size:10px;
    line-height:1.35;
}
.secops-console-footer {
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid #e1ebf7;
}
.secops-console-footer span {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#496078;
    font-size:10.5px;
    font-weight:750;
}
.secops-console-footer i { color:#006bff; }

@media (max-width:1199px) {
    .secops-hero-console { padding:18px; }
    .secops-workflow { grid-template-columns:repeat(4,1fr); gap:8px; }
    .secops-workflow-arrow { display:none; }
    .secops-workflow-step { min-height:106px; }
    .secops-console-top h3 { font-size:19px; }
}
@media (max-width:991px) {
    .secops-hero-console { margin-top:34px; max-width:760px; }
}
@media (max-width:640px) {
    .secops-hero-console { padding:15px; border-radius:18px; }
    .secops-console-top { flex-direction:column; gap:11px; }
    .secops-console-status { white-space:normal; }
    .secops-workflow { grid-template-columns:repeat(2,1fr); }
    .secops-console-grid { grid-template-columns:1fr; }
    .secops-console-top h3 { font-size:18px; }
}
@media (max-width:420px) {
    .secops-workflow { grid-template-columns:1fr; }
    .secops-workflow-step { min-height:88px; }
    .secops-console-grid > div { min-height:76px; }
}

/* =========================================================
   Action1 product page additions
========================================================= */
body.action1-product-page .oem-hero {
    background:#fff url('/products/action1/images/action1-hero-bg.webp') center/cover no-repeat;
    padding-top:64px;
    padding-bottom:64px;
}
body.action1-product-page .oem-hero::before {
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 47%,rgba(255,255,255,.76) 100%);
}
body.action1-product-page .oem-brand-line img.action1-logo {
    width:270px;
    max-width:100%;
}
.action1-highlight-box {
    background:linear-gradient(145deg,#071c49,#006bff);
}
.action1-summary-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:27px;
}
.action1-summary-grid > div {
    min-height:92px;
    display:grid;
    grid-template-columns:42px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:12px;
    padding:14px;
    border:1px solid #dce8f7;
    border-radius:13px;
    background:#fff;
    box-shadow:0 9px 24px rgba(14,31,68,.05);
}
.action1-summary-grid i {
    grid-row:1 / 3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:linear-gradient(135deg,#006bff,#13bdeb);
    color:#fff;
    font-size:16px;
}
.action1-summary-grid strong {
    color:#0b2d72;
    font-size:14px;
    font-weight:900;
}
.action1-summary-grid span {
    margin-top:3px;
    color:#657188;
    font-size:12px;
    line-height:1.4;
}
.action1-capability-grid {
    grid-template-columns:repeat(6,minmax(0,1fr));
}
.action1-capability-grid .oem-capability {
    min-height:205px;
}
.action1-feature-grid,
.action1-mini-grid,
.action1-vulnerability-grid,
.action1-automation-grid,
.action1-integration-cards {
    align-items:stretch;
}
.action1-mini-grid { margin-top:24px; }
.action1-mini-grid .oem-card { min-height:230px; }
.action1-vulnerability-grid .oem-card { min-height:245px; }
.action1-automation-grid .oem-card { min-height:100%; }
.action1-thirdparty-card { border-top-color:#13bdeb; }
.action1-thirdparty-card .oem-card-icon { background:linear-gradient(135deg,#0daee0,#006bff); }
.action1-reference-panel { margin-top:40px; }
.action1-check-grid { margin-top:28px; }
.action1-remote-card { border-top-color:#0a68ee; }
.action1-note,
.action1-security-note {
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-top:20px;
    padding:15px 17px;
    border-radius:12px;
    background:#eef6ff;
    border:1px solid #cfe2fb;
    color:#43536a;
    font-size:12.5px;
    line-height:1.6;
}
.action1-note i,
.action1-security-note i {
    color:#006bff;
    margin-top:3px;
}
.action1-security-note {
    margin-top:30px;
    background:#fff;
}
.action1-benefit-heading { margin-top:58px; }
.action1-deploy-grid { margin-bottom:0; }

/* Action1 hero console - image-free to prevent cropping or overflow */
.action1-hero-console {
    position:relative;
    width:100%;
    max-width:670px;
    margin:0 auto;
    padding:22px;
    overflow:hidden;
    border:1px solid #d5e6f8;
    border-radius:24px;
    background:
        radial-gradient(circle at 100% 0,rgba(19,189,235,.15),transparent 32%),
        linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);
    box-shadow:0 26px 70px rgba(14,31,68,.16);
}
.action1-hero-console::before {
    content:"";
    position:absolute;
    inset:auto -100px -130px auto;
    width:320px;
    height:320px;
    border-radius:50%;
    border:1px dashed rgba(0,107,255,.18);
    box-shadow:0 0 0 36px rgba(0,107,255,.025),0 0 0 72px rgba(19,189,235,.018);
    pointer-events:none;
}
.action1-console-top {
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:2px 2px 18px;
    border-bottom:1px solid #e1ebf7;
}
.action1-console-eyebrow {
    display:block;
    margin-bottom:5px;
    color:#0aaedc;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.action1-console-top h3 {
    margin:0;
    color:#071f50;
    font-size:22px;
    line-height:1.25;
    font-weight:900;
}
.action1-console-status {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:7px 12px;
    border-radius:999px;
    background:#eaf4ff;
    color:#006bff;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}
.action1-workflow {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;
    align-items:center;
    gap:7px;
    padding:22px 0;
}
.action1-workflow-step {
    min-width:0;
    min-height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px 8px;
    border:1px solid #dce9f7;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 24px rgba(14,31,68,.06);
}
.action1-workflow-step i {
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:9px;
    border-radius:11px;
    background:#eaf3ff;
    color:#006bff;
    font-size:16px;
}
.action1-workflow-step strong {
    color:#102d62;
    font-size:12px;
    line-height:1.25;
    font-weight:900;
}
.action1-workflow-step span {
    margin-top:4px;
    color:#718097;
    font-size:9.5px;
    line-height:1.3;
}
.action1-workflow-step.is-primary {
    border-color:#66cbea;
    background:linear-gradient(145deg,#13bdeb,#006bff);
    box-shadow:0 14px 30px rgba(0,107,255,.22);
}
.action1-workflow-step.is-primary i {
    background:rgba(255,255,255,.18);
    color:#fff;
}
.action1-workflow-step.is-primary strong,
.action1-workflow-step.is-primary span { color:#fff; }
.action1-workflow-arrow {
    color:#82a8d3;
    font-size:13px;
    text-align:center;
}
.action1-console-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.action1-console-grid > div {
    min-width:0;
    min-height:83px;
    display:grid;
    grid-template-columns:42px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:11px;
    padding:13px;
    border:1px solid #dce9f7;
    border-radius:14px;
    background:rgba(255,255,255,.92);
}
.action1-console-icon {
    grid-row:1 / 3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:linear-gradient(135deg,#13bdeb,#006bff);
    color:#fff;
    font-size:16px;
    box-shadow:0 9px 20px rgba(0,107,255,.2);
}
.action1-console-grid strong {
    align-self:end;
    color:#102d62;
    font-size:12px;
    line-height:1.25;
    font-weight:900;
}
.action1-console-grid small {
    align-self:start;
    margin-top:4px;
    color:#718097;
    font-size:10px;
    line-height:1.35;
}
.action1-console-footer {
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid #e1ebf7;
}
.action1-console-footer span {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#496078;
    font-size:10.5px;
    font-weight:750;
}
.action1-console-footer i { color:#006bff; }

@media (max-width:1199px) {
    .action1-capability-grid { grid-template-columns:repeat(3,1fr); }
    .action1-hero-console { padding:18px; }
    .action1-workflow { grid-template-columns:repeat(4,1fr); gap:8px; }
    .action1-workflow-arrow { display:none; }
    .action1-workflow-step { min-height:106px; }
    .action1-console-top h3 { font-size:19px; }
    .oem-directory-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px) {
    body.action1-product-page .oem-hero::before { background:rgba(255,255,255,.92); }
    .action1-hero-console { margin-top:34px; max-width:760px; }
    .action1-mini-grid,
    .action1-vulnerability-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px) {
    body.action1-product-page .oem-brand-line img.action1-logo { width:230px; }
    .action1-summary-grid,
    .action1-capability-grid,
    .action1-mini-grid,
    .action1-vulnerability-grid,
    .action1-automation-grid,
    .action1-integration-cards { grid-template-columns:1fr; }
    .action1-mini-grid .oem-card,
    .action1-vulnerability-grid .oem-card { min-height:auto; }
}
@media (max-width:640px) {
    .action1-hero-console { padding:15px; border-radius:18px; }
    .action1-console-top { flex-direction:column; gap:11px; }
    .action1-console-status { white-space:normal; }
    .action1-workflow { grid-template-columns:repeat(2,1fr); }
    .action1-console-grid { grid-template-columns:1fr; }
    .action1-console-top h3 { font-size:18px; }
}
@media (max-width:420px) {
    .action1-workflow { grid-template-columns:1fr; }
    .action1-workflow-step { min-height:88px; }
    .action1-console-grid > div { min-height:76px; }
}

/* Product directory cards */
.oem-directory-card {
    display:flex;
    flex-direction:column;
    min-height:100%;
}
.oem-directory-card .oem-btn { margin-top:auto; }
.oem-directory-card img { align-self:flex-start; }

.oem-generic-hero { background:#fff url('/products/seceon/images/hero-blue-bg.webp') center/cover no-repeat; }
.oem-platform-visual { position:relative; width:min(100%,570px); aspect-ratio:1.12/1; margin:0 auto; border:1px solid #d8e6f6; border-radius:28px; background:radial-gradient(circle at 50% 46%,#e7f2ff 0,#f7fbff 42%,#fff 72%); box-shadow:0 28px 65px rgba(7,48,112,.14); overflow:hidden; }
.oem-platform-visual::before,.oem-platform-visual::after { content:""; position:absolute; left:50%; top:50%; border:1px solid rgba(0,107,255,.17); border-radius:50%; transform:translate(-50%,-50%); }
.oem-platform-visual::before { width:68%; height:68%; }
.oem-platform-visual::after { width:88%; height:88%; border-style:dashed; }
.oem-platform-core { position:absolute; left:50%; top:50%; z-index:3; width:190px; height:190px; padding:30px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; transform:translate(-50%,-50%); background:#fff; border:1px solid #cfe1f6; box-shadow:0 20px 45px rgba(7,71,157,.18); text-align:center; }
.oem-platform-core img { max-width:138px; max-height:62px; width:auto; height:auto; object-fit:contain; }
.oem-platform-core span { color:#0b2d72; font-size:12px; font-weight:850; line-height:1.3; }
.oem-platform-node { position:absolute; z-index:4; width:126px; min-height:74px; padding:12px 9px; border-radius:13px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; background:#fff; border:1px solid #d7e5f5; box-shadow:0 12px 28px rgba(11,63,130,.11); text-align:center; }
.oem-platform-node i { color:#006bff; font-size:20px; }
.oem-platform-node span { color:#203451; font-size:11.5px; font-weight:800; line-height:1.25; }
.oem-platform-node.node-1 { left:4%; top:7%; }
.oem-platform-node.node-2 { right:4%; top:7%; }
.oem-platform-node.node-3 { left:1%; top:41%; }
.oem-platform-node.node-4 { right:1%; top:41%; }
.oem-platform-node.node-5 { left:9%; bottom:5%; }
.oem-platform-node.node-6 { right:9%; bottom:5%; }
.oem-cyberaxis-head img { width:255px; max-width:42%; max-height:78px; object-fit:contain; }
@media (max-width:991px) { .oem-platform-visual { max-width:600px; margin-top:20px; } }
@media (max-width:620px) {
  .oem-platform-visual { aspect-ratio:auto; min-height:530px; border-radius:20px; }
  .oem-platform-core { width:160px; height:160px; padding:22px; }
  .oem-platform-node { width:108px; min-height:68px; padding:9px 6px; }
  .oem-platform-node.node-1 { left:3%; top:5%; }
  .oem-platform-node.node-2 { right:3%; top:5%; }
  .oem-platform-node.node-3 { left:1%; top:40%; }
  .oem-platform-node.node-4 { right:1%; top:40%; }
  .oem-platform-node.node-5 { left:5%; bottom:4%; }
  .oem-platform-node.node-6 { right:5%; bottom:4%; }
}

/* =========================================================
   OEM menu branding and CyberAxis inline treatment — v2.2
========================================================= */
.oem-anchor-nav .container {
    display: flex;
    align-items: center;
    gap: 14px;
}
.oem-anchor-list {
    flex: 1 1 auto;
    min-width: 0;
}
.oem-anchor-brand {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 168px;
    min-height: 44px;
    padding: 4px 0 4px 16px;
    border-left: 1px solid #e1e9f3;
}
.oem-anchor-brand img {
    display: block;
    width: auto;
    max-width: 155px;
    max-height: 38px;
    object-fit: contain;
}
body.m365-product-page .oem-anchor-brand { flex-basis: 185px; }
body.m365-product-page .oem-anchor-brand img { max-width: 175px; }

.oem-cyberaxis-head {
    display: block;
}
.oem-cyberaxis-head > div { width: 100%; }
.oem-cyberaxis-head h2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    line-height: 1.25;
}
.oem-cyberaxis-head img.oem-cyberaxis-inline-logo {
    display: inline-block;
    width: auto;
    max-width: 205px;
    height: 42px;
    margin: 0;
    object-fit: contain;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .oem-anchor-brand { flex: 0 0 126px; padding-left: 10px; }
    .oem-anchor-brand img { max-width: 116px; max-height: 31px; }
    body.m365-product-page .oem-anchor-brand { flex-basis: 138px; }
    body.m365-product-page .oem-anchor-brand img { max-width: 130px; }
}
@media (max-width: 575px) {
    .oem-anchor-brand { display: none; }
    .oem-cyberaxis-head img.oem-cyberaxis-inline-logo { max-width: 170px; height: 36px; }
}