/* /axenor_website/static/src/scss/service.scss */
 .service_page{background: radial-gradient(circle at top left, rgba(144, 95, 131, 0.06), transparent 24%), radial-gradient(circle at bottom right, rgba(233, 213, 255, 0.22), transparent 28%), #fbfbfd;}.service_page #wrap, .service_page{padding-bottom: 24px;}.page-header{text-align: center; margin-bottom: 40px;}.page-kicker{font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--brand); margin-bottom: 6px;}.page-title{font-family: "Playfair Display", serif; font-size: 32px; margin-bottom: 6px;}.page-sub{font-size: 14px; color: var(--text-soft); max-width: 640px; margin: 0 auto;}.service-proof-strip{max-width: 1180px; margin: -6px auto 52px; padding: 0 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}.proof-item{border-radius: 22px; padding: 20px 22px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(226, 232, 240, 0.9); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);}.proof-item strong{display: block; margin-bottom: 6px; font-size: 18px; color: #111827;}.proof-item span{font-size: 13px; color: var(--text-soft); line-height: 1.6;}.service_page .services-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 34px; margin-bottom: 60px;}.service_page .service-card{text-align: center; padding: 26px 20px 22px; border-radius: var(--card-radius); background: linear-gradient(180deg, #ffffff, #fcf8fc); box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07); border: 1px solid rgba(229, 231, 235, 0.9); position: relative; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}.service_page .service-card:hover{transform: translateY(-6px); box-shadow: 0 22px 42px rgba(15, 23, 42, 0.1); border-color: rgba(144, 95, 131, 0.18);}.service-card-number{position: absolute; top: 16px; right: 18px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; color: rgba(144, 95, 131, 0.55);}.icon-circle{width: 122px; height: 122px; border-radius: 999px; margin: 0 auto 16px; background: conic-gradient(from 180deg, rgba(144, 95, 131, 0.1), rgba(144, 95, 131, 0.4), rgba(144, 95, 131, 0.1)); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);}.icon-circle-inner{width: 98px; height: 98px; border-radius: 999px; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden;}.icon-circle-inner img{width: 100%; height: auto; filter: grayscale(1);}.service-title{font-size: 16px; font-weight: 600; margin-bottom: 8px;}.service-text{font-size: 13px; color: var(--text-soft); margin-bottom: 14px; min-height: 126px;}.service-card-tag{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 7px 12px; border-radius: 999px; background: rgba(144, 95, 131, 0.09); border: 1px solid rgba(144, 95, 131, 0.14); color: var(--brand-dark); font-size: 12px; font-weight: 600;}.service-process{margin: 10px auto 18px; max-width: 1180px; padding: 0 24px; display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 28px; align-items: start;}.service-process__steps{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}.process-step{background: #fff; border-radius: 22px; padding: 22px 20px; border: 1px solid rgba(229, 231, 235, 0.9); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);}.process-step__number{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-bottom: 14px; padding: 6px 10px; border-radius: 999px; background: rgba(144, 95, 131, 0.1); color: var(--brand-dark); font-size: 11px; font-weight: 700; letter-spacing: 0.14em;}.process-step h3{font-size: 16px; margin-bottom: 8px;}.process-step p{margin: 0; font-size: 13px; color: var(--text-soft); line-height: 1.7;}.faq-wrapper{margin-top: 40px; padding-top: 32px; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 30px;}.faq-heading{font-family: "Playfair Display", serif; font-size: 24px; margin-bottom: 8px;}.faq-sub{font-size: 14px; color: var(--text-soft); max-width: 360px;}.accordion{border-radius: 16px; border: 1px solid #e5e7eb; overflow: hidden; background: #fff; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04);}.accordion-item + .accordion-item{border-top: 1px solid #e5e7eb;}.accordion-header{padding: 12px 16px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 14px;}.accordion-header strong{font-weight: 500;}.accordion-header span.icon{font-size: 16px; color: var(--text-soft); margin-left: 10px;}.accordion-body{max-height: 0; overflow: hidden; transition: max-height 0.25s ease; font-size: 13px; color: var(--text-soft); padding: 0 16px;}.accordion-body-inner{padding: 0 0 12px 0;}.accordion-item.active .accordion-body{max-height: 160px; padding-top: 0;}.accordion-item.active .accordion-header span.icon{transform: rotate(180deg);}.cta-strip{margin-top: 40px; background: linear-gradient(135deg, var(--brand), var(--brand-dark)); color: #fff; border-radius: 26px; padding: 22px 24px !important; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; box-shadow: var(--shadow-soft); font-size: 14px;}.cta-buttons{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.btn-light{border-radius: 999px; padding: 9px 16px; font-size: 13px; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.06); color: #f9fafb; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px;}.btn-light:hover{background: rgba(255, 255, 255, 0.16);}@media (max-width: 1024px){.service_page .services-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.service-proof-strip{grid-template-columns: 1fr;}.service-process{grid-template-columns: 1fr;}.service-process__steps{grid-template-columns: 1fr;}}.hero-sec{max-width: 1180px; margin: 60px auto; padding: 0 24px; display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center;}.hero-title{font-size: 44px; font-family: "Playfair Display", serif; line-height: 1.1; margin-bottom: 16px;}.hero-title span{color: #905f83;}.hero-sub{font-size: 16px; color: #4b5563; margin-bottom: 22px; max-width: 500px;}.hero-actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; margin-bottom: 20px;}.hero-btn-primary{padding: 12px 22px; border-radius: 999px; background: linear-gradient(135deg, #905f83, #6e4765); color: white; text-decoration: none; box-shadow: 0 14px 30px rgba(144, 95, 131, 0.35);}.hero-btn-outline{padding: 12px 22px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.7); text-decoration: none; color: #111827;}.hero-pill-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.hero-pill{padding: 6px 12px; border-radius: 999px; font-size: 12px; border: 1px solid rgba(144, 95, 131, 0.2); background: rgba(144, 95, 131, 0.08);}.hero-feature-card{padding: 26px; border-radius: 28px; background: rgba(255, 255, 255, 0.78); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.45); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08); transition: 0.35s ease; cursor: pointer;}.hero-feature-card:hover{transform: translateY(-4px) scale(1.015);}.hfc-top{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}.hfc-top h3{font-size: 18px; font-weight: 700;}.hfc-toggle{width: 30px; height: 30px; border-radius: 12px; background: rgba(144, 95, 131, 0.15); display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative;}.hfc-toggle span{position: absolute; width: 16px; height: 2px; background: #333; transition: 0.3s ease;}.hfc-toggle span:nth-child(2){transform: rotate(90deg);}.hero-feature-card.expanded .hfc-toggle span:nth-child(1){transform: rotate(45deg);}.hero-feature-card.expanded .hfc-toggle span:nth-child(2){transform: rotate(-45deg);}.hfc-pills{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px;}.hfc-pill{padding: 10px 14px; border-radius: 16px; background: rgba(144, 95, 131, 0.1); border: 1px solid rgba(144, 95, 131, 0.18); font-size: 13px;}.odoo-logo-box{margin-top: 22px; height: 160px; border-radius: 22px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: rgba(249, 245, 255, 0.65); overflow: hidden;}.odoo-logo-glow{position: absolute; width: 220px; height: 220px; background: radial-gradient(circle, rgba(144, 95, 131, 0.25), transparent 70%); animation: pulseGlow 3s infinite alternate ease-in-out;}@keyframes pulseGlow{0%{transform: scale(1); opacity: 0.6;}100%{transform: scale(1.25); opacity: 0.9;}}.odoo-logo-img{width: 120px; position: relative; z-index: 2; animation: floatUp 4s infinite ease-in-out; filter: drop-shadow(0 6px 12px rgba(144, 95, 131, 0.25));}@keyframes floatUp{0%{transform: translateY(0px);}50%{transform: translateY(-10px);}100%{transform: translateY(0px);}}.hfc-analytics{margin-top: 26px; height: 100px; border-radius: 20px; background: linear-gradient(135deg, rgba(144, 95, 131, 0.14), rgba(85, 121, 255, 0.17)); padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; gap: 12px; position: relative; overflow: hidden;}.bar{width: 10px; background: white; border-radius: 12px; opacity: 0.9; animation: barRise 2s infinite alternate ease;}.b1{height: 25%; animation-delay: 0s;}.b2{height: 52%; animation-delay: 0.2s;}.b3{height: 65%; animation-delay: 0.4s;}.b4{height: 82%; animation-delay: 0.6s;}.b5{height: 55%; animation-delay: 0.8s;}@keyframes barRise{0%{transform: scaleY(0.7);}100%{transform: scaleY(1);}}.line polyline{fill: none; stroke: white; stroke-width: 3; stroke-linecap: round; animation: drawLine 3s infinite alternate ease-in-out;}@keyframes drawLine{0%{stroke-dasharray: 20 200;}100%{stroke-dasharray: 200 20;}}.hero-feature-card.expanded .hfc-analytics{max-height: 0; opacity: 0; margin-top: 0; transition: 0.35s ease;}@media (max-width: 900px){.hero-sec{grid-template-columns: 1fr; text-align: center;}.hero-sub{margin-left: auto; margin-right: auto;}.hero-actions, .hero-pill-row{justify-content: center;}.faq-wrapper{grid-template-columns: 1fr;}}@media (max-width: 640px){.service_page .services-grid{grid-template-columns: 1fr;}.service-text{min-height: 0;}.cta-strip{padding: 18px 18px !important;}}