.hero-section{position:relative;background:#fff;padding:159px 80px 93px;margin-top:64px;overflow:hidden}.hero-section .container{padding-left:0;padding-right:0}.hero-section:before{content:"";position:absolute;inset:0;background-image:-webkit-image-set(url("/hero-bg.webp") type("image/webp"),url("/hero-bg.jpg") type("image/jpeg"));background-image:image-set(url("/hero-bg.webp") type("image/webp"),url("/hero-bg.jpg") type("image/jpeg"));background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.18;z-index:0}.hero-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,.4));z-index:1}.hero-content{display:flex;align-items:center;gap:48px;max-width:1440px;margin:0 auto;position:relative;z-index:2}.hero-left{flex:1;max-width:800px}.hero-title{font-size:48px;line-height:48px;color:#111827;margin-bottom:24px}.hero-description,.hero-title{font-family:Quicksand,sans-serif;font-weight:400}.hero-description{font-size:20px;line-height:33px;color:#4b5563;margin-bottom:32px;max-width:760px}.hero-buttons{display:flex;gap:16px}.hero-right{flex:1;max-width:584px;padding-top:48px}.hero-right,.incident-card{display:flex;justify-content:center;align-items:center}.incident-card{width:584px;height:252px;background:linear-gradient(90deg,#1e40af,#0d9488);border-radius:16px;box-shadow:0 25px 50px 0 rgba(0,0,0,.25);padding:32px}.incident-content{background:#fff;border-radius:8px;padding:24px;width:520px;height:188px;display:flex;flex-direction:column;gap:16px}.incident-header{display:flex;justify-content:space-between;align-items:center}.incident-title{font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#111827}.incident-details{display:flex;flex-direction:column;gap:12px}.incident-detail{display:flex;align-items:center;gap:12px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#4b5563}.incident-detail svg{width:14px;height:16px;flex-shrink:0}.hero-logo{position:absolute;left:152px;top:39px;width:550px;height:115px;display:flex;align-items:center;justify-content:flex-start;z-index:2}@media (max-width:1024px){.hero-content{flex-direction:column;text-align:center;gap:32px}.hero-title{font-size:36px;line-height:40px}.incident-card{width:100%;max-width:500px}.incident-content{width:100%;max-width:456px}}@media (max-width:768px){.hero-section{padding:120px 40px 60px}.hero-title{font-size:32px;line-height:36px}.hero-description{font-size:18px;line-height:28px}.hero-buttons{flex-direction:column;align-items:center}.hero-logo{position:relative;left:0;top:0;width:100%;max-width:400px;height:auto;margin:20px auto 0}}.philosophy-section{background:#f9fafb;padding:80px 0}.philosophy-content{max-width:800px;margin:0 auto;text-align:center;padding:0 40px}.philosophy-title{font-family:Quicksand,sans-serif;font-size:36px;font-weight:600;line-height:44px;color:#111827;margin-bottom:32px}.philosophy-text{font-family:Quicksand,sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#4b5563;margin:0}@media (max-width:768px){.philosophy-section{padding:60px 0}.philosophy-content{padding:0 20px}.philosophy-title{font-size:28px;line-height:36px;margin-bottom:24px}.philosophy-text{font-size:18px;line-height:28px}}.comparison-section{background:#fff;padding:80px 0}.comparison-content{max-width:1200px;margin:0 auto;padding:0 40px}.comparison-title{font-size:36px;font-weight:600;line-height:44px;color:#111827;margin-bottom:16px}.comparison-subtitle,.comparison-title{font-family:Quicksand,sans-serif;text-align:center}.comparison-subtitle{font-size:18px;font-weight:400;line-height:28px;color:#6b7280;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.customer-section{margin-bottom:48px}.customer-header{display:flex;align-items:center;margin-bottom:24px;justify-content:center}.customer-title{font-family:Quicksand,sans-serif;font-size:24px;font-weight:600;color:#111827;margin:0}.comparison-grid{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:32px;color:#111827}.comparison-header{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.current-header h4,.resona-header h4{font-family:Quicksand,sans-serif;font-size:18px;font-weight:600;margin:0;color:#111827}.comparison-items{display:flex;flex-direction:column;gap:24px}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:flex-start}.current-item,.resona-item{display:flex;align-items:flex-start;gap:12px;font-family:Quicksand,sans-serif;font-size:16px;line-height:24px}.icon-wrapper{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.current-icon{background:rgba(220,38,38,.1)}.resona-icon{background:rgba(5,150,105,.1)}.current-item span{color:#374151}.resona-item span{color:#111827}@media (max-width:768px){.comparison-section{padding:60px 0}.comparison-content{padding:0 20px}.comparison-title{font-size:28px;line-height:36px;margin-bottom:32px}.comparison-grid{padding:24px}.comparison-header{text-align:center}.comparison-header,.comparison-row{grid-template-columns:1fr;gap:16px}.current-header h4,.resona-header h4{font-size:16px}.customer-title{font-size:20px}.current-item,.resona-item{font-size:14px;line-height:20px}}.features-section{background:#f9fafb;padding:80px}.features-header{text-align:center;margin-bottom:64px;max-width:743px;margin-left:auto;margin-right:auto}.features-title{font-size:30px;line-height:36px;color:#111827;margin-bottom:14px}.features-description,.features-title{font-family:Quicksand,sans-serif;font-weight:400}.features-description{font-size:20px;line-height:28px;color:#4b5563}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1216px;margin:0 auto}.feature-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:32px;display:flex;flex-direction:column;height:252px}.feature-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon svg{width:23px;height:20px}.feature-title{font-size:20px;color:#111827;margin-bottom:16px}.feature-description,.feature-title{font-family:Quicksand,sans-serif;font-weight:400;line-height:normal}.feature-description{font-size:16px;color:#4b5563;flex-grow:1}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.features-section{padding:60px 40px}.features-grid{grid-template-columns:1fr;gap:20px}.features-title{font-size:24px;line-height:32px}.features-description{font-size:18px;line-height:26px}}.dashboard-section{background:#fff;padding:80px}.dashboard-header{text-align:center;margin-bottom:64px;max-width:759px;margin-left:auto;margin-right:auto}.dashboard-title{font-size:30px;line-height:36px;color:#111827;margin-bottom:14px}.dashboard-description,.dashboard-title{font-family:Quicksand,sans-serif;font-weight:400}.dashboard-description{font-size:20px;line-height:28px;color:#4b5563}.dashboard-preview{background:#f3f4f6;border-radius:16px;box-shadow:0 8px 10px 0 rgba(0,0,0,.1),0 20px 25px 0 rgba(0,0,0,.1);padding:32px;max-width:1216px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;padding:24px;height:144px;display:flex;flex-direction:column}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:16px;line-height:24px}.stat-title,.stat-value{font-family:Quicksand,sans-serif;font-weight:400;color:#111827}.stat-value{font-size:30px;line-height:normal;margin-bottom:4px}.stat-subtitle{font-family:Quicksand,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#4b5563}.activity-section{background:#fff;border-radius:8px;padding:24px}.activity-title{font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#111827;margin-bottom:16px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px}.activity-content{display:flex;align-items:center;gap:16px}.activity-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.activity-indicator.urgent{background:#ef4444}.activity-indicator.resolved{background:#10b981}.activity-details{display:flex;flex-direction:column}.activity-main-title{font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#111827;margin-bottom:4px}.activity-subtitle{color:#4b5563}.activity-subtitle,.activity-time{font-family:Quicksand,sans-serif;font-size:14px;font-weight:400;line-height:normal}.activity-time{color:#6b7280;flex-shrink:0}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:768px){.dashboard-section{padding:60px 40px}.stats-grid{grid-template-columns:1fr}.dashboard-title{font-size:24px;line-height:32px}.dashboard-description{font-size:18px;line-height:26px}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-time{margin-left:28px}}.cta-section{background:#1e40af;padding:80px 272px}.cta-content{text-align:center;max-width:896px;margin:0 auto}.cta-title{font-size:30px;line-height:36px;color:#fff;margin-bottom:22px}.cta-description,.cta-title{font-family:Quicksand,sans-serif;font-weight:400}.cta-description{font-size:20px;line-height:28px;color:#dbeafe;margin-bottom:32px}.contact-card{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;text-align:left}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-field label{font-family:Quicksand,sans-serif;font-size:13px;color:#e5e7eb}.contact-field input,.contact-field textarea{border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.15);color:#fff;border-radius:8px;padding:10px 12px;outline:none}.contact-field input::-moz-placeholder,.contact-field textarea::-moz-placeholder{color:#dbeafe}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#dbeafe}.contact-field textarea{resize:vertical}.contact-actions{margin-top:12px;display:flex;align-items:center;gap:12px}.contact-hint{color:#dbeafe;font-size:13px}@media (max-width:768px){.cta-section{padding:60px 40px}.cta-title{font-size:24px;line-height:32px}.cta-description{font-size:18px;line-height:26px}.contact-grid{grid-template-columns:1fr}}