/* Homepage-only scale pass, based on the more restrained Proofpoint proportions. */
html, body, button, input, textarea, select { font-family:"Poppins", Arial, sans-serif; }
.feature-card p { font-family:"Poppins", Arial, sans-serif; }

@media (min-width:1501px) {
  :root {
    --page-gutter:max(96px, calc((100vw - 1440px) / 2));
    --proofpoint-hero-left:calc((100vw - 1407px) / 2);
  }

  .utility { padding-inline:var(--page-gutter); font-size:14px; line-height:20px; font-weight:600; letter-spacing:0; }
  .site-header { display:contents; }
  .navbar { height:65px; padding-left:calc(var(--page-gutter) - 28px); padding-right:calc(var(--page-gutter) - 28px); position:sticky; top:0; z-index:20; gap:7px; background:#fff; }
  .logo { width:193px; height:54px; }
  .nav-links { gap:32px; color:#374151; font-size:14px; line-height:20px; font-weight:500; letter-spacing:-.15px; }
  .nav-actions { gap:12px; flex-direction:row-reverse; }
  .nav-actions .button { min-width:138px; height:40px; gap:8px; border-width:3px; font-size:14px; line-height:20px; font-weight:700; letter-spacing:-.2px; }
  .nav-actions .button-arrow,
  .nav-actions .outline .button-arrow { width:18px; height:18px; flex-basis:18px; }

  .hero { height:860px; }
  .hero-art { left:39%; width:61%; height:100%; }
  .hero-copy { left:var(--proofpoint-hero-left); top:165px; width:600px; }
  .hero h1 { font-size:64px; line-height:1.15; letter-spacing:-1.6px; }
  .hero-copy>p { margin-top:26px; font-size:16px; line-height:25px; }
  .capabilities { width:174px; height:48px; margin-top:31px; font-size:12px; }
  .feature-card { top:130px; left:calc(var(--page-gutter) + 935px); right:auto; width:363px; height:447px; padding:23px 16px; }
  .feature-card h2 { margin:27px 5px 11px; font-size:21px; line-height:24px; }
  .feature-card p { margin-inline:5px; font-size:12px; line-height:18px; }
  .feature-card img { width:331px; height:198px; margin-top:10px; }
  .hero-benefits { left:var(--proofpoint-hero-left); top:627px; grid-template-columns:repeat(3, 398px); gap:24px; }
  .hero-benefits article { height:146px; padding:18px 16px; }
  .hero-benefits small { font-size:11px; }
  .hero-benefits p { margin-top:38px; font-size:14px; line-height:22px; }
  .pause { left:calc(var(--proofpoint-hero-left) + 1343px); right:auto; top:725px; width:52px; height:52px; }
  .pause-inner { inset:4px; }

  .metrics { height:482px; padding:0; display:block; overflow:hidden; }
  .metrics-heading { position:absolute; left:var(--proofpoint-hero-left); top:56px; width:610px; }
  .metrics-heading h2 { margin-top:22px; font-size:48px; line-height:57.6px; font-weight:600; letter-spacing:-.96px; }
  .metrics-heading small,.metric-card small { font-size:14px; }
  .metric-viewport { position:absolute; left:calc(var(--proofpoint-hero-left) + 637.5px); top:56px; width:calc(100vw - var(--proofpoint-hero-left) - 637.5px); height:336px; }
  .metric-track { --metric-step:374px; gap:40px; }
  .metric-card { width:334px; flex-basis:334px; height:336px; padding:82px 30px 30px; border-radius:12px; }
  .metric-card small { font-size:16px; line-height:21.6px; font-weight:700; letter-spacing:-.6px; }
  .metric-card strong { margin-top:12px; font-size:90px; line-height:90px; font-weight:700; letter-spacing:-5.2px; }
  .metric-card span { margin-top:16px; font-size:16px; line-height:17.6px; font-weight:700; letter-spacing:-.5px; }
  .metric-arrows { left:calc(var(--proofpoint-hero-left) + 605.25px); top:410px; gap:20px; transform:none; }
  .metric-arrows button { width:40px; height:40px; display:flex; align-items:center; justify-content:center; }
  .metric-arrows img { width:18px; height:18px; }

  .why { height:796px; }
  .section-title { top:72px; width:690px; }
  .section-title small { font-size:16px; }
  .section-title h2 { margin-top:25px; font-size:40px; }
  .why-copy { left:var(--page-gutter); top:330px; width:430px; }
  .why-toggle { padding:20px 0 17px; font-size:21px; line-height:29px; }
  .why-copy p { font-size:15px; line-height:25px; }
  .why-visual { left:auto; right:var(--page-gutter); top:330px; width:680px; height:434px; }
  .why-main-photo { width:310px; height:310px; }

  .services { height:970px; }
  .services .section-title { top:72px; }
  .service-grid { top:282px; width:1042px; grid-template-columns:repeat(3, 334px); gap:36px 20px; }
  .service { width:334px; height:290px; }
  .service-art { width:334px; height:222px; }
  .service-art .sales { left:72px; top:16px; width:254px; height:197px; }
  .service-art .artwork { left:120px; top:23px; width:202px; height:184px; }
  .service-art>span { left:12px; top:12px; width:190px; height:32px; font-size:12px; }
  .service-art>b { right:14px; bottom:14px; width:40px; height:40px; }
  .service h3 { margin-top:12px; font-size:16px; line-height:22px; }

  .how-it-works { height:865px; }
  .how-copy { left:var(--page-gutter); top:96px; width:440px; }
  .lime-pill { width:190px; height:34px; font-size:14px; }
  .how-copy h2 { width:400px; margin-top:30px; font-size:52px; }
  .how-copy p { width:390px; margin:35px 0 0; font-size:15px; line-height:25px; }
  .how-office { left:auto; right:var(--page-gutter); top:96px; width:480px; height:360px; }
  .process-grid { left:var(--page-gutter); right:var(--page-gutter); top:489px; gap:20px; }
  .process-grid article { height:280px; padding:34px 35px 24px; }
  .process-grid article { transition:background-color .22s ease,border-color .22s ease; }
  .process-grid article:hover,.process-grid article:focus-within { border-color:#d7d7d7; background:#f3f3f3; }
  .process-grid img { width:58px; height:58px; }
  .process-grid h3 { margin-top:14px; font-size:21px; line-height:28px; }
  .process-grid p { width:220px; margin-top:28px; font-size:13px; line-height:20px; }

  .reach { height:300px; margin-top:0; padding-top:72px; }
  .reach small { margin-top:0; font-size:15px; }
  .reach h2 { margin-top:22px; font-size:40px; }
  .reach p { font-size:15px; }
  .reach>a { width:180px; height:48px; font-size:12px; }
  .logo-wall { height:310px; margin-top:-10px; padding-inline:var(--page-gutter); }
  .logo-row { height:145px; }
  .logo-row + .logo-row { margin-top:14px; }
  .logo-row img { height:145px; }

  .security-story { width:min(1440px, calc(100% - 2 * var(--page-gutter))); height:620px; margin-top:65px; }
  .security-panel { width:400px; height:560px; }
  .security-copy { width:360px; height:525px; }
  .security-copy h2 { font-size:31px; }

  .testimonials { height:800px; margin-top:80px; }
  .testimonial-intro { left:var(--page-gutter); top:120px; width:390px; }
  .testimonial-intro h2 { font-size:52px; }
  .testimonial-intro>p { width:380px; font-size:17px; line-height:25px; }
  .testimonial-cards { left:auto; right:var(--page-gutter); top:55px; width:760px; }
  .testimonial-card,.testimonial-card.primary { height:330px; padding:28px; }
  .testimonial-card blockquote { font-size:14px; line-height:23px; }
  .testimonial-card.primary blockquote { font-size:18px; line-height:29px; }

  .contact-section { height:860px; }
  .contact-network { inset:0; width:100%; height:100%; opacity:.55; }
  .contact-heading { top:70px; }
  .contact-heading small { font-size:16px; }
  .contact-heading h2 { margin-top:24px; font-size:40px; }
  .contact-heading p { font-size:15px; }
  .contact-form { top:270px; width:520px; height:520px; padding:38px 42px 48px; }
  .contact-form label { height:34px; margin-bottom:19px; }
  .contact-form label span { font-size:13px; }
  .contact-form input,.contact-form textarea { font-size:13px; }

  .site-footer { height:650px; padding:75px var(--page-gutter) 60px; }
  .footer-columns { grid-template-columns:repeat(4, 1fr) 260px; gap:34px; }
  .footer-lower { left:var(--page-gutter); right:var(--page-gutter); top:325px; }
  .newsletter h3,.newsletter label,.newsletter small { margin-left:39px; }
  .footer-base { left:var(--page-gutter); right:var(--page-gutter); bottom:50px; }
}