:root{
  /* Core palette */
  --bg:#ffffff;
  --surface:#f6f7f9;
  --card:#ffffff;
  --ink:#0b0d0f;
  --text:#0b0d0f;
  --muted:#3b4752;
  --accent:#FFB800;        /* Yellow accent */
  --accent-ink:#000000;    /* Text on accent */
  --success:#0a7a24;
  --error:#b00020;
  --warning:#a66b00;
  --border:#e6e9ee;

  /* Radii & elevation */
  --radius:12px;
  --radius-sm:10px;
  --shadow:0 6px 20px rgba(0,0,0,.06);

  /* Spacing scale */
  --space-1:4px;  /* 4 */
  --space-2:8px;  /* 8 */
  --space-3:12px; /* 12 */
  --space-4:16px; /* 16 */
  --space-5:20px; /* 20 */
  --space-6:24px; /* 24 */
  --space-7:32px; /* 32 */
  --space-8:40px; /* 40 */
  --space-9:48px; /* 48 */
  --space-10:64px;/* 64 */

  /* Typography */
  --font-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --fs-body:clamp(15px, 0.22vw + 14.5px, 17px);
  --lh-body:1.5;
  --fs-h1:clamp(30px,3.2vw,48px);
  --fs-h2:clamp(22px,2.6vw,32px);
  --fs-h3:clamp(18px,1.8vw,22px);

  /* Layout */
  --container:max(280px, min(1120px, 92vw));
  --section-y:clamp(28px, 4vw, 48px);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.container{width:var(--container);margin:0 auto}

.skip-link{position:absolute;top:-100px;left:0;background:var(--ink);color:#fff;padding:8px 16px;text-decoration:none;z-index:10000;font-weight:700}
.skip-link:focus{top:0}

body{margin:0;padding:0;overflow-x:hidden;border:none;background:#070b11}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, transparent 100%);border:none;backdrop-filter:none;box-shadow:none;padding:0;margin:0}
.site-header.is-scrolled{box-shadow:0 8px 24px rgba(0,0,0,0.15);border-bottom:2px solid #FFB800;background:rgba(7, 11, 17, 0.9);backdrop-filter:blur(10px)}
.site-header.is-scrolled .nav a{color:#ffffff}
.site-header.is-scrolled .nav a:hover{color:#FFB800}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:6px 0}
@media(max-width:820px){.site-header{background:transparent !important}.site-header.is-scrolled{background:#ffffff !important}}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;perspective:500px}
.brand img{height:70px;width:auto;max-width:280px;margin:-8px 0;filter:drop-shadow(0 2px 8px rgba(255,184,0,0.3)) drop-shadow(0 4px 16px rgba(0,0,0,0.4));transform:rotateX(5deg) rotateY(-3deg);transform-style:preserve-3d;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.brand:hover img{transform:rotateX(0deg) rotateY(0deg) scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,0.4)) drop-shadow(0 12px 24px rgba(0,212,170,0.35)) drop-shadow(0 0 20px rgba(0,212,170,0.3))}
.nav{display:flex;gap:24px;align-items:center;padding-right:20px;border-right:1px solid rgba(255,255,255,0.15);margin-right:8px}
.nav-mobile-only{display:none}
.nav a{color:#fff;text-decoration:none;font-weight:600;position:relative;transition:all .3s ease;padding:8px 0}
.nav a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#FFB800;transition:all .3s ease;transform:translateX(-50%)}
.nav a:hover{color:#FFB800;text-shadow:0 0 12px rgba(255,184,0,0.4)}
.nav a:hover::after{width:100%}

@media (max-width: 820px){
  .nav{display:none}
  .nav-mobile-only{display:block}
  .menu-toggle{display:block}
}
.header-ctas{display:flex;gap:12px;align-items:center}
.fast-response-badge{height:90px;width:auto;animation:pulse-badge 2s ease-in-out infinite}
@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(max-width:820px){.fast-response-badge{display:none}}

/* Mobile menu toggle */
.menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;z-index:1002;order:2}
.menu-toggle span{display:block;width:24px;height:2px;background:#0a0a0a;margin:5px 0;transition:all .3s ease;border-radius:2px}
@media(max-width:820px){.menu-toggle span{background:#fff}}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}

/* Mobile navigation */
.nav.mobile-open{display:flex;flex-direction:column;position:fixed;top:59px;left:0;right:0;background:#0a0a0a;border-bottom:3px solid #FFB800;padding:20px;gap:14px;box-shadow:0 12px 40px rgba(0,0,0,.4);z-index:999;animation:slideDown .3s ease;max-height:calc(100vh - 59px);overflow-y:auto}
.nav.mobile-open{align-items:center;text-align:center}
.nav.mobile-open a{width:100%;padding:14px 18px;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:700;font-size:16px;text-decoration:none;letter-spacing:.3px;border-left:none;text-align:center}
.nav.mobile-open a:hover{background:rgba(255,184,0,0.15);color:#FFB800;transform:translateY(-1px)}
.nav.mobile-open a:active{transform:translateX(2px);background:rgba(255,184,0,0.25)}

@keyframes slideDown{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:translateY(0)}
}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:20px;border:2px solid transparent;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:48px;line-height:1.4}
.btn-lg{padding:14px 28px;font-size:1.05rem;min-height:54px}
.btn-call{background:#FFB800;color:#0a0a0a;border-color:#FFB800;font-weight:800}
.btn-call:hover{background:#FFA500;border-color:#FFA500;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,184,0,0.35)}
.btn-call:active{transform:translateY(0)}
.btn-quote{background:#FFB800;color:#0a0a0a;border-color:#FFB800;position:relative;overflow:visible;font-weight:800}
.btn-quote:hover{background:#FFA500;border-color:#FFA500;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,184,0,0.35)}
.btn-quote:active{transform:translateY(0)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.btn:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 6px rgba(0,0,0,.6)}
.link{color:var(--ink);font-weight:700;text-underline-offset:3px}
.link:hover{text-decoration:underline}

.hero{position:relative;background:var(--surface);background-size:cover;background-position:center;color:#fff;padding:clamp(48px,8vw,80px) 0}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.65) 100%);z-index:0}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.hero-copy{max-width:560px}
.hero-badge{display:inline-block;background:rgba(255,184,0,.15);border:1px solid rgba(255,184,0,.3);border-radius:999px;padding:8px 16px;margin-bottom:20px;font-size:14px;font-weight:600;color:#fff}
.hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.12;margin:0 0 16px 0;color:#fff;font-weight:900;letter-spacing:-.02em}
.hero p{font-size:clamp(16px,2vw,19px);color:rgba(255,255,255,.95);margin:0 0 28px 0;line-height:1.55;font-weight:500}
.hero-trust-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}
.trust-stat{display:flex;align-items:start;gap:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px}
.trust-stat .stat-icon{font-size:28px;line-height:1;flex-shrink:0}
.trust-stat .stat-content{display:flex;flex-direction:column;gap:2px}
.trust-stat strong{font-size:15px;color:#fff;font-weight:700;display:block}
.trust-stat span{font-size:13px;color:rgba(255,255,255,.75)}
.hero-cta{display:flex;flex-direction:column;gap:12px}
.hero-cta-note{margin:0;font-size:14px;color:rgba(255,255,255,.8);font-weight:500}

.hero-form{position:relative;z-index:1}
.form-card{background:linear-gradient(145deg, #E8F5FF 0%, #f0f9f7 50%, #E8F5FF 100%);border-radius:24px;padding:36px 32px;box-shadow:0 30px 60px rgba(255,184,0,0.1), 0 15px 30px rgba(255,184,0,0.08);border:2px solid #FFB800;position:relative;overflow:hidden}
.form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #FFB800 0%, #0a0a0a 50%, #FFB800 100%);z-index:2}
.form-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,184,0,.08) 0%, transparent 50%);pointer-events:none;z-index:0}
.form-card > *{position:relative;z-index:1}
.form-card h2{margin:0 0 6px 0;font-size:28px;font-weight:900;color:#0a0a0a;letter-spacing:-.5px;text-shadow:none}
.form-subtitle{margin:0 0 24px 0;font-size:14px;color:#666;font-weight:600;line-height:1.5;padding-bottom:20px;border-bottom:2px solid #FFB800}
.form-fields{display:flex;flex-direction:column;gap:16px}
.form-fields label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#000;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.form-fields input,.form-fields select,.form-fields textarea{padding:14px 16px;border:2px solid #FFB800;border-radius:10px;background:#fff;color:var(--text);font:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;position:relative;box-shadow:0 2px 8px rgba(255,184,0,0.08)}
.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 4px 16px rgba(10,10,10,0.15)}
.form-fields input::placeholder,.form-fields select::placeholder,.form-fields textarea::placeholder{color:#9ca3af}
.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{outline:none;background:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.04), 0 0 0 3px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}
.form-fields .full-width{width:100%}
.form-trust{margin:12px 0 0 0;text-align:center;font-size:11px;color:rgba(0,0,0,.6);font-weight:700;text-transform:uppercase;letter-spacing:.5px}

/* Form Header & Badge */
.form-header{text-align:center;margin-bottom:20px}

/* Full-width override for Trusted Logos section */
.trusted-logos-section .container{
  width:100%;
  max-width:none;
  padding-left:0;
  padding-right:0;
}
.form-badge{display:inline-block;background:#FFB800;color:#0a0a0a;font-size:11px;font-weight:700;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.form-header h2{margin:0 0 6px 0;font-size:32px;font-weight:900;color:#000}
.form-header .form-subtitle{margin:0;padding-bottom:0;border-bottom:none}

/* Trust Row */
.form-trust-row{display:flex;justify-content:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.form-trust-row span{font-size:11px;font-weight:600;color:rgba(0,0,0,.65);display:flex;align-items:center;gap:4px}

@keyframes floatGlow{0%,100%{transform:translate(0, 0)}50%{transform:translate(20px, -20px)}}

.section{padding:var(--section-y) 0}
.section-head{text-align:center;margin-bottom:40px}
.section-head h2{margin:0 0 16px 0;font-size:clamp(28px, 4vw, 48px);color:#0a0a0a;font-weight:800;position:relative}
.section-head p{margin:0;color:#888;font-size:15px}
.section-head .section-label{color:#FFB800 !important}

/* Testimonials Head - Highlight Badge Style */
.testimonials-head h2{display:inline-block;position:relative}
.highlight-badge{background:#FFB800;color:#0a0a0a;padding:2px 16px;border-radius:4px;font-weight:900;font-style:italic;transform:rotate(-2deg);display:inline-block;position:relative;margin-left:8px}
.highlight-badge::before{content:'';position:absolute;top:-8px;right:-12px;width:24px;height:24px;background:#0a0a0a;border-radius:50%;opacity:0.1;z-index:-1}

/* FAQ Head - Icon & Highlight Style */
.faq-head h2{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg, #FFB800 0%, #E69A00 100%);color:#fff;border-radius:50%;font-size:28px;font-weight:900;box-shadow:0 8px 20px rgba(255,184,0,0.3)}
.faq-highlight{background:linear-gradient(120deg, #0a0a0a 0%, #1a1a1a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}

.quote-section{background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(28px, 4vw, 48px) 0}
.quote-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:start}
.quote-benefits{display:flex;flex-direction:column;gap:20px}
.benefit-item{display:flex;gap:16px;align-items:start;background:#fff;padding:18px;border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.benefit-icon{font-size:32px;line-height:1;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF7E0 0%,#FFE8B3 100%);border-radius:10px;border:1px solid rgba(255,184,0,.2)}
.benefit-content h3{margin:0 0 4px 0;font-size:17px;color:var(--ink);font-weight:700}
.benefit-content p{margin:0;font-size:14px;color:var(--muted);line-height:1.4}
.quote-trust{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px;padding-top:20px;border-top:2px solid var(--border)}
.trust-badge{background:#fff;padding:14px 16px;border-radius:10px;border:1px solid var(--border);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.trust-badge strong{display:block;font-size:15px;color:var(--ink);margin-bottom:3px;font-weight:700}
.trust-badge span{font-size:13px;color:var(--muted)}
.quote-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:clamp(24px,4vw,32px);box-shadow:var(--shadow)}
.quote-card form{width:100%}
.btn-submit{width:100%;margin-top:16px;font-size:15px;padding:16px 28px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#0a0a0a;color:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px rgba(10,10,10,.25);transition:all .3s cubic-bezier(.34,.1,.64,.35);position:relative;overflow:hidden;cursor:pointer;font-family:inherit}
.btn-submit::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(255,255,255,.1) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}
.btn-submit::after{content:'';position:absolute;inset:-3px;background:#0a0a0a;border-radius:14px;z-index:-1;opacity:0;filter:blur(12px);transition:opacity .3s ease}
.btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(10,10,10,.35);background:#1a1a1a}
.btn-submit:hover::before{opacity:1}
.btn-submit:hover::after{opacity:.5}
.btn-submit:active{transform:translateY(-1px);box-shadow:0 6px 16px rgba(10,10,10,.3)}
@keyframes shine{0%,100%{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}
form label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:var(--ink)}
form input,form select,form textarea{padding:14px 16px;border:2px solid #d5dae1;border-radius:12px;background:#fff;color:var(--text);font:inherit;transition:all .2s ease;font-size:15px}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 4px rgba(10,10,10,.12), 0 4px 12px rgba(10,10,10,.15);transform:translateY(-1px)}
form input:invalid, form select:invalid, form textarea:invalid{border-color:var(--error)}
form input:valid, form select:valid, form textarea:valid{border-color:rgba(10,122,36,.4)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:800px;margin:0 auto}
.span-2{grid-column:span 2}
.consent{font-weight:500;gap:12px;display:flex;align-items:center;flex-direction:row;padding:14px 16px;border:2px solid #e8d700;border-radius:12px;background:#fffef6}
.consent input{width:auto;margin:0;min-width:20px;min-height:20px;cursor:pointer}
.form-status{margin-top:16px;color:#0a7a24;font-weight:700;text-align:center;font-size:16px;padding:12px;border-radius:10px;background:rgba(10,122,36,.08)}

.services{background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.services h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 18px 0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.card img{aspect-ratio:16/9;object-fit:cover}
.card-body{padding:12px}
.card h3{margin:2px 0 6px 0;font-size:var(--fs-h3)}
.card p{margin:0 0 10px 0;color:var(--muted)}
.card .link{margin:0}
.service-detail{padding:32px 0;background:#fff;border-top:1px solid var(--border);display:none}
.service-detail.is-active{display:block}
.service-detail.alt{background:#fafafa}
.service-detail .detail{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}
.service-detail .service-media{display:flex;align-items:flex-start}
.service-detail .service-media img{border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);object-fit:cover}
.media-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-auto-rows:minmax(120px,1fr);max-height:320px;width:100%}
.media-collage img{width:100%;height:100%;aspect-ratio:4/3;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow)}
.media-collage .wide{grid-column:span 2;aspect-ratio:16/9}
.service-detail h3{margin:0 0 8px 0;font-size:var(--fs-h2)}
.service-detail p{margin:0 0 10px 0;color:var(--muted)}
.service-detail ul{margin:0 0 12px 0;padding-left:18px}
.service-detail li{margin:4px 0}
.service-collage{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.service-collage img{width:100%;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}

.why{background:#f5f7f9}
.why-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:28px;max-width:900px;margin-left:auto;margin-right:auto}
.why-card{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:32px 24px;box-shadow:0 4px 12px rgba(0,0,0,.05);text-align:left;display:flex;flex-direction:column;gap:16px}
.why-icon{width:64px;height:64px;margin:0;border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;flex-shrink:0}
.why-card h3{margin:0;font-size:18px;color:var(--ink);font-weight:700}
.why-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}

.work{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gallery figure{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}
.gallery img{aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease}
.gallery figure:hover img{transform:scale(1.03)}
.gallery figcaption{padding:8px 10px;color:var(--muted);font-weight:600;border-top:1px solid var(--border);background:#fff}

@media (max-width: 820px){
  .gallery.scroller{display:flex;overflow:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .gallery.scroller figure{min-width:80%;scroll-snap-align:start}
  .gallery.scroller::-webkit-scrollbar{height:4px}
  .gallery.scroller::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}
  .gallery.scroller::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}
}

.testimonials{background:linear-gradient(135deg, #fafafa 0%, #ffffff 100%);border-top:2px solid #f0f0f0;border-bottom:none;padding:80px 0}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.testimonial-card{margin:0;padding:28px;border:1px solid #f0f0f0;border-radius:18px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:14px;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,184,0,0.1);border-color:#FFB800}
.testimonial-card blockquote{margin:0}
.testimonial-card p{margin:0 0 8px 0;color:#333;font-size:15px;line-height:1.6;font-weight:500}
.testimonial-card cite{color:#888;font-style:normal;font-weight:600;font-size:13px}
.stars{display:flex;gap:4px;color:#FFB800;font-size:14px}
.stars svg{width:18px;height:18px;fill:#f5b800}

/* Trusted By Section */
.trusted-by{padding:clamp(24px, 3.5vw, 40px) 0;background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px;margin-top:24px;align-items:center}
.logo-item{display:flex;align-items:center;justify-content:center;height:80px;padding:12px;transition:all .3s ease}
.logo-item:hover{transform:translateY(-4px) scale(1.05)}
.logo-item img{max-height:60px;max-width:100%;width:auto;height:auto;object-fit:contain}

.cta-band{padding:26px 0;background:linear-gradient(135deg, #0b0d0f 0%, #1a1d21 50%, #0b0d0f 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:#fff;border:none}
@keyframes gradientShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-inner h2{margin:0 0 6px 0;color:#fff !important}
.cta-inner p{margin:0;color:rgba(255,255,255,0.9) !important}
.cta-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}

.trust{padding:36px 0;background:#fff}
.trust h2{font-size:clamp(20px,2vw,26px);margin:0 0 12px 0}
.logo-strip{display:flex;gap:24px;align-items:center;opacity:.9}
.logo-strip img{height:42px;width:auto}

.service-details{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .6s ease, opacity .4s ease, transform .4s ease;pointer-events:none}
.service-details.is-open{max-height:1600px;opacity:1;transform:none;pointer-events:auto;padding-top:8px}

.site-footer{background:transparent;color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:18px 0}

@media (max-width: 820px){
  .form-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  .hero-inner{grid-template-columns:1fr;gap:32px;padding:0}
  .hero{padding:clamp(36px,7vw,48px) 0}
  .hero-copy{max-width:100%}
  .hero-trust-stats{grid-template-columns:1fr;gap:12px}
  .form-card{padding:clamp(20px, 6vw, 32px)}
  .form-card h2{font-size:clamp(20px, 5vw, 28px)}
  .form-fields input,.form-fields select,.form-fields textarea{padding:16px;font-size:16px;min-height:48px}
  .form-fields label{font-size:13px}
  .btn-submit{padding:18px 24px;min-height:50px}
  .cards{grid-template-columns:1fr}
  .gallery:not(.scroller){grid-template-columns:1fr}
  .header-inner{gap:12px;padding:12px 0;flex-wrap:wrap;min-height:56px}
  .brand{order:1;flex:0 0 auto}
  .menu-toggle{order:2;flex:0 0 auto;min-height:48px}
  .menu-toggle span{width:26px;height:2.5px}
  .header-ctas{order:3;flex:0 0 auto;margin-left:auto;gap:8px}
  .header-ctas .btn{padding:14px 22px;font-size:14px;min-height:48px;overflow:visible}
  .brand img{height:42px;width:auto;max-width:200px}
  .quotes{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .nav.mobile-open{padding:18px 16px}
  .nav.mobile-open a{padding:14px 16px;font-size:15px;min-height:48px}
  .service-detail .detail{grid-template-columns:1fr}
  .hero-inner{grid-template-columns:1fr;gap:20px;padding:clamp(32px, 8vw, 48px) 0}
  .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
  .hero h1{font-size:clamp(26px, 7vw, 36px);line-height:1.15}
  .hero p{font-size:clamp(15px, 4vw, 18px)}
  .badges{gap:8px}
  .badge{padding:6px 12px;font-size:13px;min-height:40px}
  .pill-nav{gap:8px}
  .pill{padding:10px 14px;font-size:14px;min-height:44px}
  .hero-actions{flex-direction:column;width:100%;gap:12px}
  .hero-cta{width:100%}
  .hero-cta .btn{width:100%;text-align:center;min-height:48px}
  .btn{text-align:center;justify-content:center;min-height:44px}
  .section{padding:clamp(32px, 8vw, 48px) 0}
  .service-detail{padding:32px 0}
  .media-collage{max-height:400px}
  .why-grid{grid-template-columns:1fr;gap:16px}
  .why-card{padding:clamp(20px, 4vw, 28px)}
  .testimonial-card{padding:clamp(16px, 4vw, 24px)}
  .testimonial-card:hover{transform:translateY(-2px)}
  .quotes{grid-template-columns:1fr}
  .faq-item summary{padding:18px 20px;font-size:15px;min-height:48px}
  .faq-answer{padding:0 20px 16px;font-size:15px}
  .footer-inner{flex-direction:column;text-align:center;gap:20px}
  .footer-brand{justify-content:center}
  .footer-nav{flex-direction:column;gap:12px}
  .footer-nav a{padding:8px 0;min-height:44px}
  .cta-actions{flex-direction:column;width:100%;gap:12px}
  .cta-actions .btn{width:100%;min-height:48px;border-radius:32px;font-weight:700}
  .trust{padding:40px 0}
  .logo-strip{flex-wrap:wrap;justify-content:center;gap:20px}
  .logo-strip img{height:36px}
}

/* Responsive polish 2025-12-24 */
:focus-visible{outline:3px solid #FFB800;outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
@media (min-width:1024px){
  .hero-inner{padding:96px 0}
  .cards{gap:20px}
}

/* Mobile touch optimization */
@media (hover: none) and (pointer: coarse){
  .btn{padding:12px 18px;min-height:44px}
  .btn-lg{padding:16px 24px;min-height:48px}
  .pill{padding:10px 14px;min-height:40px}
  .nav a{padding:8px 0}
  form input, form select, form textarea{min-height:44px;font-size:16px}
  .card{margin-bottom:4px}
}

/* Prevent zoom on input focus for iOS */
@media screen and (max-width: 768px){
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea{
    font-size:16px !important;
  }
}

/* Improve tap targets on mobile */
@media (max-width: 820px){
  a, button, .btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .header-ctas a{
    width:100%;
  }
}
@media (max-width:480px){
  body{font-size:15px}
  .site-header{position:absolute}
  .scroll-cue{display:none}
  .btn-lg{width:100%;text-align:center;min-height:48px;padding:16px 20px}
  .header-ctas{display:none}
  .menu-toggle{display:block;order:3;margin-left:auto}
  .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .hero h1{font-size:clamp(24px, 8vw, 34px);line-height:1.2}
  .hero p{font-size:clamp(14px, 4vw, 16px)}
  .hero-subtext{margin:0 auto 24px;font-size:15px}
  .hero-headline{font-size:clamp(26px, 8vw, 42px)}
  .section-head h2{font-size:clamp(20px, 6vw, 28px)}
  .container{width:calc(100vw - 28px);margin:0 auto;padding:0 14px}
  .cards{gap:12px}
  .card{margin-bottom:6px}
  .card-body{padding:12px}
  .card h3{font-size:16px}
  .quote-card{padding:20px}
  .form-grid{gap:14px}
  .form-card{padding:20px}
  .form-card h2{font-size:20px;margin-bottom:8px}
  .form-subtitle{font-size:13px;margin-bottom:16px}
  .form-fields input, .form-fields select, .form-fields textarea{padding:14px;font-size:16px;min-height:48px;border-radius:8px}
  .form-fields label{font-size:12px;margin-bottom:6px}
  form input, form select, form textarea{padding:14px;font-size:16px;min-height:44px}
  .gallery.scroller{gap:8px;padding-bottom:8px}
  .gallery.scroller figure{min-width:85%;scroll-snap-align:center}
  .why-card{padding:18px}
  .why-icon{width:48px;height:48px;font-size:24px}
  .why-card h3{font-size:16px}
  .why-card p{font-size:14px}
  .testimonial-card{padding:16px}
  .testimonial-card p{font-size:14px}
  .cta-band{padding:24px 0}
  .cta-band .container{padding:0 14px}
  .section-label{font-size:12px;letter-spacing:2px}
  .work-headline{font-size:clamp(24px, 6vw, 32px)}
  .projects-grid{grid-template-columns:1fr}
  .service-card{padding:24px;gap:20px}
  .service-card-image{height:200px}
  .card-blob{width:120px;height:120px;top:-10px;right:-20px}
  .service-card-content h3{font-size:clamp(20px, 5vw, 28px)}
  .check-list-mojo li{font-size:14px;padding:8px 0;gap:10px}
  .quote-dark-inner{gap:24px}
  .quote-dark-text h2{font-size:clamp(24px, 6vw, 32px)}
  .quote-dark-text p{font-size:14px}
  .faq-item summary{padding:16px 18px;font-size:14px}
  .faq-answer{padding:0 18px 14px;font-size:14px}
  .logo-row-hero{gap:20px}
  .logo-row-hero img{height:28px}
  h1, h2, h3, h4, h5, h6{letter-spacing:-0.5px}
  .text-underline::after{height:7px;bottom:0px}
  .text-circle::after{inset:-14px -10px;border:3.5px solid #FFB800}
  .text-underline-yellow::after{height:9px;opacity:0.7}
  .word-underline::after{height:9px}
  .big-idea{padding:60px 0 30px}
  .section{padding:clamp(28px, 6vw, 40px) 0}
  .result-stat{font-size:clamp(28px, 5vw, 40px)}
  .trust-stat{padding:12px}
  .trust-stat .stat-content{gap:1px}
  .trust-stat strong{font-size:14px}
  .trust-stat span{font-size:12px}
  .hero-content-centered{padding:60px 16px 40px}
  .hero-cta-row{gap:12px;margin-bottom:12px}
  .btn-hero-primary, .btn-hero-glass{padding:14px 24px;font-size:14px;min-height:48px}
  .hero-stats-row{gap:12px}
  .hero-stat{padding:12px;min-width:90px}
  .hero-stat .stat-value{font-size:20px}
  .hero-stat .stat-desc{font-size:11px}
  .text-underline::after{height:5px}
  .text-circle::after{width:30px;height:30px}
  .link{font-size:14px}
  .badge{padding:6px 12px;font-size:12px}
  .pill{padding:10px 12px;font-size:13px}
  .social-links a{width:40px;height:40px}
}

/* Sticky mobile call bar */
.sticky-call{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:1001;background:#ffffff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;padding:10px;display:none;flex-direction:row;gap:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15);width:calc(100% - 32px);max-width:420px;align-items:stretch}
.sticky-call-right{display:flex !important;flex-direction:column !important;gap:8px !important;flex:1 !important}
.sticky-call .btn{text-align:center !important;padding:12px 14px !important;font-size:13px !important;font-weight:700 !important;border-radius:8px !important;border:none !important;transition:all .2s ease;text-decoration:none !important;display:flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;line-height:1.2 !important;min-height:auto !important;height:auto !important}
.sticky-call .btn-call{background:#0a0a0a !important;color:#fff !important;min-width:90px !important;flex-shrink:0 !important}
.sticky-call .btn-call:active{background:#1a1a1a !important;transform:scale(0.98)}
.sticky-call .btn-quote{background:#FFB800 !important;color:#0a0a0a !important;flex:1 !important}
.sticky-call .btn-quote:active{background:#e6a700 !important;transform:scale(0.98)}
.sticky-call .btn-site{background:#1E88E5 !important;color:#fff !important;flex:1 !important}
.sticky-call .btn-site:active{background:#1565C0 !important;transform:scale(0.98)}
@media (max-width: 820px){.sticky-call{display:flex !important}}

/* Floating site button (desktop) */
.floating-site-btn{position:fixed;right:24px;bottom:90px;z-index:1000;background:#1E88E5;color:#ffffff;padding:16px 24px;border-radius:999px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(30,136,229,.35), 0 4px 12px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;min-height:50px}
.floating-site-btn svg{width:20px;height:20px;flex-shrink:0}
.floating-site-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 36px rgba(30,136,229,.45), 0 6px 16px rgba(0,0,0,.2)}
.floating-site-btn:active{transform:translateY(-2px) scale(1.02)}
@media (max-width: 820px){.floating-site-btn{display:none}}

/* Floating quote button (desktop) */
.floating-quote-btn{position:fixed;right:24px;bottom:24px;z-index:1000;background:#10B981;color:#ffffff;padding:16px 24px;border-radius:999px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(16,185,129,.35), 0 4px 12px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;min-height:50px}
.floating-quote-btn svg{width:20px;height:20px;flex-shrink:0}
.floating-quote-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 36px rgba(16,185,129,.45), 0 6px 16px rgba(0,0,0,.2)}
.floating-quote-btn:active{transform:translateY(-2px) scale(1.02)}
.floating-quote-btn::before{content:'';position:absolute;inset:-4px;background:#10B981;border-radius:inherit;z-index:-1;opacity:.3;filter:blur(12px);animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{opacity:.2;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}}
@media (max-width: 820px){.floating-quote-btn{display:none}}

/* ========================================
   MODERN UI ANIMATIONS & EFFECTS
   ======================================== */

/* Section Wave Dividers */
.wave-divider{position:relative}
.wave-divider::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  height:60px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23fafafa' d='M0,32L80,37.3C160,43,320,53,480,53.3C640,53,800,43,960,37.3C1120,32,1280,32,1360,32L1440,32L1440,60L1360,60C1280,60,1120,60,960,60C800,60,640,60,480,60C320,60,160,60,80,60L0,60Z'/%3E%3C/svg%3E") no-repeat center bottom;
  background-size:cover;
  pointer-events:none
}
.wave-divider-dark::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%230b0d0f' d='M0,32L80,37.3C160,43,320,53,480,53.3C640,53,800,43,960,37.3C1120,32,1280,32,1360,32L1440,32L1440,60L1360,60C1280,60,1120,60,960,60C800,60,640,60,480,60C320,60,160,60,80,60L0,60Z'/%3E%3C/svg%3E")
}
.wave-divider-white::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23ffffff' d='M0,32L80,37.3C160,43,320,53,480,53.3C640,53,800,43,960,37.3C1120,32,1280,32,1360,32L1440,32L1440,60L1360,60C1280,60,1120,60,960,60C800,60,640,60,480,60C320,60,160,60,80,60L0,60Z'/%3E%3C/svg%3E")
}

/* Page Loader */
.page-loader{position:fixed;inset:0;z-index:9999;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease, visibility .5s ease}
.page-loader.loaded{opacity:0;visibility:hidden}
.loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}
.loader-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.15);border-top-color:#FFB800;border-radius:50%;animation:spin 1s linear infinite}
.loader-text{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.5px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Hero Ken Burns background effect */
.hero{animation:kenBurns 20s ease-in-out infinite alternate}
@keyframes kenBurns{
  0%{background-size:100% auto;background-position:50% 50%}
  100%{background-size:110% auto;background-position:50% 45%}
}

/* Hero h1 gradient text animation */
.hero h1{
  background:linear-gradient(135deg, #ffffff 0%, #E8F5FF 50%, #ffffff 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:gradientText 4s ease infinite;
}
@keyframes gradientText{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Floating badges animation */
.badge{animation:float 3s ease-in-out infinite}
.badge:nth-child(1){animation-delay:0s}
.badge:nth-child(2){animation-delay:.5s}
.badge:nth-child(3){animation-delay:1s}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

/* Button glow pulse for primary CTAs */
.btn-quote{position:relative;overflow:visible}
.btn-quote::after{content:'';position:absolute;inset:-2px;background:#FFB800;border-radius:inherit;z-index:-1;opacity:0;filter:blur(12px);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{
  0%,100%{opacity:0;transform:scale(.95)}
  50%{opacity:.5;transform:scale(1.05)}
}

/* Card hover lift effect */
.card{transition:transform .3s ease, box-shadow .3s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}

/* Gallery image reveal + tilt prep */
.gallery figure{transition:transform .3s ease, box-shadow .3s ease}
.gallery figure:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.1)}

/* Feature list icon bounce on scroll reveal */
.feature-list svg{transition:transform .3s ease}
.feature-list li:hover svg{transform:scale(1.2)}

/* Testimonial card subtle float */
.testimonial-card{transition:transform .3s ease, box-shadow .3s ease}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.1)}

/* Star shimmer effect */
.stars svg{animation:shimmer 2s ease-in-out infinite}
.stars svg:nth-child(1){animation-delay:0s}
.stars svg:nth-child(2){animation-delay:.1s}
.stars svg:nth-child(3){animation-delay:.2s}
.stars svg:nth-child(4){animation-delay:.3s}
.stars svg:nth-child(5){animation-delay:.4s}
@keyframes shimmer{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.3)}
}

/* Scroll indicator for hero */
.hero-inner{position:relative}
.scroll-indicator{position:absolute;bottom:20px;left:0;transform:translateX(0);display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.7);font-size:12px;font-weight:600;animation:bounce 2s ease-in-out infinite}
.scroll-indicator svg{width:24px;height:24px;fill:currentColor}
@keyframes bounce{
  0%,100%{transform:translateX(0) translateY(0)}
  50%{transform:translateX(0) translateY(8px)}
}

/* Pill hover effect */
.pill{transition:all .2s ease}
.pill:hover{background:rgba(255,255,255,.25);border-color:#fff;transform:translateY(-2px)}

/* Service detail image hover */
.service-media img{transition:transform .5s ease}
.service-detail:hover .service-media img{transform:scale(1.03)}

/* Button magnetic hover prep (enhanced) */
.btn{transition:all .25s cubic-bezier(.4,0,.2,1)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}

/* Smooth entrance for sticky bar */
.sticky-call{animation:slideUp .4s ease forwards;animation-delay:.5s;opacity:0}
@keyframes slideUp{
  from{opacity:0;transform:translateX(-50%) translateY(20px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}

/* File Upload Styles */
.file-upload-label{margin-top:4px}
.file-upload-zone{border:2px dashed rgba(0,0,0,.25);border-radius:12px;padding:16px 24px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.5);position:relative;overflow:hidden}
.file-upload-zone::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.3);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:10px}
.file-upload-zone:hover,.file-upload-zone.dragover{border-color:rgba(0,0,0,.4);background:rgba(255,255,255,.8);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.file-upload-zone:hover::before,.file-upload-zone.dragover::before{opacity:1}
.file-upload-zone input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(0,0,0,.6);position:relative;z-index:1}
.file-upload-content svg{stroke:#000;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7}
.file-upload-zone:hover .file-upload-content svg{transform:scale(1.1) translateY(-4px);opacity:1}
.file-upload-content span{font-weight:700;color:#000;font-size:14px;letter-spacing:-.2px}
.file-upload-content small{font-size:11px;color:rgba(0,0,0,.5);font-weight:600}
.file-list{margin-top:12px;text-align:left}
.file-list-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:6px;margin-bottom:6px;font-size:14px}
.file-list-item .remove-file{background:none;border:none;color:var(--error);cursor:pointer;padding:4px}

/* Rating Badge */
.rating-badge{display:inline-block;background:#f0f9f7;padding:10px 18px;border-radius:24px;font-weight:700;font-size:13px;color:#FFB800;margin-top:16px;border:1px solid #e0f3f0;letter-spacing:0.5px}

/* Testimonials Grid */
.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;position:relative}
@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2, 1fr)}}
@media(max-width:768px){.testimonials-grid{grid-template-columns:repeat(2, 1fr)}}
.testimonial-card:nth-child(n+4){display:none}
@media(max-width:768px){.testimonial-card:nth-child(n+3){display:none}}
.testimonials-note{text-align:center;font-size:13px;color:var(--muted);margin-top:24px;font-style:italic}

/* Testimonial carousel animations */
.testimonial-card{opacity:1;animation:testimonialFadeIn .8s ease-in-out}
.testimonial-card.carousel-exit{animation:testimonialFadeOut .6s ease-in-out forwards}
@keyframes testimonialFadeOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}
@keyframes testimonialFadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}

/* FAQ Section */
.faq{background:linear-gradient(180deg, #ffffff 0%, #fafafa 100%);padding:80px 0;border-top:2px solid #f0f0f0}
.faq-grid{display:grid;gap:16px;max-width:900px;margin:40px auto 0}
.faq-item{background:#fff;border-radius:18px;border:1px solid #f0f0f0;overflow:hidden;transition:all .3s ease}
.faq-item[open]{border-color:#FFB800;box-shadow:0 8px 20px rgba(255,184,0,0.1)}
.faq-item summary{padding:24px 28px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:all .2s;color:#0a0a0a;font-size:16px;background:#FFB800;border-radius:18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:28px;color:#0a0a0a;transition:transform .3s;font-weight:300}
.faq-item[open] summary::after{transform:rotate(45deg);color:#0a0a0a}
.faq-item summary:hover{background:#E6A500;color:#0a0a0a}
.faq-answer{padding:0 28px 24px;color:#555;line-height:1.8;font-size:15px}
.faq-answer p{margin:0;color:#666}

/* Enhanced Footer */
.site-footer{background:transparent;color:#fff;padding:60px 0 20px;border-top:2px solid #FFB800;position:relative;z-index:1;overflow:hidden}
.footer-inner{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:48px;position:relative;z-index:2;align-items:start}
.footer-brand{display:flex;align-items:center;margin-top:0;justify-content:flex-start}
.footer-brand img{height:85px;margin-bottom:0;opacity:0.95}
.footer-tagline{font-size:14px;color:rgba(255,255,255,.7);line-height:1.6}
.footer-contact h4,.footer-services h4,.footer-certifications h4{font-size:14px;margin:0 0 24px;color:#FFB800;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding-bottom:12px;border-bottom:1px solid rgba(255,184,0,0.2)}
.footer-contact,.footer-services,.footer-certifications{margin-top:0}
.footer-contact p{margin:0 0 14px;font-size:14px;color:rgba(255,255,255,.9);line-height:1.8}
.footer-contact p:first-of-type{font-size:14px;font-weight:600}
.footer-contact a{color:#FFB800;text-decoration:none;font-weight:600;transition:color .2s}
.footer-contact a:hover{color:#FFA500}
.footer-services .footer-nav{display:flex;flex-direction:column;gap:14px;background:transparent;padding:0}
.footer-services .footer-nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;transition:all .2s;font-weight:400;line-height:1.8;padding-left:12px;border-left:2px solid transparent}
.footer-services .footer-nav a:hover{color:#FFB800;border-left-color:#FFB800;padding-left:16px}
.footer-address{margin-top:0 !important;color:#FFB800;text-decoration:none;font-weight:600;transition:color .2s}
.footer-address:hover{color:#FFA500}
.footer-service-area{color:#FFB800 !important;margin-top:16px !important;font-weight:700;font-size:13px;padding:8px 12px;background:rgba(255,184,0,0.1);border-radius:4px;border-left:3px solid #FFB800;text-align:left}
.footer-service-area strong{font-weight:700}
.cert-badges{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.cert-badge{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.95);padding:12px 14px;background:rgba(255,184,0,0.12);border-radius:6px;border-left:3px solid #FFB800;font-weight:500;line-height:1.6;transition:all .2s}
.cert-badge:hover{background:rgba(255,184,0,0.18);transform:translateX(4px)}
.cert-icon{font-size:20px;flex-shrink:0}
.social-links{display:flex;gap:14px;margin-top:8px}
.social-links a{color:#FFB800;transition:all .3s;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,184,0,0.12);border:2px solid rgba(255,184,0,0.3)}
.social-links a:hover{color:#0a0a0a;background:#FFB800;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px rgba(255,184,0,0.3);border-color:#FFB800}
.social-links svg{width:20px;height:20px}
.footer-bottom{margin-top:40px;padding:20px 0;border-top:1px solid rgba(255,184,0,0.3);font-size:13px}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-bottom p{margin:0;color:rgba(255,255,255,.6)}
.footer-legal a{color:#FFB800;text-decoration:none;transition:color .2s}
.footer-legal a:hover{color:#0a0a0a}
.footer-legal{display:flex;gap:20px}
.footer-legal a{color:rgba(255,255,255,.6);text-decoration:none}
.footer-legal a:hover{color:#fff}
.footer-bottom{position:relative;z-index:2}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-cta-banner{background:#467ff7;padding:14px 24px;border-radius:6px;color:#fff !important;font-weight:800;font-size:15px;text-decoration:none;transition:all .3s;flex:1;text-align:center;margin:0 8px;box-shadow:0 4px 12px rgba(70,127,247,0.3)}
.footer-cta-banner:hover{background:#3a6dd9;color:#fff !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(70,127,247,0.5)}

/* 6-column service cards grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px}
@media(min-width:900px){.cards{grid-template-columns:repeat(3, 1fr)}}

@media(max-width:768px){
  .footer-inner{grid-template-columns:1fr}
  .footer-bottom .container{flex-direction:column;text-align:center}
}

/* Projects Grid Section */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:28px;margin-top:40px}
@media(min-width:900px){.projects-grid{grid-template-columns:repeat(3, 1fr)}}
.project-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform .3s ease, box-shadow .3s ease,border-color .3s ease;position:relative;border:1px solid #f0f0f0;display:flex;flex-direction:column}
.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px rgba(255,184,0,0.15);border-color:#FFB800}
.project-image{position:relative;overflow:hidden;aspect-ratio:16/10;min-height:220px;background:#f5f5f5}
.project-image img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform .4s ease;display:block}
@media(max-width:768px){.project-image{min-height:200px}}
.project-card:hover .project-image img{transform:scale(1.08)}
.project-tag{position:absolute;top:14px;left:14px;background:#FFB800;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(255,184,0,0.3)}
.project-info{padding:24px}
.project-info h3{margin:0 0 10px;font-size:19px;color:#0a0a0a;font-weight:700;line-height:1.2}
@media(min-width:900px){
  .project-info h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.project-date{margin:0;font-size:13px;color:#888;font-weight:500}

/* Gallery section separation */
.gallery-section{background:var(--surface);padding:var(--section-y) 0}

/* Results Section */
.results{background:linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);padding:var(--section-y) 0}
.results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:32px;margin-top:40px}
@media(min-width:900px){.results-grid{grid-template-columns:repeat(3, 1fr)}}
.result-card{background:#fff;padding:32px 24px;border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.08);text-align:center;border-top:4px solid #FFB800;transition:transform .3s ease, box-shadow .3s ease}
.result-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.result-stat{font-size:clamp(32px, 5vw, 48px);font-weight:800;color:#FFB800;margin-bottom:12px;line-height:1}
.result-label{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px}
.result-card p{margin:0;color:var(--muted);font-size:14px}

/* Before/After Section */
.before-after{background:var(--bg);padding:var(--section-y) 0}
.comparison-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px}
@media(min-width:768px){.comparison-grid{grid-template-columns:repeat(2, 1fr)}}
.comparison-box{background:var(--surface);padding:32px;border-radius:var(--radius);border-left:6px solid #b00020}
.comparison-box.highlight{background:#fff8f0;border-left-color:#FFB800;box-shadow:0 8px 24px rgba(255,184,0,.15)}
.comparison-box h3{margin:0 0 20px;font-size:20px;color:var(--ink)}
.comparison-box ul{margin:0;padding:0;list-style:none}
.comparison-box li{padding:12px 0;padding-left:32px;position:relative;color:var(--muted);line-height:1.6;border-bottom:1px solid #e6e9ee}
.comparison-box li:last-child{border-bottom:none}
.comparison-box li:before{content:'•';position:absolute;left:12px;font-weight:700;color:#FFB800}
.comparison-box.highlight li:before{content:'✓';color:var(--success);font-weight:700}

/* Services Spotlight */
.services-spotlight{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:28px;margin-top:40px}
@media(min-width:900px){.services-spotlight{grid-template-columns:repeat(3, 1fr)}}
.spotlight-item{background:#fff;padding:28px 24px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:all .3s ease;border:2px solid transparent}
.spotlight-item:hover{border-color:#FFB800;transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.spotlight-icon{font-size:48px;margin-bottom:16px;display:block}
.spotlight-item h3{margin:0 0 12px;font-size:20px;color:var(--ink)}
.spotlight-item p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.6}
.spotlight-item .link{font-size:14px}

/* Service Cards Section */
.service-cards{background:var(--surface);padding:var(--section-y) 0}
.service-cards .card{transition:transform .3s ease, box-shadow .3s ease}
.service-cards .card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.15)}

/* ===== MOJO-STYLE DESIGN ===== */

/* Hero - Video Background Style - Premium */
.hero-mojo{background:#070b11;padding:0;position:relative;overflow:hidden;margin:0;border:none}
.hero-video-bg{background:#070b11;min-height:100vh;display:flex;flex-direction:column;position:relative;top:0;left:0;right:0;width:100%;z-index:0;padding-top:0;margin-top:0;border:none;outline:none;vertical-align:top}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(1.1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,11,17,0.55) 0%, rgba(7,11,17,0.42) 40%, rgba(7,11,17,0.58) 100%);z-index:2}
.hero-spotlight{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%, rgba(255,184,0,0.12) 0%, transparent 60%);z-index:2;pointer-events:none}
.hero-content-centered{position:relative;z-index:3;text-align:center;max-width:900px;margin:0 auto;padding:25vh 20px 100px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;pointer-events:auto}
.hero-label{font-size:12px;font-weight:700;letter-spacing:3px;color:#FFB800;margin:0 auto 24px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:rgba(255,184,0,0.1);border:1px solid rgba(255,184,0,0.3);border-radius:50px;backdrop-filter:blur(10px);width:fit-content}
.label-icon{font-size:14px;color:#FFB800}
.hero-headline{font-size:clamp(36px, 6vw, 68px);font-weight:800;line-height:1.2;margin:0 0 28px;letter-spacing:-0.02em;width:100%;display:flex;flex-direction:column;align-items:center}
.text-gradient{background:linear-gradient(135deg, #FFB800 0%, #FFA500 50%, #FF8A00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 15px rgba(0,0,0,0.6)) drop-shadow(0 1px 3px rgba(0,0,0,0.8));padding-bottom:0.1em;margin-bottom:-0.1em}
.text-white{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.4)}
.hero-line{display:block;text-align:center}
@media(min-width:601px){.hero-line.text-white{white-space:nowrap}}
@media(max-width:600px){.hero-line.text-white{white-space:normal}}
.hero-subtext{font-size:clamp(16px, 2vw, 20px);color:rgba(255,255,255,0.95);max-width:600px;margin:0 auto 36px;line-height:1.7;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
.hero-cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px;justify-content:center}
.btn-hero-primary{background:linear-gradient(135deg, #FFB800 0%, #FFA500 100%);color:#070b11;border:none;font-weight:700;display:inline-flex;align-items:center;gap:10px;padding:16px 32px;box-shadow:0 8px 30px rgba(255,184,0,0.4);transition:all 0.3s ease}
.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,184,0,0.5)}
.btn-hero-primary .btn-arrow{transition:transform 0.3s ease}
.btn-hero-primary:hover .btn-arrow{transform:translateX(4px)}
.btn-hero-glass{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);padding:16px 32px;font-weight:600}
.btn-hero-glass:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px)}
.hero-microcopy{font-size:13px;color:rgba(255,255,255,0.75);margin:0 0 40px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,0.4)}
.hero-footer-note{position:absolute;left:0;right:0;bottom:0;font-size:15px;color:#fff;margin:0;line-height:1.4;font-weight:600;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,0.5);background:rgba(0,0,0,0.65);padding:14px 20px;z-index:10;white-space:nowrap}
@media(max-width:768px){
  .hero-footer-note{white-space:normal;font-size:13px;padding:12px 14px;line-height:1.5}
}
@media(max-width:768px){
  .hero-content-centered{padding-bottom:150px}
}
.hero-stats-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.hero-stat{text-align:center;padding:16px 24px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.15);border-radius:12px;backdrop-filter:blur(10px);min-width:130px}
.hero-stat .stat-value{display:block;font-size:28px;font-weight:800;color:#FFB800;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,0.5)}
.hero-stat .stat-desc{font-size:12px;color:rgba(255,255,255,0.85);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,0.4)}
.scroll-cue{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.5);font-size:12px;letter-spacing:1px;text-transform:uppercase;animation:bounce-scroll 2s ease-in-out infinite}
.scroll-cue svg{opacity:0.7}
@keyframes bounce-scroll{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@keyframes fade-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.anim-fade-up{animation:fade-up 0.8s ease-out forwards;opacity:0}
.anim-delay-1{animation-delay:0.15s}
.anim-delay-2{animation-delay:0.3s}
.anim-delay-3{animation-delay:0.45s}
.anim-delay-4{animation-delay:0.6s}
.anim-delay-5{animation-delay:0.75s}
.anim-delay-6{animation-delay:0.9s}
@media(max-width:900px){.hero-content-centered{padding:80px 20px 60px;justify-content:flex-start}.hero-video-bg{min-height:70vh;position:relative;top:auto;left:auto;right:auto}.hero-stats-row{gap:8px;margin-top:12px;display:flex;flex-wrap:nowrap;position:relative;z-index:10}.hero-stat{min-width:auto;flex:1;padding:8px 6px;position:relative;z-index:10}.hero-stat .stat-value{font-size:16px}.hero-stat .stat-desc{font-size:9px}.scroll-cue{bottom:100px}}

/* Hero Logos Bar - positioned at bottom of hero */
.hero-logos-bar{background:#fff;padding:32px 0;border-top:1px solid rgba(0,0,0,0.1);position:relative;z-index:3;overflow:hidden}
.trusted-label-hero{font-size:14px;font-weight:700;letter-spacing:2px;color:#0a0a0a;text-align:center;margin:0 0 16px;text-transform:uppercase;opacity:0.7}
.logo-marquee{overflow:hidden;position:relative;width:100%}
.logo-row-hero{display:flex;align-items:center;gap:60px;animation:scroll-logos 45s linear infinite;width:max-content}
.logo-row-hero:hover{animation-play-state:paused}
.logo-row-hero img{height:40px;width:auto;object-fit:contain;transition:opacity 0.3s, transform 0.3s, filter 0.3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));opacity:1;flex-shrink:0}
.logo-row-hero img:hover{opacity:1;transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.25))}
@keyframes scroll-logos{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@media(max-width:900px){.logo-row-hero{gap:40px}.logo-row-hero img{height:32px}}

/* Buttons */
.btn-dark{background:#0a0a0a;color:#fff;border:2px solid #0a0a0a}
.btn-dark:hover{background:#222;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.btn-white-outline{background:#0a0a0a;color:#fff;border:2px solid #0a0a0a;font-weight:700}
.btn-white-outline:hover{background:#222;border-color:#222;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.btn-ghost{background:#0a0a0a;color:#fff;border:2px solid #0a0a0a;font-weight:700}
.btn-ghost:hover{background:#222;border-color:#222;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.btn-ghost:hover{border-color:#0a0a0a;transform:translateY(-2px)}
.btn-outline{background:#0a0a0a;color:#fff;border:2px solid #0a0a0a;font-weight:700}
.btn-outline:hover{background:#222;border-color:#222;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.btn-accent{background:#FFB800;color:#0a0a0a;border:2px solid #FFB800;font-weight:700}
.btn-accent:hover{background:#FFA500;border-color:#FFA500}
.btn-large{padding:1.25rem 2.5rem;font-size:1.25rem;display:inline-block;text-decoration:none;text-align:center;border-radius:8px}
@media(max-width:768px){
  .quick-cta-box{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    align-items:stretch !important;
  }
  .quick-cta-box .btn{
    width:100% !important;
    padding:18px 24px !important;
    font-size:16px !important;
    min-height:56px !important;
    border-radius:12px !important;
    display:block !important;
    text-align:center !important;
  }
  .quick-cta-box .form-alt{
    width:100% !important;
    text-align:center !important;
    margin-top:16px !important;
    font-size:13px !important;
  }
}
.btn-accent-outline{background:#FFB800;color:#0a0a0a;border:2px solid #FFB800;font-weight:700}
.btn-accent-outline:hover{background:#FFA500;border-color:#FFA500}

/* Testimonial Featured Card */
.testimonial-callout{padding:20px 0;background:#fff}
.testimonial-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:stretch}
@media(max-width:900px){.testimonial-with-sidebar{grid-template-columns:1fr;gap:30px}}
.testimonial-sidebar-promo{background:url('./promo-bg.png') center/cover no-repeat;border:2px solid #FFB800;border-radius:16px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}
.testimonial-sidebar-promo::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.85);z-index:0}
.testimonial-sidebar-promo::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #FFB800, #FFA500, #FFB800);z-index:2}
.promo-decoration{display:none}
.promo-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.15));position:relative;z-index:1}
.promo-heading{font-size:20px;font-weight:800;color:#0a0a0a;margin:0 0 8px;letter-spacing:0.5px;position:relative;z-index:1}
.sidebar-promo-text{font-size:14px;font-weight:600;color:#444;margin:0 0 12px;line-height:1.4;letter-spacing:0.3px;position:relative;z-index:1}
.sidebar-promo-link{display:inline-block;background:#FFB800;color:#0a0a0a;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:800;font-size:15px;transition:all .25s ease;box-shadow:0 4px 12px rgba(255,184,0,0.2);position:relative;z-index:1}
.sidebar-promo-link:hover{background:#FFA500;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,184,0,0.3)}
.promo-logo{width:260px;height:auto;opacity:1;position:relative;z-index:1}
.promo-logo-top{margin-bottom:12px;margin-top:0}
.testimonial-card-featured{display:flex;align-items:center;gap:32px;max-width:100%;background:#f8f9fa;padding:24px 32px;border-radius:20px;flex-wrap:wrap}
@media(max-width:768px){.testimonial-card-featured{flex-direction:column;text-align:center;padding:32px 24px}}
.testimonial-avatar{flex-shrink:0}
.testimonial-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.testimonial-content{flex:1}
.testimonial-content blockquote{margin:0 0 12px}
.testimonial-content blockquote p{font-size:clamp(18px, 2.5vw, 24px);font-weight:700;color:#0a0a0a;line-height:1.3;margin:0}
.testimonial-content cite{font-size:14px;color:#FFB800;font-style:normal;font-weight:600}
.testimonial-card-featured .btn-accent-outline{flex-shrink:0}

/* Text decorations - MOJO style */
.text-underline{position:relative;display:inline-block;padding-bottom:8px}
.text-underline::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:6px;background:#FFB800;border-radius:3px;transform:skewY(-1deg);z-index:0}
.text-circle{position:relative;display:inline-block;padding:4px 8px}
.text-circle::after{content:'';position:absolute;inset:-12px -8px;border:3px solid #FFB800;border-radius:50% 45% 55% 48% / 48% 52% 45% 52%;z-index:0;transform:rotate(-3deg)}
.text-underline-yellow{position:relative;display:inline-block;padding-bottom:6px}
.text-underline-yellow::after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:#0a0a0a;border-radius:4px;opacity:0.6;z-index:0;transform:skewY(-1deg)}
.text-underline-light{position:relative;display:inline-block;padding-bottom:4px}
.text-underline-light::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:5px;background:#FFB800;border-radius:2px;z-index:0}

/* Trusted Strip (if needed separately) */
.trusted-strip{padding:48px 0;background:#fafafa;text-align:center}
.trusted-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#888;margin-bottom:24px}
.logo-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;opacity:0.7;filter:grayscale(100%)}
.logo-row img{height:32px;width:auto;object-fit:contain}
.trusted-note{font-size:13px;color:#888;margin-top:20px}

/* Link Arrow */
.link-arrow{font-weight:700;color:#fff;background:#0a0a0a;text-decoration:none;font-size:15px;display:inline-block;padding:14px 28px;border-radius:50px;transition:all .3s ease;border:2px solid #0a0a0a}
.link-arrow:hover{background:#222;border-color:#222;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}

/* Big Idea Section */
.big-idea{padding:80px 0 40px;background:#fff;text-align:center}
.section-label{font-size:13px;font-weight:700;letter-spacing:3px;color:#FFB800;margin-bottom:20px;text-transform:uppercase}
.big-headline{font-size:clamp(32px, 5vw, 52px);font-weight:800;line-height:1.15;margin:0 0 24px;color:#0a0a0a;position:relative}

/* Word decorations - hand-drawn style */
.word-underline{position:relative;display:inline-block;padding-bottom:12px}
.word-underline::after{
  content:'';
  position:absolute;
  bottom:0px;
  left:-4px;
  right:-4px;
  height:8px;
  background:#FFB800;
  border-radius:4px;
  transform:skewY(-2deg);
  z-index:0;
}

.word-circle{position:relative;display:inline-block;padding:8px 12px;z-index:1}
/* Big Idea Keyword Tags - Unique Style */
.big-keyword{position:relative;display:inline-block;font-weight:900;z-index:1}
.protect-tag{background:#FFF4D6;color:#0a0a0a;padding:4px 12px;border-radius:6px;box-shadow:0 4px 12px rgba(255,184,0,0.25)}
.protect-tag::before{content:'';position:absolute;left:-4px;top:50%;width:3px;height:70%;background:#FFB800;border-radius:2px;transform:translateY(-50%)}
.magic-word{background:linear-gradient(120deg, #0a0a0a, #1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline wavy #0a0a0a;text-underline-offset:4px}

/* Services Section - Number & Key Style */
.service-number{color:#FFB800;font-weight:900;font-size:1.1em;display:inline-block;min-width:30px;text-align:center}
.service-key{background:#FFF4D6;color:#0a0a0a;padding:6px 12px;border-radius:8px;font-weight:800;display:inline-block;margin:0 4px}

/* Work Section - Chip & Badge Style */
.project-chip{display:inline-block;background:rgba(255,184,0,0.08);color:#0a0a0a;padding:6px 14px;border-radius:6px;font-weight:800;font-size:0.95em;position:relative;margin:0 4px;border:none;transform:rotate(-1deg);box-shadow:inset 0 2px 4px rgba(255,184,0,0.1)}
.project-chip::after{content:'';position:absolute;bottom:-4px;left:50%;width:60%;height:2px;background:#0a0a0a;transform:translateX(-50%);border-radius:2px}

.location-badge{display:inline-block;background:#0a0a0a;color:#FFB800;padding:8px 18px;border-radius:4px;font-weight:900;box-shadow:none;position:relative;margin-left:8px;letter-spacing:0.5px}
.location-badge::after{content:'';display:none}

.big-text{font-size:17px;color:#333;max-width:700px;margin:0 auto 16px;line-height:1.6}
.big-subtext{font-size:15px;color:#666;max-width:750px;margin:0 auto;line-height:1.7}

/* Stats Section */
.stats-section{padding:60px 0 80px;background:#fff;text-align:center}
.stats-headline{font-size:clamp(26px, 4vw, 40px);font-weight:800;margin:0 0 48px;color:#0a0a0a}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:32px;max-width:800px;margin:0 auto 40px}
.stat-box{text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);padding:24px;border-radius:12px;background:rgba(255,184,0,.04);border:1px solid rgba(255,184,0,.1)}
.stat-box:hover{transform:translateY(-6px);background:rgba(255,184,0,.08);border-color:rgba(255,184,0,.25);box-shadow:0 8px 24px rgba(255,184,0,.15)}
.stat-num{font-size:clamp(48px, 8vw, 72px);font-weight:800;display:block;line-height:1}
.stat-num.purple{color:#0a0a0a}
.stat-num.cyan{color:#FFB800}
.stat-plus,.stat-unit{font-size:0.5em;font-weight:700}
.stat-label{font-size:14px;color:#666;display:block;margin-top:8px;line-height:1.4}

/* Comparison Section */
.comparison{padding:80px 0;background:#f9f9f9}
.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}
@media(max-width:768px){.comparison-row{grid-template-columns:1fr;gap:40px}}
.compare-box{padding:40px 32px;text-align:left;position:relative;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:none;border-radius:16px}
.compare-box h3{font-size:22px;font-weight:900;letter-spacing:0.3px;margin:0 0 32px;color:#0a0a0a;display:block;position:relative;padding-bottom:0;text-align:center}
.compare-box ul{list-style:none;margin:0;padding:0}
.compare-box li{padding:14px 0;font-size:15px;color:#444;border-bottom:1px solid #f0f0f0;line-height:1.7;font-weight:500;display:flex;align-items:flex-start;gap:12px}
.compare-box li::before{content:'•';color:#FFB800;font-size:20px;font-weight:900;flex-shrink:0;line-height:1.5}
.compare-box.before li::before{color:#0a0a0a}
.compare-box li:last-child{border-bottom:none;padding-bottom:0}

/* Three Services Section */
.three-services{padding:40px 0 80px;background:#fff}
.services-title{font-size:clamp(28px, 4vw, 44px);font-weight:800;text-align:center;margin:0 0 60px;color:#0a0a0a}
/* Service Cards - MOJO Style */
.service-card{position:relative;background:#f5f5f5;padding:48px;border-radius:20px;margin-bottom:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow:visible}
.service-card-image{position:relative;height:280px}
.service-card-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;position:relative;z-index:3}
.card-blob{position:absolute;border-radius:50% 40% 55% 45% / 45% 55% 40% 50%;z-index:2}
.card-blob.cyan{background:#FFB800;opacity:0.25;width:220px;height:220px;top:-30px;right:-50px}
.card-blob.pink{background:#0a0a0a;opacity:0.25;width:220px;height:220px;top:-30px;right:-50px}
.card-blob.purple{background:#9B59B6;opacity:0.25;width:220px;height:220px;top:-30px;right:-50px}
.service-card-content{flex:1;position:relative;z-index:4}
.service-card-content h3{font-size:clamp(24px, 3vw, 36px);font-weight:800;margin:0 0 12px;color:#0a0a0a}
.service-tagline{font-size:15px;font-weight:600;color:#666;margin:0 0 24px}
.check-list-mojo{list-style:none;margin:0;padding:0}
.check-list-mojo li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:#333;line-height:1.6}
.check-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.check-circle.cyan{background:#FFB800}
.check-circle.pink{background:#0a0a0a}
.check-circle.purple{background:#9B59B6}

/* Service Card Variants */
.service-card.cyan-card{background:#f5f5f5;scroll-margin-top:96px}
.service-card.pink-card{background:#f5f5f5;scroll-margin-top:96px}
.service-card.purple-card{background:#f5f5f5;scroll-margin-top:96px}

@media(max-width:900px){
  .service-card{grid-template-columns:1fr;gap:30px;padding:40px}
  .service-card-image{height:250px}
  .card-blob{width:180px;height:180px}
}

@media(max-width:768px){
  .service-card{padding:30px;gap:24px}
  .service-card-image{height:200px}
  .card-blob{width:140px;height:140px;top:-20px;right:-30px}
  .service-card-content h3{font-size:24px}
  .check-list-mojo li{font-size:14px;padding:8px 0}
}

/* Quote Dark Section */
.quote-dark{padding:80px 0;background:#0a0a0a;color:#fff;position:relative;overflow:hidden}
.quote-dark > .container{max-width:1120px;width:92%;margin:0 auto;padding:0}
@media(max-width:768px){.quote-dark{padding:60px 0}}
@media(max-width:480px){.quote-dark{padding:48px 0}}
.quick-cta-box{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}
@media(max-width:768px){.quick-cta-box{width:100%;max-width:100%}}
.quick-cta-box .btn{width:100%;padding:16px 24px;font-size:16px;min-height:54px}
.quick-cta-box .form-alt{width:100%;text-align:center;margin-top:12px;font-size:13px}
.quote-heading-row{display:flex;align-items:center;gap:24px;justify-content:center}
.fast-response-badge-left{width:200px;height:auto;flex-shrink:0;animation:pulse-badge 2s ease-in-out infinite}
.fast-response-badge-cta{width:160px;height:auto;flex-shrink:0;animation:pulse-badge 2s ease-in-out infinite}
@media(max-width:768px){.quote-heading-row{flex-direction:column;align-items:center;text-align:center}.fast-response-badge-left{width:120px}.fast-response-badge-cta{width:80px}}
.quote-dark-inner{display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:center}
.quote-dark-text{flex:1 1 400px;max-width:600px}
.quote-dark-form{flex:0 0 auto}
@media(max-width:768px){.quote-dark-inner{flex-direction:column;text-align:center}.quote-dark-text{text-align:center}}
.quote-dark-text h2{font-size:clamp(28px, 4vw, 42px);font-weight:800;margin:0 0 16px;line-height:1.2;color:#ffffff !important}
.quote-dark-text p{font-size:16px;color:rgba(255,255,255,.9) !important;margin:0}

/* MOBILE OVERRIDE - ELIMINATE ALL SPACING */
@media screen and (max-width: 768px) {
  .quote-dark-inner {
    gap: 0px !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .quote-dark-text {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .quote-dark-text h2 {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .quote-dark-text p {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .quote-dark-form {
    padding: 0 !important;
    margin: 0 !important;
  }
}
.inline-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.inline-form input,.inline-form select{flex:1;min-width:150px;padding:14px 18px;border:none;border-radius:8px;font-size:15px;background:#fff;color:#0a0a0a}
.inline-form select{cursor:pointer}
.inline-form button{padding:14px 28px}
@media(max-width:768px){.inline-form{flex-direction:column}.inline-form input,.inline-form select,.inline-form button{min-width:100%;flex:none}}
.form-alt{margin-top:16px;font-size:14px;color:rgba(255,255,255,.6)}
.form-alt a{color:#FFB800;text-decoration:none;font-weight:600}
.form-alt a:hover{text-decoration:underline}
.quote-graphic{position:absolute;right:5%;bottom:10%;opacity:0.8}
.paper-plane{width:180px;height:auto}
@media(max-width:768px){.quote-graphic{display:none}}

/* Contact Sales Section */
.contact-sales-section{padding:32px 0 80px;background:linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)}
.contact-sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-sales-left h2{font-size:clamp(28px, 4vw, 42px);font-weight:800;color:#0a0a0a;margin:0 0 20px}
.contact-sales-left > p{font-size:16px;color:#444;line-height:1.7;margin:0 0 32px}
.contact-sales-left h3{font-size:20px;font-weight:700;color:#0a0a0a;margin:24px 0 12px}
.company-subtext{font-size:14px;color:#666;margin:0 0 16px}
.company-logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;align-items:center;margin-bottom:32px}
.company-logos-grid img{width:100%;height:60px;object-fit:contain;transition:all 0.3s ease}
.company-logos-grid img:hover{transform:scale(1.05)}
@media(max-width:768px){.company-logos-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.company-logos-grid{grid-template-columns:repeat(2,1fr)}}
.accreditation-logos{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.accreditation-logos img{height:80px;width:auto;object-fit:contain}
.quote-form-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:5px solid #FFE500;overflow:hidden}
.quote-form-header{background:#FFE500;padding:24px 32px;text-align:center}
.quote-form-header h3{font-size:22px;font-weight:800;color:#0a0a0a;margin:0 0 8px}
.quote-form-header p{font-size:14px;color:#333;margin:0}
.quote-form-card form{padding:32px}
.quote-form-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.quote-form-card .form-group{display:flex;flex-direction:column;gap:6px}
.quote-form-card .form-group.full-width{margin-bottom:16px}
.quote-form-card label{font-size:12px;font-weight:600;color:#333;text-transform:uppercase}
.quote-form-card input,.quote-form-card select,.quote-form-card textarea{padding:12px 14px;border:2px solid #ddd;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color 0.2s}
.quote-form-card input:focus,.quote-form-card select:focus,.quote-form-card textarea:focus{outline:none;border-color:#FFB800}
#sales-form-status{margin-bottom:16px}
.upload-btn{background:#FFE500;color:#0a0a0a;border:none;padding:14px 20px;border-radius:8px;font-weight:700;cursor:pointer;width:100%;font-size:14px;transition:background 0.2s}
.upload-btn:hover{background:#e6cf00}
.btn-contact-sales{width:100%;background:#0a0a0a;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;transition:background 0.2s}
.btn-contact-sales:hover{background:#333}
@media(max-width:900px){
  .contact-sales-grid{grid-template-columns:1fr;gap:40px}
  .quote-form-card .form-row{grid-template-columns:1fr}
}

/* Trusted Provider Banner */
.trusted-banner{background:#FFE500;padding:40px 0;text-align:center}
.trusted-banner h2{font-size:clamp(24px, 4vw, 36px);font-weight:800;color:#0a0a0a;margin:0;line-height:1.3}

/* About Us Section */
.about-us-section{padding:24px 0;background:#fff}
.about-us-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:center}
.about-us-section[id], section[id]{scroll-margin-top:96px}
.about-label{font-size:14px;font-weight:700;letter-spacing:1px;color:#666;text-transform:uppercase;margin:0 0 12px}
.about-us-left h2{font-size:clamp(28px, 4vw, 42px);font-weight:800;color:#0a0a0a;margin:0 0 24px;line-height:1.2}
.about-us-left > p{font-size:16px;color:#444;line-height:1.7;margin:0 0 16px}
.about-us-left h3{font-size:18px;font-weight:700;color:#0a0a0a;margin:32px 0 16px}
.standout-list{list-style:none;padding:0;margin:0 0 24px}
.standout-list li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:15px;color:#333;line-height:1.5}
.yellow-bullet{width:12px;height:12px;background:#FFE500;border-radius:50%;flex-shrink:0;margin-top:5px}
.btn-get-quote{display:inline-flex;align-items:center;gap:8px;background:#FFE500;color:#0a0a0a;padding:14px 24px;border-radius:8px;font-weight:700;text-decoration:none;font-size:14px;transition:background 0.2s}
.btn-get-quote:hover{background:#e6cf00}
.btn-get-quote span{font-size:18px}
.about-us-right{text-align:left;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.about-logo{max-width:230px;margin-bottom:14px;align-self:center}
.experience-img{max-width:200px;height:auto;margin-bottom:8px}
.exp-line{width:100%;height:1px;background:#dcdcdc;margin:4px 0 12px}
.exp-description{font-size:15px;color:#333;line-height:1.6;margin:0 0 16px;text-align:left}
.about-project-img{width:100%;max-width:420px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.06)}
@media(max-width:900px){
  .about-us-grid{grid-template-columns:1fr;gap:36px}
  .about-us-right{order:-1;align-items:center;text-align:center}
  .about-logo{align-self:center}
  .experience-img{max-width:160px;align-self:center}
  .exp-line{margin:6px 0 14px}
  .exp-description{text-align:center}
}

/* Work Section */
.work-section{padding:16px 0 40px;background:linear-gradient(180deg, #ffffff 0%, #fafafa 100%);text-align:center}
.section-label{font-size:14px;font-weight:700;letter-spacing:1.5px;color:#FFB800;text-transform:uppercase;margin:0 0 16px}
.work-headline{font-size:clamp(28px, 4vw, 48px);font-weight:800;margin:0 0 48px;color:#0a0a0a;position:relative}

/* Divider between About Us and Work sections */
.work-section{border-top:1px solid rgba(0,0,0,0.08)}

/* Mobile optimizations */
@media only screen and (max-width: 820px) {
  .hero-video-bg {
    height: 100vh !important;
    min-height: 100vh !important;
  }
}

@media only screen and (max-width: 768px) {
  /* Quote section mobile - remove all vertical gaps */
  section.quote-dark,
  .quote-dark {
    padding: 20px 20px !important;
    text-align: center !important;
  }

  section.quote-dark .container,
  .quote-dark > .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .quote-dark-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .quote-dark-text {
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    max-width: 100% !important;
  }

  .quote-dark-text h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }

  .quote-dark-text p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
  }

  .quote-heading-row {
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    gap: 16px !important;
  }
  
  .fast-response-badge-left {
    width: 180px !important;
    height: auto !important;
  }
  
  .quote-heading-content {
    padding: 0 !important;
    margin: 0 !important;
  }

  .quote-dark-form {
    padding: 0 !important;
    margin: 0 !important;
  }

  .quick-cta-box {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .quick-cta-box .btn {
    width: 100% !important;
    padding: 14px 20px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }

  .quick-cta-box .form-alt {
    margin-top: 10px !important;
  }
}