@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600;700&family=Libre+Baskerville:ital@1&display=swap";:root{--diner-orange: #F9510E;--diner-dark-red: #A91A07;--diner-mocha: #70220D;--diner-cream: #E8DCD3;--diner-white: #FFFFFF;--diner-dark-text: #333333}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:Gabarito,sans-serif;color:var(--diner-white);background-color:var(--diner-mocha);-webkit-font-smoothing:antialiased}em{font-family:Libre Baskerville,serif;font-style:italic}.site-nav{display:flex;justify-content:space-between;align-items:center;max-width:1094px;margin:0 auto;padding:24px 40px}.nav-logo{font-size:28px;font-weight:700;color:var(--diner-white);text-decoration:none;letter-spacing:-.5px}.nav-links{display:flex;gap:12px;align-items:center}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;gap:5px}.nav-hamburger span{display:block;width:22px;height:2px;background-color:var(--diner-white);border-radius:1px}.mobile-menu{display:none;position:fixed;inset:0;background:var(--diner-mocha);z-index:999;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease}.mobile-menu.is-open{display:flex;opacity:1}.mobile-menu-close{position:absolute;top:16px;right:20px;width:44px;height:44px;background:none;border:none;cursor:pointer;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center}.mobile-menu a.mobile-menu-link{font-family:Gabarito,sans-serif;font-size:22px;font-weight:500;color:#fff;text-decoration:none;padding:16px 40px;min-height:56px;display:flex;align-items:center}.mobile-menu .mobile-menu-cta{padding:32px 40px 0;width:100%}.btn-primary{font-family:Gabarito,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;background-color:var(--diner-orange);color:var(--diner-white);border:none;border-radius:22px;padding:10px 40px;min-height:48px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:var(--diner-dark-red)}.btn-outline{font-family:Gabarito,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;background-color:transparent;color:var(--diner-white);border:2px solid var(--diner-white);border-radius:22px;padding:10px 40px;min-height:48px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.btn-outline:hover{background-color:var(--diner-white);color:var(--diner-mocha)}.section-tag{display:inline-block;font-family:Gabarito,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--diner-white);background-color:var(--diner-orange);padding:6px 16px;border-radius:4px;margin-bottom:16px}.section-tag--dark{color:var(--diner-white);background-color:var(--diner-mocha)}.container{max-width:1094px;margin:0 auto;padding:0 40px}.section-dark{background-color:var(--diner-mocha);color:var(--diner-white);padding:80px 0}.section-light{background-color:var(--diner-cream);color:var(--diner-dark-text);padding:80px 0}.two-col{display:flex;align-items:center;gap:60px}.two-col .text-side{flex:1.2}.two-col .image-side{flex:1}hr.light{border:none;border-top:1px solid rgba(255,255,255,.15);margin:0}hr.dark{border:none;border-top:1px solid rgba(112,34,13,.15);margin:0}.hero{padding:60px 0 80px}.hero h1{font-size:70px;font-weight:500;line-height:77px;margin-bottom:24px}.hero p{font-size:22px;font-weight:400;line-height:33px;opacity:.88;margin-bottom:36px;max-width:520px}.shift-section{padding:80px 0}.shift-section h2{font-size:48px;font-weight:500;line-height:52px;margin-bottom:28px;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.shift-columns{display:flex;gap:60px;margin-top:48px}.shift-col{flex:1;text-align:center}.shift-col-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--diner-orange);margin-bottom:20px}.shift-col h3{font-size:28px;font-weight:500;line-height:36px;margin-bottom:16px}.shift-col p{font-size:18px;line-height:28px;opacity:.85}.shift-arrow{display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--diner-orange);padding:0 10px}.tool-section h2{font-size:48px;font-weight:500;line-height:52px;margin-bottom:20px}.tool-section p{font-size:22px;font-weight:400;line-height:33px;opacity:.88;margin-bottom:20px}.tool-section .use-case{font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--diner-orange);margin-bottom:8px}.tool-section .tool-benefit{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.tool-section .tool-benefit .arrow{color:var(--diner-orange);font-size:18px;flex-shrink:0;margin-top:3px}.tool-section .tool-benefit span{font-size:18px;line-height:27px}.illustration-wrap{width:100%;border-radius:20px;overflow:hidden}.illustration-wrap svg{width:100%;height:auto;display:block}.stats-row{display:flex;justify-content:center;gap:0;text-align:center}.stat-item{flex:1;padding:0 40px;border-right:1px solid rgba(255,255,255,.15)}.stat-item:last-child{border-right:none}.stat-number{font-size:64px;font-weight:500;color:var(--diner-orange);line-height:1.1}.stat-label{font-size:16px;font-weight:400;color:var(--diner-white);margin-top:12px;line-height:24px}.troubleshoot-section h2{font-size:48px;font-weight:500;line-height:52px;margin-bottom:16px}.troubleshoot-section>.container>p{font-size:22px;line-height:33px;margin-bottom:48px;max-width:700px}.checklist{display:flex;flex-direction:column;gap:32px;max-width:800px}.checklist-item{display:flex;gap:20px;align-items:flex-start}.checklist-number{font-size:48px;font-weight:500;color:var(--diner-orange);line-height:1;flex-shrink:0;width:60px}.checklist-content h3{font-size:24px;font-weight:500;line-height:32px;margin-bottom:6px}.checklist-content p{font-size:18px;line-height:28px;opacity:.85}.section-light .checklist-content p{opacity:.75}.cta-section{text-align:center;padding:100px 0}.cta-section h2{font-size:48px;font-weight:500;line-height:56px;margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.site-footer{background-color:var(--diner-cream);color:var(--diner-dark-text);padding:48px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:24px;font-weight:700;color:var(--diner-mocha)}.footer-copy{font-size:14px;opacity:.6}@media(max-width:767px){.container{padding:0 20px}.site-nav{padding:16px 20px}.nav-links{display:none}.nav-hamburger{display:flex}.section-dark,.section-light,.hero{padding:40px 0}.hero h1{font-size:44px;line-height:48px}.hero p{font-size:18px;line-height:28px}.two-col{flex-direction:column;gap:32px}.two-col.reverse{flex-direction:column}.shift-columns{flex-direction:column;gap:32px}.shift-arrow{transform:rotate(90deg);padding:0}.shift-section h2,.tool-section h2{font-size:32px;line-height:36px}.tool-section p{font-size:18px;line-height:28px}.troubleshoot-section h2{font-size:32px;line-height:36px}.troubleshoot-section>.container>p{font-size:18px;line-height:28px}.cta-section{padding:40px 0}.cta-section h2{font-size:32px;line-height:38px}.cta-section p{font-size:18px;line-height:28px}.stats-row{flex-direction:column;gap:32px}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 32px}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-number{font-size:44px}.btn-primary,.btn-outline{width:100%;text-align:center}.cta-buttons{flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.footer-inner{flex-direction:column;gap:16px;text-align:center}.checklist-number{font-size:44px}.tool-section .tool-benefit{min-height:44px;align-items:center}.checklist-item{min-height:44px}}@media(min-width:768px)and (max-width:1023px){.hero h1{font-size:56px;line-height:62px}.hero p{font-size:20px;line-height:30px}.shift-section h2,.tool-section h2,.troubleshoot-section h2{font-size:40px;line-height:44px}.cta-section h2{font-size:40px;line-height:46px}}
