/* ===== BROSYNC — UPDATED WITH REAL BRAND DETAILS ===== */
:root {
  --orange: #E8192C;
  --orange-dark: #c0121f;
  --orange-light: rgba(232,25,44,0.1);
  --dark: #0d0d0d;
  --dark2: #141414;
  --dark3: #1a1a1a;
  --dark4: #222222;
  --gray: #888888;
  --light: #f7f7f5;
  --white: #ffffff;
  --border: #e8e8e8;
  --border-dark: rgba(255,255,255,0.08);
  --font-head: 'Playfair Display', Georgia, serif;
  --font-body: 'Poppins', sans-serif;
  --transition: all 0.3s ease;
  --shadow: 0 4px 30px rgba(0,0,0,0.08);
  --shadow-hover: 0 8px 40px rgba(0,0,0,0.15);
  --radius: 12px;
}

.logo-img {
    height: 80px;
    width: auto;
    display: block;
}
.footer-logo-img {
    height: 120px;
    width: auto;
    display: block;
    margin-bottom: 15px;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-body); color:var(--dark); background:var(--white); overflow-x:hidden; line-height:1.7; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; transition:var(--transition); }
ul { list-style:none; }
button { border:none; cursor:pointer; font-family:var(--font-body); }

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--light); }
::-webkit-scrollbar-thumb { background:var(--orange); border-radius:2px; }

h1,h2,h3,h4 { font-family:var(--font-head); line-height:1.2; }
h1 { font-size:clamp(2rem,5vw,3.5rem); font-weight:800; }
h2 { font-size:clamp(1.6rem,3.5vw,2.6rem); font-weight:700; }
h3 { font-size:clamp(1.2rem,2.5vw,1.6rem); font-weight:600; }
h4 { font-size:1.1rem; font-weight:600; }
p { color:#555; font-size:0.95rem; line-height:1.8; }

.container { max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.section { padding:80px 0; }
.section-label { display:inline-block; font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--orange); background:var(--orange-light); padding:5px 14px; border-radius:20px; margin-bottom:12px; }
.section-title { font-family:var(--font-head); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:700; color:var(--dark); margin-bottom:16px; line-height:1.2; }
.section-header { text-align:center; max-width:640px; margin:0 auto 3rem; }
.section-header p { color:var(--gray); }
.text-red { color:var(--orange); }

/* BUTTONS */
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--orange); color:var(--white); padding:13px 28px; border-radius:50px; font-weight:600; font-size:0.88rem; letter-spacing:0.03em; transition:var(--transition); border:2px solid var(--orange); }
.btn-primary:hover { background:var(--orange-dark); border-color:var(--orange-dark); transform:translateY(-2px); box-shadow:0 8px 25px rgba(232,25,44,0.35); color:white; }
.btn-outline { display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--orange); padding:13px 28px; border-radius:50px; font-weight:600; font-size:0.88rem; border:2px solid var(--orange); transition:var(--transition); }
.btn-outline:hover { background:var(--orange); color:var(--white); transform:translateY(-2px); }
.btn-outline-white { display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--white); padding:13px 28px; border-radius:50px; font-weight:600; font-size:0.88rem; border:2px solid rgba(255,255,255,0.4); transition:var(--transition); }
.btn-outline-white:hover { background:var(--white); color:var(--orange); border-color:var(--white); }
.btn-lg { padding:16px 36px; font-size:0.95rem; }

/* TOP BAR */
.top-bar { background:var(--dark); color:rgba(255,255,255,0.65); font-size:0.8rem; padding:8px 0; }
.top-bar .container { display:flex; justify-content:space-between; align-items:center; }
.top-bar a { color:rgba(255,255,255,0.65); }
.top-bar a:hover { color:var(--orange); }
.top-bar-right { display:flex; gap:20px; align-items:center; }

