/* Why UptimeIQ: a project-scope comparison and interactive dashboard examples. */
.why-hero{position:relative;background:#0b0c0e;color:#fff;padding:30px 0 66px;isolation:isolate;overflow:hidden}
.why-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/motor-hero-v2.webp') 76% 45%/cover no-repeat;opacity:.32}
.why-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090bf7 10%,#08090bc9 57%,#08090b70)}
.why-hero .breadcrumbs{color:#b9bcc0;margin-bottom:38px}.why-hero-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}
.why-hero-copy h1{font-size:clamp(44px,4.9vw,68px);line-height:1.04}.why-hero-copy h1 em{font-style:normal;color:#ffd100}.why-hero-copy>p{font-size:17px;line-height:1.65;color:#d7d8da;max-width:535px;margin-top:24px}
.why-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.why-hero-actions .button{font-size:11px;padding:12px 17px;gap:18px}
.why-signal-map{border:1px solid #53565a;background:#111317dd;padding:28px 26px;box-shadow:0 15px 45px #0003}.why-map-label{font-size:9px;letter-spacing:1.8px;color:#e4e5e7;margin-bottom:23px}
.why-hero-signals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.why-hero-signals button{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #44484c;background:#1d2025;padding:13px 12px;text-align:left;color:#f5f5f5;font-size:12px}.why-hero-signals button:hover{border-color:#ffd100;background:#272a30}.why-hero-signals svg{width:25px;height:25px;color:#ffd100;flex-shrink:0}.why-hero-signals b{font-weight:400;color:#a6aaae;margin-left:auto}
.why-map-destination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;border-top:1px solid #4c4f53;padding-top:22px}.why-map-destination svg{color:#ffd100;width:32px;height:32px}.why-map-destination strong{display:block;font-size:14px}.why-map-destination span{display:block;color:#c6c8cc;font-size:11px;margin-top:4px}.why-signal-map>p{font-size:9px;text-align:center;color:#aeb2b7;margin-top:19px}
.why-pillars{background:#fff;border-bottom:1px solid #dedfe0;padding:49px 0}.why-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.why-pillar-grid article+article{border-left:1px solid #ddd;padding-left:36px}.why-pillar-grid article>span{display:block;font-size:8px;letter-spacing:1.5px;color:#76797e;font-weight:700}.why-pillar-grid h2{font-size:28px;margin-top:18px;line-height:1.13}.why-pillar-grid p{font-size:13px;line-height:1.75;margin-top:17px}
.why-comparison{background:#f5f5f5;scroll-margin-top:25px}.why-comparison .section-head p{max-width:400px}.why-table-wrap{border:1px solid #d3d5d7;background:#fff}.why-comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.why-comparison-table th,.why-comparison-table td{padding:24px 25px;vertical-align:top;border-bottom:1px solid #dedfe0;overflow-wrap:anywhere}.why-comparison-table thead th{font-size:12px;background:#e7e8e9;vertical-align:middle}.why-comparison-table thead th:first-child{width:22%}.why-comparison-table thead th:last-child{background:#ffd100;color:#111;font-size:17px}.why-comparison-table tbody th{font-size:13px;line-height:1.5}.why-comparison-table td{font-size:13px;line-height:1.75;color:#62666a}.why-comparison-table td:last-child{font-weight:600;color:#191b1e;background:#fffdf4}.why-comparison-table tr:last-child>*{border-bottom:0}.why-comparison-note{font-size:11px;line-height:1.7;max-width:910px;margin-top:20px;color:#676b70}
.why-measurements{background:#0b0c0e;color:#fff}.why-measurement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.why-measurement{border:1px solid #3f4349;background:#15181c;padding:25px;text-align:left;display:flex;flex-direction:column;color:#fff}.why-measurement:hover{border-color:#ffd100;background:#1b1f24}.why-measurement>svg{height:33px;width:33px;color:#ffd100;margin-bottom:24px}.why-measurement h3{font-size:24px}.why-measurement p{color:#bdc1c6;font-size:13px;margin:14px 0 27px;line-height:1.7}.why-measurement>span{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;color:#e4e5e6}.why-measurement b{font-size:20px;line-height:1;color:#ffd100;font-weight:400}
.why-preview-section{background:#fff}.why-preview-controls{display:flex;align-items:flex-end;gap:20px;margin-bottom:25px}.why-preview-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;min-width:230px}.why-preview-controls select{border:1px solid #aeb2b7;border-radius:2px;background:#fff;padding:13px 35px 13px 14px;color:#151719;font-size:13px;width:100%}.why-preview-controls>p{margin-left:auto;font-size:11px;line-height:1.7;color:#74797d;padding-bottom:7px}
.why-dashboard{background:#15191e;border:1px solid #454b52;border-radius:5px;overflow:hidden;color:#fff;box-shadow:0 20px 40px #00000012}.why-dashboard-top{padding:14px 24px;border-bottom:1px solid #3b4249;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0d1014}.why-dashboard-brand{width:145px;height:32px}.why-dashboard-brand img{width:159px;height:79.5px;top:-24px;left:-9px}.why-dashboard-top>span{display:flex;gap:8px;align-items:center;color:#d8dce0;font-size:11px}.why-dashboard-top>span svg{width:18px;height:18px;color:#ffd100}.why-dashboard-body{padding:26px}.why-dashboard-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.why-dashboard-heading span{font-size:8px;letter-spacing:1.6px;color:#9da6b0}.why-dashboard-heading h3{font-size:25px;margin-top:7px;line-height:1.2}.why-dashboard-heading>b{border:1px solid #555c64;color:#c4cbd3;padding:6px 9px;font-size:9px;font-weight:400;white-space:nowrap}
.why-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.why-metric-grid>button{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#21272e;border:1px solid #48505a;padding:17px 18px;color:#fff;min-width:0}.why-metric-grid>button[aria-pressed="true"]{border-color:#ffd100;background:#2b2b20}.why-metric-grid>button:hover{border-color:#c7b64f}.why-metric-grid>button>span:first-child{font-size:11px;color:#d5dae0}.why-metric-grid strong{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.6}.why-metric-grid small{font-size:12px;letter-spacing:0;margin-left:6px;color:#c6cdd6}.why-metric-hint{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#acb6c2;margin-top:8px}.why-metric-hint b{font-size:16px;color:#ffd100;font-weight:400}
.why-dashboard-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;margin-top:24px}.why-dashboard-bottom>div{background:#1b2026;border:1px solid #38414a;padding:22px;min-width:0}.why-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.why-trend-heading span,.why-view-ideas>span{font-size:8px;letter-spacing:1.5px;color:#aab4c0}.why-trend-heading h4{font-size:17px;margin-top:5px;font-weight:500}.why-trend-heading p{font-size:11px;color:#b6c0ce}.why-trend-heading strong{font-size:23px;color:#fff;font-weight:500}.why-trend-chart{width:100%;height:126px;display:block;margin-top:20px;overflow:visible}.why-trend-axis{display:flex;justify-content:space-between;font-size:8px;color:#8996a6;margin-top:9px}.why-trend-caption{font-size:8px;color:#a8b2be;margin-top:14px}.why-view-ideas>p{font-size:13px;color:#d0d6df;line-height:1.8;margin-top:15px}.why-view-ideas ul{padding:0;list-style:none;margin:20px 0 0}.why-view-ideas li{font-size:11px;color:#b9c5d3;border-top:1px solid #3a444f;padding:10px 0}.why-view-ideas li:before{content:'↗';color:#ffd100;margin-right:10px}
.why-deployment-summary{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f0f1f2;border:1px solid #dedfe0;padding:27px;margin-top:21px}.why-deployment-summary>div{display:flex;gap:18px;align-items:flex-start;max-width:740px}.why-deployment-summary>div>svg{height:32px;width:32px;color:#847000;margin-top:3px}.why-deployment-summary h3{font-size:21px;line-height:1.2}.why-deployment-summary p{font-size:12px;line-height:1.8;margin-top:9px}.why-deployment-summary .button{flex-shrink:0;font-size:11px;padding:12px 17px}.why-preview-note{font-size:10px;line-height:1.8;color:#73787d;margin-top:20px}.why-faq{background:#f5f5f5}
@media(min-width:901px) and (max-width:1100px){.why-hero-layout{gap:35px}.why-hero-copy h1{font-size:49px}.why-hero-copy>p{font-size:15px}.why-hero-actions .button{font-size:10px}.why-signal-map{padding:24px 20px}.why-hero-signals button{font-size:11px;gap:8px;padding:12px 9px}.why-deployment-summary{gap:20px}.why-deployment-summary>div{gap:13px}}
@media(max-width:900px){.why-hero{padding-bottom:44px}.why-hero-layout{gap:28px;grid-template-columns:1fr 1fr}.why-hero-copy h1{font-size:44px}.why-hero-copy>p{font-size:14px}.why-hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}.why-signal-map{padding:21px 17px}.why-map-label{font-size:8px;letter-spacing:1.4px}.why-hero-signals{gap:8px}.why-hero-signals button{font-size:10px;gap:7px;padding:12px 8px}.why-hero-signals svg{height:21px;width:21px}.why-map-destination{gap:10px}.why-map-destination strong{font-size:11px}.why-map-destination span{font-size:10px}.why-signal-map>p{font-size:8px}.why-pillars{padding:37px 0}.why-pillar-grid{gap:22px}.why-pillar-grid article+article{padding-left:22px}.why-pillar-grid h2{font-size:23px}.why-pillar-grid p{font-size:12px}.why-comparison-table th,.why-comparison-table td{padding:21px 18px}.why-comparison-table td,.why-comparison-table tbody th{font-size:12px}.why-comparison-table thead th:first-child{width:23%}.why-measurement-grid{gap:12px}.why-measurement{padding:22px}.why-measurement h3{font-size:21px}.why-measurement p{font-size:12px}.why-preview-controls label{min-width:0;flex:1}.why-preview-controls>p{display:none}.why-dashboard-top{padding:14px 20px}.why-dashboard-body{padding:20px}.why-metric-grid{gap:10px}.why-metric-grid>button{padding:14px}.why-metric-grid strong{font-size:26px}.why-metric-grid small{font-size:10px}.why-dashboard-bottom{gap:16px;grid-template-columns:1.5fr 1fr}.why-dashboard-bottom>div{padding:18px}.why-view-ideas>p{font-size:12px}.why-deployment-summary{align-items:flex-start;flex-direction:column;gap:20px;padding:23px}.why-deployment-summary .button{margin-left:50px}}
@media(max-width:600px){.why-hero{padding-top:22px;padding-bottom:34px}.why-hero .breadcrumbs{margin-bottom:26px}.why-hero-layout{grid-template-columns:1fr;gap:30px}.why-hero-copy .eyebrow{margin-bottom:17px}.why-hero-copy h1{font-size:clamp(38px,10vw,50px)}.why-hero-copy>p{font-size:14px;margin-top:19px}.why-hero-actions{flex-direction:row;gap:10px;margin-top:24px}.why-hero-actions .button{font-size:10px;padding:11px 13px;gap:10px;min-height:43px}.why-signal-map{padding:23px 20px}.why-map-label{margin-bottom:18px}.why-hero-signals button{font-size:11px;gap:10px;padding:12px}.why-hero-signals svg{height:23px;width:23px}.why-map-destination strong{font-size:12px}.why-map-destination span{font-size:10px}.why-signal-map>p{font-size:8px;line-height:1.6}.why-pillar-grid{grid-template-columns:1fr;gap:26px}.why-pillar-grid article+article{padding:25px 0 0;border-left:0;border-top:1px solid #ddd}.why-pillar-grid h2{font-size:27px;margin-top:13px}.why-pillar-grid h2 br{display:none}.why-pillar-grid p{margin-top:12px;font-size:13px}.why-comparison .section-head{display:block}.why-comparison .section-head p{font-size:13px;margin-top:20px}.why-table-wrap{border:0;background:transparent}.why-comparison-table,.why-comparison-table tbody{display:block}.why-comparison-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.why-comparison-table tr{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:1px solid #d3d5d7;background:white}.why-comparison-table tbody th{grid-column:1/-1;padding:14px 16px;background:#e7e8e9;font-size:13px;border-bottom:1px solid #d3d5d7}.why-comparison-table td{display:block;font-size:11px;padding:16px;line-height:1.75;border:0}.why-comparison-table td:last-child{border-left:1px solid #dedfe0}.why-comparison-table td:before{content:'Vibration-led brief';display:block;font-size:9px;font-weight:700;color:#62666b;line-height:1.4;margin-bottom:11px}.why-comparison-table td:last-child:before{content:'With UptimeIQ';color:#6a5800}.why-comparison-note{font-size:10px;margin-top:5px}.why-measurements .section-head{display:block}.why-measurements .section-head .text-link{margin-top:23px;font-size:12px}.why-measurement-grid{grid-template-columns:1fr 1fr;gap:11px}.why-measurement{padding:20px 16px}.why-measurement>svg{width:29px;height:29px;margin-bottom:20px}.why-measurement h3{font-size:21px}.why-measurement p{font-size:11px;line-height:1.7;margin-bottom:23px}.why-measurement>span{font-size:10px}.why-preview-controls{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:21px}.why-preview-controls select{font-size:13px}.why-dashboard-top{padding:12px 13px;gap:9px}.why-dashboard-brand{width:115px;height:28px}.why-dashboard-brand img{width:133px;height:66.5px;top:-20px;left:-8px}.why-dashboard-top>span{font-size:8px;gap:5px}.why-dashboard-top>span svg{width:15px;height:15px}.why-dashboard-body{padding:18px 13px}.why-dashboard-heading{align-items:flex-start;margin-bottom:18px}.why-dashboard-heading h3{font-size:20px}.why-dashboard-heading span{font-size:7px;letter-spacing:1.1px}.why-dashboard-heading>b{font-size:7px;padding:5px 6px;margin-top:3px}.why-metric-grid{grid-template-columns:1fr 1fr;gap:9px}.why-metric-grid>button{padding:14px 12px}.why-metric-grid strong{font-size:29px}.why-metric-grid small{font-size:10px}.why-metric-grid>button>span:first-child{font-size:10px}.why-metric-hint{font-size:8px}.why-dashboard-bottom{grid-template-columns:1fr;gap:13px;margin-top:15px}.why-dashboard-bottom>div{padding:17px 14px}.why-trend-chart{height:114px}.why-view-ideas>p{font-size:12px}.why-view-ideas ul{margin-top:13px}.why-view-ideas li{padding:8px 0}.why-deployment-summary{padding:20px;gap:20px}.why-deployment-summary>div{gap:13px}.why-deployment-summary>div>svg{width:26px;height:26px}.why-deployment-summary h3{font-size:20px}.why-deployment-summary p{font-size:12px}.why-deployment-summary .button{margin-left:0;width:100%}.why-preview-note{font-size:9px}.why-faq .faq-layout{gap:28px}}
@media(max-width:380px){.why-hero-copy h1{font-size:37px}.why-hero-actions{flex-direction:column;align-items:flex-start}.why-hero-signals button{font-size:10px;gap:7px;padding:11px 9px}.why-hero-signals svg{width:21px;height:21px}.why-signal-map{padding:20px 15px}.why-measurement{padding:18px 12px}.why-measurement h3{font-size:19px}.why-measurement p{font-size:10px}.why-measurement>span{font-size:9px}.why-comparison-table td{padding:14px 12px}.why-dashboard-heading h3{font-size:18px}.why-dashboard-top>span{font-size:7px}.why-dashboard-brand{width:104px}.why-metric-grid strong{font-size:26px}}