.operations-automation-page{overflow-x:hidden}.operations-automation-hero{position:relative;padding:140px 0 80px;overflow:hidden;min-height:100vh}.operations-automation-hero-bg{position:absolute;inset:0}.operations-automation-hero-gradient{position:absolute;inset:0;background:var(--gradient-primary)}.flow-lines{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(64,186,210,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(64,186,210,.05) 0%,transparent 50%);pointer-events:none}.operations-automation-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.hero-text-area{max-width:500px}.operations-automation-badge{display:inline-block;background:var(--ocean-blue-light);backdrop-filter:blur(10px);padding:10px 24px;border-radius:50px;color:var(--ocean-blue);font-size:.875rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(64,186,210,.3)}.operations-automation-hero h1{color:var(--white);font-size:clamp(2.25rem,4vw,3rem);margin-bottom:20px;line-height:1.15}.operations-automation-hero .text-gradient{background:linear-gradient(90deg,var(--ocean-blue) 0%,#7dd3e8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.operations-automation-hero p{color:#ffffffbf;font-size:1.0625rem;margin-bottom:32px;line-height:1.7}.hero-actions{display:flex;gap:16px}.workflow-comparison{background:#00142899;border:1px solid rgba(64,186,210,.2);border-radius:20px;padding:24px;backdrop-filter:blur(16px)}.comparison-toggle{display:flex;background:#ffffff1a;border-radius:50px;padding:4px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:50px;background:transparent;color:#fff9;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.toggle-btn:hover{color:var(--white);background:#ffffff0d}.toggle-btn.active{background:var(--ocean-blue);color:var(--white);box-shadow:0 4px 12px #40bad24d}.workflow-visual{transition:all .5s ease}.workflow-items{display:flex;flex-direction:column;gap:12px}.workflow-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.06);animation:slideIn .3s ease forwards;opacity:0;transform:translate(-20px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.workflow-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fbbf2426;border-radius:10px;color:#fbbf24;flex-shrink:0;transition:all .3s ease}.workflow-icon.automated{background:#22c55e26;color:#4ade80}.workflow-info{flex:1;display:flex;justify-content:space-between;align-items:center}.workflow-label{color:var(--white);font-size:.9rem;font-weight:500}.workflow-time{font-size:.8rem;padding:4px 10px;border-radius:20px;font-weight:600}.workflow-time.slow{background:#fbbf2426;color:#fbbf24}.workflow-time.fast{background:#22c55e26;color:#4ade80}.workflow-connector{color:#ffffff4d;display:none}.workflow-status{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;border-radius:10px;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);color:#fbbf24;font-size:.85rem;transition:all .3s ease}.workflow-status svg{flex-shrink:0}.workflow-status.automated{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#4ade80}.metrics-section{background:linear-gradient(180deg,#0d1122 0%,var(--primary-blue) 30%,#0a4d85 70%,var(--ocean-blue-dark) 100%);padding:80px 0}.metrics-section .metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.metrics-section .metric-card{text-align:center;padding:40px 24px;background:#ffffff0d;border:1px solid rgba(64,186,210,.2);border-radius:20px;transition:all .3s ease;backdrop-filter:blur(12px)}.metrics-section .metric-card:hover{background:#ffffff14;border-color:#40bad259;transform:translateY(-4px)}.metrics-section .metric-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#40bad226;border-radius:16px;color:var(--ocean-blue);margin:0 auto 20px}.metrics-section .metric-value{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--ocean-blue),#7dd3e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.metrics-section .metric-label{color:var(--white);font-size:1.125rem;font-weight:600;margin-bottom:8px}.metrics-section .metric-detail{color:#ffffffa6;font-size:.875rem}.calculator-section{background:var(--white)}.calculator-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--bg-grey-light);border-radius:var(--border-radius-lg);padding:48px;opacity:1}.calculator-wrapper.animate-in{animation:fadeUp .6s ease}.calculator-inputs h4,.calculator-results h4{font-size:1.25rem;margin-bottom:24px;color:var(--text-black)}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:.9rem;color:var(--text-grey);margin-bottom:12px}.input-stepper{display:flex;align-items:center;background:var(--white);border:1px solid var(--bg-grey);border-radius:12px;overflow:hidden}.input-stepper button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;background:var(--white);color:var(--primary-blue);cursor:pointer;transition:all .2s ease}.input-stepper button:hover{background:var(--ocean-blue-light)}.input-stepper span{flex:1;text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-black)}.calculator-results{background:var(--white);border-radius:var(--border-radius-lg);padding:32px}.result-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.result-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-grey-light);border-radius:12px}.result-card.highlight{background:linear-gradient(135deg,var(--primary-blue) 0%,#0a4d85 50%,var(--ocean-blue) 100%);color:var(--white)}.result-label{font-size:.9rem;color:var(--text-grey)}.result-card.highlight .result-label{color:#ffffffd9}.result-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.result-card.highlight .result-value{color:var(--white)}.result-note{font-size:.8rem;color:var(--text-grey);font-style:italic;margin:0}.operations-automation-page .capabilities-section{background:var(--bg-grey-light)}.operations-automation-page .capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;opacity:1}.operations-automation-page .capabilities-grid.animate-in .capability-card{opacity:1;transform:none!important;animation:none!important}.operations-automation-page .capability-card{display:block;background:var(--white);border-radius:var(--border-radius-lg);padding:32px;transition:box-shadow .3s ease;opacity:1;transform:none!important;animation:none!important;text-align:left}.operations-automation-page .capability-card *{animation:none!important;transform:none!important}.operations-automation-page .capability-card:hover{box-shadow:var(--shadow-sm)}.operations-automation-page .capability-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:14px;color:var(--primary-blue);margin:0 0 20px}.operations-automation-page .capability-icon svg{transform:none!important;animation:none!important;transition:none!important}.operations-automation-page .capability-card h3{font-size:1.125rem;margin-bottom:8px}.operations-automation-page .capability-card>p{color:var(--text-grey);font-size:.9375rem;margin-bottom:16px;line-height:1.6}.operations-automation-page .capability-examples{list-style:none;margin:0;padding:0}.operations-automation-page .capability-examples li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-grey);padding:6px 0}.operations-automation-page .capability-examples svg{color:var(--ocean-blue);flex-shrink:0}.process-section{background:var(--white)}.process-flow{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;opacity:1}.process-flow.animate-in .process-flow-item{animation:fadeUp .5s ease forwards;opacity:0}.process-flow-item{flex:1;text-align:left;position:relative;opacity:1;padding-right:16px}.operations-automation-page .process-number{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--primary-blue);margin-bottom:8px;line-height:1}.process-content h4{font-size:1.125rem;margin-bottom:8px;color:var(--text-black)}.process-content p{color:var(--text-grey);font-size:.9rem;line-height:1.6;margin:0}.process-arrow{position:absolute;top:20px;right:8px;color:var(--ocean-blue);z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.use-cases-section{background:var(--bg-grey-light)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;opacity:1}.use-cases-grid.animate-in{opacity:1}.use-cases-grid.animate-in .use-case-card{opacity:1;transform:none!important;animation:none!important}.use-case-card{display:flex;align-items:center;gap:12px;background:var(--white);padding:14px 16px;border-radius:var(--border-radius-lg);opacity:1;transform:none!important;animation:none!important;transition:none!important;will-change:auto}.use-case-card *{animation:none!important;transform:none!important}.use-case-card:hover{box-shadow:var(--shadow-sm);transform:none!important}.use-case-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:8px;color:var(--primary-blue);flex-shrink:0;transform:none!important;animation:none!important;transition:none!important;will-change:auto}.use-case-card:hover .use-case-icon{transform:none!important;animation:none!important}.use-case-icon svg{width:20px;height:20px;transform:none!important;animation:none!important;transition:none!important;will-change:auto}.use-case-card span{font-weight:600;color:var(--text-black);font-size:.95rem;flex:1}.operations-automation-cta{background:var(--gradient-primary);padding:100px 0}.operations-automation-cta-content{text-align:center;max-width:700px;margin:0 auto}.operations-automation-cta-content>svg{color:var(--ocean-blue);margin-bottom:24px}.operations-automation-cta h2{color:var(--white);font-size:2.5rem;margin-bottom:16px}.operations-automation-cta p{color:#ffffffd9;font-size:1.25rem;margin-bottom:40px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.operations-automation-hero-content{grid-template-columns:1fr;gap:48px}.hero-text-area{text-align:center;max-width:100%}.hero-actions{justify-content:center}.calculator-wrapper{grid-template-columns:1fr}.operations-automation-page .capabilities-grid{grid-template-columns:repeat(2,1fr)}.process-flow{flex-wrap:wrap;gap:32px}.process-flow-item{flex:0 0 calc(50% - 16px)}.process-arrow{display:none}.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.operations-automation-hero{padding:80px 0 48px;min-height:auto}.metrics-grid{grid-template-columns:1fr}.calculator-wrapper{padding:32px 24px}.process-flow-item{flex:0 0 100%}.operations-automation-page .capabilities-grid,.use-cases-grid{grid-template-columns:1fr}.operations-automation-cta{padding:60px 0}.operations-automation-cta h2{font-size:2rem}}@media(max-width:480px){.operations-automation-hero{padding:60px 0 36px}.calculator-wrapper,.calculator-results{padding:20px 16px}.result-card{padding:12px 14px;flex-wrap:wrap;gap:4px}.result-value{font-size:1.25rem}.operations-automation-page .capabilities-grid{grid-template-columns:1fr}.operations-automation-page .capability-card{padding:24px}.operations-automation-cta-content{padding:0 8px}}