/* NAVBAR */
.navbar { background:var(--white); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:1000; box-shadow:0 2px 20px rgba(0,0,0,0.06); transition:var(--transition); }
.navbar.scrolled { box-shadow:0 4px 30px rgba(0,0,0,0.12); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:72px; }
.logo { display:flex; align-items:center; gap:10px; }
.logo-icon { width:38px; height:38px; background:var(--orange); border-radius:8px; display:flex; align-items:center; justify-content:center; color:white; font-weight:900; font-size:1rem; font-family:var(--font-head); }
.logo-text { font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:var(--dark); }
.logo-text span { color:var(--orange); }

.nav-menu { display:flex; align-items:center; gap:4px; }
.nav-item { position:relative; }
.nav-link { display:flex; align-items:center; gap:5px; padding:10px 14px; font-size:0.875rem; font-weight:500; color:var(--dark); border-radius:8px; transition:var(--transition); white-space:nowrap; }
.nav-link:hover, .nav-link.active { color:var(--orange); background:var(--orange-light); }
.nav-link i.fa-chevron-down { font-size:0.7rem; transition:var(--transition); }
.nav-item:hover > .nav-link i.fa-chevron-down { transform:rotate(180deg); }

.dropdown { position:absolute; top:calc(100% + 8px); left:0; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-hover); min-width:220px; padding:12px 0; opacity:0; visibility:hidden; transform:translateY(8px); transition:var(--transition); z-index:999; }
.nav-item:hover .dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown a { display:block; padding:9px 20px; font-size:0.85rem; color:#444; transition:var(--transition); }
.dropdown a:hover { color:var(--orange); background:var(--orange-light); padding-left:26px; }

.mega-dropdown { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%) translateY(8px); background:var(--white); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-hover); width:700px; padding:24px; opacity:0; visibility:hidden; transition:var(--transition); z-index:999; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.nav-item:hover .mega-dropdown { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.mega-col h6 { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); padding:0 12px 8px; border-bottom:1px solid var(--border); margin-bottom:8px; }
.mega-col a { display:block; padding:7px 12px; font-size:0.82rem; color:#444; border-radius:6px; transition:var(--transition); }
.mega-col a:hover { color:var(--orange); background:var(--orange-light); }

.nav-cta { display:flex; align-items:center; gap:10px; margin-left:12px; }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; width:30px; height:30px; flex-direction:column; justify-content:center; gap:5px; }
.nav-toggle span { display:block; height:2px; background:var(--dark); border-radius:2px; transition:var(--transition); }
.nav-toggle.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* HERO */
.hero { background:var(--dark); color:var(--white); padding:100px 0 80px; position:relative; overflow:hidden; min-height:90vh; display:flex; align-items:center; }
.hero::before { content:''; position:absolute; top:0; right:0; width:55%; height:100%; background:linear-gradient(135deg,#1a0305 0%,#1f0408 100%); clip-path:polygon(8% 0,100% 0,100% 100%,0% 100%); }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }
.hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(232,25,44,0.15); border:1px solid rgba(232,25,44,0.35); color:var(--orange); padding:7px 16px; border-radius:50px; font-size:0.8rem; font-weight:600; margin-bottom:24px; }
.hero h1 { color:var(--white); margin-bottom:20px; }
.hero h1 em { color:var(--orange); font-style:normal; }
.hero p { color:rgba(255,255,255,0.7); font-size:1rem; margin-bottom:36px; max-width:500px; }
.hero-services-scroll { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:36px; }
.hero-service-pill { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.8); padding:6px 14px; border-radius:20px; font-size:0.78rem; font-weight:500; transition:var(--transition); }
.hero-service-pill:hover { background:var(--orange); border-color:var(--orange); color:white; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
.hero-visual { position:relative; }
.hero-card { background:var(--white); border-radius:var(--radius); padding:28px; box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.hero-card-label { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); margin-bottom:6px; }
.hero-card h3 { font-size:1rem; color:var(--dark); margin-bottom:20px; }
.hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.hero-stat strong { display:block; font-size:1.6rem; font-weight:800; font-family:var(--font-head); color:var(--orange); }
.hero-stat span { font-size:0.78rem; color:var(--gray); }
.hero-float { position:absolute; bottom:-20px; left:-20px; background:var(--orange); border-radius:var(--radius); padding:16px 20px; color:white; box-shadow:0 10px 30px rgba(232,25,44,0.45); }
.hero-float strong { display:block; font-size:1.4rem; font-weight:800; font-family:var(--font-head); }
.hero-float span { font-size:0.75rem; opacity:0.9; }

/* TICKER */
.ticker-wrap { background:var(--orange); padding:14px 0; overflow:hidden; }
.ticker { display:flex; gap:0; animation:ticker 30s linear infinite; white-space:nowrap; }
.ticker-item { display:flex; align-items:center; gap:20px; color:white; font-size:0.85rem; font-weight:600; padding:0 30px; }
.ticker-item i { font-size:0.5rem; opacity:0.6; }
@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* CASE STUDIES */
.case-studies { background:var(--light); }
.cs-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:24px; }
.cs-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); border:1px solid var(--border); }
.cs-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
.cs-logo { height:140px; display:flex; align-items:center; justify-content:center; padding:24px; background:var(--dark); }
.cs-logo-text { font-family:var(--font-head); font-size:1.4rem; font-weight:700; color:var(--white); }
.cs-body { padding:24px; }
.cs-tag { display:inline-block; background:var(--orange-light); color:var(--orange); padding:3px 10px; border-radius:20px; font-size:0.72rem; font-weight:600; margin-bottom:10px; }
.cs-body h4 { font-size:1rem; margin-bottom:8px; color:var(--dark); }
.cs-body p { font-size:0.85rem; color:var(--gray); margin-bottom:20px; }
.cs-metrics { display:flex; gap:12px; margin-bottom:20px; }
.cs-metric { flex:1; background:var(--light); border-radius:8px; padding:12px; text-align:center; }
.cs-metric strong { display:block; font-size:1.3rem; font-weight:800; font-family:var(--font-head); color:var(--orange); }
.cs-metric span { font-size:0.68rem; color:var(--gray); display:block; margin-top:2px; }
.cs-link { color:var(--orange); font-size:0.85rem; font-weight:600; display:flex; align-items:center; gap:6px; }
.cs-link:hover { gap:10px; }

