/* Start custom CSS *//* ===== AELINE — HOMEPAGE CSS ===== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* NOTE: e-heading renders as <hN class="slug">, e-paragraph as <p class="slug">, e-button as <button class="slug">, e-flexbox as <div class="slug"> */

body, body * { font-family: 'Plus Jakarta Sans', sans-serif !important; box-sizing: border-box; }

/* ===== HERO ===== */
.hero-section { background: linear-gradient(180deg,#5BBFEE 0%,#3BA8E8 28%,#1B8ED8 62%,#0A73B2 100%) !important; min-height: 830px !important; display:flex !important; align-items:center !important; padding:0 !important; }
.hero-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:80px 40px !important; display:flex !important; flex-direction:column !important; gap:24px !important; align-items:flex-start !important; }
.hero-tag { background:rgba(255,255,255,.18) !important; color:#fff !important; font-size:12px !important; font-weight:600 !important; letter-spacing:2px !important; text-transform:uppercase !important; padding:6px 16px !important; border-radius:20px !important; display:inline-block !important; margin:0 !important; }
.hero-h1 { color:#fff !important; font-size:64px !important; font-weight:700 !important; line-height:1.1 !important; max-width:720px !important; margin:0 !important; }
.hero-sub { color:rgba(255,255,255,.85) !important; font-size:18px !important; line-height:1.65 !important; max-width:560px !important; margin:0 !important; }
.hero-btns { display:flex !important; flex-direction:row !important; gap:16px !important; align-items:center !important; flex-wrap:wrap !important; }
.hero-btn-demo { background:#CCFF00 !important; color:#0D0E0B !important; font-weight:700 !important; font-size:15px !important; padding:14px 28px !important; border-radius:4px !important; border:none !important; cursor:pointer !important; }
.hero-btn-cta { background:transparent !important; color:#fff !important; font-weight:600 !important; font-size:15px !important; padding:14px 28px !important; border-radius:4px !important; border:2px solid rgba(255,255,255,.5) !important; cursor:pointer !important; }
.hero-rating { color:rgba(255,255,255,.7) !important; font-size:13px !important; margin:0 !important; }

/* ===== LOGOS ===== */
.logos-section { background:#F5F3EC !important; padding:0 !important; border-top:1px solid #E5E3DC !important; border-bottom:1px solid #E5E3DC !important; }
.logos-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:44px 40px !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:24px !important; }
.lg1,.lg2,.lg3,.lg4,.lg5,.lg6 { color:#8A8A78 !important; font-size:17px !important; font-weight:700 !important; letter-spacing:.5px !important; margin:0 !important; }

/* ===== ABOUT ===== */
.about-section { background:#0D0E0B !important; padding:0 !important; }
.about-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:row !important; gap:80px !important; align-items:center !important; }
.about-stats { display:flex !important; flex-direction:column !important; gap:36px !important; min-width:240px !important; }
.stat-1,.stat-2,.stat-3,.stat-4 { display:flex !important; flex-direction:column !important; gap:4px !important; padding-left:20px !important; border-left:3px solid #CCFF00 !important; }
.stat-1-num,.stat-2-num,.stat-3-num,.stat-4-num { color:#CCFF00 !important; font-size:48px !important; font-weight:800 !important; line-height:1 !important; margin:0 !important; }
.stat-1-lbl,.stat-2-lbl,.stat-3-lbl,.stat-4-lbl { color:#888877 !important; font-size:14px !important; margin:0 !important; }
.about-text { display:flex !important; flex-direction:column !important; gap:20px !important; flex:1 !important; }
.about-lbl { color:#CCFF00 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:2.5px !important; text-transform:uppercase !important; margin:0 !important; }
.about-h2 { color:#F5F3EC !important; font-size:48px !important; font-weight:700 !important; line-height:1.15 !important; margin:0 !important; }
.about-desc { color:#888877 !important; font-size:16px !important; line-height:1.75 !important; margin:0 !important; }

/* ===== SERVICES ===== */
.services-section { background:#F5F3EC !important; padding:0 !important; }
.srv-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:column !important; gap:56px !important; }
.srv-hdr { display:flex !important; flex-direction:column !important; gap:10px !important; }
.srv-lbl { color:#888877 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:2.5px !important; text-transform:uppercase !important; margin:0 !important; }
.srv-h2 { color:#0D0E0B !important; font-size:48px !important; font-weight:700 !important; line-height:1.15 !important; margin:0 !important; }
.srv-grid { display:flex !important; flex-wrap:wrap !important; gap:24px !important; }
.srv-c1,.srv-c2,.srv-c3,.srv-c4 { background:#0D0E0B !important; border-radius:8px !important; padding:40px 36px !important; display:flex !important; flex-direction:column !important; gap:14px !important; flex:1 1 calc(50% - 12px) !important; min-width:280px !important; }
.srv-c1-t,.srv-c2-t,.srv-c3-t,.srv-c4-t { color:#F5F3EC !important; font-size:22px !important; font-weight:700 !important; margin:0 !important; }
.srv-c1-d,.srv-c2-d,.srv-c3-d,.srv-c4-d { color:#888877 !important; font-size:15px !important; line-height:1.65 !important; margin:0 !important; }

/* ===== EXPERTISE ===== */
.exp-section { background:#0D0E0B !important; padding:0 !important; }
.exp-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:row !important; gap:80px !important; align-items:flex-start !important; }
.exp-left { display:flex !important; flex-direction:column !important; gap:20px !important; flex:1 !important; }
.exp-lbl { color:#CCFF00 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:2.5px !important; text-transform:uppercase !important; margin:0 !important; }
.exp-h2 { color:#F5F3EC !important; font-size:48px !important; font-weight:700 !important; line-height:1.15 !important; margin:0 !important; }
.exp-desc { color:#888877 !important; font-size:16px !important; line-height:1.75 !important; margin:0 !important; }
.exp-btn { background:#CCFF00 !important; color:#0D0E0B !important; font-weight:700 !important; font-size:15px !important; padding:14px 28px !important; border-radius:4px !important; border:none !important; cursor:pointer !important; display:inline-block !important; }
.exp-right { display:flex !important; flex-direction:column !important; gap:0 !important; flex:1 !important; }
.ef-1,.ef-2,.ef-3,.ef-4 { padding:24px 0 !important; border-bottom:1px solid rgba(255,255,255,.1) !important; display:flex !important; flex-direction:column !important; gap:8px !important; }
.ef-1-t,.ef-2-t,.ef-3-t,.ef-4-t { color:#F5F3EC !important; font-size:18px !important; font-weight:700 !important; margin:0 !important; }
.ef-1-d,.ef-2-d,.ef-3-d,.ef-4-d { color:#888877 !important; font-size:14px !important; line-height:1.65 !important; margin:0 !important; }

/* ===== PRICING ===== */
.pricing-section { background:#F5F3EC !important; padding:0 !important; }
.pricing-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:column !important; gap:56px !important; }
.pricing-hdr { display:flex !important; flex-direction:column !important; gap:10px !important; text-align:center !important; align-items:center !important; }
.pricing-lbl { color:#888877 !important; font-size:11px !important; font-weight:700 !important; letter-spacing:2.5px !important; text-transform:uppercase !important; margin:0 !important; }
.pricing-h2 { color:#0D0E0B !important; font-size:48px !important; font-weight:700 !important; line-height:1.15 !important; margin:0 !important; }
.pricing-cards { display:flex !important; flex-direction:row !important; gap:24px !important; align-items:stretch !important; }
.pc-1,.pc-3 { background:#fff !important; border-radius:12px !important; padding:40px 32px !important; display:flex !important; flex-direction:column !important; gap:16px !important; flex:1 !important; border:1px solid #E5E3DC !important; }
.pc-2 { background:#0D0E0B !important; border-radius:12px !important; padding:40px 32px !important; display:flex !important; flex-direction:column !important; gap:16px !important; flex:1 !important; }
.pc-2-badge { background:#CCFF00 !important; color:#0D0E0B !important; font-size:11px !important; font-weight:700 !important; letter-spacing:1px !important; text-transform:uppercase !important; padding:4px 14px !important; border-radius:20px !important; display:inline-block !important; margin:0 !important; }
.pc-1-name,.pc-3-name { color:#0D0E0B !important; font-size:22px !important; font-weight:700 !important; margin:0 !important; }
.pc-2-name { color:#F5F3EC !important; font-size:22px !important; font-weight:700 !important; margin:0 !important; }
.pc-1-price,.pc-3-price { color:#0D0E0B !important; font-size:52px !important; font-weight:800 !important; line-height:1 !important; margin:0 !important; }
.pc-2-price { color:#CCFF00 !important; font-size:52px !important; font-weight:800 !important; line-height:1 !important; margin:0 !important; }
.pc-1-desc,.pc-3-desc { color:#888877 !important; font-size:14px !important; line-height:1.65 !important; margin:0 !important; }
.pc-2-desc { color:rgba(245,243,236,.75) !important; font-size:14px !important; line-height:1.65 !important; margin:0 !important; }
.pc-1-btn,.pc-3-btn { background:transparent !important; color:#0D0E0B !important; font-weight:700 !important; font-size:14px !important; padding:12px 24px !important; border-radius:4px !important; border:2px solid #0D0E0B !important; width:100% !important; cursor:pointer !important; margin-top:auto !important; }
.pc-2-btn { background:#CCFF00 !important; color:#0D0E0B !important; font-weight:700 !important; font-size:14px !important; padding:12px 24px !important; border-radius:4px !important; border:none !important; width:100% !important; cursor:pointer !important; margin-top:auto !important; }

/* ===== TESTIMONIALS ===== */
.testi-section { background:#0D0E0B !important; padding:0 !important; }
.testi-inner { max-width:1140px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:column !important; gap:56px !important; }
.testi-h2 { color:#F5F3EC !important; font-size:48px !important; font-weight:700 !important; line-height:1.15 !important; text-align:center !important; margin:0 auto !important; }
.testi-grid { display:flex !important; flex-direction:row !important; gap:24px !important; align-items:stretch !important; }
.tc-1,.tc-2,.tc-3 { background:#181918 !important; border-radius:12px !important; padding:32px !important; display:flex !important; flex-direction:column !important; gap:16px !important; flex:1 !important; }
.tc-1-stars,.tc-2-stars,.tc-3-stars { color:#CCFF00 !important; font-size:16px !important; letter-spacing:5px !important; margin:0 !important; font-weight:400 !important; }
.tc-1-q,.tc-2-q,.tc-3-q { color:rgba(245,243,236,.8) !important; font-size:15px !important; line-height:1.75 !important; font-style:italic !important; margin:0 !important; }
.tc-1-name,.tc-2-name,.tc-3-name { color:#F5F3EC !important; font-size:14px !important; font-weight:600 !important; margin:0 !important; }

/* ===== CTA ===== */
.cta-section { background:linear-gradient(135deg,#0973B2 0%,#3BA8E8 50%,#5BBFEE 100%) !important; padding:0 !important; }
.cta-inner { max-width:800px !important; width:100% !important; margin:0 auto !important; padding:100px 40px !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:24px !important; }
.cta-h2 { color:#fff !important; font-size:56px !important; font-weight:700 !important; line-height:1.1 !important; text-align:center !important; margin:0 !important; }
.cta-sub { color:rgba(255,255,255,.85) !important; font-size:18px !important; line-height:1.65 !important; text-align:center !important; margin:0 !important; }
.cta-btns { display:flex !important; flex-direction:row !important; gap:16px !important; justify-content:center !important; flex-wrap:wrap !important; }
.cta-btn-1 { background:#CCFF00 !important; color:#0D0E0B !important; font-weight:700 !important; font-size:16px !important; padding:16px 32px !important; border-radius:4px !important; border:none !important; cursor:pointer !important; }
.cta-btn-2 { background:transparent !important; color:#fff !important; font-weight:600 !important; font-size:16px !important; padding:16px 32px !important; border-radius:4px !important; border:2px solid rgba(255,255,255,.5) !important; cursor:pointer !important; }

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
.about-inner,.exp-inner{flex-direction:column !important; gap:48px !important;}
.about-inner,.exp-inner{padding:60px 32px !important;}
.pricing-cards,.testi-grid{flex-direction:column !important;}
.srv-grid{flex-direction:column !important;}
.srv-c1,.srv-c2,.srv-c3,.srv-c4{flex:1 1 100% !important; min-width:unset !important;}
}
@media(max-width:768px){
.hero-h1{font-size:38px !important;}
.hero-inner,.about-inner,.srv-inner,.exp-inner,.pricing-inner,.testi-inner,.cta-inner{padding:60px 20px !important;}
.logos-inner{padding:30px 20px !important; justify-content:center !important;}
.about-h2,.srv-h2,.exp-h2,.pricing-h2,.testi-h2,.cta-h2{font-size:34px !important;}
.hero-btns{flex-direction:column !important; align-items:flex-start !important;}
}/* End custom CSS */