:root{--base-white:#fff;--base-black:#0a0a0a;--base-primary:#05b86f;--base-link:#006deb;--jade-25:#f1fcf9;--jade-400:#00c8a3;--jade-500:#00a887;--jade-700:#008b6e;--jade-900:#007659;--grey-10:#f9f9f9;--grey-25:#f4f4f6;--grey-50:#ebebf0;--grey-100:#dcdce8;--grey-200:#c9c9d8;--grey-300:#b0b0c4;--grey-400:#8a8aa2;--grey-500:#6b6b84;--grey-600:#5a5a72;--grey-700:#4c4c60;--grey-1400:#1e1e1f;--grey-1500:#131313;--neutral-25:#f4f4f4;--neutral-50:#ebebeb;--neutral-100:#dedede;--neutral-200:#cacaca;--neutral-400:#8f8f8f;--neutral-600:#595959;--neutral-700:#4a4a4a;--neutral-900:#363636;--neutral-1000:#2e2e2e;--neutral-1100:#262626;--neutral-1200:#1f1f1f;--neutral-1300:#181818;--neutral-1400:#101010;--neutral-1500:#0a0a0a;--red-25:#fff5f5;--red-100:#ffc9c9;--red-500:#e80e19;--red-700:#b01818;--red-900:#7d1212;--orange-25:#fff8f0;--orange-100:#ffd4a3;--orange-500:#e06200;--orange-700:#a84700;--yellow-25:#fffef0;--yellow-100:#fff5a0;--yellow-400:#f9ce00;--yellow-500:#e0b000;--yellow-700:#a87c00;--green-25:#f0fff6;--green-100:#99f0c2;--green-500:#00a04c;--green-700:#007235;--blue-25:#f0f4ff;--blue-100:#adcaff;--blue-500:#1460e8;--blue-700:#0d42b0;--cyan-25:#f0fbff;--cyan-400:#10a0da;--cyan-700:#005b87;--indigo-25:#f2f0ff;--indigo-100:#c9c0ff;--indigo-500:#5c4ee8;--indigo-700:#3e34b0;--hero-bg:var(--yellow-25);--text-primary:var(--neutral-1400);--text-secondary:var(--neutral-700);--text-muted:var(--grey-500);--border:var(--neutral-100);--border-strong:var(--neutral-200);--surface:var(--base-white);--surface-soft:var(--grey-10);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-soft:0 24px 70px color-mix(in srgb,var(--neutral-1500) 12%,transparent);--page-section-padding:clamp(72px,9vw,116px) 0;--page-section-padding-mobile:56px 0}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--text-secondary);background:var(--hero-bg);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'ZohoPuvi'}a{color:inherit;text-decoration:none}svg{display:block;max-width:100%}p,h1,h3{margin:0;font-size:inherit}.opu-banner{position:relative;display:flex;align-items:center;overflow:hidden;padding:70px 0;background-color:var(--hero-bg);background-image:linear-gradient(color-mix(in srgb,var(--yellow-700) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--yellow-700) 9%,transparent) 1px,transparent 1px);background-size:48px 48px;background-position:center center}.opu-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0,var(--hero-bg) 85%)}.opu-container{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto}.opu-banner__grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(520px,1.08fr);gap:clamp(40px,7vw,84px);align-items:center}.opu-banner__copy{max-width:560px}.opu-banner__copy h1{color:var(--text-primary);font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-1px;font-weight:700}.term-dns,.term-dhcp,.term-ipam,.term-switch{color:var(--orange-500)}.cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.opu-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-sm);border:1px solid transparent;padding:13px 22px;font-size:16px;font-weight:600;line-height:1.2;transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease}.opu-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.opu-btn-primary{color:var(--base-white);background:var(--red-500);border-color:var(--red-500);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--red-500) 55%,transparent)}.opu-btn-primary:hover{background:var(--red-700);border-color:var(--red-700);transform:translateY(-1px)}.opu-btn-outline{color:var(--base-white);background:var(--base-black)}.opu-btn-outline:hover{color:var(--base-white);border-color:var(--neutral-400);transform:translateY(-1px)}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:42px 0 0;padding:22px 0 0;border-top:1px solid var(--border);list-style:none}.trust li{min-width:0;padding:0 16px;border-left:1px solid var(--border)}.trust li:first-child{border-left:0;padding-left:0}.trust strong{display:block;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-0.01em}.trust span{display:block;margin-top:3px;color:var(--text-secondary);font-size:13px;line-height:1.25}.ddi-section{position:relative;padding:var(--page-section-padding);background-color:var(--base-white)}.ddi-layout{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.ddi-copy{max-width:900px;text-align:center}.ddi-copy h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-0.01em}.section-lead{margin-top:18px;color:var(--text-secondary);font-size:17px;line-height:1.65}.section-body{margin-top:14px;color:var(--text-secondary);font-size:17px;line-height:1.7}.section-lead a,.section-body a,.ddi-card p a,.beyond-card p a,.enterprise-apart-card h4 a,.enterprise-apart-card p a{color:var(--base-link);font-weight:600;text-decoration:none}.section-lead a:hover,.section-body a:hover,.ddi-card p a:hover,.beyond-card p a:hover,.enterprise-apart-card h4 a:hover,.enterprise-apart-card p a:hover{color:var(--blue-700)}.link-arrow{display:inline-flex;align-items:center;gap:6px;margin-top:20px;color:var(--base-link);padding-bottom:1px;font-size:15px;font-weight:600;transition:color 160ms ease,border-color 160ms ease}.link-arrow span{display:inline-block;transition:transform 200ms ease}.link-arrow:hover span{transform:translateX(3px)}.ddi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:clamp(28px,4vw,42px)}.ddi-subsection--management .ddi-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ddi-subsection{margin-top:40px}.ddi-subsection+.ddi-subsection{margin-top:40px}.ddi-subsection__head{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:clamp(22px,3vw,32px);text-align:center}.ddi-subsection__head h3{display:flex;align-items:baseline;gap:12px;margin:0;color:var(--text-primary);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.16;letter-spacing:-0.01em}.ddi-subsection__head h3 span{color:var(--red-500)}.ddi-subsection .ddi-cards,.ddi-subsection .beyond-grid{margin-top:0}.ddi-subsection--beyond{padding:0}.ddi-section-cta{display:flex;justify-content:center;margin-top:clamp(32px,5vw,56px)}.ddi-section-cta .link-arrow{margin-top:0}.ddi-cards.ddi-mgmt-diagram-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 78%,transparent),color-mix(in srgb,var(--grey-10) 68%,transparent)),var(--base-white);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 96%,transparent),0 20px 50px -42px color-mix(in srgb,var(--neutral-1500) 30%,transparent)}.ddi-card,.ddi-mgmt-diagram-panel{position:relative;min-height:100%}.ddi-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 78%,transparent)),var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.ddi-card.ddi-mgmt-diagram-panel{overflow:hidden;border:0;border-radius:0;padding:clamp(28px,3.6vw,42px) clamp(22px,3vw,36px) 34px;background:transparent;box-shadow:none}.ddi-mgmt-diagram-panel+.ddi-mgmt-diagram-panel{border-left:1px solid color-mix(in srgb,var(--border) 88%,transparent)}.ddi-mgmt-diagram-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px 150px at 50% 24%,color-mix(in srgb,var(--node-accent,var(--jade-500)) 12%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 42%,transparent),transparent 48%);opacity:0;transition:opacity 240ms ease}.ddi-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.ddi-card.ddi-mgmt-diagram-panel:hover{border-color:transparent;box-shadow:none;transform:none}.ddi-mgmt-diagram-panel:hover::after{opacity:0}.ddi-mgmt-diagram-panel--dns{--node-accent:var(--red-500)}.ddi-mgmt-diagram-panel--dhcp{--node-accent:var(--orange-500)}.ddi-mgmt-diagram-panel--ipam{--node-accent:var(--blue-500)}.ddi-mgmt-diagram{position:relative;z-index:1;width:min(260px,100%);margin:0 auto 26px}.ddi-mgmt-diagram svg{display:block;width:100%;height:auto;overflow:visible}.ddi-svg-bg{stroke-width:1}.ddi-svg-bg--dns,.ddi-svg-row-bg--dns,.ddi-svg-badge--dns{fill:var(--red-25);stroke:var(--red-100)}.ddi-svg-bg--dhcp,.ddi-svg-row-bg--dhcp,.ddi-svg-badge--dhcp{fill:var(--orange-25);stroke:var(--orange-100)}.ddi-svg-bg--ipam,.ddi-svg-badge--ipam{fill:var(--blue-25);stroke:var(--blue-100)}.ddi-svg-label,.ddi-svg-head,.ddi-svg-text,.ddi-record-text,.ddi-status-text,.ddi-svg-foot{dominant-baseline:middle}.ddi-svg-label{font-size:8.5px;font-weight:700;text-anchor:middle}.ddi-svg-head{font-size:7.5px;font-weight:700;opacity:.62}.ddi-svg-text,.ddi-status-text{font-size:8px;font-weight:700}.ddi-record-text{font-size:6.5px;font-weight:700;text-anchor:middle}.ddi-svg-foot{font-size:8px;font-weight:700;text-anchor:middle}.ddi-svg-label--dns,.ddi-svg-head--dns,.ddi-svg-text--dns,.ddi-record-text--dns,.ddi-svg-foot--dns{fill:var(--red-700)}.ddi-svg-label--dhcp,.ddi-svg-head--dhcp,.ddi-svg-text--dhcp,.ddi-record-text--dhcp,.ddi-svg-foot--dhcp{fill:var(--orange-700)}.ddi-svg-label--ipam,.ddi-svg-head--ipam,.ddi-svg-foot--ipam{fill:var(--blue-700)}.ddi-svg-head--muted{fill:var(--grey-500)}.ddi-svg-head--danger{fill:var(--red-700)}.ddi-svg-rule{stroke-width:.8}.ddi-svg-rule--dns{stroke:var(--red-100)}.ddi-svg-rule--dhcp{stroke:var(--orange-100)}.ddi-svg-row-bg,.ddi-record-chip,.ddi-vendor-chip,.ddi-legend-chip,.ddi-bar-track,.ddi-bar-fill,.ipam-b{stroke-width:1}.ddi-svg-row-bg--warn{fill:var(--orange-25);stroke:var(--orange-100)}.ddi-svg-row-bg--critical{fill:var(--red-25);stroke:var(--red-100)}.ddi-svg-row-bg--ok{fill:var(--green-25);stroke:var(--green-100)}.ddi-svg-text--warn,.ddi-record-text--warn{fill:var(--orange-700)}.ddi-svg-text--critical{fill:var(--red-700)}.ddi-svg-text--ok,.ddi-status-text--ok{fill:var(--green-700)}.ddi-record-chip--dns{fill:color-mix(in srgb,var(--red-25) 64%,var(--red-100));stroke:var(--red-100)}.ddi-record-chip--warn{fill:color-mix(in srgb,var(--orange-25) 64%,var(--orange-100));stroke:var(--orange-100)}.ddi-status-dot--ok{fill:var(--green-500)}.ddi-status-text--warn{fill:var(--orange-700)}.ddi-vendor-chip--blue{fill:var(--blue-25);stroke:var(--blue-100)}.ddi-vendor-chip--indigo{fill:var(--indigo-25);stroke:var(--indigo-100)}.ddi-vendor-chip--cyan{fill:var(--cyan-25);stroke:color-mix(in srgb,var(--cyan-25) 62%,var(--cyan-400))}.ddi-record-text--blue{fill:var(--blue-500)}.ddi-record-text--indigo{fill:var(--indigo-500)}.ddi-record-text--cyan{fill:var(--cyan-700)}.ddi-bar-track--critical{fill:color-mix(in srgb,var(--red-25) 64%,var(--red-100))}.ddi-bar-track--dhcp{fill:color-mix(in srgb,var(--orange-25) 64%,var(--orange-100))}.ddi-bar-track--ok{fill:var(--green-25)}.ddi-bar-fill--critical{fill:var(--red-500)}.ddi-bar-fill--dhcp{fill:var(--orange-500)}.ddi-bar-fill--ok{fill:var(--green-500)}.ipam-b,.ddi-legend-chip--used{fill:var(--blue-100);stroke:color-mix(in srgb,var(--blue-100) 66%,var(--blue-25))}.ipam-b--free,.ddi-legend-chip--free{fill:var(--grey-25);stroke:var(--grey-100)}.ipam-b--warn{fill:var(--yellow-100);stroke:color-mix(in srgb,var(--yellow-100) 70%,var(--yellow-500))}.ipam-b--conflict,.ddi-legend-chip--conflict{fill:var(--red-100);stroke:color-mix(in srgb,var(--red-100) 70%,var(--red-500))}.dns-scan-line,.ipam-scan-line{opacity:0;stroke:var(--node-accent);stroke-width:2;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 0}.dhcp-fill-1,.dhcp-fill-2,.dhcp-fill-3{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0.2);transition:transform 680ms cubic-bezier(0.22,1,0.36,1)}.dhcp-fill-2{transition-delay:80ms}.dhcp-fill-3{transition-delay:160ms}.ddi-mgmt-diagram-panel--dns:hover .dns-scan-line{animation:none}.ddi-mgmt-diagram-panel--dhcp:hover .dhcp-fill-1,.ddi-mgmt-diagram-panel--dhcp:hover .dhcp-fill-2,.ddi-mgmt-diagram-panel--dhcp:hover .dhcp-fill-3{transform:scaleX(0.2)}.ddi-mgmt-diagram-panel--ipam:hover .ipam-scan-line{animation:none}.ddi-mgmt-diagram-panel--ipam:hover .ipam-b--conflict{animation:none}.ddi-card h3{position:relative;z-index:1;margin:16px 0 10px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.25}.ddi-card p{position:relative;z-index:1;margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.62}.ddi-card>.link-arrow{margin-top:auto;padding-top:18px}.ddi-mgmt-diagram-panel h3{max-width:13ch;font-size:clamp(21px,2vw,26px);letter-spacing:-0.025em}.ddi-mgmt-diagram-panel p{max-width:36ch;font-size:15px;line-height:1.65}.ddi-mgmt-diagram-panel .link-arrow{position:relative;z-index:1}@keyframes ddiDnsScan{0%{opacity:0;transform:translateY(0)}18%,72%{opacity:.9}100%{opacity:0;transform:translateY(68px)}}@keyframes ddiIpamScan{0%{opacity:0;transform:translateY(0)}18%,72%{opacity:.85}100%{opacity:0;transform:translateY(78px)}}@keyframes ddiConflictPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(0.94)}}.ddi-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.ddi-card__visual,.ddi-card__visual--dns,.ddi-card__visual--dhcp,.ddi-card__visual--ipam,.ddi-card__visual--ports,.ddi-card__visual--rogue,.ddi-card__visual--tools{min-height:190px;display:flex;justify-content:center;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-md);padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 72%,transparent),color-mix(in srgb,var(--surface-soft) 74%,transparent)),var(--surface-soft)}.ddi-card__visual--dns{--ddi-status:var(--red-500);--ddi-status-soft:var(--red-25);--ddi-status-line:var(--red-100)}.ddi-card__visual--dhcp{--ddi-status:var(--orange-500);--ddi-status-soft:var(--orange-25);--ddi-status-line:var(--orange-100)}.ddi-card__visual--ipam{--ddi-status:var(--green-100);--ddi-status-active:var(--red-500);--ddi-status-active-line:var(--red-700);--ddi-status-active-glow:var(--red-100)}.ddi-card__visual--ports{--ddi-status:var(--blue-500);--ddi-status-soft:var(--blue-25);--ddi-status-line:var(--blue-100)}.ddi-card__visual--rogue{--ddi-status:var(--red-500);--ddi-status-soft:var(--red-25);--ddi-status-line:var(--red-100)}.ddi-card__visual--tools{--ddi-status:var(--jade-500);--ddi-status-soft:var(--jade-25);--ddi-status-line:var(--green-100)}.ddi-dns-table{display:grid;gap:6px}.ddi-dns-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:7px;padding:5px 7px;color:var(--text-secondary);background:var(--base-white);font-size:11px}.ddi-dns-row--head{border-color:transparent;padding-top:0;padding-bottom:1px;color:var(--text-secondary);background:transparent;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ddi-dns-row b,.ddi-dns-row em,.ddi-dns-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddi-dns-row b{color:var(--text-primary)}.ddi-dns-row em{color:var(--text-secondary);font-style:normal;font-weight:700}.ddi-dns-row strong{color:var(--text-secondary);font-size:10px}.ddi-dns-row .is-ok{color:var(--green-700)}.ddi-dns-row.is-warning{border-color:color-mix(in srgb,var(--orange-100) 72%,transparent);background:color-mix(in srgb,var(--orange-25) 62%,transparent)}.ddi-dns-row.is-warning strong{color:var(--orange-700)}.ddi-mini-note{margin-top:10px;color:var(--text-secondary);font-size:11px;font-weight:700}.ddi-scope-stack{display:grid;gap:8px}.ddi-scope-row{display:grid;gap:5px}.ddi-scope-row div{display:flex;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:11.5px;font-weight:700}.ddi-scope-row b{color:var(--text-primary)}.ddi-scope-row i{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--grey-50) 78%,transparent)}.ddi-scope-row i::before{content:"";display:block;width:var(--scope-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade-400),var(--jade-700))}.ddi-scope-row.is-critical i::before{background:linear-gradient(90deg,var(--orange-500),var(--red-500))}.ddi-scope-row.is-healthy i{background:color-mix(in srgb,var(--green-100) 24%,var(--base-white))}.ddi-vendor-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px}.ddi-vendor-strip span{overflow:hidden;border:1px solid var(--border);border-radius:6px;padding:4px 5px;color:var(--text-secondary);background:var(--base-white);font-size:10px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ddi-ipam-widget{display:grid;gap:8px}.ddi-ipam-widget__head{display:flex;justify-content:space-between;gap:10px;color:var(--text-primary);font-size:10.5px;font-weight:700;line-height:1.2}.ddi-ipam-widget__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddi-ipam-widget__head b{flex-shrink:0;color:var(--text-secondary);font-size:10px}.ddi-ipam-segment{display:flex;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--grey-50) 78%,transparent)}.ddi-ipam-segment span{display:block;min-width:4px}.ddi-ipam-segment .is-transient{width:65%;background:var(--orange-500)}.ddi-ipam-segment .is-used{width:31%;background:var(--red-500)}.ddi-ipam-segment .is-available{width:4%;background:var(--green-500)}.ddi-ipam-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ddi-ipam-stats div{overflow:hidden;border:1px solid var(--border);border-radius:7px;padding:6px 7px;background:var(--base-white)}.ddi-ipam-stats b{display:block;color:var(--text-primary);font-size:15px;font-weight:700;line-height:1}.ddi-ipam-stats span{display:block;margin-top:3px;overflow:hidden;color:var(--text-secondary);font-size:9.5px;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.ddi-ipam-stats .is-transient span{color:var(--orange-700)}.ddi-ipam-stats .is-used span{color:var(--red-700)}.ddi-ipam-stats .is-available span{color:var(--green-700)}.ddi-ipam-alert{display:flex;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--red-100) 54%,var(--border));border-radius:7px;padding:5px 7px;color:var(--red-700);background:color-mix(in srgb,var(--red-25) 48%,var(--base-white));font-size:10.5px;font-weight:700;line-height:1.2}.ddi-ipam-alert span{color:var(--text-secondary)}.ddi-ipam-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ddi-ipam-meta span{overflow:hidden;border:1px solid var(--border);border-radius:6px;padding:4px 5px;color:var(--text-secondary);background:var(--base-white);font-size:10px;font-weight:700;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ddi-ipam-meta span:last-child{border-color:color-mix(in srgb,var(--red-100) 64%,var(--border));color:var(--red-700);background:color-mix(in srgb,var(--red-25) 42%,var(--base-white))}.ddi-port-widget,.ddi-rogue-widget,.ddi-tools-widget{display:grid;gap:10px}.ddi-port-widget__head,.ddi-tools-widget__head,.ddi-rogue-score{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-primary);font-size:10.5px;font-weight:700;line-height:1.2}.ddi-port-widget__head span,.ddi-tools-widget__head span,.ddi-rogue-score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddi-port-widget__head b,.ddi-tools-widget__head b{flex-shrink:0;color:var(--text-secondary);font-size:10px}.ddi-port-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.ddi-port-grid span{display:block;aspect-ratio:1.25;border:1px solid var(--border);border-radius:5px;background:var(--grey-50)}.ddi-card__visual--ports .ddi-port-widget{gap:6px}.ddi-card__visual--ports .ddi-port-grid{gap:5px}.ddi-card__visual--ports .ddi-port-grid span{height:26px;aspect-ratio:auto}.ddi-card__visual--ports .ddi-port-map{gap:5px}.ddi-card__visual--ports .ddi-port-map div{min-height:28px;padding:5px 7px}.ddi-card__visual--ports .ddi-mini-note{margin-top:2px}.ddi-port-grid .is-live{border-color:color-mix(in srgb,var(--green-100) 70%,var(--border));background:var(--green-100)}.ddi-port-grid .is-warning{border-color:color-mix(in srgb,var(--orange-100) 76%,var(--border));background:var(--orange-100)}.ddi-port-grid .is-blocked{border-color:color-mix(in srgb,var(--red-100) 78%,var(--border));background:var(--red-100)}.ddi-port-map,.ddi-rogue-list,.ddi-tool-run{display:grid;gap:6px}.ddi-port-map div,.ddi-rogue-list div,.ddi-tool-run div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:7px;padding:6px 7px;color:var(--text-secondary);background:var(--base-white);font-size:10.5px;font-weight:700;line-height:1.2}.ddi-port-map span,.ddi-rogue-list span,.ddi-tool-run span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddi-port-map b,.ddi-rogue-list b,.ddi-tool-run b{flex-shrink:0;color:var(--text-primary)}.ddi-rogue-score{border:1px solid color-mix(in srgb,var(--red-100) 60%,var(--border));border-radius:8px;padding:7px 8px;color:var(--red-700);background:color-mix(in srgb,var(--red-25) 52%,var(--base-white))}.ddi-rogue-score span{color:var(--text-secondary)}.ddi-rogue-list .is-blocked{border-color:color-mix(in srgb,var(--red-100) 62%,var(--border));background:color-mix(in srgb,var(--red-25) 42%,var(--base-white))}.ddi-rogue-list .is-blocked b{color:var(--red-700)}.ddi-rogue-list .is-guest b{color:var(--orange-700)}.ddi-rogue-list .is-trusted b{color:var(--green-700)}.ddi-filter-strip,.ddi-tool-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ddi-tool-tags{grid-template-columns:repeat(4,minmax(0,1fr))}.ddi-filter-strip span,.ddi-tool-tags span{overflow:hidden;border:1px solid var(--border);border-radius:6px;padding:4px 5px;color:var(--text-secondary);background:var(--base-white);font-size:10px;font-weight:700;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ddi-tool-run div:first-child b{color:var(--green-700)}.ddi-tool-run div:nth-child(2) b{color:var(--blue-700)}.ddi-tool-run div:nth-child(3) b{color:var(--jade-700)}.product-screen-section{position:relative;overflow:hidden;background:var(--base-white)}.product-screen-section.sec-padding-100{padding:var(--page-section-padding)}.product-screen-section::before{content:"";position:absolute;inset:auto -12% -38% -12%;height:54%;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--red-300) 10%,transparent),transparent 66%)}.feature-content-intro-section{max-width:780px;margin:0 auto clamp(28px,4vw,44px);text-align:center}.feature-content-intro-section h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-0.01em;text-wrap:balance}.text-center{text-align:center}.product-screen-div{position:relative}.product-screen-section .unified-content-box{--screen-offset:0;position:relative;display:flex;flex-direction:column;gap:18px;width:100%;padding:clamp(14px,2vw,22px);border:1px solid var(--border);border-radius:clamp(22px,3vw,34px);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 82%,transparent)),var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent)}.product-screen-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:6px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--grey-10) 74%,var(--base-white))}.product-screen-tab{min-height:44px;border:0;border-radius:13px;color:var(--text-secondary);background:transparent;font:inherit;font-size:14px;font-weight:700;letter-spacing:-0.01em;cursor:pointer;transition:color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 180ms ease}.product-screen-tab:hover,.product-screen-tab:focus-visible{color:var(--text-primary);background:var(--grey-25)}.product-screen-tab:focus-visible,.product-screen-arrow:focus-visible,.product-screen-pagination button:focus-visible{outline:3px solid color-mix(in srgb,var(--jade-400) 38%,transparent);outline-offset:3px}.product-screen-tab.is-active{color:var(--base-white);background:var(--base-black)}.product-screen-viewport{overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:clamp(18px,2.4vw,28px);background:linear-gradient(180deg,var(--neutral-25),var(--base-white))}.product-screen-track{display:flex;transform:translateX(var(--screen-offset,0));transition:transform 520ms cubic-bezier(0.22,1,0.36,1)}.product-screen-slide{flex:0 0 100%;min-width:0;padding:clamp(18px,2.8vw,32px)}.product-screen-slide h3{margin:0 0 18px;color:var(--text-primary);font-size:clamp(20px,2vw,28px);line-height:1.2;letter-spacing:-0.035em;text-align:center}.product-screen-section .img-holder{overflow:hidden;border:1px solid var(--border);border-radius:clamp(14px,2vw,22px);background:var(--base-white);box-shadow:0 18px 42px color-mix(in srgb,var(--neutral-1500) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent)}.product-screen-section .img-holder img{display:block;width:100%;max-width:100%;height:auto}.product-screen-controls{display:flex;align-items:center;justify-content:center;gap:14px}.product-screen-arrow{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;color:var(--text-primary);background:var(--base-white);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--neutral-1500) 8%,transparent);transition:transform 180ms ease,border-color 180ms ease,color 180ms ease}.product-screen-arrow:hover{color:var(--jade-700);border-color:color-mix(in srgb,var(--jade-400) 52%,var(--border));transform:translateY(-1px)}.product-screen-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.product-screen-pagination{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--base-white) 90%,var(--grey-10))}.product-screen-pagination button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:var(--neutral-200);cursor:pointer;transition:width 200ms ease,background 200ms ease}.product-screen-pagination button.is-active{width:28px;background:var(--jade-500)}.beyond-section{position:relative;padding:var(--page-section-padding);background:radial-gradient(520px 260px at 16% 12%,color-mix(in srgb,var(--red-25) 58%,transparent),transparent 70%),radial-gradient(520px 260px at 86% 88%,color-mix(in srgb,var(--green-25) 56%,transparent),transparent 70%),var(--grey-10)}.beyond-section__head{max-width:780px;margin:0 auto clamp(34px,5vw,56px);text-align:center}.beyond-section__head h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-0.01em}.beyond-section__head .section-lead{max-width:700px;margin-left:auto;margin-right:auto}.beyond-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.beyond-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 82%,transparent)),var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.beyond-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.beyond-card__diagram{display:grid;width:48px;height:48px;aspect-ratio:1;place-items:center;overflow:hidden;color:var(--text-primary);flex-shrink:0}.beyond-card__diagram svg{display:block;width:48px;height:48px;stroke-width:1.8}.beyond-card__diagram svg *{vector-effect:non-scaling-stroke}.beyond-card__diagram [stroke]{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.beyond-card__copy{min-width:0;display:flex;flex-direction:column;gap:10px}.beyond-card h4{margin:0;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.25}.beyond-card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.62}.beyond-card .link-arrow{margin-top:6px}.enterprise-section{position:relative;padding:var(--page-section-padding);overflow:visible;background:var(--grey-10)}.enterprise-section .opu-container{width:min(1280px,calc(100% - 56px))}.enterprise-section__grid{display:grid;gap:clamp(36px,5vw,58px);align-items:center}.enterprise-section__anchor{z-index:1;width:min(100%,900px);display:grid;gap:clamp(24px,3vw,34px);justify-self:center;text-align:center}.enterprise-section__copy h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(34px,4.2vw,50px);font-weight:700;line-height:1.03;letter-spacing:-0.02em;text-wrap:balance}.enterprise-section__copy .section-lead{color:var(--text-secondary);font-size:17px;line-height:1.68}.enterprise-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);background:rgba(255,255,255,0.07);box-shadow:0 18px 44px -34px color-mix(in srgb,var(--neutral-1500) 48%,transparent);overflow:hidden}.enterprise-proof div{min-width:0;background:rgba(255,255,255,0.04);padding:18px;border-right:1px solid rgba(255,255,255,0.1)}.enterprise-proof div:last-child{border-right:0}.enterprise-proof dt,.enterprise-proof dd{margin:0}.enterprise-proof dt{color:var(--base-white);font-size:clamp(16px,1.8vw,22px);font-weight:700;line-height:1.12}.enterprise-proof dd{margin-top:5px;color:rgba(255,255,255,0.52);font-size:12px;font-weight:600;line-height:1.35}.enterprise-apart{min-width:0;width:100%}.enterprise-apart__head{margin-bottom:clamp(22px,3vw,32px);text-align:center}.enterprise-apart__head h3{margin:0;color:var(--base-white);font-size:clamp(25px,3vw,36px);font-weight:700;line-height:1.16;letter-spacing:-0.02em}.enterprise-apart__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.enterprise-apart-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 82%,transparent)),var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.enterprise-apart-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.apart-card__diagram{display:grid;width:48px;height:48px;aspect-ratio:1;place-items:center;overflow:hidden;color:var(--text-primary);flex-shrink:0}.apart-card__diagram svg{display:block;width:48px;height:48px}.apart-card__diagram rect,.apart-card__diagram circle,.apart-card__diagram path:not([stroke]),.apart-card__diagram polygon{stroke:currentColor;stroke-width:1.8}.apart-card__diagram svg *{vector-effect:non-scaling-stroke}.apart-card__diagram [stroke]{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.apart-card__diagram [fill="currentColor"]{fill:currentColor}.apart-card__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.enterprise-apart-card h4{margin:0 0 14px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.24}.enterprise-apart-card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.62}.enterprise-apart-card .link-arrow,.enterprise-apart-card a{margin-top:8px;color:var(--base-link) !important}.opu-content-section{position:relative;padding:var(--page-section-padding);background:var(--base-white)}.opu-section-head{max-width:900px;margin:0 auto clamp(34px,5vw,56px);text-align:center}.opu-section-head h2,.faq-copy h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-0.01em;text-wrap:balance}.fso-grid,.faq-layout{display:grid;grid-template-columns:minmax(320px,5fr) minmax(0,7fr);gap:clamp(24px,4vw,42px);align-items:start}.fso-anchor{position:sticky;top:clamp(24px,8vh,88px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(26px,4vw,36px);box-shadow:var(--shadow-soft)}.fso-anchor h3{margin:16px 0 10px;font-size:clamp(22px,2.5vw,28px);font-weight:700;line-height:1.18;letter-spacing:-0.01em}.fso-anchor h3{color:var(--text-primary)}.ecosystem-section{overflow:hidden;background:var(--base-white)}.ecosystem-section .opu-container{width:min(1320px,calc(100% - 56px))}.ecosystem-section .opu-section-head h2{color:var(--text-primary)}.ecosystem-section .section-lead{color:var(--text-secondary)}.ecosystem-list{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,2.2vw,24px);max-width:1180px;margin:0 auto}.ecosystem-card{--ec-accent:var(--jade-500);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 72%,transparent)),var(--base-white);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 96%,transparent),0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms cubic-bezier(0.22,1,0.36,1)}.ecosystem-card--microsoft{grid-column:1 / 3;grid-row:1}.ecosystem-card--meraki{grid-column:3 / 5;grid-row:1}.ecosystem-card--aci{grid-column:5 / 7;grid-row:1}.ecosystem-card--dhcp{grid-column:1 / 4;grid-row:2}.ecosystem-card--ad{grid-column:4 / 7;grid-row:2}.ecosystem-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.ec-diagram{display:grid;width:48px;height:48px;aspect-ratio:1;place-items:center;overflow:hidden;color:var(--neutral-1500);flex-shrink:0}.ec-diagram svg{display:block;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ec-diagram svg *{vector-effect:non-scaling-stroke}.ec-diagram rect,.ec-diagram circle{fill:none}.ec-diagram [fill="currentColor"]{fill:currentColor}.ec-copy{min-width:0;width:100%}.ecosystem-card h3{margin:0 0 10px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.18;letter-spacing:-0.01em}.ecosystem-card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.62}.ecosystem-card p a{color:var(--base-link);font-weight:600}.ecosystem-card p a:hover{color:var(--blue-700)}@media(max-width:1180px){.ecosystem-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.ecosystem-card,.ecosystem-card--microsoft,.ecosystem-card--meraki,.ecosystem-card--aci,.ecosystem-card--dhcp,.ecosystem-card--ad{grid-column:auto;grid-row:auto}}@media(max-width:760px){.ecosystem-list{grid-template-columns:1fr;max-width:640px}.ecosystem-card{padding:20px;border-radius:18px}.ec-diagram{width:48px;height:48px}}@media(max-width:520px){.ecosystem-section .opu-container{width:min(100% - 28px,1320px)}.ecosystem-card{gap:16px;padding:16px}.ecosystem-card h3{font-size:20px}.ecosystem-card p{font-size:14px}}.edition-card,.fso-card,.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 72%,transparent)),var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.edition-card:hover,.fso-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.fso-card{padding:24px}.vendor-pill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:5px 10px;color:var(--text-primary);background:var(--surface-soft);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fso-card h4{margin:14px 0 8px;color:var(--text-primary);font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.24}.fso-card p,.faq-body p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.65}.value-section .opu-section-head{max-width:900px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,24px);max-width:1120px;margin:0 auto}.value-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;background:var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.value-card:hover{border-color:var(--neutral-400);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 32%,transparent);transform:translateY(-2px)}.value-card__icon{display:grid;flex-shrink:0;width:56px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--neutral-400) 38%,transparent);border-radius:var(--radius-md);background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--neutral-300) 42%,transparent),transparent 52%),color-mix(in srgb,var(--neutral-200) 60%,var(--base-white));color:var(--text-primary)}.value-card__icon svg{display:block;width:50%;height:50%;overflow:visible;color:currentColor}.value-card__icon path{fill:currentColor}.value-card__logo-box{width:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-md);padding:20px 18px;margin-bottom:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 72%,transparent),color-mix(in srgb,var(--surface-soft) 74%,transparent)),var(--surface-soft)}.value-card__logo-box svg{display:block}.value-card__product{display:inline-flex;margin-top:22px;color:var(--red-500);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.value-card h3{margin:10px 0 12px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-0.01em}.value-card p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.62}.value-card .checks{margin:6px 0 0}.value-card .link-arrow{margin-top:auto;padding-top:22px;font-size:14.5px}.editions-section{overflow:hidden;background:linear-gradient(160deg,var(--neutral-1400) 0,var(--neutral-1200) 100%)}.editions-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at 50% 42%,var(--base-black),transparent 72%)}.editions-section .opu-container{position:relative;z-index:1}.editions-section .opu-section-head h2{color:var(--base-white)}.editions-section .section-lead{color:var(--base-white)}.editions-section .opu-section-head{margin-bottom:clamp(24px,4vw,38px)}.pricing-toggle{width:max-content;display:flex;gap:4px;margin:0 auto clamp(28px,4vw,46px);border:1px solid rgba(255,255,255,0.1);border-radius:999px;padding:5px;background:rgba(255,255,255,0.04);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 32px -24px rgba(0,0,0,0.55)}.pricing-toggle button{border:0;border-radius:999px;min-width:132px;padding:11px 22px;color:rgba(255,255,255,0.56);background:transparent;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background 160ms ease,color 160ms ease}.pricing-toggle button.is-active{color:var(--neutral-1400);background:color-mix(in srgb,var(--base-white) 92%,var(--jade-25));box-shadow:0 10px 24px -18px rgba(0,0,0,0.72)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,24px);align-items:stretch;max-width:1160px;margin:0 auto;padding-top:24px}.edition-card{--plan-accent:var(--neutral-900);position:relative;overflow:hidden;min-height:520px;display:flex;flex-direction:column;gap:20px;padding:24px;border-color:rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.052),rgba(255,255,255,0.028)),rgba(255,255,255,0.025);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 1px 2px rgba(0,0,0,0.2)}.editions-section .edition-card:hover{border-color:rgba(255,255,255,0.2);box-shadow:0 16px 34px -22px rgba(0,0,0,0.48);transform:translateY(-2px)}.editions-section .edition-card--featured:hover{border-color:color-mix(in srgb,var(--yellow-500) 55%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px color-mix(in srgb,var(--yellow-500) 36%,transparent),0 16px 56px -10px color-mix(in srgb,var(--yellow-500) 34%,transparent),0 2px 12px rgba(0,0,0,0.35);transform:translateY(-10px)}.edition-card::before{content:none}.edition-card--free{--plan-accent:var(--blue-500)}.edition-card--featured{--plan-accent:var(--yellow-500);overflow:visible;border-color:color-mix(in srgb,var(--yellow-500) 42%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--yellow-500) 11%,transparent) 0,transparent 52%),linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),rgba(255,255,255,0.03);box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px color-mix(in srgb,var(--yellow-500) 28%,transparent),0 12px 52px -10px color-mix(in srgb,var(--yellow-500) 28%,transparent),0 2px 12px rgba(0,0,0,0.35);transform:translateY(-6px);z-index:1}.edition-card--featured::before{content:"Most Popular";position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);border:1px solid color-mix(in srgb,var(--yellow-500) 52%,transparent);border-radius:999px;padding:5px 14px;color:var(--yellow-100);background:var(--neutral-1300);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;z-index:2;pointer-events:none}.edition-card--management{--plan-accent:var(--jade-500)}.edition-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.edition-card__badge{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--plan-accent) 32%,rgba(255,255,255,0.13));border-radius:999px;padding:5px 10px;color:color-mix(in srgb,var(--base-white) 88%,var(--plan-accent));background:color-mix(in srgb,var(--plan-accent) 16%,transparent);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tier{display:block;color:rgba(255,255,255,0.72);font-size:20px;font-weight:700;text-transform:uppercase}.tier-tag{max-width:20ch;margin:8px 0 0;color:var(--base-white);font-size:18px;font-weight:700;line-height:1.25}.price-block{border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:22px;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,0.12),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.032));text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}.edition-price{color:var(--base-white);font-size:clamp(40px,4.6vw,56px);font-weight:700;line-height:1;letter-spacing:-0.03em;transition:opacity 150ms ease}.edition-price.is-fading{opacity:0}.price-note{max-width:22ch;margin-top:10px;color:var(--base-white);font-size:14px;font-weight:600;line-height:1.45}.edition-features,.checks{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.edition-features li{position:relative;padding-left:28px;color:var(--base-white);font-size:15px;line-height:1.5}.edition-features li::before{content:"";position:absolute;left:3px;top:.3em;width:7px;height:12px;border-right:2px solid var(--jade-400);border-bottom:2px solid var(--jade-400);transform:rotate(45deg);transform-origin:center}.edition-card__actions{margin-top:auto;display:grid;gap:16px;padding-top:8px}.edition-card .link-arrow{margin-top:0;color:rgba(255,255,255,0.62);font-size:14px}.edition-card__cta{width:100%;justify-content:center}.pricing-foot{margin-top:34px;text-align:center}.pricing-foot .link-arrow{color:var(--blue-100)}.editions-section .opu-btn-outline{border-color:rgba(255,255,255,0.18);color:var(--base-white);background:rgba(255,255,255,0.035)}.editions-section .opu-btn-outline:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.08)}.edition-card--featured .tier,.edition-card--featured .tier-tag,.edition-card--featured .edition-price,.edition-card--featured .price-note,.edition-card--featured .edition-features li{color:var(--base-white)}.edition-card--featured .tier{color:rgba(255,255,255,0.72)}.edition-card--featured .price-note,.edition-card--featured .edition-features li{color:var(--base-white)}.edition-card--featured .edition-card__badge{border-color:color-mix(in srgb,var(--yellow-500) 32%,transparent);color:var(--yellow-100);background:color-mix(in srgb,var(--yellow-500) 14%,transparent)}.edition-card--featured .price-block{border-color:color-mix(in srgb,var(--yellow-500) 22%,rgba(255,255,255,0.08));background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--yellow-500) 18%,transparent),transparent 42%),linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.028))}.edition-card--featured .link-arrow{color:color-mix(in srgb,var(--yellow-100) 80%,var(--base-white))}.contact-section{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--neutral-1400) 0,var(--neutral-1200) 100%)}.contact-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at 38% 42%,var(--base-black),transparent 72%);opacity:1}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,4.7fr) minmax(0,5.3fr);gap:clamp(28px,5vw,64px)}.contact-copy{position:sticky;top:clamp(24px,8vh,88px)}.contact-copy h2{max-width:560px;margin:18px 0 0;color:var(--base-white);font-size:clamp(31px,4vw,50px);font-weight:700;line-height:1.08;letter-spacing:-0.01em;text-wrap:balance}.contact-copy .section-lead{max-width:56ch;color:rgba(255,255,255,0.58)}.contact-options{display:grid;gap:12px;margin-top:30px}.contact-option{width:100%;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:flex-start;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,0.052),rgba(255,255,255,0.028)),rgba(255,255,255,0.025);padding:16px;color:var(--base-white);text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.2);cursor:pointer;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease,background 180ms ease}.contact-option:hover,.contact-option.is-active{border-color:rgba(255,255,255,0.2);box-shadow:0 16px 34px -22px rgba(0,0,0,0.48);transform:translateY(-2px)}.contact-option.is-active{border-color:color-mix(in srgb,var(--yellow-500) 52%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--yellow-500) 10%,transparent) 0,transparent 52%),linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),rgba(255,255,255,0.03);box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px color-mix(in srgb,var(--yellow-500) 34%,transparent),0 8px 32px -8px color-mix(in srgb,var(--yellow-500) 28%,transparent),0 2px 8px rgba(0,0,0,0.3)}.contact-option__icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.1);border-radius:14px;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,0.12),transparent 38%),rgba(255,255,255,0.06);color:rgba(255,255,255,0.82)}.contact-option__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-option strong,.contact-option small{display:block}.contact-option strong{color:var(--base-white);font-size:16px;font-weight:700;line-height:1.3}.contact-option small{margin-top:5px;color:rgba(255,255,255,0.52);font-size:13px;line-height:1.45}.contact-form-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 72%,transparent)),var(--base-white);padding:clamp(24px,3.2vw,36px);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent),0 16px 40px -20px color-mix(in srgb,var(--neutral-1500) 14%,transparent)}.contact-panel{animation:contact-panel-in 260ms cubic-bezier(0.22,1,0.36,1) both}.contact-panel h3{margin:0;color:var(--text-primary);font-size:clamp(23px,2.6vw,32px);font-weight:700;line-height:1.14;letter-spacing:-0.01em}.form-subtitle{max-width:58ch;margin:10px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.65}.contact-form{display:grid;gap:16px;margin-top:24px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:grid;gap:8px}.form-group label{color:var(--text-primary);font-size:13px;font-weight:700}.form-group input,.form-group select{width:100%;min-height:48px;-webkit-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--base-white);background-clip:padding-box;color:var(--text-primary);padding:0 14px;font:inherit;font-size:15px;transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease}.form-group select{cursor:pointer;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,var(--neutral-600) 50%),linear-gradient(135deg,var(--neutral-600) 50%,transparent 50%);background-position:calc(100% - 20px) 50%, calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-group input::placeholder{color:var(--neutral-400)}.form-group input:focus,.form-group select:focus{border-color:var(--yellow-500);background-color:var(--base-white);box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow-400) 24%,transparent);outline:2px solid transparent;outline-offset:2px}.form-group select:disabled{cursor:not-allowed;color:var(--neutral-400);background-color:var(--grey-25)}.contact-submit{width:max-content;min-width:184px;margin-top:2px}.contact-submit .opu-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;flex-shrink:0;transition:transform 200ms ease}.contact-submit:hover .opu-btn-icon{transform:translateX(3px)}.contact-submit .opu-btn-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.contact-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.contact-dot{width:9px;height:9px;border:0;border-radius:999px;background:var(--neutral-200);cursor:pointer;transition:width 180ms ease,background 180ms ease}.contact-dot.is-active{width:26px;background:var(--yellow-500)}@keyframes contact-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fso-anchor{grid-row:span 3;background:radial-gradient(360px 220px at 100% 0,color-mix(in srgb,var(--jade-25) 72%,transparent),transparent 68%),linear-gradient(180deg,var(--base-white),var(--grey-10))}.fso-anchor p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.65}.fso-anchor__viz{display:flex;gap:12px;margin-top:24px}.fso-anchor__viz .dot{flex:1;height:6px;border-radius:999px;background:var(--grey-100)}.fso-anchor__viz .dot:nth-child(1){background:var(--red-500)}.fso-anchor__viz .dot:nth-child(2){background:var(--yellow-500)}.fso-anchor__viz .dot:nth-child(3){background:var(--blue-500)}.fso-card{display:flex;flex-direction:column;gap:12px}.checks{margin:6px 0}.checks li{position:relative;padding-left:26px;color:var(--text-secondary);font-size:14.5px;line-height:1.5}.checks li::before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border:1px solid color-mix(in srgb,var(--green-500) 36%,transparent);border-radius:50%;background:var(--green-25)}.checks li::after{content:"";position:absolute;left:5px;top:9px;width:7px;height:4px;border-left:2px solid var(--green-700);border-bottom:2px solid var(--green-700);transform:rotate(-45deg)}.testimonial-section{position:relative;overflow:hidden;padding:var(--page-section-padding) !important;background:var(--base-white) !important}.testimonial-section::before{content:none}.testimonial-section .opu-container{position:relative;z-index:1;width:100% !important;max-width:1140px !important;margin-right:auto !important;margin-left:auto !important;padding-left:12px !important;padding-right:12px !important}.testimonial-section h2{margin:18px 0 0;color:var(--text-primary);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-0.01em;text-wrap:balance}.testimonial-wrapper{width:100%;margin:32px 0 0 !important}.capterra-review-wrapper{width:100% !important;max-width:1116px !important;margin:0 auto !important;border:0 !important;border-radius:12px !important;padding:32px !important;background:var(--neutral-25) !important;box-shadow:none !important;position:relative}.capterraReviewSwiper{overflow:hidden;padding-bottom:38px !important}.capterraReviewSwiper .swiper-slide{height:auto}.capterraReviewSwiper .swiper-pagination{bottom:4px !important;left:0;width:100%;line-height:1}.capterraReviewSwiper .swiper-pagination-bullet{width:9px !important;height:9px !important;background:var(--neutral-200) !important;opacity:1;transition:width 200ms ease,background 200ms ease;border:none !important}.capterraReviewSwiper .swiper-pagination-bullet-active{width:26px !important;border-radius:999px !important;background:var(--yellow-500) !important}.capterra-review-card{height:100%}.capterra-review--item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px !important;height:100%;text-align:center;min-height:300px;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}.capterra-review--item:hover{transform:none}.capterra-logo{width:200px !important;height:46px !important;flex-shrink:0}.capterra-review--item h3{margin:20px 0 12px !important;color:var(--base-black);max-width:860px;font-size:28px !important;font-weight:600 !important;line-height:37.8px !important;letter-spacing:0 !important}.capterra-review--item p{max-width:1020px;margin:0 !important;color:var(--neutral-700) !important;font-size:17px !important;font-weight:300 !important;line-height:29.75px !important}.capterra-review-details{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:0;padding-top:0;border-top:0;color:var(--base-link)}.capterra-review-details p{margin:0 24px 12px 0 !important;color:var(--base-link) !important;font-size:16px !important;line-height:28px !important;font-weight:300 !important}.capterra-review-details p:first-child{color:var(--base-link);font-size:16px;font-weight:300}.capterra-review-details p:last-child{color:var(--base-link);font-size:16px;font-weight:300;margin-right:0}.awards-honors-section{position:relative;margin-top:24px;overflow:visible;padding:0 !important;background:transparent !important}.awards-honors-section::before{content:none !important}.awards-title{margin:0 0 28px !important;color:var(--base-black);font-size:clamp(28px,3vw,36px) !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:-0.01em !important}.badge-card-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,24px);max-width:none;margin:0 auto;align-items:stretch}.badge-card{display:grid;min-height:188px;overflow:hidden;background:var(--neutral-25) !important;border-radius:var(--radius-lg);background:var(--base-white);box-shadow:0 1px 2px color-mix(in srgb,var(--neutral-1500) 5%,transparent);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.badge-card:hover{border-color:var(--neutral-100);transform:translateY(-2px);box-shadow:0 16px 34px -22px color-mix(in srgb,var(--neutral-1500) 30%,transparent)}.badge-card-img{display:grid;align-items:center;place-items:center;justify-content:center;min-height:188px;padding:clamp(28px,4vw,42px)}.badge-card-img img{display:block;max-width:min(100%,188px);max-height:136px;width:auto;height:auto;object-fit:contain}.slashdot-award-badge{position:relative;width:150px;aspect-ratio:1;display:grid;place-items:center;padding:24px 18px 18px;color:var(--jade-900);text-align:center;background:var(--jade-900);clip-path:polygon(50% 0,93% 24%,93% 74%,50% 100%,7% 74%,7% 24%)}.slashdot-award-badge::before{content:"";position:absolute;inset:8px;background:var(--jade-25);clip-path:polygon(50% 0,93% 24%,93% 74%,50% 100%,7% 74%,7% 24%);pointer-events:none}.slashdot-award-badge::after{content:"";position:absolute;right:27px;bottom:39px;left:27px;height:3px;background:var(--yellow-500);z-index:1}.slashdot-award-badge__brand,.slashdot-award-badge__title,.slashdot-award-badge__year{position:relative;z-index:1}.slashdot-award-badge__brand{align-self:end;font-size:13px;font-weight:700;line-height:1}.slashdot-award-badge__title{color:var(--jade-900);font-size:24px;font-weight:700;line-height:.96}.slashdot-award-badge__year{align-self:start;color:var(--neutral-1400);font-size:17px;font-weight:500;line-height:1}@media(max-width:860px){.badge-card-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}}@media(max-width:580px){.testimonial-section{padding:var(--page-section-padding-mobile) !important}.testimonial-section h2{font-size:clamp(24px,5vw,32px);line-height:1.2}.awards-title{font-size:26px !important}.capterra-review-wrapper{padding:24px}.capterra-review--item h3{font-size:24px}.badge-card-wrapper{grid-template-columns:1fr;max-width:420px}.badge-card{min-height:170px}.badge-card-img{min-height:170px;padding:24px}}.faq-layout{align-items:start}.faq-copy{position:sticky;top:clamp(24px,8vh,88px)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{overflow:hidden}.faq-item[open]{border-color:color-mix(in srgb,var(--yellow-500) 36%,var(--border));box-shadow:0 16px 34px -26px color-mix(in srgb,var(--yellow-500) 24%,transparent)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{position:relative;flex:0 0 auto;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;transition:background 160ms ease,border-color 160ms ease}.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:50%;top:50%;border-radius:1px;background:var(--text-primary);transform:translate(-50%,-50%)}.faq-icon::before{width:10px;height:2px}.faq-icon::after{width:2px;height:10px;transition:transform 200ms ease}.faq-item[open] .faq-icon{border-color:var(--yellow-500);background:var(--yellow-500)}.faq-item[open] .faq-icon::before,.faq-item[open] .faq-icon::after{background:var(--base-white)}.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 340ms cubic-bezier(0.22,1,0.36,1)}.faq-body-inner{overflow:hidden;min-height:0;padding:0 24px 22px}.faq-item[open]:not(.is-closing) .faq-body{grid-template-rows:1fr}@media(max-width:1080px){.fso-grid,.contact-layout,.faq-layout{grid-template-columns:1fr}.fso-anchor,.contact-copy,.faq-copy{position:static}.fso-anchor{grid-row:auto}.pricing-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.value-grid{grid-template-columns:1fr;max-width:640px}}@media(max-width:680px){.opu-content-section{padding:var(--page-section-padding-mobile)}.pricing-toggle{width:100%}.pricing-toggle button{flex:1;padding-inline:14px}.edition-card__cta{width:100%}.contact-option{grid-template-columns:42px 1fr;padding:14px}.contact-option__icon{width:42px;height:42px;border-radius:12px}.enterprise-apart-card{gap:14px}.apart-card__diagram{width:48px;height:48px}.form-row{grid-template-columns:1fr}.contact-submit{width:100%}.faq-item summary{align-items:flex-start;padding:18px;font-size:16px}.faq-body-inner{padding:0 18px 20px}}.ddi-route-label{position:absolute;z-index:3;border:1px solid color-mix(in srgb,var(--node-accent,var(--jade-500)) 22%,var(--base-white));border-radius:999px;padding:5px 9px;color:color-mix(in srgb,var(--node-accent,var(--jade-500)) 78%,var(--neutral-1300));background:color-mix(in srgb,var(--base-white) 68%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.35);backdrop-filter:blur(16px) saturate(1.35);box-shadow:0 8px 18px color-mix(in srgb,var(--neutral-1500) 6%,transparent);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.78;transform:translateY(0);transition:opacity 220ms ease,transform 220ms cubic-bezier(0.22,1,0.36,1),border-color 220ms ease}.ddi-route-label--dns{--node-accent:var(--red-500);left:27%;top:27%}.ddi-route-label--dhcp{--node-accent:var(--orange-500);right:25.5%;top:27%}.ddi-route-label--ipam{--node-accent:var(--blue-500);left:25.5%;bottom:27%}.ddi-route-label--ports{--node-accent:var(--indigo-500);right:25%;bottom:27%}.ddi-diagram-stage[data-focus="dns"] .ddi-route-label--dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-route-label--dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-route-label--ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-route-label--ports{border-color:color-mix(in srgb,var(--node-accent) 46%,var(--base-white));opacity:1;transform:translateY(-2px)}.ddi-hub{position:absolute;left:50%;top:50%;z-index:3;width:194px;min-height:194px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid color-mix(in srgb,var(--jade-400) 42%,var(--base-white));border-radius:50%;color:var(--base-white);background:radial-gradient(circle at 42% 28%,color-mix(in srgb,var(--jade-400) 72%,transparent),transparent 34%),linear-gradient(135deg,var(--jade-500),var(--jade-900));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 36%,transparent),0 18px 48px color-mix(in srgb,var(--jade-700) 26%,transparent);transform:translate(-50%,-50%)}.ddi-hub__orbit{position:absolute;inset:-18px;border:1px dashed color-mix(in srgb,var(--jade-400) 46%,transparent);border-radius:50%}.ddi-diagram-stage.is-running .ddi-hub__orbit{animation:ddiOrbit 8500ms linear infinite}.ddi-hub__mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--base-white) 16%,transparent)}.ddi-hub__mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ddi-hub b{font-size:23px;line-height:1}.ddi-hub>span:not(.ddi-hub__orbit):not(.ddi-hub__mark){color:color-mix(in srgb,var(--base-white) 76%,transparent);font-size:12px;font-weight:600}.ddi-hub__metrics{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:150px;margin-top:6px}.ddi-hub__metrics em{border-radius:999px;padding:3px 7px;color:color-mix(in srgb,var(--base-white) 88%,transparent);background:color-mix(in srgb,var(--base-white) 14%,transparent);font-size:9.5px;font-style:normal;font-weight:700}.ddi-node{--node-accent:var(--jade-500);position:absolute;z-index:2;width:min(252px,26%);min-height:150px;overflow:hidden;border:1px solid color-mix(in srgb,var(--node-accent) 24%,var(--border));border-radius:16px;padding:16px;background:linear-gradient(116deg,color-mix(in srgb,var(--base-white) 58%,transparent),transparent 42%,color-mix(in srgb,var(--base-white) 34%,transparent) 58%,transparent 76%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 72%,transparent),color-mix(in srgb,var(--grey-25) 44%,transparent)),color-mix(in srgb,var(--base-white) 46%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.45);backdrop-filter:blur(22px) saturate(1.45);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 92%,transparent),0 18px 42px color-mix(in srgb,var(--neutral-1500) 10%,transparent);opacity:0;transform:translateY(14px) scale(0.98);transition:opacity 620ms cubic-bezier(0.22,1,0.36,1),transform 620ms cubic-bezier(0.22,1,0.36,1),border-color 220ms ease,box-shadow 220ms ease}.ddi-node::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:conic-gradient(from 0,transparent 0 72%,color-mix(in srgb,var(--node-accent) 58%,transparent),transparent);opacity:0;padding:1px;-webkit-mask:linear-gradient(var(--neutral-1500) 0 0) content-box,linear-gradient(var(--neutral-1500) 0 0);mask:linear-gradient(var(--neutral-1500) 0 0) content-box,linear-gradient(var(--neutral-1500) 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ddi-diagram-stage.is-running .ddi-node{opacity:1;transform:translateY(0) scale(1)}.ddi-diagram-stage[data-focus="dns"] .ddi-node--dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-node--dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-node--ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-node--ports{border-color:color-mix(in srgb,var(--node-accent) 52%,var(--base-white));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 96%,transparent),0 22px 54px color-mix(in srgb,var(--node-accent) 18%,transparent);transform:translateY(-3px) scale(1.015)}.ddi-diagram-stage[data-focus="dns"] .ddi-node--dns::before,.ddi-diagram-stage[data-focus="dhcp"] .ddi-node--dhcp::before,.ddi-diagram-stage[data-focus="ipam"] .ddi-node--ipam::before,.ddi-diagram-stage[data-focus="ports"] .ddi-node--ports::before{animation:ddiBorderSpin 4800ms linear infinite;opacity:1}.ddi-node--dns{--node-accent:var(--red-500);left:5%;top:9%}.ddi-node--dhcp{--node-accent:var(--orange-500);right:5%;top:9%}.ddi-node--ipam{--node-accent:var(--blue-500);left:5%;bottom:9%}.ddi-node--ports{--node-accent:var(--indigo-500);right:5%;bottom:9%}.ddi-node>*{position:relative;z-index:1}.ddi-node__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ddi-node__icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 12%,var(--base-white))}.ddi-node__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ddi-node__status{border:1px solid color-mix(in srgb,var(--node-accent) 24%,transparent);border-radius:999px;padding:4px 8px;color:color-mix(in srgb,var(--node-accent) 82%,var(--neutral-1300));background:color-mix(in srgb,var(--node-accent) 8%,var(--base-white));font-size:10px;font-weight:700;white-space:nowrap}.ddi-node h3{margin:0 0 7px;color:var(--text-primary);font-size:17px;line-height:1.2}.ddi-node p{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.48}.ddi-node__data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.ddi-node__data span{border:1px solid color-mix(in srgb,var(--grey-100) 72%,transparent);border-radius:8px;padding:6px 7px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 46%,transparent);font-size:10px;font-weight:700}.ddi-node__data b{display:block;color:var(--node-accent);font-size:14px}.ddi-diagram-stage{min-height:600px;padding:56px 40px 40px;border-color:var(--border);border-radius:20px;background:radial-gradient(420px 260px at 50% 50%,color-mix(in srgb,var(--jade-25) 46%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 84%,var(--base-white))),linear-gradient(color-mix(in srgb,var(--neutral-100) 58%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--neutral-100) 58%,transparent) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 22px 58px -44px color-mix(in srgb,var(--neutral-1500) 30%,transparent)}.ddi-diagram-stage::before{background:radial-gradient(520px 260px at 50% 50%,color-mix(in srgb,var(--jade-25) 46%,transparent),transparent 72%),linear-gradient(90deg,color-mix(in srgb,var(--base-white) 88%,transparent),transparent 20% 80%,color-mix(in srgb,var(--base-white) 88%,transparent))}.ddi-diagram-stage::after{background:conic-gradient(from 0,transparent 0 78%,color-mix(in srgb,var(--jade-400) 24%,transparent),transparent 90% 100%)}.ddi-diagram__topbar{position:absolute;left:24px;right:24px;top:20px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ddi-diagram__topbar strong{display:inline-flex;align-items:center;gap:7px;color:var(--jade-700);font-size:11px;font-weight:700}.ddi-diagram__topbar strong::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jade-500);box-shadow:0 0 0 5px color-mix(in srgb,var(--jade-400) 16%,transparent)}.ddi-conn{stroke-width:2.4;stroke-dasharray:7 11;opacity:.24;filter:none}.ddi-diagram-stage[data-focus="dns"] .ddi-conn--dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-conn--dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-conn--ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-conn--ports,.ddi-diagram-stage[data-focus="dns"] .ddi-conn--out-dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-conn--out-dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-conn--out-ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-conn--out-ports{opacity:.88;stroke-width:3.2}.ddi-packet{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--node-accent,var(--jade-500)) 13%,transparent),0 0 16px color-mix(in srgb,var(--node-accent,var(--jade-500)) 18%,transparent)}.ddi-route-label{border-color:color-mix(in srgb,var(--node-accent,var(--jade-500)) 18%,var(--border));border-radius:8px;padding:5px 8px;color:color-mix(in srgb,var(--node-accent,var(--jade-500)) 72%,var(--neutral-1300));background:color-mix(in srgb,var(--base-white) 74%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--neutral-1500) 5%,transparent);font-size:9.5px;letter-spacing:.08em}.ddi-route-label--dns{left:31%;top:28.5%}.ddi-route-label--dhcp{right:29%;top:28.5%}.ddi-route-label--ipam{left:29.5%;bottom:27.5%}.ddi-route-label--ports{right:29%;bottom:27.5%}.ddi-hub{width:304px;min-height:0;align-items:stretch;gap:14px;border:1px solid color-mix(in srgb,var(--jade-400) 28%,var(--border));border-radius:18px;padding:22px;color:var(--text-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 86%,transparent),color-mix(in srgb,var(--jade-25) 66%,transparent)),color-mix(in srgb,var(--base-white) 64%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 24px 58px color-mix(in srgb,var(--jade-700) 12%,transparent),0 8px 22px color-mix(in srgb,var(--neutral-1500) 7%,transparent)}.ddi-hub__header{display:flex;align-items:center;gap:12px}.ddi-hub__mark{flex:0 0 auto;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--jade-400) 38%,transparent);border-radius:12px;color:var(--jade-700);background:color-mix(in srgb,var(--jade-25) 72%,var(--base-white))}.ddi-hub__mark svg{width:25px;height:25px}.ddi-hub__label{display:block;margin-bottom:2px;color:var(--jade-700);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.ddi-hub b{color:var(--text-primary);font-size:22px;line-height:1.1}.ddi-hub p{margin:0;color:var(--text-secondary);font-size:13.5px;line-height:1.55}.ddi-hub__flow{display:grid;grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;gap:8px;align-items:center;color:var(--jade-700);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ddi-hub__flow i{position:relative;display:block;height:2px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--jade-400) 20%,var(--base-white))}.ddi-hub__flow i::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--jade-500),transparent);transform:translateX(-100%)}.ddi-diagram-stage.is-running .ddi-hub__flow i::before{animation:hubFlow 1800ms cubic-bezier(0.22,1,0.36,1) infinite}.ddi-hub__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none;margin-top:0}.ddi-hub__metrics em{display:block;min-width:0;border:1px solid color-mix(in srgb,var(--jade-400) 16%,var(--border));border-radius:10px;padding:9px 8px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 58%,transparent);font-size:10px;font-style:normal;font-weight:700;text-align:center}.ddi-hub__metrics em span,.ddi-hub__metrics em b{display:block}.ddi-hub__metrics em b{margin-top:2px;color:var(--jade-700);font-size:15px;line-height:1}.ddi-node{width:min(282px,28%);min-height:166px;border-color:color-mix(in srgb,var(--node-accent) 18%,var(--border));border-radius:14px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 82%,transparent),color-mix(in srgb,var(--grey-10) 62%,transparent)),color-mix(in srgb,var(--base-white) 56%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 92%,transparent),0 16px 34px color-mix(in srgb,var(--neutral-1500) 7%,transparent)}.ddi-node::before{background:conic-gradient(from 0,transparent 0 78%,color-mix(in srgb,var(--node-accent) 46%,transparent),transparent 90% 100%)}.ddi-node--dns{left:5.4%;top:18.5%}.ddi-node--dhcp{right:5.4%;top:18.5%}.ddi-node--ipam{left:5.4%;bottom:11.5%}.ddi-node--ports{right:5.4%;bottom:11.5%}.ddi-node__top{margin-bottom:13px}.ddi-node__icon{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--node-accent) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--node-accent) 8%,var(--base-white))}.ddi-node h3{margin-bottom:8px;font-size:18px}.ddi-node p{min-height:56px;font-size:13px;line-height:1.45}.ddi-node__data{gap:8px;margin-top:14px}.ddi-node__data span{border-color:color-mix(in srgb,var(--node-accent) 12%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--base-white) 62%,transparent);font-size:10.5px}.ddi-diagram-stage[data-focus="dns"] .ddi-node--dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-node--dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-node--ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-node--ports{border-color:color-mix(in srgb,var(--node-accent) 38%,var(--base-white));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 96%,transparent),0 24px 52px color-mix(in srgb,var(--node-accent) 12%,transparent),0 8px 20px color-mix(in srgb,var(--neutral-1500) 6%,transparent);transform:translateY(-2px) scale(1.006)}.opu-banner__widget{min-width:0}.hero-visual{position:relative;display:grid;min-height:0;grid-template-columns:1.02fr .98fr;grid-template-rows:auto auto auto;gap:12px;perspective:1200px}.connectors{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.connectors path{fill:none;stroke:color-mix(in srgb,var(--grey-300) 54%,transparent);stroke-width:1;stroke-dasharray:1 9;stroke-linecap:round}.hero-visual.is-in-view .connectors path{animation:connectorDrift 3800ms linear infinite}.nv{position:relative;z-index:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--base-white) 82%,var(--grey-200));border-radius:var(--radius-md);background:linear-gradient(116deg,color-mix(in srgb,var(--base-white) 52%,transparent) 0,transparent 38%,color-mix(in srgb,var(--base-white) 30%,transparent) 51%,transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 46%,transparent),color-mix(in srgb,var(--grey-25) 26%,transparent)),color-mix(in srgb,var(--base-white) 28%,transparent);background-clip:padding-box;padding:13px;-webkit-backdrop-filter:blur(28px) saturate(1.85) brightness(1.06);backdrop-filter:blur(28px) saturate(1.85) brightness(1.06);box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--base-white) 98%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--neutral-1500) 4%,transparent),inset 1px 0 0 color-mix(in srgb,var(--base-white) 44%,transparent),0 1px 2px color-mix(in srgb,var(--neutral-1500) 4%,transparent),0 14px 36px color-mix(in srgb,var(--neutral-1500) 11%,transparent),0 34px 84px color-mix(in srgb,var(--neutral-1500) 9%,transparent);opacity:0;transform:translate3d(0,18px,0) rotateX(4deg) scale(0.98);transform-origin:center;transition:opacity 720ms cubic-bezier(0.22,1,0.36,1),transform 720ms cubic-bezier(0.22,1,0.36,1),border-color 200ms ease,box-shadow 200ms ease,background-color 200ms ease}.nv::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--base-white) 68%,transparent),transparent 24% 72%,color-mix(in srgb,var(--base-white) 36%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 86%,transparent),transparent 46%)}.nv::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 30%,color-mix(in srgb,var(--base-white) 78%,transparent) 44%,transparent 58% 100%);opacity:0;transform:translateX(-24%)}.nv>*{position:relative;z-index:1}.hero-visual.is-in-view .nv{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);transition-delay:var(--enter-delay,0ms),var(--enter-delay,0ms),0ms,0ms,0ms}.hero-visual.is-in-view .nv:nth-of-type(1){--enter-delay:200ms;animation:glassFloat 5800ms cubic-bezier(0.45,0,0.55,1) 1160ms infinite alternate}.hero-visual.is-in-view .nv:nth-of-type(2){--enter-delay:400ms;animation:glassFloat 6200ms cubic-bezier(0.45,0,0.55,1) 1400ms infinite alternate}.hero-visual.is-in-view .nv:nth-of-type(3){--enter-delay:600ms;animation:glassFloat 6000ms cubic-bezier(0.45,0,0.55,1) 1600ms infinite alternate}.hero-visual.is-in-view .nv:nth-of-type(4){--enter-delay:900ms;animation:glassFloat 6600ms cubic-bezier(0.45,0,0.55,1) 1900ms infinite alternate}.hero-visual.is-in-view .nv:nth-of-type(5){--enter-delay:1300ms;animation:glassFloat 5400ms cubic-bezier(0.45,0,0.55,1) 2300ms infinite alternate}.hero-visual.is-in-view .nv:nth-of-type(6){--enter-delay:1500ms;animation:glassFloat 7000ms cubic-bezier(0.45,0,0.55,1) 2500ms infinite alternate}.hero-visual.is-in-view .nv::after{animation:cardSheen 5200ms cubic-bezier(0.22,1,0.36,1) 2300ms infinite}@media(hover:hover) and (pointer:fine){.hero-visual.is-in-view .nv:hover{transition-delay:0ms;border-color:color-mix(in srgb,var(--base-white) 90%,var(--jade-400));box-shadow:inset 0 1.5px 0 color-mix(in srgb,var(--base-white) 96%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--neutral-1500) 4%,transparent),inset 1px 0 0 color-mix(in srgb,var(--base-white) 54%,transparent),0 2px 6px color-mix(in srgb,var(--neutral-1500) 5%,transparent),0 18px 44px color-mix(in srgb,var(--neutral-1500) 12%,transparent),0 34px 86px color-mix(in srgb,var(--neutral-1500) 9%,transparent);transform:translate3d(0,-4px,20px) rotateX(0) scale(1.012)}}.nv__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.nv__label{color:var(--grey-600);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nv__meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--grey-100) 72%,transparent)}.nv__meta--three{grid-template-columns:repeat(3,minmax(0,1fr))}.nv__meta div{display:flex;min-width:0;flex-direction:column}.nv__meta span{color:var(--grey-500);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.nv__meta b{color:var(--text-primary);font-size:14px;font-weight:700}.nv__meta b.danger{color:var(--red-500)}.nv__foot{margin-top:8px;color:var(--text-secondary);font-size:11px}.chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--grey-200) 76%,transparent);border-radius:999px;padding:3px 7px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 58%,var(--grey-25));font-size:9.5px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.chip--ok{color:var(--green-700);background:color-mix(in srgb,var(--green-25) 70%,transparent);border-color:color-mix(in srgb,var(--green-100) 72%,transparent)}.chip--warn{color:var(--orange-700);background:color-mix(in srgb,var(--orange-25) 72%,transparent);border-color:color-mix(in srgb,var(--orange-100) 72%,transparent)}.chip--accent{color:var(--base-white);background:var(--red-500);border-color:var(--red-500)}.nv--ring{grid-column:1;grid-row:2;display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:10px;align-items:center}.nv--ring .nv__head,.nv--ring .nv__meta{grid-column:1 / -1}.ipam-visual{position:relative;width:88px;margin:-2px 0 0}.ring{width:88px;height:88px;margin:0 auto}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.ring-center b{color:var(--text-primary);font-size:19px;line-height:1;font-weight:700}.ring-center span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ring__track{fill:none;stroke:color-mix(in srgb,var(--grey-50) 88%,transparent);stroke-width:10}.ring__value{fill:none;stroke:var(--jade-500);stroke-width:10;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:52;transform:rotate(-90deg);transform-origin:60px 60px}.hero-visual.is-in-view .ring__value{animation:ringBreathe 2400ms cubic-bezier(0.45,0,0.55,1) infinite alternate}.mini-stack,.dhcp-scope-list{display:flex;flex-direction:column;gap:5px}.mini-row,.scope-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;color:var(--text-secondary);font-size:10.5px;font-weight:700}.mini-row span,.scope-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row b,.scope-line b{color:var(--text-primary);font-size:10.5px}.mini-row i,.scope-line i{position:relative;grid-column:1 / -1;display:block;height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--grey-50) 76%,transparent)}.mini-row i::before,.scope-line i::before{content:"";display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade-400),var(--jade-700));transform:scaleX(0);transform-origin:left;transition:transform 900ms cubic-bezier(0.2,0.8,0.2,1)}.scope-line.critical i::before{background:linear-gradient(90deg,var(--orange-500),var(--red-500))}.hero-visual.is-in-view .mini-row i::before,.hero-visual.is-in-view .scope-line i::before{transform:scaleX(1)}.nv--dns{grid-column:1;grid-row:1}.zone-strip{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 8px}.zone-chip{display:inline-flex;border:1px solid color-mix(in srgb,var(--grey-200) 72%,transparent);border-radius:6px;padding:2px 6px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 46%,transparent);font-size:9px;font-weight:700}.zone-primary{color:var(--jade-700);border-color:color-mix(in srgb,var(--jade-400) 42%,transparent)}.zone-secondary{color:var(--blue-700);border-color:color-mix(in srgb,var(--blue-100) 62%,transparent)}.zone-stub{color:var(--indigo-700);border-color:color-mix(in srgb,var(--indigo-100) 62%,transparent)}.nv--dhcp{grid-column:2;grid-row:1}.vendor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px}.vendor-row span{overflow:hidden;border:1px solid color-mix(in srgb,var(--grey-200) 70%,transparent);border-radius:6px;padding:3px 4px;color:var(--text-muted);background:color-mix(in srgb,var(--base-white) 42%,transparent);font-size:9px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nv--ports{grid-column:2;grid-row:2}.port-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}.port-map div{min-width:0;border:1px solid color-mix(in srgb,var(--grey-100) 70%,transparent);border-radius:7px;padding:5px 6px;background:color-mix(in srgb,var(--base-white) 38%,transparent)}.port-map span{display:block;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.port-map b{display:block;overflow:hidden;color:var(--text-primary);font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.nv--alert{grid-column:1;grid-row:3;display:grid;gap:9px;border-color:color-mix(in srgb,var(--base-white) 82%,var(--grey-200));background:linear-gradient(112deg,color-mix(in srgb,var(--base-white) 48%,transparent),transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 42%,transparent),color-mix(in srgb,var(--grey-25) 24%,transparent)),color-mix(in srgb,var(--base-white) 24%,transparent)}.nv--alert .nv__head{margin-bottom:0}.rogue-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rogue-status{--rogue-accent:var(--jade-500);--rogue-soft:var(--jade-25);--rogue-offset:81;display:grid;min-width:0;justify-items:center;gap:4px}.rogue-status.is-discovered{--rogue-accent:var(--jade-500);--rogue-soft:var(--jade-25);--rogue-offset:64}.rogue-status.is-trusted{--rogue-accent:var(--green-500);--rogue-soft:var(--green-25);--rogue-offset:104}.rogue-status.is-guest{--rogue-accent:var(--blue-500);--rogue-soft:var(--blue-25);--rogue-offset:237}.rogue-status.is-rogue{--rogue-accent:var(--red-500);--rogue-soft:var(--red-25);--rogue-offset:208}.rogue-ring{position:relative;display:grid;width:44px;height:44px;place-items:center}.rogue-ring svg{position:absolute;inset:0;width:44px;height:44px;filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--neutral-1500) 6%,transparent))}.rogue-ring__track,.rogue-ring__value{fill:none;stroke-width:10}.rogue-ring__track{stroke:color-mix(in srgb,var(--grey-50) 88%,transparent)}.rogue-ring__value{stroke:var(--rogue-accent);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:var(--rogue-offset);transform:rotate(-90deg);transform-origin:60px 60px}.rogue-ring::before{content:"";position:absolute;inset:9px;z-index:1;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 88%,transparent),color-mix(in srgb,var(--rogue-soft) 36%,var(--base-white))),var(--base-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grey-50) 78%,transparent)}.rogue-ring b{position:absolute;z-index:2;color:var(--text-primary);font-size:11px;font-weight:700;line-height:1}.rogue-status em{display:block;max-width:100%;overflow:hidden;color:var(--grey-600);font-size:9px;font-style:normal;font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.rogue-status.is-rogue em{color:var(--red-700)}.rogue-filter-note{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--red-100) 62%,transparent);border-radius:8px;padding:5px 7px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 58%,var(--red-25));font-size:11px;font-weight:700;line-height:1.25}.rogue-filter-note span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--red-500);box-shadow:0 0 0 6px color-mix(in srgb,var(--red-100) 58%,transparent)}.hero-visual.is-in-view .alert-dot{animation:alertPulse 1500ms cubic-bezier(0.22,1,0.36,1) infinite}.nv--resolved{grid-column:2;grid-row:3;display:grid;gap:8px;border-color:color-mix(in srgb,var(--base-white) 82%,var(--grey-200));background:linear-gradient(112deg,color-mix(in srgb,var(--base-white) 48%,transparent),transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 42%,transparent),color-mix(in srgb,var(--grey-25) 24%,transparent)),color-mix(in srgb,var(--base-white) 24%,transparent);font-size:11px;font-weight:700}.nv--resolved .nv__head{margin-bottom:0}.utility-tags{min-width:0}.utility-tags div{display:flex;flex-wrap:wrap;gap:5px}.utility-tags span{display:inline-flex;max-width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--grey-200) 70%,transparent);border-radius:6px;padding:3px 6px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 42%,transparent);font-size:9.5px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.nv--resolved .nv__foot{margin-top:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--grey-100) 72%,transparent)}.nv--resolved .nv__foot b{color:var(--green-700)}.ok-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 5px color-mix(in srgb,var(--green-100) 58%,transparent)}.hero-visual.is-in-view .ok-dot{animation:okPulse 2200ms cubic-bezier(0.22,1,0.36,1) infinite}.dns-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.dns-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:12px}.dns-list code{overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tag{border:1px solid color-mix(in srgb,var(--grey-200) 76%,transparent);border-radius:4px;padding:2px 6px;color:var(--text-muted);background:color-mix(in srgb,var(--base-white) 56%,var(--grey-25));font-size:10px;font-weight:700}.dns-list .ok{color:var(--green-700);font-size:10px;font-weight:700}.dns-list .warn{color:var(--orange-700);font-size:10px;font-weight:700}.scope-name,.switch-name{margin:-4px 0 10px;color:var(--text-primary);font-size:15px;font-weight:700}.bar{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--grey-50) 78%,transparent)}.bar span{display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade-400),var(--jade-700));transform:scaleX(0);transform-origin:left;transition:transform 900ms cubic-bezier(0.2,0.8,0.2,1)}.is-visible .bar span{transform:scaleX(1)}.ports{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.ports span{position:relative;aspect-ratio:1 / 1;border:1px solid color-mix(in srgb,var(--grey-100) 74%,transparent);border-radius:3px;background:color-mix(in srgb,var(--base-white) 52%,var(--grey-25))}.ports span.on{border-color:color-mix(in srgb,var(--green-100) 78%,transparent);background:color-mix(in srgb,var(--green-100) 58%,transparent)}.ports span.active{border-color:var(--red-700);background:var(--red-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--red-100) 58%,transparent)}.dns-list li{position:relative}.hero-visual.is-in-view .dns-list .ok,.hero-visual.is-in-view .dns-list .warn{animation:statusBlink 1800ms cubic-bezier(0.22,1,0.36,1) infinite}.hero-visual.is-in-view .dns-list li:nth-child(2) .ok{animation-delay:320ms}.hero-visual.is-in-view .dns-list li:nth-child(3) .warn{animation-delay:640ms}.hero-visual.is-in-view .zone-chip{animation:softTilePulse 2800ms ease-in-out infinite alternate}.hero-visual.is-in-view .vendor-row span:nth-child(2n),.hero-visual.is-in-view .port-map div:nth-child(2n){animation:softTilePulse 2400ms ease-in-out infinite alternate}.hero-visual.is-in-view .ports span.on{animation:portGlow 2600ms ease-in-out infinite alternate}.hero-visual.is-in-view .ports span.on:nth-child(3n){animation-delay:420ms}.hero-visual.is-in-view .ports span.on:nth-child(4n){animation-delay:860ms}.hero-visual.is-in-view .ports span.active{animation:activePort 1400ms cubic-bezier(0.22,1,0.36,1) infinite}.ports span[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:5;width:max-content;max-width:180px;transform:translateX(-50%);border-radius:6px;padding:6px 10px;color:var(--base-white);background:var(--neutral-1200);font-size:11px;line-height:1.2}.scroll-progress{position:fixed;top:0;left:0;z-index:1000;height:2px;width:var(--scroll-progress,0);background:linear-gradient(90deg,var(--jade-700),var(--jade-400));pointer-events:none;transform-origin:left;will-change:width;transition:width 60ms linear}.reveal{opacity:0;transform:translateY(16px);transition:opacity 680ms cubic-bezier(0.22,1,0.36,1) var(--reveal-delay,0ms),transform 760ms cubic-bezier(0.22,1,0.36,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.ddi-cards>.reveal:nth-child(2){--reveal-delay:80ms}.ddi-cards>.reveal:nth-child(3){--reveal-delay:160ms}.ddi-cards>.reveal:nth-child(4){--reveal-delay:240ms}.ddi-cards>.reveal:nth-child(5){--reveal-delay:320ms}.ddi-cards>.reveal:nth-child(6){--reveal-delay:400ms}.enterprise-apart__list>.reveal:nth-child(2){--reveal-delay:80ms}.enterprise-apart__list>.reveal:nth-child(3){--reveal-delay:160ms}.enterprise-apart__list>.reveal:nth-child(4){--reveal-delay:240ms}.enterprise-apart__list>.reveal:nth-child(5){--reveal-delay:320ms}.enterprise-apart__list>.reveal:nth-child(6){--reveal-delay:400ms}.ecosystem-list>.reveal:nth-child(2){--reveal-delay:80ms}.ecosystem-list>.reveal:nth-child(3){--reveal-delay:160ms}.ecosystem-list>.reveal:nth-child(4){--reveal-delay:240ms}.ecosystem-list>.reveal:nth-child(5){--reveal-delay:320ms}.pricing-grid>.reveal:nth-child(2){--reveal-delay:100ms}.pricing-grid>.reveal:nth-child(3){--reveal-delay:200ms}.value-grid>.reveal:nth-child(2){--reveal-delay:120ms}.value-grid>.reveal:nth-child(3){--reveal-delay:240ms}@keyframes cardSheen{0%,52%{opacity:0;transform:translateX(-26%)}64%{opacity:.55}82%,100%{opacity:0;transform:translateX(26%)}}@keyframes glassFloat{from{translate:0}to{translate:0 -5px}}@keyframes connectorDrift{from{stroke-dashoffset:0;opacity:.52}to{stroke-dashoffset:-30;opacity:.92}}@keyframes ringBreathe{from{opacity:.82;stroke-dashoffset:58}to{opacity:1;stroke-dashoffset:46}}@keyframes alertPulse{0,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 5px color-mix(in srgb,var(--red-100) 54%,transparent)}48%{opacity:.82;transform:scale(0.94);box-shadow:0 0 0 9px color-mix(in srgb,var(--red-100) 18%,transparent)}}@keyframes okPulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--green-100) 52%,transparent)}50%{opacity:.86;transform:scale(0.96);box-shadow:0 0 0 8px color-mix(in srgb,var(--green-100) 14%,transparent)}}@keyframes portGlow{from{opacity:.72;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes activePort{0,100%{transform:scale(1);box-shadow:0 0 0 3px color-mix(in srgb,var(--red-100) 56%,transparent)}50%{transform:scale(1.08);box-shadow:0 0 0 7px color-mix(in srgb,var(--red-100) 18%,transparent)}}@keyframes statusBlink{0%,100%{opacity:.62;transform:scale(0.98)}48%{opacity:1;transform:scale(1.04)}}@keyframes softTilePulse{from{opacity:.72;transform:translateY(0)}to{opacity:1;transform:translateY(-1px)}}@keyframes ddiConnectionFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-44}}@keyframes ddiOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ddiStatusPulse{0,100%{transform:scale(1);opacity:.68}50%{transform:scale(1.08);opacity:.9}}@keyframes ddiBorderSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hubFlow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ddiPacketDns{0%{opacity:0;transform:translate(-50%,-50%) scale(0.76)}18%,70%{opacity:1}100%{opacity:0;transform:translate(-210px,-116px) scale(1)}}@keyframes ddiPacketDhcp{0%{opacity:0;transform:translate(-50%,-50%) scale(0.76)}18%,70%{opacity:1}100%{opacity:0;transform:translate(210px,-116px) scale(1)}}@keyframes ddiPacketIpam{0%{opacity:0;transform:translate(-50%,-50%) scale(0.76)}18%,70%{opacity:1}100%{opacity:0;transform:translate(-210px,116px) scale(1)}}@keyframes ddiPacketPorts{0%{opacity:0;transform:translate(-50%,-50%) scale(0.76)}18%,70%{opacity:1}100%{opacity:0;transform:translate(210px,116px) scale(1)}}@media(max-width:1080px){.opu-banner{align-items:flex-start;min-height:auto}.opu-banner__grid{grid-template-columns:1fr}.opu-banner__copy{max-width:760px;text-align:center;margin:0 auto}.cta-group,.trust{justify-content:center}.hero-visual{max-width:680px;margin:0 auto}.ddi-layout{display:flex}.ddi-copy{max-width:760px}.ddi-cards.ddi-mgmt-diagram-grid{grid-template-columns:1fr;max-width:660px;margin-left:auto;margin-right:auto}.ddi-mgmt-diagram-panel+.ddi-mgmt-diagram-panel{border-left:0;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent)}.ddi-mgmt-diagram-panel h3,.ddi-mgmt-diagram-panel p{max-width:100%;margin-left:auto;margin-right:auto;text-align:center}.ddi-mgmt-diagram{width:min(250px,78%)}.ddi-diagram-stage{min-height:760px}.ddi-node{width:min(310px,42%)}.ddi-hub{width:min(304px,34%);padding:20px}.ddi-route-label{display:none}.ddi-node--dns,.ddi-node--ipam{left:4%}.ddi-node--dhcp,.ddi-node--ports{right:4%}.product-screen-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-section__grid{gap:clamp(30px,4vw,44px)}.enterprise-section .opu-container{width:min(100% - 40px,1180px)}.enterprise-section__anchor{width:min(100%,820px)}.enterprise-apart__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.ddi-subsection--management .ddi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.enterprise-section__grid{grid-template-columns:1fr}.enterprise-section__anchor{width:100%;max-width:640px;margin:0 auto}.enterprise-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-proof div:nth-child(2n){border-right:0}.enterprise-proof div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.1)}}@media(max-width:680px){.opu-container{width:min(100% - 28px,1180px)}.opu-banner{padding:var(--page-section-padding-mobile)}.opu-banner__copy h1{font-size:clamp(34px,11vw,46px)}.cta-group{align-items:stretch;flex-direction:column}.opu-btn{width:100%}.ddi-section{padding:var(--page-section-padding-mobile)}.product-screen-section.sec-padding-100{padding:var(--page-section-padding-mobile)}.product-screen-section .unified-content-box{border-radius:22px;padding:12px}.product-screen-toolbar{display:flex;overflow-x:auto;padding:5px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.product-screen-tab{flex:0 0 auto;min-width:154px;scroll-snap-align:start}.product-screen-slide{padding:14px}.product-screen-slide h3{margin-bottom:12px}.product-screen-arrow{width:38px;height:38px}.ddi-cards{grid-template-columns:1fr}.ddi-subsection--management .ddi-cards{grid-template-columns:1fr}.ddi-subsection{margin-top:40px}.ddi-subsection__head{align-items:flex-start;flex-direction:column;gap:8px}.ddi-subsection__head h3{align-items:flex-start;flex-direction:column;gap:6px}.beyond-grid{grid-template-columns:1fr}.beyond-card{min-height:0;padding:24px}.enterprise-section{padding:var(--page-section-padding-mobile)}.enterprise-section .opu-container{width:min(100% - 28px,1180px)}.enterprise-section__anchor{gap:24px}.enterprise-proof{grid-template-columns:1fr}.enterprise-proof div{border-right:0;border-bottom:1px solid rgba(255,255,255,0.1)}.enterprise-proof div:last-child{border-bottom:0}.enterprise-apart__list{grid-template-columns:1fr}.enterprise-apart-card{min-height:0;grid-template-columns:104px minmax(0,1fr);align-items:flex-start;padding:20px}.apart-card__diagram{width:48px;height:48px}.ddi-card:not(.ddi-mgmt-diagram-panel){min-height:0;padding:24px}.ddi-card.ddi-mgmt-diagram-panel{padding:30px 20px 32px}.ddi-mgmt-diagram{width:min(230px,90%);margin-bottom:22px}.ddi-diagram-stage{display:grid;min-height:0;gap:14px;padding:18px}.ddi-diagram__topbar{position:relative;left:auto;right:auto;top:auto;order:-1}.ddi-connections,.ddi-packet,.ddi-route-label,.ddi-hub__orbit{display:none}.ddi-hub,.ddi-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:0;transform:none}.ddi-hub{min-height:0;margin:0 auto}.ddi-diagram-stage.is-running .ddi-node,.ddi-diagram-stage[data-focus="dns"] .ddi-node--dns,.ddi-diagram-stage[data-focus="dhcp"] .ddi-node--dhcp,.ddi-diagram-stage[data-focus="ipam"] .ddi-node--ipam,.ddi-diagram-stage[data-focus="ports"] .ddi-node--ports{transform:none}.trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;margin-top:34px}.trust li{border-left:0;padding-left:0;padding-right:0}.trust li:nth-child(2),.trust li:nth-child(4){border-left:1px solid var(--border);padding-left:18px}.hero-visual{grid-template-columns:1fr;min-height:auto}.nv--ring,.nv--dns,.nv--dhcp,.nv--ports,.nv--alert,.nv--resolved{grid-column:1;grid-row:auto}}.ddi-diagram-stage--minimal{display:grid;min-height:560px;grid-template-columns:minmax(260px,330px) minmax(270px,320px) minmax(260px,330px);gap:clamp(28px,4.5vw,54px);align-items:center;padding:76px clamp(28px,4vw,52px) 46px;background:radial-gradient(580px 280px at 50% 50%,color-mix(in srgb,var(--jade-25) 78%,transparent),transparent 74%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 88%,transparent)),linear-gradient(var(--grey-50) 1px,transparent 1px),linear-gradient(90deg,var(--grey-50) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}.ddi-diagram-stage--minimal::before{background:linear-gradient(90deg,color-mix(in srgb,var(--base-white) 88%,transparent),transparent 18% 82%,color-mix(in srgb,var(--base-white) 88%,transparent)),radial-gradient(260px 220px at 50% 50%,color-mix(in srgb,var(--jade-400) 8%,transparent),transparent 72%)}.ddi-diagram-stage--minimal .ddi-diagram__topbar{left:clamp(22px,3vw,36px);right:clamp(22px,3vw,36px);top:24px}.ddi-signal-stack,.ddi-outcome-stack{position:relative;z-index:3;display:grid;gap:12px}.ddi-column-label{display:block;margin-bottom:2px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ddi-diagram-stage--minimal .ddi-hub{position:relative;left:auto;top:auto;z-index:4;width:100%;transform:none}.ddi-diagram-stage--minimal .ddi-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;overflow:visible;border-radius:12px;padding:13px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 86%,transparent),color-mix(in srgb,var(--grey-10) 72%,transparent)),color-mix(in srgb,var(--base-white) 62%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 92%,transparent),0 10px 22px color-mix(in srgb,var(--neutral-1500) 5%,transparent)}.ddi-diagram-stage--minimal .ddi-node h3,.ddi-diagram-stage--minimal .ddi-node__meter{margin:0}.ddi-diagram-stage--minimal .ddi-node h3{font-size:15px;line-height:1.2}.ddi-diagram-stage--minimal .ddi-node__meter{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(44px,1fr);gap:9px;align-items:center;margin-top:8px}.ddi-diagram-stage--minimal .ddi-node__meter span{overflow:hidden;color:var(--text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ddi-diagram-stage--minimal .ddi-node__meter i{position:relative;display:block;height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--node-accent) 8%,var(--base-white))}.ddi-diagram-stage--minimal .ddi-node__meter i::before{content:"";display:block;width:var(--meter);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--node-accent) 52%,var(--base-white)),var(--node-accent));transform:scaleX(0);transform-origin:left;transition:transform 900ms cubic-bezier(0.22,1,0.36,1)}.ddi-diagram-stage--minimal.is-running .ddi-node__meter i::before{transform:scaleX(1)}.ddi-diagram-stage--minimal .ddi-node>strong{justify-self:end;border:1px solid color-mix(in srgb,var(--node-accent) 16%,var(--border));border-radius:999px;padding:5px 8px;color:color-mix(in srgb,var(--node-accent) 78%,var(--neutral-1300));background:color-mix(in srgb,var(--node-accent) 7%,var(--base-white));font-size:10.5px;font-weight:700;white-space:nowrap}.ddi-diagram-stage--minimal .ddi-node__icon{width:34px;height:34px}.ddi-diagram-stage--minimal .ddi-node::before{display:none}.ddi-diagram-stage--minimal .ddi-node::after,.ddi-diagram-stage--minimal .ddi-outcome::before,.ddi-diagram-stage--minimal .ddi-hub::before,.ddi-diagram-stage--minimal .ddi-hub::after{content:"";position:absolute;z-index:5;width:9px;height:9px;border:2px solid var(--base-white);border-radius:999px;background:var(--node-accent,var(--jade-500));box-shadow:0 0 0 4px color-mix(in srgb,var(--node-accent,var(--jade-500)) 12%,transparent)}.ddi-diagram-stage--minimal .ddi-node::after{right:-5px;top:50%;transform:translateY(-50%)}.ddi-diagram-stage--minimal .ddi-hub::before,.ddi-diagram-stage--minimal .ddi-hub::after{--node-accent:var(--jade-500);top:50%;transform:translateY(-50%)}.ddi-diagram-stage--minimal .ddi-hub::before{left:-5px}.ddi-diagram-stage--minimal .ddi-hub::after{right:-5px}.ddi-diagram-stage--minimal[data-focus="dns"] .ddi-node--dns,.ddi-diagram-stage--minimal[data-focus="dhcp"] .ddi-node--dhcp,.ddi-diagram-stage--minimal[data-focus="ipam"] .ddi-node--ipam,.ddi-diagram-stage--minimal[data-focus="ports"] .ddi-node--ports{border-color:color-mix(in srgb,var(--node-accent) 34%,var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 16px 32px color-mix(in srgb,var(--node-accent) 10%,transparent);transform:translateY(-1px)}.ddi-conn--out{stroke:var(--jade-500);opacity:.2}.ddi-diagram-stage--minimal .ddi-outcome{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:12px;padding:13px 14px;background:color-mix(in srgb,var(--base-white) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);box-shadow:0 10px 22px color-mix(in srgb,var(--neutral-1500) 4%,transparent);opacity:0;transform:translateY(12px);transition:opacity 620ms cubic-bezier(0.22,1,0.36,1),transform 620ms cubic-bezier(0.22,1,0.36,1),border-color 220ms ease,box-shadow 220ms ease}.ddi-diagram-stage--minimal .ddi-outcome::before{--node-accent:var(--jade-500);left:-5px;top:50%;transform:translateY(-50%)}.ddi-diagram-stage--minimal.is-running .ddi-outcome{opacity:1;transform:translateY(0)}.ddi-diagram-stage--minimal .ddi-outcome>span{color:var(--jade-700);font-size:12px;font-weight:700;line-height:1.3}.ddi-diagram-stage--minimal .ddi-outcome>div{min-width:0}.ddi-diagram-stage--minimal .ddi-outcome b{display:block;color:var(--text-primary);font-size:15px;line-height:1.25}.ddi-outcome__signal{position:relative;display:block;height:6px;margin-top:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--jade-400) 9%,var(--base-white))}.ddi-outcome__signal::before{content:"";display:block;width:var(--signal);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade-400),var(--jade-700));transform:scaleX(0);transform-origin:left;transition:transform 900ms cubic-bezier(0.22,1,0.36,1)}.ddi-diagram-stage--minimal.is-running .ddi-outcome__signal::before{transform:scaleX(1)}.ddi-diagram-stage--minimal[data-focus="dns"] .ddi-outcome[data-outcome="dns"],.ddi-diagram-stage--minimal[data-focus="dhcp"] .ddi-outcome[data-outcome="dhcp"],.ddi-diagram-stage--minimal[data-focus="ipam"] .ddi-outcome[data-outcome="ipam"],.ddi-diagram-stage--minimal[data-focus="ports"] .ddi-outcome[data-outcome="ports"]{border-color:color-mix(in srgb,var(--jade-400) 32%,var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 16px 34px color-mix(in srgb,var(--jade-700) 9%,transparent);transform:translateY(-1px)}.ddi-diagram-stage--minimal.is-running .ddi-packet--dns{animation-name:ddiPacketMinimalDns}.ddi-diagram-stage--minimal.is-running .ddi-packet--dhcp{animation-name:ddiPacketMinimalDhcp}.ddi-diagram-stage--minimal.is-running .ddi-packet--ipam{animation-name:ddiPacketMinimalIpam}.ddi-diagram-stage--minimal.is-running .ddi-packet--ports{animation-name:ddiPacketMinimalPorts}@keyframes ddiPacketMinimalDns{0%{opacity:0;transform:translate(-198px,-134px) scale(0.76)}18%,72%{opacity:1}100%{opacity:0;transform:translate(-118px,-58px) scale(1)}}@keyframes ddiPacketMinimalDhcp{0%{opacity:0;transform:translate(-198px,-48px) scale(0.76)}18%,72%{opacity:1}100%{opacity:0;transform:translate(-118px,-24px) scale(1)}}@keyframes ddiPacketMinimalIpam{0%{opacity:0;transform:translate(-198px,46px) scale(0.76)}18%,72%{opacity:1}100%{opacity:0;transform:translate(-118px,8px) scale(1)}}@keyframes ddiPacketMinimalPorts{0%{opacity:0;transform:translate(-198px,134px) scale(0.76)}18%,72%{opacity:1}100%{opacity:0;transform:translate(-118px,40px) scale(1)}}@media(max-width:1080px){.ddi-diagram-stage--minimal{min-height:0;grid-template-columns:1fr;gap:22px;padding:72px 24px 28px}.ddi-diagram-stage--minimal .ddi-connections,.ddi-diagram-stage--minimal .ddi-packet{display:none}.ddi-diagram-stage--minimal .ddi-node::after,.ddi-diagram-stage--minimal .ddi-outcome::before,.ddi-diagram-stage--minimal .ddi-hub::before,.ddi-diagram-stage--minimal .ddi-hub::after{display:none}.ddi-diagram-stage--minimal .ddi-hub{width:100%}}@media(max-width:680px){.ddi-diagram-stage--minimal{padding:18px}.ddi-diagram-stage--minimal .ddi-diagram__topbar{position:relative;left:auto;right:auto;top:auto;flex-direction:column;align-items:flex-start;gap:8px}.ddi-diagram-stage--minimal .ddi-node{grid-template-columns:auto minmax(0,1fr)}.ddi-diagram-stage--minimal .ddi-node>strong{grid-column:2;justify-self:start}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:1fr}}.ddi-diagram-stage--minimal{width:min(100%,1040px);max-width:1040px;min-height:520px;margin-inline:auto;grid-template-columns:minmax(230px,310px) minmax(230px,280px) minmax(230px,310px);gap:clamp(22px,3.4vw,42px);padding:74px clamp(24px,3.6vw,44px) 38px}.ddi-diagram-stage--minimal .ddi-diagram__topbar span{color:var(--text-primary);font-size:12px}.ddi-diagram-stage--minimal .ddi-column-label{margin-bottom:4px}.ddi-diagram-stage--minimal .ddi-node,.ddi-diagram-stage--minimal .ddi-outcome{min-height:78px}.ddi-diagram-stage--minimal .ddi-node{grid-template-columns:34px minmax(0,1fr) auto;padding:12px 13px}.ddi-diagram-stage--minimal .ddi-node h3,.ddi-diagram-stage--minimal .ddi-outcome b{font-size:14.5px}.ddi-diagram-stage--minimal .ddi-node__meter{margin-top:7px}.ddi-diagram-stage--minimal .ddi-node>strong{min-width:54px;text-align:center}.ddi-diagram-stage--minimal .ddi-hub{min-height:238px;justify-content:center}.ddi-diagram-stage--minimal .ddi-hub p{display:none}.ddi-diagram-stage--minimal .ddi-hub__flow{margin-block:2px 0}.ddi-diagram-stage--minimal .ddi-outcome{padding:12px 13px}.ddi-diagram-stage--minimal .ddi-outcome p{display:none}.ddi-conn--out-dns,.ddi-conn--out-dhcp,.ddi-conn--out-ipam,.ddi-conn--out-ports{stroke:var(--jade-500);opacity:.2}@media(max-width:1180px){.ddi-diagram-stage--minimal{grid-template-columns:minmax(220px,1fr) minmax(220px,0.85fr) minmax(220px,1fr);gap:20px;padding-inline:24px}.ddi-diagram-stage--minimal .ddi-node,.ddi-diagram-stage--minimal .ddi-outcome{min-height:74px}}@media(max-width:980px){.ddi-diagram-stage--minimal{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;padding:68px 22px 26px}.ddi-diagram-stage--minimal .ddi-connections,.ddi-diagram-stage--minimal .ddi-packet,.ddi-diagram-stage--minimal .ddi-node::after,.ddi-diagram-stage--minimal .ddi-outcome::before,.ddi-diagram-stage--minimal .ddi-hub::before,.ddi-diagram-stage--minimal .ddi-hub::after{display:none}.ddi-diagram-stage--minimal .ddi-signal-stack{order:1}.ddi-diagram-stage--minimal .ddi-outcome-stack{order:2}.ddi-diagram-stage--minimal .ddi-hub{order:3;grid-column:1 / -1;min-height:0}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.ddi-diagram-stage--minimal{grid-template-columns:1fr;gap:16px;padding:18px}.ddi-diagram-stage--minimal .ddi-diagram__topbar{position:relative;left:auto;right:auto;top:auto;flex-direction:row;align-items:center;gap:12px}.ddi-diagram-stage--minimal .ddi-diagram__topbar span{font-size:11px}.ddi-diagram-stage--minimal .ddi-diagram__topbar strong{margin-left:auto}.ddi-diagram-stage--minimal .ddi-node{grid-template-columns:34px minmax(0,1fr)}.ddi-diagram-stage--minimal .ddi-node>strong{grid-column:2;justify-self:start;min-width:0}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ddi-diagram-stage--minimal .ddi-hub__flow{grid-template-columns:auto 1fr auto}.ddi-diagram-stage--minimal .ddi-hub__flow span:last-child,.ddi-diagram-stage--minimal .ddi-hub__flow i:nth-of-type(2){display:none}}.ddi-diagram-stage--minimal{min-height:430px;grid-template-columns:minmax(280px,1fr) minmax(250px,0.74fr) minmax(280px,1fr);gap:clamp(18px,3vw,34px);align-items:center;padding:70px clamp(22px,3vw,36px) 34px}.ddi-diagram-stage--minimal .ddi-signal-stack,.ddi-diagram-stage--minimal .ddi-outcome-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddi-diagram-stage--minimal .ddi-column-label{grid-column:1 / -1;margin-bottom:2px;color:var(--text-primary)}.ddi-diagram-stage--minimal .ddi-node,.ddi-diagram-stage--minimal .ddi-outcome{min-height:116px}.ddi-diagram-stage--minimal .ddi-node{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.ddi-diagram-stage--minimal .ddi-node__icon{width:34px;height:34px}.ddi-diagram-stage--minimal .ddi-node h3{margin:0;font-size:15px}.ddi-diagram-stage--minimal .ddi-node__meter{width:100%;grid-template-columns:1fr;gap:6px;margin-top:6px}.ddi-diagram-stage--minimal .ddi-node__meter span{font-size:10px}.ddi-diagram-stage--minimal .ddi-node>strong{align-self:flex-start;margin-top:auto;min-width:0}.ddi-diagram-stage--minimal .ddi-hub{min-height:250px;padding:22px 20px}.ddi-diagram-stage--minimal .ddi-hub__header{justify-content:center;text-align:center}.ddi-diagram-stage--minimal .ddi-hub__mark{width:40px;height:40px}.ddi-diagram-stage--minimal .ddi-hub__label,.ddi-diagram-stage--minimal .ddi-hub b{text-align:left}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:1fr}.ddi-diagram-stage--minimal .ddi-hub__metrics em{display:flex;align-items:center;justify-content:space-between;text-align:left}.ddi-diagram-stage--minimal .ddi-hub__metrics em b{margin-top:0}.ddi-diagram-stage--minimal .ddi-outcome{align-content:center;grid-template-columns:1fr;gap:8px;min-height:116px}.ddi-diagram-stage--minimal .ddi-outcome>span{color:var(--text-secondary);font-size:11px;letter-spacing:.08em}.ddi-diagram-stage--minimal .ddi-outcome b{font-size:15px}.ddi-diagram-stage--minimal .ddi-outcome__signal{margin-top:10px}.ddi-diagram-stage--minimal .ddi-conn{stroke-dasharray:5 9;opacity:.2}@media(max-width:1120px){.ddi-diagram-stage--minimal{grid-template-columns:1fr minmax(230px,0.8fr) 1fr;gap:18px;padding-inline:22px}.ddi-diagram-stage--minimal .ddi-node,.ddi-diagram-stage--minimal .ddi-outcome{min-height:108px}}@media(max-width:900px){.ddi-diagram-stage--minimal{grid-template-columns:1fr;max-width:680px;min-height:0;gap:18px;padding:68px 20px 24px}.ddi-diagram-stage--minimal .ddi-connections,.ddi-diagram-stage--minimal .ddi-packet,.ddi-diagram-stage--minimal .ddi-node::after,.ddi-diagram-stage--minimal .ddi-outcome::before,.ddi-diagram-stage--minimal .ddi-hub::before,.ddi-diagram-stage--minimal .ddi-hub::after{display:none}.ddi-diagram-stage--minimal .ddi-signal-stack{order:1}.ddi-diagram-stage--minimal .ddi-hub{order:2;min-height:0}.ddi-diagram-stage--minimal .ddi-outcome-stack{order:3}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ddi-diagram-stage--minimal .ddi-hub__metrics em{display:block;text-align:center}.ddi-diagram-stage--minimal .ddi-hub__metrics em b{margin-top:2px}}@media(max-width:560px){.ddi-diagram-stage--minimal{gap:14px;padding:18px}.ddi-diagram-stage--minimal .ddi-diagram__topbar{position:relative;left:auto;right:auto;top:auto;flex-wrap:wrap}.ddi-diagram-stage--minimal .ddi-diagram__topbar strong{margin-left:0}.ddi-diagram-stage--minimal .ddi-signal-stack,.ddi-diagram-stage--minimal .ddi-outcome-stack{grid-template-columns:1fr}.ddi-diagram-stage--minimal .ddi-node,.ddi-diagram-stage--minimal .ddi-outcome{min-height:0}.ddi-diagram-stage--minimal .ddi-node{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.ddi-diagram-stage--minimal .ddi-node>strong{align-self:center;margin-top:0}.ddi-diagram-stage--minimal .ddi-node__meter{margin-top:5px}.ddi-diagram-stage--minimal .ddi-hub__metrics{grid-template-columns:1fr}.ddi-diagram-stage--minimal .ddi-hub__metrics em{display:flex;text-align:left}.ddi-diagram-stage--minimal .ddi-hub__flow{grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto}.ddi-diagram-stage--minimal .ddi-hub__flow span:last-child,.ddi-diagram-stage--minimal .ddi-hub__flow i:nth-of-type(2){display:block}.ddi-diagram-stage--minimal .ddi-hub__flow span:last-child{display:inline}}.dflow-stage{width:min(100%,1080px);min-height:0;margin-inline:auto;padding:clamp(28px,4vw,42px);border-color:color-mix(in srgb,var(--jade-400) 16%,var(--border));background:radial-gradient(560px 260px at 50% 34%,color-mix(in srgb,var(--jade-25) 82%,transparent),transparent 76%),linear-gradient(var(--grey-50) 1px,transparent 1px),linear-gradient(90deg,var(--grey-50) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 88%,transparent));background-size:auto,34px 34px,34px 34px,auto}.dflow-stage::before{background:linear-gradient(90deg,color-mix(in srgb,var(--base-white) 88%,transparent),transparent 16% 84%,color-mix(in srgb,var(--base-white) 88%,transparent)),radial-gradient(360px 180px at 50% 48%,color-mix(in srgb,var(--jade-400) 8%,transparent),transparent 78%)}.dflow-stage::after{display:none}.dflow-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(26px,4vw,38px)}.dflow-head span,.dflow-head strong{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.dflow-head span{color:var(--text-secondary)}.dflow-head strong{color:var(--jade-700)}.dflow-head strong::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jade-500);box-shadow:0 0 0 5px color-mix(in srgb,var(--jade-400) 14%,transparent)}.dflow-track{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:clamp(10px,1.4vw,14px);align-items:stretch}.dflow-step{--flow-accent:var(--jade-500);position:relative;display:grid;min-height:250px;grid-template-rows:auto auto auto 1fr;border:1px solid color-mix(in srgb,var(--flow-accent) 16%,var(--border));border-radius:16px;padding:clamp(16px,2vw,20px);background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 88%,transparent),color-mix(in srgb,var(--grey-10) 72%,transparent)),color-mix(in srgb,var(--base-white) 62%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 92%,transparent),0 14px 34px color-mix(in srgb,var(--neutral-1500) 6%,transparent);opacity:0;transform:translateY(14px);transition:opacity 620ms cubic-bezier(0.22,1,0.36,1),transform 620ms cubic-bezier(0.22,1,0.36,1),border-color 220ms ease,box-shadow 220ms ease}.dflow-stage.is-running .dflow-step{opacity:1;transform:translateY(0)}.dflow-step--collect{--flow-accent:var(--red-500)}.dflow-step--map{--flow-accent:var(--orange-500)}.dflow-step--detect{--flow-accent:var(--blue-500)}.dflow-step--resolve{--flow-accent:var(--jade-500)}.dflow-stage[data-focus="dns"] .dflow-step--collect,.dflow-stage[data-focus="dhcp"] .dflow-step--map,.dflow-stage[data-focus="ipam"] .dflow-step--detect,.dflow-stage[data-focus="ports"] .dflow-step--resolve{border-color:color-mix(in srgb,var(--flow-accent) 36%,var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 18px 40px color-mix(in srgb,var(--flow-accent) 10%,transparent);transform:translateY(-2px)}.dflow-step__num{color:color-mix(in srgb,var(--flow-accent) 72%,var(--text-secondary));font-size:11px;font-weight:700;letter-spacing:.08em}.dflow-step__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin-top:14px;border:1px solid color-mix(in srgb,var(--flow-accent) 22%,transparent);border-radius:12px;color:var(--flow-accent);background:color-mix(in srgb,var(--flow-accent) 8%,var(--base-white))}.dflow-step__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dflow-step h3{margin:18px 0 0;color:var(--text-primary);font-size:clamp(18px,1.8vw,22px);line-height:1.16}.dflow-step p{margin:10px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.dflow-tags,.dflow-alerts,.dflow-actions{display:flex;align-content:flex-end;align-self:end;gap:6px;flex-wrap:wrap;margin-top:18px}.dflow-tags span,.dflow-alerts span,.dflow-actions span{border:1px solid color-mix(in srgb,var(--flow-accent) 18%,var(--border));border-radius:999px;padding:4px 7px;color:color-mix(in srgb,var(--flow-accent) 74%,var(--text-primary));background:color-mix(in srgb,var(--flow-accent) 6%,var(--base-white));font-size:10.5px;font-weight:700;line-height:1.2}.dflow-meter{align-self:end;height:7px;margin-top:20px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--flow-accent) 8%,var(--base-white))}.dflow-meter i{display:block;width:var(--meter);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--flow-accent) 52%,var(--base-white)),var(--flow-accent));transform:scaleX(0);transform-origin:left;transition:transform 900ms cubic-bezier(0.22,1,0.36,1)}.dflow-stage.is-running .dflow-meter i{transform:scaleX(1)}.dflow-arrow{position:relative;align-self:center;height:2px;border-radius:999px;background:color-mix(in srgb,var(--jade-400) 28%,var(--border));overflow:visible}.dflow-arrow::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--jade-500),transparent);opacity:0;transform:translateX(-100%)}.dflow-arrow::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-right:2px solid color-mix(in srgb,var(--jade-500) 74%,var(--border));border-top:2px solid color-mix(in srgb,var(--jade-500) 74%,var(--border));transform:translateY(-50%) rotate(45deg)}.dflow-stage.is-running .dflow-arrow::before{animation:dflowArrow 2100ms cubic-bezier(0.22,1,0.36,1) infinite;opacity:1}.dflow-console{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:clamp(18px,3vw,28px);border:1px solid color-mix(in srgb,var(--jade-400) 18%,var(--border));border-radius:16px;padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--base-white) 86%,transparent),color-mix(in srgb,var(--jade-25) 66%,transparent)),color-mix(in srgb,var(--base-white) 62%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 94%,transparent),0 16px 36px color-mix(in srgb,var(--jade-700) 8%,transparent)}.dflow-console__title span{display:block;color:var(--jade-700);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dflow-console__title b{display:block;margin-top:3px;color:var(--text-primary);font-size:clamp(18px,2vw,22px);line-height:1.2}.dflow-console__stats{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px}.dflow-console__stats span{min-width:0;border:1px solid color-mix(in srgb,var(--jade-400) 14%,var(--border));border-radius:10px;padding:8px 10px;color:var(--text-secondary);background:color-mix(in srgb,var(--base-white) 62%,transparent);font-size:10.5px;font-weight:700;text-align:center}.dflow-console__stats b{display:block;color:var(--jade-700);font-size:15px;line-height:1.1}@keyframes dflowArrow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:1120px){.dflow-track{grid-template-columns:repeat(2,minmax(0,1fr))}.dflow-arrow{display:none}.dflow-step{min-height:220px}}@media(max-width:820px){.dflow-stage{padding:22px}.dflow-track{grid-template-columns:1fr;gap:12px}.dflow-step{min-height:0;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;padding:16px}.dflow-step__num{grid-column:1;grid-row:1}.dflow-step__icon{grid-column:1;grid-row:2 / 4;margin-top:10px}.dflow-step h3,.dflow-step p,.dflow-tags,.dflow-alerts,.dflow-actions,.dflow-meter{grid-column:2}.dflow-step h3{margin-top:4px}.dflow-step p{max-width:58ch}.dflow-console{grid-template-columns:1fr}}@media(max-width:560px){.dflow-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.dflow-stage{padding:18px;border-radius:16px}.dflow-step{grid-template-columns:1fr}.dflow-step__icon,.dflow-step h3,.dflow-step p,.dflow-tags,.dflow-alerts,.dflow-actions,.dflow-meter{grid-column:1}.dflow-step__icon{grid-row:auto}.dflow-console__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ddi-map-stage{min-height:760px;padding:clamp(28px,4vw,42px);background:radial-gradient(520px 300px at 50% 46%,color-mix(in srgb,var(--jade-25) 80%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 94%,transparent),color-mix(in srgb,var(--grey-10) 88%,transparent))}.ddi-map-stage::before{background:linear-gradient(var(--grey-50) 1px,transparent 1px),linear-gradient(90deg,var(--grey-50) 1px,transparent 1px);background-size:34px 34px;opacity:.55}.ddi-map-stage::after{display:none}.ddi-map-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.ddi-map-line{fill:none;stroke:color-mix(in srgb,var(--jade-700) 48%,transparent);stroke-width:1.2;stroke-dasharray:7 9;stroke-linecap:round;opacity:.55}.ddi-map-stage.is-running .ddi-map-line{animation:ddiConnectionFlow 2600ms linear infinite}.ddi-map-line--dns{stroke:color-mix(in srgb,var(--red-500) 48%,transparent)}.ddi-map-line--dhcp{stroke:color-mix(in srgb,var(--orange-500) 48%,transparent)}.ddi-map-line--ipam{stroke:color-mix(in srgb,var(--blue-500) 48%,transparent)}.ddi-map-top{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.8vw,30px)}.ddi-map-card{--map-accent:var(--jade-500);border:1px solid color-mix(in srgb,var(--map-accent) 13%,var(--border));border-radius:18px;padding:clamp(18px,2.2vw,24px);background:color-mix(in srgb,var(--base-white) 88%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--neutral-1500) 7%,transparent);text-align:center;transition:transform 260ms cubic-bezier(0.22,1,0.36,1),border-color 220ms ease,box-shadow 220ms ease}.ddi-map-card--dns{--map-accent:var(--red-500)}.ddi-map-card--dhcp{--map-accent:var(--orange-500)}.ddi-map-card--ipam{--map-accent:var(--blue-500)}.ddi-map-stage[data-focus="dns"] .ddi-map-card--dns,.ddi-map-stage[data-focus="dhcp"] .ddi-map-card--dhcp,.ddi-map-stage[data-focus="ipam"] .ddi-map-card--ipam,.ddi-map-stage[data-focus="ports"] .ddi-map-card--ipam{border-color:color-mix(in srgb,var(--map-accent) 34%,var(--border));box-shadow:0 22px 50px color-mix(in srgb,var(--map-accent) 10%,transparent),0 10px 24px color-mix(in srgb,var(--neutral-1500) 5%,transparent);transform:translateY(-2px)}.ddi-map-pill{display:inline-flex;border-radius:8px;padding:6px 12px;color:var(--text-primary);background:color-mix(in srgb,var(--map-accent) 7%,var(--grey-25));font-size:13px;font-weight:700;line-height:1.2}.ddi-map-card h3{margin:14px 0 18px;color:var(--lovable-text-primary);font-size:clamp(24px,3vw,36px);line-height:1.05}.ddi-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px;background:color-mix(in srgb,var(--map-accent) 6%,var(--grey-25))}.ddi-map-grid span{min-height:58px;display:grid;place-items:center;border-color:color-mix(in srgb,var(--map-accent) 18%,transparent);color:color-mix(in srgb,var(--map-accent) 68%,var(--text-primary));font-size:13px;font-weight:700}.ddi-map-grid span:nth-child(odd){border-right:1px dashed color-mix(in srgb,var(--map-accent) 20%,transparent)}.ddi-map-grid span:nth-child(-n+2){border-bottom:1px dashed color-mix(in srgb,var(--map-accent) 20%,transparent)}.ddi-map-hub{position:relative;z-index:2;display:grid;place-items:center;width:min(220px,34vw);margin:clamp(72px,8vw,96px) auto clamp(48px,6vw,66px);text-align:center}.ddi-map-shield{width:clamp(116px,13vw,150px)}.ddi-map-shield svg{width:100%;height:auto;overflow:visible}.ddi-map-shield .shield{fill:color-mix(in srgb,var(--jade-25) 78%,var(--base-white));stroke:var(--base-white);stroke-width:7;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--jade-700) 12%,transparent))}.ddi-map-shield .mark{fill:none;stroke-width:4.5;stroke-linecap:square}.mark-red{stroke:var(--red-500)}.mark-orange{stroke:var(--orange-500)}.mark-blue{stroke:var(--blue-500)}.mark-green{stroke:var(--jade-500)}.mark-pink{stroke:var(--lovable-red)}.ddi-map-hub>span{margin-top:8px;color:var(--jade-700);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ddi-map-hub>b{margin-top:3px;color:var(--text-primary);font-size:clamp(18px,2vw,22px);line-height:1.2}.ddi-map-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.8vw,28px)}.ddi-map-outcome{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:16px;padding:clamp(18px,2.4vw,24px);background:color-mix(in srgb,var(--base-white) 88%,transparent);box-shadow:0 16px 38px color-mix(in srgb,var(--neutral-1500) 6%,transparent)}.ddi-map-outcome__icon{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:12px;color:var(--blue-700);background:color-mix(in srgb,var(--blue-25) 72%,var(--grey-25))}.ddi-map-outcome__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ddi-map-outcome h4{margin:0;color:var(--blue-700);font-size:clamp(18px,2vw,24px);line-height:1.18}.ddi-map-outcome p{max-width:36ch;margin:7px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.45}@media(max-width:1080px){.ddi-map-stage{min-height:0}.ddi-map-lines{display:none}.ddi-map-top{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.ddi-map-card{text-align:left}.ddi-map-card h3{margin-bottom:14px}.ddi-map-hub{margin:34px auto}}@media(max-width:720px){.ddi-map-stage{padding:18px;border-radius:16px}.ddi-map-card{padding:18px}.ddi-map-card h3{font-size:28px}.ddi-map-grid span{min-height:48px}.ddi-map-bottom{grid-template-columns:1fr}.ddi-map-outcome{grid-template-columns:auto minmax(0,1fr);padding:18px}}@media(max-width:460px){.ddi-map-outcome{grid-template-columns:1fr}.ddi-map-outcome p{max-width:none}}.ddi-circuit-stage{display:grid;min-height:680px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:clamp(34px,5vw,54px);align-items:center;justify-items:center;padding:clamp(34px,4.6vw,58px);background:radial-gradient(460px 320px at 50% 50%,color-mix(in srgb,var(--jade-25) 52%,transparent),transparent 76%),linear-gradient(color-mix(in srgb,var(--neutral-100) 58%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--neutral-100) 58%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--base-white) 96%,transparent),color-mix(in srgb,var(--grey-10) 86%,var(--base-white)));background-size:auto,34px 34px,34px 34px,auto}.ddi-circuit-stage::before{background:linear-gradient(90deg,color-mix(in srgb,var(--base-white) 90%,transparent),transparent 18% 82%,color-mix(in srgb,var(--base-white) 90%,transparent)),radial-gradient(300px 190px at 50% 50%,color-mix(in srgb,var(--jade-500) 7%,transparent),transparent 76%)}.ddi-circuit-stage::after{display:none}.ddi-circuit-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.ddi-circuit-line{fill:none;stroke:color-mix(in srgb,var(--neutral-700) 34%,transparent);stroke-width:1.5;stroke-dasharray:3 10;stroke-linecap:round;opacity:.52}.ddi-circuit-line--dns{stroke:color-mix(in srgb,var(--red-500) 44%,transparent)}.ddi-circuit-line--dhcp{stroke:color-mix(in srgb,var(--jade-700) 38%,transparent)}.ddi-circuit-line--ipam{stroke:color-mix(in srgb,var(--neutral-700) 34%,transparent)}.ddi-circuit-line--ports{stroke:color-mix(in srgb,var(--jade-500) 38%,transparent)}.ddi-circuit-stage.is-running .ddi-circuit-line{animation:ddiConnectionFlow 2600ms linear infinite}.ddi-circuit-stage[data-focus="dns"] .ddi-circuit-line--dns,.ddi-circuit-stage[data-focus="dhcp"] .ddi-circuit-line--dhcp,.ddi-circuit-stage[data-focus="ipam"] .ddi-circuit-line--ipam,.ddi-circuit-stage[data-focus="ports"] .ddi-circuit-line--ports{stroke-width:2;opacity:.82}.ddi-circuit-col,.ddi-circuit-core{position:relative;z-index:2}.ddi-circuit-col{display:grid;gap:14px;width:min(100%,920px)}.ddi-circuit-label{display:block;margin-bottom:2px;text-align:center;color:var(--text-muted);font-size:20px;font-weight:700;letter-spacing:.1em}.ddi-circuit-node{--node-accent:var(--neutral-900);display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:66px;border:1px solid var(--border);border-radius:18px;padding:10px;background:var(--base-white);box-shadow:0 14px 26px color-mix(in srgb,var(--neutral-1500) 6%,transparent);transition:transform 240ms cubic-bezier(0.22,1,0.36,1),border-color 200ms ease,box-shadow 200ms ease}.ddi-circuit-node--dns{--node-accent:var(--red-500)}.ddi-circuit-node--dhcp{--node-accent:var(--jade-700)}.ddi-circuit-node--ipam{--node-accent:var(--neutral-900)}.ddi-circuit-node--ports{--node-accent:var(--jade-500)}.ddi-circuit-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--neutral-400) 38%,transparent);border-radius:var(--radius-md);color:var(--node-accent);background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--neutral-300) 36%,transparent),transparent 52%),color-mix(in srgb,var(--neutral-200) 54%,var(--base-white))}.ddi-circuit-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ddi-circuit-node b{color:var(--text-primary);font-size:16px;line-height:1.1}.ddi-circuit-node i{display:block;width:22px;height:22px;border-radius:999px;background:radial-gradient(circle at 50% 50%,var(--node-accent) 0 3px,transparent 4px),conic-gradient(from 90deg,color-mix(in srgb,var(--node-accent) 44%,transparent) 0 62%,color-mix(in srgb,var(--grey-100) 72%,transparent) 62% 100%);opacity:.66}.ddi-circuit-stage.is-running .ddi-circuit-node i{animation:ddiStatusPulse 2200ms ease-out infinite}.ddi-circuit-stage[data-focus="dns"] .ddi-circuit-node--dns,.ddi-circuit-stage[data-focus="dhcp"] .ddi-circuit-node--dhcp,.ddi-circuit-stage[data-focus="ipam"] .ddi-circuit-node--ipam,.ddi-circuit-stage[data-focus="ports"] .ddi-circuit-node--ports{border-color:color-mix(in srgb,var(--node-accent) 28%,var(--border-strong));box-shadow:0 16px 34px -24px color-mix(in srgb,var(--neutral-1500) 26%,transparent);transform:translateY(-2px)}.ddi-circuit-core{display:grid;width:min(268px,100%);aspect-ratio:1;place-items:center;justify-self:center;border:1px solid color-mix(in srgb,var(--jade-500) 24%,var(--border));border-radius:50%;padding:30px;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--base-white) 82%,transparent),transparent 52%),linear-gradient(135deg,color-mix(in srgb,var(--jade-25) 72%,var(--base-white)),var(--base-white));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--base-white) 96%,transparent),0 22px 54px color-mix(in srgb,var(--neutral-1500) 10%,transparent)}.ddi-circuit-core__ring{position:absolute;inset:-12px;border:1px dashed color-mix(in srgb,var(--jade-500) 34%,transparent);border-radius:50%}.ddi-circuit-stage.is-running .ddi-circuit-core__ring{animation:ddiOrbit 9000ms linear infinite}.ddi-circuit-core__pulse{position:absolute;inset:26px;z-index:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--jade-500) 13%,transparent),transparent 64%);opacity:.72}.ddi-circuit-core__icon,.ddi-circuit-core b,.ddi-circuit-core em,.ddi-circuit-core__matrix{position:relative;z-index:1}.ddi-circuit-core__icon{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:16px;color:var(--jade-700);background:color-mix(in srgb,var(--jade-25) 72%,var(--base-white));box-shadow:0 10px 24px color-mix(in srgb,var(--neutral-1500) 7%,transparent)}.ddi-circuit-core__icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ddi-circuit-core b{margin-top:14px;color:var(--text-primary);font-size:clamp(24px,3vw,32px);line-height:1.05}.ddi-circuit-core em{margin-top:4px;color:var(--jade-700);font-size:12px;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ddi-circuit-core__matrix{display:grid;grid-template-columns:repeat(3,18px);gap:6px;margin-top:17px}.ddi-circuit-core__matrix span{width:18px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--jade-500) 24%,var(--base-white))}.ddi-circuit-core__matrix span:nth-child(2),.ddi-circuit-core__matrix span:nth-child(4),.ddi-circuit-core__matrix span:nth-child(6){background:color-mix(in srgb,var(--red-500) 13%,var(--base-white))}.ddi-circuit-col--output{gap:18px}.ddi-circuit-result{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-height:76px;border:1px solid var(--border);border-radius:18px;padding:13px;background:var(--base-white);box-shadow:0 12px 28px color-mix(in srgb,var(--neutral-1500) 5%,transparent)}.ddi-circuit-result span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--neutral-400) 38%,transparent);border-radius:var(--radius-md);color:var(--jade-700);background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--neutral-300) 36%,transparent),transparent 52%),color-mix(in srgb,var(--neutral-200) 54%,var(--base-white))}.ddi-circuit-result svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ddi-circuit-result b{color:var(--text-primary);font-size:18px;line-height:1.2}.ddi-circuit-result i{grid-column:2;display:block;width:min(100%,112px);height:5px;margin-top:-8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--jade-500) 70%,transparent) 0 62%,color-mix(in srgb,var(--grey-100) 90%,transparent) 62% 100%)}.ddi-circuit-col--source{grid-template-columns:repeat(4,minmax(0,1fr))}.ddi-circuit-col--output{grid-template-columns:repeat(3,minmax(0,1fr))}.ddi-circuit-col--source .ddi-circuit-label,.ddi-circuit-col--output .ddi-circuit-label{grid-column:1 / -1}.ddi-circuit-core::before,.ddi-circuit-core::after{content:"";position:absolute;left:50%;z-index:0;width:1.5px;transform:translateX(-50%);pointer-events:none;border-radius:999px}.ddi-circuit-core::before{bottom:calc(100% + 6px);height:clamp(16px,2.8vw,30px);background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--jade-500) 44%,transparent) 100%)}.ddi-circuit-core::after{top:calc(100% + 6px);height:clamp(16px,2.8vw,30px);background:linear-gradient(180deg,color-mix(in srgb,var(--jade-500) 44%,transparent) 0,transparent 100%)}@media(max-width:980px){.ddi-circuit-stage{min-height:0;gap:26px;padding:28px}.ddi-circuit-label{grid-column:1 / -1}.ddi-circuit-core{width:min(250px,100%)}}@media(max-width:760px){.ddi-circuit-lines{display:block;opacity:.62}.ddi-circuit-stage{min-height:0;gap:22px;padding:22px 18px}.ddi-circuit-col--source{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.ddi-circuit-col--output{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.ddi-circuit-node{grid-template-columns:34px minmax(0,1fr) 18px;gap:6px;min-height:52px;border-radius:12px;padding:8px}.ddi-circuit-icon{width:34px;height:34px;border-radius:10px}.ddi-circuit-icon svg{width:17px;height:17px}.ddi-circuit-node b{font-size:12.5px}.ddi-circuit-node i{width:17px;height:17px}.ddi-circuit-core{width:min(240px,92%);padding:22px}.ddi-circuit-core b{font-size:24px}.ddi-circuit-result{grid-template-columns:36px minmax(0,1fr);min-height:62px;gap:9px;padding:10px;border-radius:14px}.ddi-circuit-result span{width:36px;height:36px;border-radius:10px}.ddi-circuit-result svg{width:19px;height:19px}.ddi-circuit-result b{font-size:14px}.ddi-circuit-result i{width:min(100%,72px);height:4px}}@media(max-width:620px){.ddi-circuit-stage{gap:18px;padding:18px 14px}.ddi-circuit-col--source{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ddi-circuit-col--output{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ddi-circuit-node{grid-template-columns:30px minmax(0,1fr) 14px;min-height:48px;padding:7px;border-radius:10px}.ddi-circuit-icon{width:30px;height:30px;border-radius:8px}.ddi-circuit-icon svg{width:15px;height:15px}.ddi-circuit-node b{font-size:12px}.ddi-circuit-node i{width:14px;height:14px}.ddi-circuit-core{width:min(210px,96%);padding:18px}.ddi-circuit-core b{font-size:20px}.ddi-circuit-core em{font-size:10px}.ddi-circuit-result{grid-template-columns:30px minmax(0,1fr);min-height:52px;gap:7px;padding:8px;border-radius:10px}.ddi-circuit-result span{width:30px;height:30px;border-radius:8px}.ddi-circuit-result svg{width:15px;height:15px}.ddi-circuit-result b{font-size:12px}.ddi-circuit-result i{display:none}}@media(max-width:420px){.ddi-circuit-stage{gap:14px;padding:14px 10px}.ddi-circuit-node{grid-template-columns:26px minmax(0,1fr);min-height:42px;gap:5px;padding:6px;border-radius:9px}.ddi-circuit-icon{width:26px;height:26px;border-radius:7px}.ddi-circuit-icon svg{width:13px;height:13px}.ddi-circuit-node b{font-size:10.5px}.ddi-circuit-core{width:min(188px,96%);padding:14px}.ddi-circuit-core b{font-size:18px}.ddi-circuit-core__icon{width:44px;height:44px;border-radius:12px}.ddi-circuit-core__icon svg{width:24px;height:24px}.ddi-circuit-core__matrix{display:none}.ddi-circuit-result{min-height:44px;gap:5px;padding:6px;border-radius:9px}.ddi-circuit-result span{width:26px;height:26px;border-radius:7px}.ddi-circuit-result svg{width:13px;height:13px}.ddi-circuit-result b{font-size:10.5px}}@media(max-width:520px){.enterprise-apart-card{grid-template-columns:1fr;align-items:flex-start;gap:16px}.apart-card__diagram{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:1ms !important}.reveal{opacity:1;transform:none}.nv{opacity:1;translate:none;transform:none}.nv::after,.hero-visual::after{display:none}.bar span{transform:scaleX(1)}.ddi-node{opacity:1;transform:none}.ddi-diagram-stage--minimal .ddi-outcome{opacity:1;transform:none}.ddi-diagram-stage::after,.ddi-node::before{display:none}.dhcp-fill-1,.dhcp-fill-2,.dhcp-fill-3{transform:scaleX(1) !important}.dns-scan-line,.ipam-scan-line{opacity:0 !important}}.sec-pTB{display:none}.heading-menu{display:none}