/* SERVICES TABS */
.tab-nav { display:flex; gap:8px; margin-bottom:40px; flex-wrap:wrap; }
.tab-btn { background:var(--light); border:1px solid var(--border); color:#555; padding:10px 24px; border-radius:50px; font-size:0.85rem; font-weight:600; cursor:pointer; transition:var(--transition); font-family:var(--font-body); }
.tab-btn.active, .tab-btn:hover { background:var(--orange); color:var(--white); border-color:var(--orange); }
.tab-content { display:none; }
.tab-content.active { display:block; }
.services-grid { display:grid; grid-template-columns:280px 1fr; gap:0; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.service-list { background:var(--dark); }
.service-list-item { padding:16px 24px; color:rgba(255,255,255,0.65); font-size:0.88rem; cursor:pointer; transition:var(--transition); border-left:3px solid transparent; display:flex; align-items:center; justify-content:space-between; }
.service-list-item:hover { color:var(--white); background:rgba(255,255,255,0.05); }
.service-list-item.active { color:var(--orange); border-left-color:var(--orange); background:rgba(232,25,44,0.08); }
.service-list-item i { font-size:0.7rem; opacity:0.5; }
.service-detail { padding:40px; background:var(--white); }
.service-detail-content { display:none; }
.service-detail-content.active { display:block; }
.service-detail h3 { font-size:1.6rem; margin-bottom:12px; }
.service-detail p { color:#666; margin-bottom:20px; font-size:0.92rem; }
.service-detail-actions { display:flex; gap:12px; flex-wrap:wrap; }

/* SIMPLIFY SECTION */
.simplify-section { background:var(--white); }
.simplify-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.simplify-tab-nav { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:24px; }
.simplify-tab { padding:10px 20px; font-size:0.88rem; font-weight:600; color:var(--gray); cursor:pointer; border-bottom:2px solid transparent; transition:var(--transition); background:none; font-family:var(--font-body); margin-bottom:-1px; }
.simplify-tab.active, .simplify-tab:hover { color:var(--orange); border-bottom-color:var(--orange); }
.simplify-content { display:none; }
.simplify-content.active { display:block; }
.simplify-img-box { border-radius:var(--radius); overflow:hidden; position:relative; background:linear-gradient(135deg,var(--dark) 0%,var(--dark3) 100%); height:450px; display:flex; align-items:flex-end; }
.simplify-img-overlay { padding:30px; width:100%; }
.simplify-badges { display:flex; gap:12px; flex-wrap:wrap; }
.review-badge { background:var(--white); border-radius:10px; padding:14px 18px; box-shadow:0 4px 20px rgba(0,0,0,0.15); display:flex; align-items:center; gap:10px; }
.review-badge .stars { color:#fbbf24; font-size:0.8rem; }
.review-badge strong { display:block; font-size:0.85rem; color:var(--dark); }
.review-badge span { font-size:0.72rem; color:var(--gray); }
.stats-float { position:absolute; top:24px; right:-20px; background:var(--orange); border-radius:var(--radius); padding:20px; color:white; box-shadow:0 10px 30px rgba(232,25,44,0.4); }
.stats-float-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sf-item strong { display:block; font-size:1.4rem; font-weight:800; font-family:var(--font-head); }
.sf-item span { font-size:0.72rem; opacity:0.85; }

/* STATS BAND */
.stats-band { background:var(--dark); padding:60px 0; }
.stats-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; }
.stat-item { text-align:center; flex:1; min-width:120px; }
.stat-item strong { display:block; font-size:clamp(2rem,4vw,3rem); font-weight:800; font-family:var(--font-head); color:var(--orange); }
.stat-item span { color:var(--orange); font-size:1.4rem; font-weight:700; }
.stat-item p { color:rgba(255,255,255,0.5); font-size:0.82rem; margin-top:4px; }

/* TESTIMONIALS */
.testimonials { background:var(--light); }
.testimonial-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; }
.testimonial-card { background:var(--white); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow); border:1px solid var(--border); position:relative; transition:var(--transition); }
.testimonial-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.testimonial-card::before { content:'"'; position:absolute; top:16px; right:24px; font-size:4rem; font-family:var(--font-head); color:rgba(232,25,44,0.1); line-height:1; }
.tc-stars { color:#fbbf24; font-size:0.85rem; margin-bottom:14px; }
.tc-text { font-size:0.88rem; color:#555; margin-bottom:20px; font-style:italic; }
.tc-author { display:flex; align-items:center; gap:12px; }
.tc-avatar { width:44px; height:44px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:0.9rem; font-family:var(--font-head); flex-shrink:0; }
.tc-name { font-weight:600; font-size:0.9rem; color:var(--dark); }
.tc-role { font-size:0.78rem; color:var(--orange); }

/* CTA BAND */
.cta-band { background:var(--orange); padding:70px 0; }
.cta-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap; }
.cta-inner h2 { color:var(--white); margin-bottom:8px; }
.cta-inner p { color:rgba(255,255,255,0.85); }
.cta-actions { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }

/* FOOTER */
.footer { background:var(--dark); color:rgba(255,255,255,0.65); padding:70px 0 0; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; margin-bottom:50px; }
.footer-brand .logo-text { color:var(--white); margin-bottom:14px; display:block; }
.footer-brand p { font-size:0.85rem; color:rgba(255,255,255,0.5); max-width:280px; }
.footer-col h5 { color:var(--white); font-size:0.9rem; font-weight:700; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.08); }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { font-size:0.84rem; color:rgba(255,255,255,0.55); transition:var(--transition); }
.footer-col ul li a:hover { color:var(--orange); padding-left:4px; }
.footer-sub-heading { color:var(--orange) !important; font-size:0.75rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-top:16px; margin-bottom:8px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding:20px 0; display:flex; justify-content:space-between; align-items:center; font-size:0.8rem; color:rgba(255,255,255,0.35); flex-wrap:wrap; gap:12px; }
.footer-bottom a { color:rgba(255,255,255,0.35); }
.footer-bottom a:hover { color:var(--orange); }
.footer-socials { display:flex; gap:10px; margin-top:16px; }
.footer-socials a { width:36px; height:36px; border-radius:8px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.6); font-size:0.9rem; transition:var(--transition); }
.footer-socials a:hover { background:var(--orange); border-color:var(--orange); color:white; }
.footer-contact-item { display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; }
.footer-contact-item i { color:var(--orange); font-size:0.9rem; margin-top:3px; flex-shrink:0; }
.footer-contact-item a, .footer-contact-item span { font-size:0.83rem; color:rgba(255,255,255,0.55); }
.footer-contact-item a:hover { color:var(--orange); }

