/* Why InfraGrid: layout measured from the supplied 1536 x 1024 page. */
body[data-page="why"]{--sidebar-width:clamp(180px,13.80208vw,230px);background:#f8fcff}
body[data-page="why"] .main{margin-left:var(--sidebar-width)}
body[data-page="why"].collapsed .main{margin-left:0}
body[data-page="why"] .topbar{height:57px;padding:0 22px;gap:24px}
body[data-page="why"] .search{max-width:609px;height:33px}
body[data-page="why"] .top-actions{gap:28px}
body[data-page="why"] .brand{height:57px;min-height:57px;padding:12px 20px}
body[data-page="why"] .brand-art{display:none}
body[data-page="why"] .brand:before{content:'';display:block;width:171px;height:35px;background:url('assets/why-reference.png') -20px -14px/1536px 1024px}
body[data-page="why"] .sidebar nav{padding:11px 11px;margin:0;display:flex;flex-direction:column}
body[data-page="why"] .sidebar nav a{height:44px;min-height:44px;font-size:13px;gap:13px;padding:10px;margin:0}
body[data-page="why"] .sidebar nav a:nth-child(3){order:4}
body[data-page="why"] .sidebar nav a:nth-child(4){order:3}
body[data-page="why"] .sidebar nav a:nth-child(1){order:1}body[data-page="why"] .sidebar nav a:nth-child(2){order:2}
body[data-page="why"] .sidebar nav a:nth-child(n+5){order:5}
body[data-page="why"] .sidebar nav a:nth-child(n+11){display:none}
body[data-page="why"] .sidebar:before{height:calc(100% - 514px);background-image:url('assets/why-reference.png');background-size:calc(var(--sidebar-width) * 7.24528) auto;background-position:0 calc(var(--sidebar-width) * -2.42453);opacity:1}
body[data-page="why"] .side-note{display:block;position:absolute;left:22px;top:auto;bottom:110px;margin:0;font-size:19px;line-height:25px;padding-left:13px;border-left:5px solid #ff5b00}
body[data-page="why"] .side-note:before{content:'Simplifying\A SolarWinds\A Operations\A Together.';white-space:pre;color:white}
body[data-page="why"] .side-note{font-size:0}
body[data-page="why"] .side-note:before{font-size:19px;line-height:25px;display:block}
body[data-page="why"] .side-note:after{position:absolute;left:-5px;width:35px;height:10px;margin-top:13px}
.why-reference-page{background:#fff;min-width:0;padding-bottom:16px}
.why-reference-page em{color:#ff5b00;font-style:normal}
.why-crop{display:block;position:relative;overflow:hidden;container-type:inline-size;flex:none;max-width:100%}
.why-crop>img{position:absolute;max-width:none;width:calc(1536 / var(--w) * 100cqw);left:calc(-1 * var(--x) / var(--w) * 100cqw);top:calc(-1 * var(--y) / var(--w) * 100cqw);height:auto;pointer-events:none}
.why-hero{position:relative;height:23.03625cqw;min-height:305px;max-height:400px;padding:29px 3.39879cqw 18px;background-color:#fffaf5;background-image:linear-gradient(90deg,#fff 0%,#fff 35%,#ffffffec 39%,transparent 49%),url('assets/why-reference.png');background-size:100% 100%,116.01208cqw 77.34139cqw;background-position:center,-16.01208cqw -4.30514cqw;background-repeat:no-repeat}
.why-hero-copy{width:47%;position:relative;z-index:1}
.why-hero .eyebrow{font-size:14px;letter-spacing:1px;line-height:18px;margin-bottom:7px}
.why-hero h1{font-size:clamp(31px,3.02115cqw,48px);line-height:1.01;font-weight:750;letter-spacing:-1.3px;margin:0 0 12px;white-space:nowrap}
.why-hero p{font-size:clamp(14px,1.35952cqw,20px);line-height:1.2;color:#365776;margin:0 0 14px;max-width:560px}
.why-actions{display:flex;gap:20px;align-items:center;flex-wrap:nowrap}
.why-reference-page .btn{min-height:43px;font-size:14px;line-height:20px;padding:10px 20px;border-radius:5px;gap:18px;white-space:nowrap}
.why-reference-page .btn.secondary{background:#fffef9;border-color:#ffb18d;color:#ff5b00;padding-inline:20px;gap:9px}
.why-play{display:grid;place-items:center;width:27px;height:27px;border:2px solid #ff5b00;border-radius:50%;font-size:20px;line-height:1}
.why-hero-perks{position:absolute;right:1.20846cqw;top:.90634cqw;width:18.65559cqw;height:21.07251cqw;display:grid;grid-template-rows:repeat(6,1fr);z-index:2}
.why-hero-perks a{display:block;border-radius:8px}.why-hero-perks a:hover{background:#ffffff18}
.why-comparison{display:grid;grid-template-columns:minmax(0,.8166fr) minmax(0,1fr);gap:14px;margin:13px 16px 0 27px;position:relative}
.why-traditional,.why-modern{border-radius:10px;min-width:0;min-height:290px;padding:12px 17px 0;background:#f1f4f7;overflow:hidden}
.why-modern{background:#fff0e5;padding-left:22px}
.why-comparison h2{position:relative;font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:0 0 4px;padding-left:14px}
.why-comparison h2:before{position:absolute;content:'';left:-1px;top:2px;width:6px;height:39px;background:#ff5b00;border-radius:3px}
.why-modern h2{color:#ff5b00}
.why-subtitle{font-size:14px;font-weight:600;margin:0 0 8px;padding-left:14px;line-height:1.3}
.why-traditional-body{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:center;margin-left:-9px}
.why-paper-art{width:100%;align-self:end}
.why-comparison ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.why-comparison li{display:flex;align-items:flex-start;gap:11px;min-width:0;font-size:clamp(11px,.90634cqw,14px);line-height:1.25}
.why-no,.why-yes{width:17px;height:17px;border-radius:50%;color:#fff;background:#ff1818;display:grid;place-items:center;line-height:1;font-size:16px;font-weight:bold;flex:none;margin-top:1px}
.why-yes{background:#09bd49;font-size:13px}
.why-modern-body{display:grid;grid-template-columns:minmax(0,1.67fr) minmax(0,1fr);gap:13px;align-items:center}
.why-module-art{position:relative;min-width:0;margin-left:-6px}.why-diagram{width:100%}
.why-module-hotspots{position:absolute;inset:0}.why-module-hotspots a{position:absolute;border-radius:5px}.why-module-hotspots a:hover{background:#ff650016}
.why-vs{position:absolute;z-index:4;left:44.92%;top:108px;transform:translateX(-50%);width:73px;height:73px;border:1px solid #ffb790;background:white;border-radius:50%;display:grid;place-items:center;color:#ff5b00;font-size:29px;font-weight:bold;box-shadow:0 3px 5px #0000000b}
.why-benefits{margin:18px 16px 0 27px}
.why-benefits>header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:11px}
.why-benefits .eyebrow{font-size:14px;letter-spacing:1px;margin:0 0 4px}
.why-benefits h2{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:0}
.why-benefits>header>p{font-size:12px;line-height:1.7;color:#527298;margin:0;max-width:580px}
.why-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.why-benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:153px;padding:8px 12px 11px;border:1px solid #f0f3f7;border-radius:9px;background:#fff;box-shadow:0 3px 10px #23394807}
.why-benefit-icon{width:60px;margin-bottom:4px}
.why-benefit-card h3{font-size:13px;line-height:1.2;margin:0 0 7px;letter-spacing:-.3px;white-space:nowrap}
.why-benefit-card p{font-size:12px;line-height:1.35;color:#476789;margin:0}
.why-benefit-card:hover{border-color:#ffb088}
.why-final-banner{position:relative;margin:14px 16px 0 27px;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px #0001}
.why-banner-art{width:100%}
.why-get-started{position:absolute;right:1.9%;top:27%;width:11.2%;height:45%;border-radius:5px}.why-get-started:hover{background:#ffffff12}
@media(max-width:1300px) and (min-width:761px){.why-hero{min-height:305px}.why-hero-copy{width:58%}.why-hero h1{font-size:clamp(28px,2.95cqw,38px)}.why-hero p{font-size:15px}.why-benefits>header{align-items:start}.why-benefits>header>p{max-width:44%;font-size:11px}.why-benefit-card{padding-inline:8px}.why-benefit-card h3{white-space:normal;font-size:12px}.why-benefit-card p{font-size:11px}.why-traditional-body{gap:12px}.why-modern-body{gap:9px;grid-template-columns:1.3fr 1fr}.why-comparison h2{font-size:20px}.why-subtitle{font-size:12px}.why-comparison ul{gap:10px}.why-hero-perks{width:18%;height:82%;top:4%}}
@media(max-width:1050px) and (min-width:761px){.why-comparison{grid-template-columns:1fr}.why-vs{left:50%;top:264px;width:55px;height:55px;font-size:23px}.why-traditional,.why-modern{min-height:280px;padding-bottom:12px}.why-paper-art{max-width:247px}.why-traditional-body{grid-template-columns:247px 1fr}.why-modern-body{grid-template-columns:1.4fr 1fr}.why-comparison li{font-size:13px}.why-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-benefits>header{flex-direction:column;gap:10px}.why-benefits>header>p{max-width:100%}.why-hero-perks{display:none}.why-hero-copy{width:78%}.why-hero{background-image:linear-gradient(90deg,#fff 0%,#fffffff5 60%,#ffffff40),url('assets/why-reference.png')}}
@media(max-width:760px){body[data-page="why"] .main{margin-left:0}body[data-page="why"] .topbar{padding:0 12px;gap:12px}body[data-page="why"] .top-actions{gap:12px}.why-hero{height:auto;min-height:325px;padding:27px 20px 24px;background-size:100% 100%,1536px 1024px;background-position:center,-700px -57px;background-image:linear-gradient(90deg,#fff 0%,#fffffff0 70%,#ffffff80),url('assets/why-reference.png')}.why-hero-copy{width:100%;max-width:650px}.why-hero h1{font-size:clamp(29px,5.1cqw,40px);white-space:normal;line-height:1.06}.why-hero p{font-size:15px;line-height:1.4}.why-actions{gap:10px;flex-wrap:wrap}.why-reference-page .btn{font-size:13px;padding:10px 15px}.why-hero-perks{display:none}.why-comparison{grid-template-columns:1fr;margin:12px}.why-vs{left:50%;top:calc(50% - 27px);width:54px;height:54px;font-size:23px}.why-traditional,.why-modern{min-height:0;padding:16px 15px 12px}.why-traditional-body{gap:14px}.why-comparison h2{font-size:22px}.why-subtitle{font-size:12px}.why-comparison li{font-size:12px}.why-modern-body{grid-template-columns:1.4fr 1fr}.why-benefits{margin:20px 12px 0}.why-benefits>header{flex-direction:column;align-items:start;gap:10px}.why-benefits h2{font-size:26px}.why-benefits>header>p{font-size:12px}.why-benefits>header>p br{display:none}.why-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.why-benefit-card h3{white-space:normal;font-size:12px}.why-benefit-card p{font-size:11px}.why-final-banner{margin:14px 12px 0}}
@media(max-width:480px){.why-traditional-body,.why-modern-body{grid-template-columns:1fr}.why-paper-art{width:100%;max-width:247px;margin:auto}.why-comparison ul{gap:12px;margin:8px 0}.why-comparison li{font-size:13px}.why-module-art{margin:0}.why-vs{display:none}.why-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-final-banner{min-height:120px;background:#06131a}.why-banner-art{min-height:120px}.why-banner-art img{width:calc(1536 / var(--w) * 170cqw);left:calc(-1 * var(--x) / var(--w) * 170cqw);top:calc(-1 * var(--y) / var(--w) * 170cqw)}.why-get-started{right:12px;top:auto;bottom:12px;width:95px;height:30px;background:#ff5b00}.why-get-started:after{content:'Get Started →';font-size:11px;color:#fff;display:grid;place-items:center;height:100%}}
body[data-page="why"] .side-note{font-size:19px;line-height:25px}
body[data-page="why"] .side-note:before{display:none}
body[data-page="why"] .side-note em{font-style:normal;font-weight:bold;color:#ff5b00}
.why-hero{background-image:linear-gradient(90deg,#fff 0%,#fff 43%,#fffffff5 48%,transparent 59%),url('assets/why-reference.png')}