/* /axenor_website/static/src/scss/home.scss */
 .home_page .hero{max-width: 1180px; margin: 32px auto 52px; padding: 0 22px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: center;}.home_page .hero-copy{max-width: 620px;}.home_page .hero-kicker{font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brand); font-weight: 600; margin-bottom: 10px;}.hero-title{font-family: "Playfair Display", serif; font-size: 46px; line-height: 1.1; margin-bottom: 16px;}.hero-title span{color: var(--brand);}.hero-sub{font-size: 16px; max-width: 560px; color: var(--text-soft); margin-bottom: 22px; line-height: 1.7;}.home_page .hero-metadata{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; margin-top: 16px; font-size: 12px; color: #6b7280;}.home_page .pill{padding: 5px 11px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.6); background: rgba(255, 255, 255, 0.9);}.home_page .hero-trust-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px;}.home_page .hero-trust-card{background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(148, 163, 184, 0.18); border-radius: 18px; padding: 16px; box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);}.home_page .hero-trust-card strong{display: block; font-size: 16px; color: var(--text-main); margin-bottom: 6px;}.home_page .hero-trust-card span{font-size: 12px; color: var(--text-soft); line-height: 1.55;}.hero-art{position: relative; perspective: 1400px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}.home_page .hero-stack{width: 320px; height: 420px; position: relative; transform-style: preserve-3d; animation: floatStack 9s ease-in-out infinite;}.home_page .hero-card{position: absolute; inset: 0; border-radius: var(--card-radius); background: linear-gradient(150deg, #ffffff, #fdf2ff); box-shadow: var(--shadow-soft); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px; transform-origin: center;}.home_page .hero-card:nth-child(1){transform: translateZ(0px) rotateY(-10deg) rotateX(8deg);}.home_page .hero-card:nth-child(2){transform: translate(26px, 26px) translateZ(-60px) rotateY(-16deg) rotateX(12deg); opacity: 0.98; background: linear-gradient(150deg, #ffffff, #f3e7ff);}.home_page .hero-card:nth-child(3){transform: translate(-26px, 40px) translateZ(-120px) rotateY(-20deg) rotateX(16deg); opacity: 0.94; background: linear-gradient(150deg, #ffffff, rgba(144, 95, 131, 0.06));}.home_page .card-title{font-size: 14px; font-weight: 600; margin-bottom: 12px;}.module-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px;}.module-pill{border-radius: 14px; padding: 7px 9px; font-size: 11px; text-align: center; background: #f3f4ff; color: #111827;}.module-pill:nth-child(odd){background: rgba(144, 95, 131, 0.06); color: var(--brand-dark);}.mini-chart{height: 88px; border-radius: 16px; background: linear-gradient(135deg, rgba(144, 95, 131, 0.1), rgba(59, 130, 246, 0.12)); position: relative; overflow: hidden; margin-top: auto;}.bar{position: absolute; bottom: 0; width: 10px; border-radius: 999px; background: #fff; opacity: 0.9;}.bar:nth-child(1){left: 16px; height: 35%;}.bar:nth-child(2){left: 40px; height: 65%;}.bar:nth-child(3){left: 64px; height: 50%;}.bar:nth-child(4){left: 88px; height: 80%;}.bar:nth-child(5){left: 112px; height: 55%;}.chart-glow{position: absolute; inset: 0; background: radial-gradient(circle at 70% 0%, rgba(255, 255, 255, 0.7), transparent 55%); mix-blend-mode: screen; opacity: 0.7;}@keyframes floatStack{0%, 100%{transform: translateY(0px);}50%{transform: translateY(-12px);}}.home_page .client-proof{margin-top: -12px;}.home_page .client-logo-row{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px;}.home_page .client-logo-card{border-radius: 18px; border: 1px solid rgba(148, 163, 184, 0.18); background: rgba(255, 255, 255, 0.9); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05); padding: 18px 14px; text-align: center; font-size: 13px; font-weight: 600; color: #475569;}.home_page .whatsapp-cta{background: radial-gradient(circle at top right, rgba(144, 95, 131, 0.12), transparent 30%), linear-gradient(135deg, #fff7fb, #f8f5ff); border: 1px solid rgba(144, 95, 131, 0.14); border-radius: 26px; padding: 28px !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: 22px; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);}.home_page .whatsapp-cta .section-header, .home_page .whatsapp-cta .section-sub{margin: 0; text-align: left; max-width: 620px;}.home_page .whatsapp-cta-actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px;}.home_page .whatsapp-cta .section-kicker{color: var(--brand-dark);}.home_page .whatsapp-cta .section-title{color: #1f2937;}.home_page .whatsapp-cta .section-sub{color: #526072;}.home_page .whatsapp-cta .btn-outline{background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(144, 95, 131, 0.22); color: var(--brand-dark);}.home_page .whatsapp-cta .btn-outline:hover{background: rgba(144, 95, 131, 0.08);}.home_page .case-study-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}.home_page .case-study-card{background: #fff; border-radius: 22px; padding: 22px; box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08); border: 1px solid rgba(148, 163, 184, 0.14);}.home_page .case-study-tag{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand-dark); background: rgba(144, 95, 131, 0.1); border-radius: 999px; padding: 6px 10px; margin-bottom: 14px;}.home_page .case-study-card h3{font-size: 20px; line-height: 1.25; margin-bottom: 10px;}.home_page .case-study-card p{font-size: 13px; color: var(--text-soft); line-height: 1.7;}.home_page .case-study-list{margin-top: 14px; padding-left: 18px; color: #334155; font-size: 13px;}.home_page .case-study-list li + li{margin-top: 6px;}.section-header{text-align: center; margin-bottom: 32px;}.section-kicker{font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--brand); margin-bottom: 6px;}.section-title{font-family: "Playfair Display", serif; font-size: 28px;}.section-sub{font-size: 14px; color: var(--text-soft); margin-top: 6px; max-width: 520px; margin-left: auto; margin-right: auto;}.axenor-faq-strip{background: linear-gradient(135deg, var(--brand), var(--brand-dark)); color: #fff; border-radius: 26px; padding: 24px 26px; display: grid; grid-template-columns: 1.2fr 2fr; gap: 20px; align-items: center; box-shadow: var(--shadow-soft);}.axenor-faq-strip h3{font-size: 24px; line-height: 1.3;}.axenor-faq-strip p{font-size: 13px; margin-top: 8px; opacity: 0.93;}.home_page .faq-list{border-left: 1px solid rgba(255, 255, 255, 0.25); padding-left: 18px;}.home_page .faq-item{padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.14); display: block; width: 100%;}.home_page .faq-item:last-child{border-bottom: 0;}.home_page .faq-question{font-size: 13px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%;}.home_page .faq-question span:first-child{font-weight: 500; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}.home_page .faq-icon{font-size: 24px; line-height: 1; min-width: 16px; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.home_page .faq-answer{display: block; width: 100%; max-height: 0; overflow: hidden; font-size: 12px; line-height: 1.6; opacity: 0.9; transition: max-height 0.25s ease, margin-top 0.25s ease;}.home_page .faq-item.active .faq-answer{max-height: 120px; margin-top: 10px;}.home_page .faq-question:hover{opacity: 0.9;}.home_page .services-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}.home_page .service-card{background: #fff; border-radius: var(--card-radius); padding: 18px 18px 20px; box-shadow: 0 16px 35px rgba(15, 23, 42, 0.06); position: relative; overflow: hidden; transform: translateY(0); transition: transform 0.2s ease, box-shadow 0.2s ease;}.home_page .service-card:hover{transform: translateY(-8px); box-shadow: 0 22px 60px rgba(15, 23, 42, 0.1);}.home_page .service-icon{width: 32px; height: 32px; border-radius: 14px; background: rgba(144, 95, 131, 0.16); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; color: var(--brand-dark); font-size: 18px;}.home_page .service-card h3{font-size: 14px; margin-bottom: 6px;}.home_page .service-card p{font-size: 12px; color: var(--text-soft);}.process{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; position: relative;}.process::before{content: ""; position: absolute; top: 16px; left: 12%; right: 12%; height: 2px; background: linear-gradient(90deg, rgba(148, 163, 184, 0.4), rgba(144, 95, 131, 0.7)); z-index: -1;}.step-card{text-align: center;}.step-badge{width: 32px; height: 32px; border-radius: 999px; border: 2px solid var(--brand); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; background: #fff; color: var(--brand-dark); font-size: 13px; font-weight: 600;}.step-card h4{font-size: 14px; margin-bottom: 6px;}.step-card p{font-size: 12px; color: var(--text-soft);}.testimonial{max-width: 740px; margin: 0 auto; background: #fff; border-radius: 24px; padding: 26px 28px; box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09); position: relative;}.quote-mark{position: absolute; top: -22px; left: 24px; font-size: 52px; color: rgba(148, 163, 184, 0.4);}.testimonial p{font-size: 14px; color: #111827; margin-bottom: 16px;}.testimonial small{font-size: 12px; color: var(--text-soft);}@media (max-width: 960px){.hero{grid-template-columns: 1fr;}.home_page .hero{gap: 24px;}.home_page .hero-trust-grid, .home_page .client-logo-row, .home_page .case-study-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.hero-art{order: -1; margin-bottom: 14px;}.home_page .hero-stack{width: 100%; max-width: 320px; height: 360px;}.services-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.process{grid-template-columns: repeat(2, minmax(0, 1fr));}.axenor-faq-strip{grid-template-columns: 1fr;}.home_page .whatsapp-cta{display: block;}.home_page .whatsapp-cta-actions{margin-top: 18px;}}@media (max-width: 640px){.hero{display: block !important;}.home_page .hero{margin: 22px auto 36px; padding: 0 16px;}.hero-title{font-size: 34px;}.hero-sub{font-size: 15px;}.home_page .hero-stack{width: 100%; max-width: 280px; height: 300px;}.home_page .hero-card{padding: 16px;}.home_page .hero-card:nth-child(2){transform: translate(16px, 16px) translateZ(-40px) rotateY(-12deg) rotateX(10deg);}.home_page .hero-card:nth-child(3){transform: translate(-14px, 26px) translateZ(-78px) rotateY(-16deg) rotateX(12deg);}.module-grid{gap: 8px;}.module-pill{font-size: 10px; padding: 6px 7px;}.nav-inner{-webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.nav-links{display: none;}.services-grid{grid-template-columns: 1fr;}.home_page .hero-trust-grid, .home_page .client-logo-row, .home_page .case-study-grid{grid-template-columns: 1fr;}.home_page .client-logo-card, .home_page .case-study-card, .home_page .hero-trust-card{padding: 16px;}.process{grid-template-columns: 1fr;}.axenor-faq-strip{padding: 18px 18px;}.faq-list{padding-left: 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.22); padding-top: 14px;}.home_page .whatsapp-cta{padding: 20px;}.home_page .whatsapp-cta-actions .btn{width: 100%; justify-content: center;}}