/* PAGE HERO */
.page-hero { background:var(--dark); color:var(--white); padding:80px 0 70px; position:relative; overflow:hidden; }
.page-hero::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--orange); }
.breadcrumb { display:flex; align-items:center; gap:8px; font-size:0.8rem; color:rgba(255,255,255,0.5); margin-bottom:16px; }
.breadcrumb a { color:var(--orange); }
.page-hero-label { display:inline-block; background:rgba(232,25,44,0.15); border:1px solid rgba(232,25,44,0.35); color:var(--orange); padding:5px 14px; border-radius:20px; font-size:0.78rem; font-weight:600; margin-bottom:16px; }
.page-hero h1 { color:var(--white); margin-bottom:16px; }
.page-hero p { color:rgba(255,255,255,0.65); max-width:600px; font-size:1rem; }

/* ABOUT PAGE */
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.story-highlights { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:36px; }
.highlight-box { background:var(--light); border-radius:var(--radius); padding:20px; text-align:center; border:1px solid var(--border); }
.highlight-box strong { display:block; font-size:1.8rem; font-weight:800; font-family:var(--font-head); color:var(--orange); }
.highlight-box span { font-size:0.8rem; color:var(--gray); }
.story-visual { background:var(--dark); border-radius:var(--radius); padding:36px; }
.story-visual h3 { color:var(--white); margin-bottom:8px; }
.story-tagline { color:var(--orange); font-style:italic; font-family:var(--font-head); font-size:1.1rem; margin-bottom:28px; }
.story-values { display:flex; flex-direction:column; gap:18px; }
.value-item { display:flex; gap:16px; align-items:flex-start; }
.value-icon { width:38px; height:38px; background:rgba(232,25,44,0.15); border:1px solid rgba(232,25,44,0.3); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--orange); flex-shrink:0; }
.value-item strong { display:block; color:var(--white); font-size:0.9rem; margin-bottom:3px; }
.value-item span { font-size:0.82rem; color:rgba(255,255,255,0.5); }
.why-us { background:var(--light); }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.why-card { background:var(--white); border-radius:var(--radius); padding:28px; border:1px solid var(--border); transition:var(--transition); }
.why-card:hover { border-color:var(--orange); transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.why-num { font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:rgba(232,25,44,0.1); margin-bottom:12px; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.team-card { background:var(--white); border-radius:var(--radius); padding:28px; border:1px solid var(--border); text-align:center; transition:var(--transition); }
.team-card:hover { border-color:var(--orange); transform:translateY(-4px); box-shadow:var(--shadow); }
.team-avatar { width:64px; height:64px; border-radius:50%; background:var(--orange); color:white; font-family:var(--font-head); font-size:1.2rem; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.team-card .role { color:var(--orange); font-size:0.82rem; font-weight:600; margin-bottom:10px; }

/* SERVICES PAGE */
.services-full-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.service-card { background:var(--white); border-radius:var(--radius); padding:30px; border:1px solid var(--border); transition:var(--transition); position:relative; overflow:hidden; }
.service-card::before { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:var(--orange); transition:var(--transition); }
.service-card:hover::before { width:100%; }
.service-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-hover); }
.service-icon { width:52px; height:52px; border-radius:12px; background:var(--orange-light); display:flex; align-items:center; justify-content:center; color:var(--orange); font-size:1.3rem; margin-bottom:16px; }
.service-card h4 { margin-bottom:10px; }
.service-card p { font-size:0.87rem; margin-bottom:16px; }
.service-price { font-weight:700; color:var(--orange); font-size:0.85rem; }

/* PRICING */
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.pricing-card { background:var(--white); border-radius:var(--radius); padding:36px; border:2px solid var(--border); transition:var(--transition); }
.pricing-card.featured { border-color:var(--orange); position:relative; }
.pricing-card.featured::before { content:'Most Popular'; position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--orange); color:white; font-size:0.72rem; font-weight:700; padding:4px 14px; border-radius:20px; white-space:nowrap; }
.pricing-badge { display:inline-block; background:var(--orange-light); color:var(--orange); padding:3px 10px; border-radius:20px; font-size:0.72rem; font-weight:600; margin-bottom:10px; }
.pricing-price { font-size:2rem; font-weight:800; font-family:var(--font-head); color:var(--orange); margin:16px 0; }
.pricing-price sup { font-size:1rem; }
.pricing-price sub { font-size:0.8rem; font-weight:400; color:var(--gray); }
.pricing-features { list-style:none; margin:20px 0; }
.pricing-features li { padding:8px 0; font-size:0.87rem; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; color:#555; }
.pricing-features li i.fa-check { color:var(--orange); }

/* CASE STUDIES PAGE */
.case-hero-stats { display:flex; gap:40px; margin-top:30px; flex-wrap:wrap; }
.case-hero-stat strong { font-size:2rem; font-weight:800; font-family:var(--font-head); color:var(--orange); display:block; }
.case-hero-stat span { color:rgba(255,255,255,0.55); font-size:0.82rem; }
.cs-full-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; }
.cs-full-card { background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border); transition:var(--transition); }
.cs-full-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
.cs-full-header { height:160px; display:flex; align-items:center; justify-content:center; padding:24px; }
.cs-full-body { padding:28px; }
.cs-full-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0; }
.cs-full-metric { background:var(--light); border-radius:8px; padding:14px; text-align:center; }
.cs-full-metric strong { display:block; font-size:1.3rem; font-weight:800; font-family:var(--font-head); color:var(--orange); }
.cs-full-metric span { font-size:0.7rem; color:var(--gray); display:block; }

/* PORTFOLIO PAGE */
.portfolio-filters { display:flex; gap:8px; margin-bottom:36px; flex-wrap:wrap; }
.filter-btn { background:var(--light); border:1px solid var(--border); color:#555; padding:9px 22px; border-radius:50px; font-size:0.84rem; font-weight:600; cursor:pointer; transition:var(--transition); font-family:var(--font-body); }
.filter-btn.active, .filter-btn:hover { background:var(--orange); color:white; border-color:var(--orange); }
.portfolio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.portfolio-card { border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border); transition:var(--transition); }
.portfolio-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
.portfolio-img { height:200px; position:relative; overflow:hidden; }
.portfolio-overlay { position:absolute; inset:0; background:rgba(232,25,44,0.88); display:flex; align-items:center; justify-content:center; opacity:0; transition:var(--transition); }
.portfolio-overlay a { color:white; font-weight:600; font-size:0.9rem; display:flex; align-items:center; gap:8px; }
.portfolio-card:hover .portfolio-overlay { opacity:1; }
.portfolio-body { padding:20px; background:var(--white); }
.portfolio-body h4 { margin-bottom:6px; font-size:0.98rem; }
.portfolio-body p { font-size:0.84rem; }

/* CONTACT PAGE */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:60px; }
.contact-item { display:flex; align-items:flex-start; gap:14px; }
.c-icon { width:42px; height:42px; border-radius:10px; background:var(--orange-light); display:flex; align-items:center; justify-content:center; color:var(--orange); font-size:1rem; flex-shrink:0; }
.contact-item h5 { font-size:0.82rem; color:var(--gray); margin-bottom:3px; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; }
.contact-item a { font-size:0.9rem; color:var(--dark); font-weight:500; }
.contact-item a:hover { color:var(--orange); }
.contact-item p { font-size:0.9rem; color:var(--dark); font-weight:500; }
.contact-form-wrap { background:var(--light); border-radius:var(--radius); padding:36px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { margin-bottom:16px; }
.form-group label { display:block; font-size:0.82rem; font-weight:600; color:var(--dark); margin-bottom:6px; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:11px 14px; border:1.5px solid var(--border); border-radius:8px; font-family:var(--font-body); font-size:0.88rem; background:var(--white); color:var(--dark); transition:var(--transition); outline:none; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(232,25,44,0.1); }
.form-group textarea { height:110px; resize:vertical; }
.form-check { display:flex; flex-wrap:wrap; gap:10px 16px; }
.form-check label { display:flex; align-items:center; gap:6px; font-size:0.85rem; color:#555; cursor:pointer; font-weight:400; }
.form-check input[type="checkbox"] { accent-color:var(--orange); width:15px; height:15px; }
.form-submit { width:100%; margin-top:8px; justify-content:center; padding:14px; }
.form-success { display:none; background:#e6f7e6; border:1px solid #b7ddb7; color:#2d6a2d; padding:14px; border-radius:8px; margin-top:14px; font-size:0.88rem; text-align:center; }
.form-success.show { display:block; }
.map-section { background:var(--light); padding:60px 0; }
.map-wrap { border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }
.map-placeholder { background:linear-gradient(135deg,var(--dark) 0%,var(--dark3) 100%); height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; text-align:center; gap:8px; }
.map-placeholder i { font-size:2.5rem; color:var(--orange); }
.map-placeholder h4 { color:white; }
.map-placeholder p { color:rgba(255,255,255,0.6); }

/* TOOLS BAND */
.tools-band { background:var(--light); padding:40px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.tools-row { display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; }
.tool-item { display:flex; align-items:center; gap:8px; color:var(--gray); font-size:0.85rem; font-weight:600; opacity:0.7; transition:var(--transition); }
.tool-item:hover { opacity:1; color:var(--dark); }
.tool-item i { font-size:1.3rem; color:var(--orange); }

/* WHATSAPP FLOAT */
.whatsapp-float { position:fixed; bottom:28px; right:28px; width:56px; height:56px; border-radius:50%; background:#25d366; color:white; display:flex; align-items:center; justify-content:center; font-size:1.5rem; box-shadow:0 6px 24px rgba(37,211,102,0.45); z-index:900; transition:var(--transition); animation:pulse 2s ease-in-out infinite; }
.whatsapp-float:hover { transform:scale(1.1); color:white; }
@keyframes pulse { 0%,100%{box-shadow:0 6px 24px rgba(37,211,102,0.45)} 50%{box-shadow:0 6px 36px rgba(37,211,102,0.7)} }

/* ANIMATIONS */
.fade-in { opacity:0; transform:translateY(24px); transition:opacity 0.6s ease,transform 0.6s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* RESPONSIVE */
@media(max-width:992px){
  .hero-grid,.simplify-grid,.story-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .why-grid,.team-grid,.services-full-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .cs-full-grid{grid-template-columns:1fr}
  .hero::before{display:none}
  .hero{padding:70px 0 60px;min-height:auto}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-float{display:none}
  .mega-dropdown{width:100%;left:0;transform:none}
  .nav-item:hover .mega-dropdown{transform:none}
  .services-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .section{padding:55px 0}
  .nav-menu,.nav-cta,.top-bar-right .btn-primary{display:none}
  .nav-toggle{display:flex}
  .nav-menu.open{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--white);overflow-y:auto;padding:20px;z-index:999;gap:4px}
  .nav-menu.open .nav-link{padding:12px 16px;border-radius:8px}
  .nav-menu.open .dropdown,.nav-menu.open .mega-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--light);border-radius:8px;margin-top:4px}
  .nav-menu.open .mega-dropdown{display:block;width:100%;grid-template-columns:1fr}
  .nav-menu.open .nav-cta{display:flex;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
  .why-grid,.team-grid,.services-full-grid,.pricing-grid{grid-template-columns:1fr}
  .portfolio-grid{grid-template-columns:1fr}
  .story-highlights,.stats-float-grid{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  .stats-row{justify-content:center}
  .footer-grid{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;text-align:center}
  .cta-actions{justify-content:center}
  .top-bar{display:none}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column}
  .hero-services-scroll{display:none}
  .cs-full-metrics{grid-template-columns:1fr 1fr}
}