@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap");

:root{
  --ink:#00303F;
  --ink-soft:#355760;
  --paper:#F8FBF9;
  --cream:#EEF6F2;
  --beige:#E5EFEA;
  --gold:#DCAE1D;
  --gold-dark:#A98000;
  --sage:#CAE4DB;
  --mist:#7A9D96;
  --line:#D8E5E0;
  --white:#FFFFFF;
  --shadow:0 20px 55px rgba(0,48,63,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin:auto}
.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark);font-weight:700}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(3.8rem,7vw,7.2rem);line-height:.95}
h2{font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1}
h3{font-size:1.65rem;line-height:1.15}
p{line-height:1.75;color:var(--ink-soft)}
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.3s}
header.scrolled{background:rgba(255,253,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:44px;height:44px}
.logo-copy{display:flex;flex-direction:column;line-height:1}
.logo-copy strong{font-family:"Playfair Display",serif;font-size:1.28rem;letter-spacing:.07em}
.logo-copy span{font-size:.53rem;letter-spacing:.22em;color:var(--gold-dark);margin-top:5px}
.navlinks{display:flex;gap:27px;align-items:center;font-size:.84rem}
.navlinks a{color:#463f37}
.navlinks a:hover{color:var(--gold-dark)}
.top-cta{padding:12px 18px;border:1px solid var(--gold);border-radius:12px;color:var(--gold-dark);font-weight:700;background:#fff}
.menu{display:none;border:0;background:none;font-size:1.5rem}

.hero{padding:135px 0 58px;min-height:100vh;background:
radial-gradient(circle at 80% 24%,rgba(197,139,58,.13),transparent 24%),
linear-gradient(135deg,#fff 0%,#fffaf4 52%,#f7eee1 100%);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.hero h1 em{color:var(--gold);font-style:italic}
.hero-copy p{font-size:1.04rem;max-width:590px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:12px;font-weight:700;border:1px solid var(--line);transition:.25s}
.btn-primary{background:linear-gradient(135deg,#d49b49,#bd7e2d);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(197,139,58,.24)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{background:#fff}
.hero-visual{position:relative;min-height:610px;border-radius:48% 0 0 48%;overflow:hidden;background:
linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.6)),
linear-gradient(145deg,#e9d5bb,#f7eee4 54%,#dfe7dc);box-shadow:var(--shadow)}
.hero-visual:before{content:"";position:absolute;inset:8% 12% 9% 12%;border-radius:42% 42% 18% 18%;background:
linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.72)),
linear-gradient(145deg,#d7be9c,#f5eadc);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.hero-visual:after{content:"FOUNDER PORTRAIT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.72rem;letter-spacing:.18em;color:#9f896e;border:1px solid rgba(159,137,110,.45);padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.55)}
.signature{position:absolute;right:34px;bottom:34px;z-index:2;text-align:right}
.signature strong{display:block;font-family:"Playfair Display",serif;font-style:italic;font-size:2rem}
.signature span{font-size:.78rem}
.trust-strip{margin-top:-28px;position:relative;z-index:4}
.trust-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:25px}
.trust-card span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#7d746a}
.trust-points{display:flex;gap:26px;flex-wrap:wrap}
.trust-points b{font-weight:600;color:#4b443b}

.section{padding:105px 0}
.section-head{text-align:center;max-width:820px;margin:0 auto 52px}
.section-head p{max-width:690px;margin:16px auto 0}
.services{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.service{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px;min-height:300px;box-shadow:0 12px 35px rgba(84,66,43,.055);transition:.25s}
.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon{width:46px;height:46px;border-radius:50%;background:#fff7eb;border:1px solid #efd7b3;display:grid;place-items:center;color:var(--gold-dark);font-weight:800;margin-bottom:22px}
.service h3{font-size:1.38rem;min-height:58px}
.service p{font-size:.9rem}
.service a{color:var(--gold-dark);font-weight:700;font-size:.87rem}

.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 40px rgba(84,66,43,.06)}
.metric{padding:28px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}
.metric strong{display:block;font-family:"Playfair Display",serif;font-size:2.5rem;color:var(--gold-dark)}
.metric span{font-size:.82rem;color:#6d655c}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.office-visual{min-height:470px;border-radius:22px;background:
linear-gradient(180deg,transparent,rgba(52,39,23,.3)),
linear-gradient(135deg,#e4d1b8,#c9b08f 52%,#9d8468);position:relative;overflow:hidden}
.office-visual:before{content:"ECOMSHELL";position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:"Playfair Display",serif;font-size:3.1rem;letter-spacing:.08em;color:#332b22}
.office-visual:after{content:"BUSINESS · IMAGE · LEGACY";position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);font-size:.67rem;letter-spacing:.24em;color:#5d4d3a}
.checks{display:grid;gap:10px;margin:24px 0}
.checks div{color:#4e473e}
.checks div:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d6a158;color:#fff;margin-right:9px;font-size:.75rem}

.light-panel{background:linear-gradient(135deg,#fffaf3,#f3eadf)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{padding:28px;border-top:2px solid #d9b073;background:rgba(255,255,255,.7);border-radius:0 0 14px 14px}
.step b{display:block;color:var(--gold-dark);font-size:.8rem;letter-spacing:.15em;margin-bottom:15px}

.cta-band{background:linear-gradient(135deg,#f1dfc5,#f8eee1);border-top:1px solid #ead7bc;border-bottom:1px solid #ead7bc}
.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}

.page-hero{padding:155px 0 80px;background:linear-gradient(135deg,#fff,#f6ecdf)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;min-height:240px;box-shadow:0 12px 35px rgba(84,66,43,.05)}
.card p{font-size:.94rem}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,textarea,select{width:100%;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}
textarea{min-height:150px}
.full{grid-column:1/-1}

footer{background:#2a2723;color:#fff;padding:65px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:45px}
footer p,footer a{color:#c9c2b9}
.footer-links{display:grid;gap:10px}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:56px;height:56px}
.footer-brand strong{font-family:"Playfair Display",serif;font-size:2.2rem;font-weight:500}
.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:20px;font-size:.78rem;color:#918a82;display:flex;justify-content:space-between}
.whatsapp{position:fixed;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-weight:800;z-index:120;box-shadow:0 12px 25px rgba(0,0,0,.18)}

.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}
.reveal.show{opacity:1;transform:none}

@media(max-width:1000px){
  .navlinks{display:none;position:absolute;top:72px;left:4vw;right:4vw;background:#fff;padding:22px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
  .navlinks.open{display:flex}.menu{display:block}.top-cta{display:none}
  .hero-grid,.about-grid,.cta-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual{min-height:520px;border-radius:30px}
  .services{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .logo-copy span{display:none}
  h1{font-size:3.35rem}
  .section{padding:78px 0}
  .services,.process,.cards,.metrics,.form{grid-template-columns:1fr}
  .metric{border-right:0;border-bottom:1px solid var(--line)}
  .metric:last-child{border-bottom:0}
  .trust-card{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .legal{display:block}
}

.hero-slider-shell{position:relative;min-height:650px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .65s ease,transform .65s ease,visibility .65s ease}
.hero-slide.active{position:relative;opacity:1;visibility:visible;transform:none;z-index:2}
.visual-founder{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.6)),linear-gradient(145deg,#e9d5bb,#f7eee4 54%,#dfe7dc)}
.visual-business{background:radial-gradient(circle at 36% 34%,rgba(255,255,255,.85),transparent 20%),linear-gradient(145deg,#ead8c2,#faf4ec 50%,#d9e2d5)}
.visual-legacy{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.05)),linear-gradient(145deg,#f1e5d6,#e7d1b6 55%,#dce3d7)}
.visual-ai{background:radial-gradient(circle at 68% 28%,rgba(255,255,255,.9),transparent 18%),linear-gradient(145deg,#e6eee4,#f7f4ee 55%,#ead9c2)}
.visual-training{background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.92),transparent 18%),linear-gradient(145deg,#f4e6d4,#fffaf2 55%,#dfe6da)}
.visual-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.64);border:1px solid rgba(156,104,39,.2);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}
.hero-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:28px;position:relative;z-index:6}
.hero-prev,.hero-next{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gold-dark);cursor:pointer;box-shadow:0 8px 20px rgba(84,66,43,.07)}
.hero-dots{display:flex;gap:8px}
.hero-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#d9c8b2;cursor:pointer;transition:.25s}
.hero-dot.active{width:26px;border-radius:999px;background:var(--gold)}
@media(max-width:1000px){.hero-slider-shell{min-height:1060px}}
@media(max-width:650px){.hero-slider-shell{min-height:980px}}


/* V9 Sunny & Calm palette + rectangular hero */
body{
  background:var(--paper);
  color:var(--ink);
}
header.scrolled{
  background:rgba(248,251,249,.94);
  border-bottom-color:var(--line);
}
.navlinks a{color:var(--ink)}
.navlinks a:hover{color:var(--gold-dark)}
.top-cta{
  border-color:var(--gold);
  color:var(--ink);
  background:var(--white);
}
.eyebrow{color:var(--gold-dark)}
h1,h2,h3{color:var(--ink)}
p{color:var(--ink-soft)}
.hero{
  background:
    radial-gradient(circle at 83% 18%,rgba(202,228,219,.78),transparent 25%),
    linear-gradient(135deg,#F8FBF9 0%,#EEF6F2 52%,#E3EFEA 100%);
}
.hero-slider-shell{min-height:650px}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:48px}
.hero-visual{
  min-height:560px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,48,63,.14);
  border:1px solid rgba(0,48,63,.08);
}
.hero-visual:before{
  inset:0;
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,48,63,.08)),
    linear-gradient(135deg,rgba(202,228,219,.35),rgba(220,174,29,.10));
  box-shadow:none;
}
.hero-visual:after{
  color:var(--ink);
  border-color:rgba(0,48,63,.18);
  background:rgba(255,255,255,.70);
}
.visual-founder{
  background:
    linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.48)),
    linear-gradient(145deg,#CAE4DB,#EEF6F2 55%,#7A9D96);
}
.visual-business{
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),transparent 20%),
    linear-gradient(145deg,#CAE4DB,#EAF3EF 52%,#7A9D96);
}
.visual-legacy{
  background:
    linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.08)),
    linear-gradient(145deg,#E8F2EE,#CAE4DB 55%,#DCAE1D);
}
.visual-ai{
  background:
    radial-gradient(circle at 70% 28%,rgba(255,255,255,.88),transparent 18%),
    linear-gradient(145deg,#DDEEE8,#CAE4DB 55%,#7A9D96);
}
.visual-training{
  background:
    radial-gradient(circle at 42% 36%,rgba(255,255,255,.90),transparent 18%),
    linear-gradient(145deg,#F4F8F6,#CAE4DB 55%,#DCAE1D);
}
.visual-label{
  color:var(--ink);
  border-color:rgba(0,48,63,.18);
  background:rgba(255,255,255,.76);
}
.btn-primary{
  background:linear-gradient(135deg,#E2B92F,#DCAE1D);
  color:var(--ink);
  box-shadow:0 12px 28px rgba(220,174,29,.24);
}
.btn-secondary{
  background:#fff;
  border-color:var(--line);
  color:var(--ink);
}
.trust-card,.service,.metrics,.card,.testimonial{
  border-color:var(--line);
}
.trust-card{
  background:rgba(255,255,255,.92);
}
.service:hover{
  box-shadow:0 20px 55px rgba(0,48,63,.10);
}
.icon{
  background:#F7F3D7;
  border-color:#E6CF70;
  color:var(--ink);
}
.service a,.metric strong,.checks div:before{
  color:var(--ink);
}
.checks div:before{
  background:var(--gold);
}
.light-panel{
  background:linear-gradient(135deg,#F3F8F5,#E7F0EC);
}
.step{
  border-top-color:var(--gold);
}
.cta-band{
  background:linear-gradient(135deg,#CAE4DB,#EEF6F2);
  border-color:#BBD5CC;
}
.office-visual{
  background:
    linear-gradient(180deg,transparent,rgba(0,48,63,.25)),
    linear-gradient(135deg,#CAE4DB,#7A9D96 52%,#00303F);
}
.office-visual:before,.office-visual:after{
  color:#FFFFFF;
}
footer{
  background:#00303F;
}
.whatsapp{
  background:#DCAE1D;
  color:#00303F;
}
.hero-prev,.hero-next{
  color:var(--ink);
  border-color:var(--line);
}
.hero-dot{background:#AFC8C0}
.hero-dot.active{background:var(--gold)}

@media(max-width:1000px){
  .hero-visual{min-height:500px;border-radius:20px}
}
@media(max-width:650px){
  .hero-visual{min-height:410px;border-radius:18px}
}


/* V10 Ultimate visual refinement */
.hero{padding-top:118px;padding-bottom:54px}
.hero-copy{padding:34px 0}
.hero-copy h1{max-width:660px}
.hero-copy p{max-width:650px}
.hero-visual{position:relative;background:#fff;aspect-ratio:16/10;min-height:0}
.hero-visual img{width:100%;height:100%;display:block;object-fit:cover}
.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 65%,rgba(0,48,63,.10));pointer-events:none}
.hero-visual:after{display:none}
.signature,.visual-label{z-index:2;backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,48,63,.12)}
.signature{position:absolute;left:26px;bottom:24px;background:rgba(255,255,255,.86);border:1px solid rgba(0,48,63,.12);border-radius:16px;padding:14px 18px;color:var(--ink)}
.signature strong{display:block;font-family:"Playfair Display",serif;font-size:1.25rem}
.signature span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}
.visual-label{left:26px;top:auto;bottom:24px;transform:none;background:rgba(255,255,255,.88);color:var(--ink)}
.hero-controls{margin-top:18px}
.hero-progress{height:3px;background:rgba(0,48,63,.10);border-radius:999px;overflow:hidden;max-width:250px;margin:14px auto 0}
.hero-progress span{display:block;height:100%;width:0;background:var(--gold);animation:heroProgress 6s linear infinite}
@keyframes heroProgress{to{width:100%}}
.service{position:relative;overflow:hidden}
.service:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:.3s}
.service:hover:before{transform:scaleY(1)}
@media(max-width:1000px){.hero{padding-top:105px}.hero-slider-shell{min-height:980px}.hero-visual{aspect-ratio:16/10}}
@media(max-width:650px){.hero{padding-top:90px}.hero-slider-shell{min-height:900px}.hero-copy{padding:12px 0}.hero-visual{aspect-ratio:4/3}.signature,.visual-label{left:14px;right:14px;bottom:14px}.visual-label{text-align:center}.hero-controls{margin-top:14px}}

/* V10 Premium Image Edition */
.hero-visual.premium-photo{background:#f7f1e7;padding:0;display:block;min-height:0;aspect-ratio:16/9}
.hero-visual.premium-photo:before,.hero-visual.premium-photo:after{display:none}
.hero-visual.premium-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none;transform:none}
.hero-slide:first-child .hero-visual.premium-photo{aspect-ratio:16/9}
.hero-slide:not(:first-child) .hero-visual.premium-photo{aspect-ratio:16/9;max-height:none;justify-self:end;width:100%}
.hero-slide:not(:first-child) .hero-visual.premium-photo img{object-fit:cover}
.hero-visual .signature,.hero-visual .visual-label{display:none}
.service-thumb{border-radius:14px;overflow:hidden;margin:-10px -10px 20px;aspect-ratio:16/10;background:#f4efe6}
.service-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .45s ease}
.service:hover .service-thumb img{transform:scale(1.035)}
.service-showcase{display:grid;gap:44px}
.service-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:32px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 60px rgba(0,48,63,.08)}
.service-feature.reverse .service-feature-image{order:2}
.service-feature-image{border-radius:20px;overflow:hidden;background:#f5efe5;max-height:690px}
.service-feature-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.service-feature h2{margin:8px 0 16px}
.service-feature p{font-size:1.05rem;margin-bottom:24px}
.compact-services{margin-top:10px}
@media(max-width:1000px){
  .hero-slide:not(:first-child) .hero-visual.premium-photo{aspect-ratio:16/9;max-height:none;justify-self:end;width:100%}
  .service-feature,.service-feature.reverse{grid-template-columns:1fr;gap:28px}
  .service-feature.reverse .service-feature-image{order:0}
}
@media(max-width:650px){
  .hero-slide:first-child .hero-visual.premium-photo{aspect-ratio:16/10}
  .hero-slide:not(:first-child) .hero-visual.premium-photo{aspect-ratio:16/9;max-height:none;justify-self:end;width:100%}
  .service-feature{padding:16px;border-radius:20px}
  .service-feature-image{border-radius:15px}
}

/* Premium image integration — final launch edition */
.service{overflow:hidden}
.service .service-thumb{aspect-ratio:4/3;margin:-28px -28px 22px;border-radius:16px 16px 0 0}
.service .service-thumb img{object-position:top center}
.service-feature-image{aspect-ratio:16/9}
.service-feature-image img{object-position:top center}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(max-width:650px){
  .service .service-thumb{margin:-22px -22px 20px}
  .service-feature-image{aspect-ratio:16/9}
}

/* 16:9 image optimization */
.hero-visual.premium-photo,.hero-slide:first-child .hero-visual.premium-photo,.hero-slide:not(:first-child) .hero-visual.premium-photo,.service-feature-image,.service-thumb,.service .service-thumb,.industries-hero-image{aspect-ratio:16/9!important;}
.hero-slide:not(:first-child) .hero-visual.premium-photo{width:100%!important;max-width:none!important;max-height:none!important;}
.service-feature-image{max-height:none!important;}
.service-feature-image img,.service-thumb img,.hero-visual.premium-photo img,.industries-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.industries-hero-image{margin-top:34px;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(25,18,12,.14);background:#f5efe5;}
@media(max-width:700px){.industries-hero-image{border-radius:14px;margin-top:24px}}

/* Mobile-first responsive stabilization — V12 */
html,body{max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%}

@media(max-width:768px){
  .container{width:min(100% - 28px,1180px)}
  header{padding:10px 0;background:rgba(248,251,249,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .nav{gap:10px}
  .logo{min-width:0;gap:8px}
  .logo img{width:38px;height:38px;flex:0 0 auto}
  .logo-copy strong{font-size:1rem;letter-spacing:.045em;white-space:nowrap}
  .menu{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);line-height:1;flex:0 0 auto}
  .navlinks{top:63px;left:14px;right:14px;max-height:calc(100vh - 80px);overflow:auto;gap:0;padding:10px;border-radius:14px}
  .navlinks a{display:block;width:100%;padding:12px 10px;border-bottom:1px solid var(--line);font-size:.95rem}
  .navlinks a:last-child{border-bottom:0}

  h1{font-size:clamp(2.35rem,11vw,3.2rem);line-height:1.02;letter-spacing:-.045em}
  h2{font-size:clamp(2rem,9vw,2.75rem);line-height:1.05}
  h3{font-size:1.35rem}
  p{line-height:1.6}
  .eyebrow{font-size:.66rem;letter-spacing:.13em;line-height:1.45}

  .hero{min-height:0;padding:82px 0 34px}
  .hero-slider-shell{min-height:0!important;height:auto}
  .hero-slide{transform:none}
  .hero-slide.active{position:relative}
  .hero-grid{display:flex;flex-direction:column;gap:22px}
  .hero-copy{padding:8px 0 0;text-align:left}
  .hero-copy p{font-size:.98rem;margin:16px 0 0}
  .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
  .btn{width:100%;min-height:48px;padding:12px 15px;text-align:center}
  .hero-visual.premium-photo,
  .hero-slide:first-child .hero-visual.premium-photo,
  .hero-slide:not(:first-child) .hero-visual.premium-photo{width:100%!important;aspect-ratio:16/9!important;border-radius:14px;order:2}
  .hero-visual.premium-photo img{object-fit:cover;object-position:center}
  .hero-controls{margin-top:16px;gap:10px}
  .hero-prev,.hero-next{width:38px;height:38px}
  .hero-dots{gap:6px;flex-wrap:wrap;justify-content:center}
  .hero-progress{margin-top:10px}

  .trust-strip{margin-top:0;padding-top:0}
  .trust-card{padding:18px;gap:14px;border-radius:14px}
  .trust-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:100%}
  .trust-points b{font-size:.85rem}

  .section{padding:62px 0}
  .section-head{margin-bottom:30px;text-align:left}
  .section-head p{margin:12px 0 0}
  .services,.cards,.process,.metrics,.about-grid,.cta-grid,.contact-grid,.footer-grid{grid-template-columns:1fr!important}
  .services{gap:16px}
  .service{min-height:0;padding:20px;border-radius:16px}
  .service .service-thumb{margin:-20px -20px 18px;aspect-ratio:16/9!important}
  .service h3{min-height:0}
  .metrics{border-radius:14px}
  .metric{padding:20px}
  .metric strong{font-size:2rem}
  .about-grid,.cta-grid,.contact-grid{gap:26px}
  .office-visual{min-height:300px;border-radius:16px}
  .office-visual:before{font-size:2rem;width:90%;text-align:center}
  .process{gap:14px}
  .step{padding:22px}
  .cta-grid{text-align:left}

  .page-hero{padding:105px 0 52px}
  .page-hero h1{overflow-wrap:anywhere}
  .service-feature,.service-feature.reverse{display:flex;flex-direction:column;padding:14px;gap:20px;border-radius:18px}
  .service-feature.reverse .service-feature-image{order:0}
  .service-feature-image{width:100%;aspect-ratio:16/9!important;border-radius:13px}
  .service-feature p{font-size:.98rem}
  .industries-hero-image{aspect-ratio:16/9!important}

  .form{grid-template-columns:1fr!important}
  .full{grid-column:auto}
  input,textarea,select{font-size:16px}

  footer{padding:48px 0 24px}
  .footer-grid{gap:28px}
  .footer-brand strong{font-size:1.75rem}
  .legal{margin-top:30px;line-height:1.8}
  .whatsapp{right:14px;bottom:14px;width:52px;height:52px}
}

@media(max-width:380px){
  .container{width:min(100% - 20px,1180px)}
  h1{font-size:2.25rem}
  h2{font-size:1.95rem}
  .trust-points{grid-template-columns:1fr}
  .logo-copy strong{font-size:.92rem}
}

/* =========================================================
   ECOMSHELL V15 FINAL — one-time premium dark redesign
   Deep navy + luxury gold, preserving existing structure
   ========================================================= */
:root{
  --ink:#F8FAFC;
  --ink-soft:#B8C2D1;
  --paper:#090E18;
  --cream:#101827;
  --beige:#151F31;
  --gold:#D8B04A;
  --gold-dark:#F0C861;
  --sage:#1A2638;
  --mist:#7E8DA3;
  --line:rgba(255,255,255,.11);
  --white:#FFFFFF;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
body{background:var(--paper);color:var(--ink)}
p{color:var(--ink-soft)}
h1,h2,h3,.logo-copy strong{color:var(--ink)}
.eyebrow{color:var(--gold-dark)}
header{background:linear-gradient(180deg,rgba(9,14,24,.92),rgba(9,14,24,.55));backdrop-filter:blur(14px)}
header.scrolled{background:rgba(9,14,24,.96);border-bottom-color:var(--line)}
.navlinks a{color:#D8DEE8}
.navlinks a:hover{color:var(--gold-dark)}
.logo-copy span{color:var(--gold)}
.top-cta{background:linear-gradient(135deg,#E5C56B,#B88925);color:#10131A;border-color:transparent;box-shadow:0 10px 30px rgba(216,176,74,.25)}
.menu{color:var(--ink);border-color:var(--line)}
.hero{background:
  radial-gradient(circle at 82% 20%,rgba(216,176,74,.17),transparent 27%),
  radial-gradient(circle at 12% 78%,rgba(46,96,165,.16),transparent 32%),
  linear-gradient(135deg,#070B12 0%,#0B1220 48%,#111B2B 100%)}
.hero h1 em{color:var(--gold-dark)}
.hero-visual.premium-photo{background:#101827;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.42)}
.hero-visual.premium-photo img{filter:saturate(.94) contrast(1.03)}
.btn{border-color:var(--line)}
.btn-primary{background:linear-gradient(135deg,#E7C96F,#B98927);color:#10131A;box-shadow:0 12px 34px rgba(216,176,74,.28)}
.btn-primary:hover{filter:brightness(1.06);box-shadow:0 18px 44px rgba(216,176,74,.34)}
.btn-secondary{background:rgba(255,255,255,.055);color:var(--ink);border-color:rgba(255,255,255,.16)}
.btn-secondary:hover{background:rgba(255,255,255,.10)}
.hero-prev,.hero-next{background:#111A29;color:var(--gold-dark);border-color:var(--line);box-shadow:none}
.hero-dot{background:#465266}.hero-dot.active{background:var(--gold)}
.hero-progress{background:rgba(255,255,255,.09)}
.trust-card,.service,.metrics,.card,.service-feature{background:#101827;border-color:var(--line);box-shadow:0 18px 54px rgba(0,0,0,.22)}
.trust-card span,.metric span{color:#91A0B5}
.trust-points b{color:#E7ECF4}
.service:hover,.service-feature:hover{box-shadow:0 28px 72px rgba(0,0,0,.34);border-color:rgba(216,176,74,.35)}
.service:before{background:linear-gradient(180deg,#F2D47B,#B98724)}
.service a,.metric strong{color:var(--gold-dark)}
.icon{background:rgba(216,176,74,.11);border-color:rgba(216,176,74,.35);color:var(--gold-dark)}
.service-thumb,.service-feature-image{background:#0C1320}
.section{position:relative}
.light-panel{background:linear-gradient(135deg,#0D1523,#131E30)}
.step{background:#101827;border-top-color:var(--gold);box-shadow:0 16px 38px rgba(0,0,0,.18)}
.step b{color:var(--gold-dark)}
.office-visual{background:
  linear-gradient(180deg,transparent,rgba(3,8,15,.62)),
  linear-gradient(135deg,#223652,#111B2B 52%,#7A5A1C);border:1px solid var(--line);box-shadow:var(--shadow)}
.cta-band{background:
  radial-gradient(circle at 86% 24%,rgba(216,176,74,.18),transparent 28%),
  linear-gradient(135deg,#101827,#172337);border-color:var(--line)}
.page-hero{background:
  radial-gradient(circle at 78% 22%,rgba(216,176,74,.14),transparent 28%),
  linear-gradient(135deg,#080D16,#121C2C)}
input,textarea,select{background:#0C1320;color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:#78869A}
footer{background:#05080E;border-top:1px solid var(--line)}
footer p,footer a{color:#AEB8C6}
footer a:hover{color:var(--gold-dark)}
.legal{color:#7E8999;border-top-color:var(--line)}
.whatsapp{background:linear-gradient(135deg,#E5C56B,#B88925);color:#10131A;box-shadow:0 14px 34px rgba(216,176,74,.28)}

@media(max-width:768px){
  header{background:rgba(9,14,24,.97)}
  .navlinks{background:#0D1522;border-color:var(--line)}
  .navlinks a{border-bottom-color:var(--line)}
  .hero{padding-top:84px}
  .hero-copy{text-align:left}
  .hero-visual.premium-photo{border-radius:16px}
  .service,.service-feature,.trust-card,.metrics,.card{background:#101827}
}

/* v18 SEO landing page + video insights */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{background:#fff;border:1px solid rgba(31,53,93,.12);border-radius:14px;padding:16px 18px}.faq-list summary{font-weight:700;cursor:pointer;color:#1f355d}.faq-list details p{margin:12px 0 0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(31,53,93,.12);border-radius:18px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(31,53,93,.10)}.video-card-visual{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,#eef2f8,#fff7df);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;color:#1f355d}.play-badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#d8a62d;color:#fff;font-size:20px;padding-left:3px}.video-card h3{margin:16px 0 8px}.video-card p{margin:0 0 12px}.video-link{font-weight:700;color:#1f355d}.video-note{margin-top:16px;font-size:.9rem;opacity:.72}@media(max-width:820px){.video-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%;text-align:center}}
/* v19 direct featured video */
.video-card-player{overflow:hidden}.insight-video{display:block;width:100%;max-width:320px;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#0e1520;margin:0 auto}.video-card-player:hover{transform:none}

/* v23 expanded service directory */
.service-directory{background:#fff}
.service-directory h2{max-width:760px;margin:8px 0 10px}
.service-directory-intro{max-width:760px;margin-bottom:28px}
.service-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-mini-card{border:1px solid #ececec;border-radius:14px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.045);min-height:190px}
.service-mini-icon{font-size:22px;color:#d85a43;margin-bottom:14px}
.service-mini-card h3{font-size:18px;margin:0 0 9px}
.service-mini-card p{font-size:14px;line-height:1.55;margin:0 0 14px}
.service-mini-card a{font-weight:700;text-decoration:none}
.contact-details-block{background:#fafafa}
.contact-details-card{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:36px;border:1px solid #e9e9e9;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.contact-detail-items{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-detail-items div{display:flex;flex-direction:column;gap:5px}
.contact-detail-items strong{font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.contact-detail-items a,.contact-detail-items span{font-size:15px}
@media(max-width:800px){.service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-details-card{grid-template-columns:1fr}}
@media(max-width:520px){.service-mini-grid{grid-template-columns:1fr}.contact-detail-items{grid-template-columns:1fr}.service-mini-card{min-height:auto}}

/* Ecomshell V25 digital marketing expansion */
.v25-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #eee}.v25-nav{display:flex;align-items:center;gap:18px}.mega-wrap{position:relative}.mega-menu{display:none;position:absolute;left:50%;transform:translateX(-45%);top:28px;width:min(1000px,90vw);background:#fff;padding:26px;box-shadow:0 18px 50px rgba(15,23,42,.18);grid-template-columns:repeat(4,1fr);gap:28px;border-top:3px solid #ef4444}.mega-wrap:hover .mega-menu{display:grid}.mega-menu h4{color:#172554;margin:0 0 12px}.mega-menu a{display:block;padding:6px 0;font-size:14px}.v25-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}.v25-service-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 7px 22px rgba(15,23,42,.05);color:#172554}.v25-service-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.v25-service-card strong{display:block;padding:12px 8px 16px;font-size:14px}.v25-directory{padding:52px 0;background:#f8fafc}.v25-directory h2{text-align:center}.v25-dir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:30px}.v25-dir-grid a{display:block;margin:9px 0;color:#475569}.v25-social{display:flex;justify-content:center;gap:12px;padding:22px}.v25-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#172554;color:#fff;font-weight:700}.v25-floating{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1100;display:grid;gap:10px}.v25-floating a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 5px 16px #0003}.v25-floating .call{background:#2563eb}.v25-floating .wa{background:#16a34a}.v25-floating .msg{background:#ef4444}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.portfolio-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}.portfolio-card img{width:100%;display:block}.portfolio-card div{padding:20px}.portfolio-card span{font-size:13px;color:#f97316;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery-card{border-radius:15px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.gallery-card img{width:100%;display:block}.gallery-card span{display:block;padding:14px;font-weight:700}.contact-v25{display:grid;grid-template-columns:360px 1fr;gap:45px}.contact-panel{padding:36px;border-radius:16px;background:linear-gradient(135deg,#e11d48,#f97316);color:#fff}.contact-panel a{color:#fff}.contact-form-v25{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form-v25 input,.contact-form-v25 select,.contact-form-v25 textarea{padding:16px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:5px}.contact-form-v25 .full{grid-column:1/-1}.contact-form-v25 textarea{min-height:150px}
@media(max-width:900px){.v25-grid{grid-template-columns:repeat(3,1fr)}.v25-dir-grid{grid-template-columns:repeat(2,1fr)}.mega-menu{display:none!important}.portfolio-grid,.gallery-grid,.contact-v25{grid-template-columns:1fr}.v25-floating{right:8px}.v25-floating a{width:43px;height:43px}.v25-nav{display:none}.v25-nav.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;align-items:flex-start}}@media(max-width:560px){.v25-grid{grid-template-columns:repeat(2,1fr)}.v25-dir-grid{grid-template-columns:1fr}.contact-form-v25{grid-template-columns:1fr}.contact-form-v25>*{grid-column:1!important}}


/* =========================================================
   ECOMSHELL V28 — Rednirus-inspired light service layout
   Original Ecomshell branding/content; similar information architecture
   ========================================================= */
html,body{background:#fff!important;color:#222!important;font-family:Arial,Helvetica,sans-serif!important}
body p{color:#555!important}.container{width:min(1120px,calc(100% - 36px))!important;margin:auto}.narrow{max-width:760px!important}
.v28-topbar{background:#fff;border-bottom:1px solid #f0f0f0;color:#777;font-size:12px}.v28-topbar-inner{width:min(1120px,calc(100% - 36px));margin:auto;min-height:48px;display:flex;align-items:center;gap:28px;justify-content:flex-end;flex-wrap:wrap}.v28-topbar a{color:#777;text-decoration:none}
.v28-header,.v25-header{position:sticky!important;top:0!important;background:#fff!important;border-bottom:3px solid #ea5a52!important;box-shadow:none!important;padding:10px 0!important}.v28-header .nav{min-height:72px}.v28-header .logo img{width:64px;height:64px}.v28-header .logo-copy strong{color:#111!important;font-size:20px!important}.v28-header .logo-copy span{color:#666!important;font-size:10px!important}.v28-header .v25-nav a{color:#222!important;font-size:14px!important;font-weight:600}.v28-header .v25-nav a:hover{color:#df584e!important}.v28-header .mega-menu{top:48px!important;border-top:3px solid #e55b52!important;border-radius:0!important;box-shadow:0 14px 30px rgba(0,0,0,.12)!important}.v28-header .mega-menu h4{color:#203c75!important}
.v28-page{background:#fff}.v28-visual-hero{padding:58px 0 32px;text-align:left;background:#fff}.v28-visual-hero .container{max-width:760px!important}.v28-visual-hero img{display:block;width:250px;height:190px;object-fit:cover;border-radius:50%;margin:0 auto 34px}.v28-kicker{font-weight:700;font-size:14px;color:#444;margin-bottom:12px}.v28-visual-hero h1{font-size:42px!important;line-height:1.15!important;letter-spacing:-.02em!important;color:#191919!important;margin:0 0 20px}.v28-visual-hero p{font-size:17px!important;line-height:1.75!important}
.v28-copy{padding:46px 0}.v28-copy.v28-soft{background:#fafafa}.v28-copy h2,.v28-faq h2,.v28-contact h2{font-size:34px!important;line-height:1.18!important;color:#171717!important;margin:0 0 18px}.v28-copy p{font-size:16px!important;line-height:1.82!important;margin:0 0 16px}.v28-bullets{display:grid;gap:14px;margin-top:26px}.v28-bullets div{border-left:3px solid #e66256;padding:10px 0 10px 16px}.v28-bullets b{display:block;color:#222;margin-bottom:5px}.v28-bullets span{color:#666;font-size:14px}
.v28-faq{padding:54px 0;background:#fff}.v28-faq-list{border:1px solid #e6e6e6}.v28-faq-list details{border-bottom:1px solid #e6e6e6;background:#fff;padding:0!important;border-radius:0!important}.v28-faq-list details:last-child{border-bottom:0}.v28-faq-list summary{padding:17px 18px;color:#333!important;font-size:14px;font-weight:600;cursor:pointer}.v28-faq-list p{padding:0 18px 18px;margin:0;font-size:14px;line-height:1.7}
.v28-services{padding:64px 0;background:#fff}.v28-section-title{text-align:center;max-width:760px;margin:0 auto 34px}.v28-section-title span{font-size:13px;color:#666}.v28-section-title h2{font-size:32px!important;color:#171717!important;margin:8px 0 10px}.v28-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px;margin:0 auto}.v28-service-card{border:1px solid #eee;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.05);padding:18px;text-align:center;min-height:280px;display:flex;flex-direction:column;align-items:center}.v28-service-card img{width:100%;height:135px;object-fit:cover;margin-bottom:14px}.v28-service-card h3{font-size:15px!important;line-height:1.3!important;color:#273a58!important;margin:5px 0 8px}.v28-service-card p{font-size:12.5px!important;line-height:1.55!important;margin:0 0 12px}.v28-service-card a{margin-top:auto;color:#dc5e51!important;text-decoration:none;font-weight:700;font-size:12px}
.v28-contact{padding:60px 0;background:#fff}.v28-contact-card{border:1px solid #e8e8e8;box-shadow:0 9px 24px rgba(0,0,0,.06);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:42px}.v28-contact-card h3{font-size:20px!important;color:#222!important}.v28-contact-card p{font-size:14px!important;line-height:1.65}.v28-contact-card a{color:#333}.v28-cta{display:inline-block;background:#e85f55;color:#fff!important;padding:12px 18px;text-decoration:none;margin-top:8px;font-weight:700;font-size:13px}
.v28-footer-directory{padding:56px 0 28px;background:#fff}.v28-footer-directory h2{text-align:center;color:#222!important;font-size:30px!important}.v28-footer-grid{display:grid;gap:26px;max-width:1040px;margin:40px auto 0}.v28-footer-grid h3{font-size:21px!important;color:#333!important;margin:0 0 9px}.v28-footer-grid p{font-size:13px!important;line-height:1.65!important;color:#555!important;margin:0}.v28-footer{background:#fff!important;border-top:0!important;text-align:center;padding:28px 0 50px!important}.v28-footer p{font-size:12px!important;color:#aaa!important}.v28-social{display:flex;justify-content:center;gap:9px;margin-bottom:14px}.v28-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff!important;text-decoration:none;font-weight:800}.v28-social a:nth-child(1){background:#2f5da9}.v28-social a:nth-child(2){background:#e84a76}.v28-social a:nth-child(3){background:#e6302b}.v28-social a:nth-child(4){background:#2e74a8}
.v25-floating{position:fixed!important;right:18px!important;top:58%!important;display:grid!important;gap:12px!important;z-index:1200}.v25-floating a{width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(0,0,0,.22)!important}
/* Sitewide light conversion */
body>header:not(.v28-header){background:#fff!important}.page-hero,.hero,.light-panel,.cta-band{background:#fff!important}.service,.card,.service-feature,.trust-card,.metrics,.step{background:#fff!important;color:#222!important;border-color:#eee!important}.service h3,.card h3,.service-feature h2,.page-hero h1,.page-hero h2{color:#222!important}.service p,.card p,.service-feature p,.page-hero p{color:#555!important}footer:not(.v28-footer){background:#fff!important;border-top:1px solid #eee!important}footer:not(.v28-footer) p,footer:not(.v28-footer) a{color:#555!important}
@media(max-width:900px){.v28-topbar-inner{justify-content:flex-start;gap:8px 18px;padding:8px 0}.v28-header .v25-nav{background:#fff!important;top:92px!important;border:1px solid #eee}.v28-service-grid{grid-template-columns:repeat(2,1fr)}.v28-contact-card{grid-template-columns:1fr}.v28-visual-hero h1{font-size:34px!important}}
@media(max-width:560px){.v28-topbar-inner span:nth-child(3),.v28-topbar-inner span:nth-child(4){display:none}.v28-visual-hero{padding-top:34px}.v28-visual-hero h1{font-size:30px!important}.v28-copy h2,.v28-faq h2,.v28-contact h2{font-size:27px!important}.v28-service-grid{grid-template-columns:1fr}.v28-service-card{min-height:auto}.v28-service-card img{height:155px}.v25-floating{right:8px!important}.v25-floating a{width:42px!important;height:42px!important}}


/* =========================================================
   V29 FINAL POLISH — readable header + Rednirus-inspired icon grids
   ========================================================= */
.v25-header,.v28-header{background:#fff!important;border-bottom:2px solid #e85f55!important;box-shadow:0 2px 12px rgba(15,23,42,.05)!important}
.v25-header .nav,.v28-header .nav{min-height:72px!important}
.v25-header .logo-copy strong,.v28-header .logo-copy strong{color:#151515!important;font-size:20px!important}
.v25-header .logo-copy span,.v28-header .logo-copy span{color:#666!important}
.v25-header .v25-nav>a,.v25-header .v25-nav .mega-wrap>a,
.v28-header .v25-nav>a,.v28-header .v25-nav .mega-wrap>a{color:#202020!important;font-weight:600!important;font-size:14px!important;opacity:1!important;text-shadow:none!important}
.v25-header .v25-nav>a:hover,.v25-header .v25-nav .mega-wrap>a:hover,
.v28-header .v25-nav>a:hover,.v28-header .v25-nav .mega-wrap>a:hover{color:#dc5e51!important}
.v25-header .mega-menu,.v28-header .mega-menu{background:#fff!important;border-top:3px solid #e85f55!important}
.v25-header .mega-menu a,.v28-header .mega-menu a{color:#374151!important;opacity:1!important}
.v25-header .mega-menu h4,.v28-header .mega-menu h4{color:#1f3b72!important}

/* Homepage/About compact service icons */
.v25-grid{grid-template-columns:repeat(6,1fr)!important;gap:16px!important}
.v25-service-card{min-height:145px!important;padding:20px 10px 16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;box-shadow:0 5px 16px rgba(15,23,42,.05)!important}
.v25-service-card img{width:58px!important;height:58px!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto 14px!important;display:block!important}
.v25-service-card strong{padding:0!important;font-size:13px!important;line-height:1.35!important;color:#273a58!important}

/* Services page — clean icon-card look */
.v28-service-grid{grid-template-columns:repeat(6,1fr)!important;gap:14px!important;max-width:1120px!important}
.v28-service-card{min-height:170px!important;padding:22px 10px 18px!important;border-radius:4px!important;justify-content:flex-start!important;box-shadow:0 5px 16px rgba(0,0,0,.05)!important}
.v28-service-card img{width:58px!important;height:58px!important;object-fit:contain!important;margin:4px auto 14px!important}
.v28-service-card h3{font-size:13px!important;line-height:1.35!important;margin:0 0 7px!important;color:#273a58!important}
.v28-service-card p{font-size:11.5px!important;line-height:1.45!important;margin-bottom:8px!important}
.v28-service-card a{font-size:11px!important}
.v29-category{margin:46px 0 14px!important;color:#d95d55!important;font-size:22px!important;font-weight:700!important;position:relative!important;padding-bottom:10px!important}
.v29-category:after{content:"";position:absolute;left:0;bottom:0;width:55px;height:2px;background:#273a58}

/* Blog visibility */
.blog-card{background:#fff!important;border:1px solid #e7e7e7!important;box-shadow:0 5px 18px rgba(15,23,42,.05)!important}
.blog-card h3,.blog-card h3 a{color:#1f2937!important;opacity:1!important}
.blog-card p{color:#555!important;opacity:1!important}
.blog-card img{display:block!important;opacity:1!important}
.blog-card a{color:#d95d55!important;font-weight:700!important}

/* Gallery visibility */
.gallery-card{box-shadow:0 5px 18px rgba(15,23,42,.05)!important}
.gallery-card img{min-height:220px;object-fit:cover;background:#f8fafc}

@media(max-width:1050px){.v25-grid,.v28-service-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:760px){.v25-grid,.v28-service-grid{grid-template-columns:repeat(2,1fr)!important}.v25-header .v25-nav{background:#fff!important}.v25-header .v25-nav a{color:#202020!important}.v25-service-card,.v28-service-card{min-height:150px!important}}

/* V30 FINAL HIGH-CONTRAST TYPOGRAPHY — white layout readability */
:root{
  --ink:#111111;
  --ink-soft:#444444;
}
body{
  color:#111111!important;
  background:#ffffff!important;
  font-family:"DM Sans",Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,
.page-hero h1,.page-hero h2,.section-head h2,
.hero h1,.service h3,.card h3,.blog-card h3,
.v25-service-card strong,.v28-service-card strong{
  font-family:"DM Sans",Arial,sans-serif!important;
  color:#111111!important;
  font-weight:700!important;
  opacity:1!important;
  text-shadow:none!important;
  letter-spacing:-.025em!important;
}
h1,.hero h1,.page-hero h1{
  font-weight:800!important;
  color:#0b0b0b!important;
}
p,.page-hero p,.hero p,.service p,.card p,.blog-card p,
.service-feature p,.v28-content p{
  color:#3f3f3f!important;
  opacity:1!important;
}
.eyebrow,.breadcrumb{
  color:#b64138!important;
  font-weight:700!important;
  opacity:1!important;
}
.v25-header,.v28-header{
  background:#ffffff!important;
}
.v25-header .logo-copy strong,.v28-header .logo-copy strong{
  color:#090909!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:800!important;
}
.v25-header .logo-copy span,.v28-header .logo-copy span{
  color:#444!important;
  font-weight:600!important;
}
.v25-header .v25-nav>a,.v25-header .v25-nav .mega-wrap>a,
.v28-header .v25-nav>a,.v28-header .v25-nav .mega-wrap>a{
  color:#111111!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:700!important;
  opacity:1!important;
}
.v25-header .mega-menu a,.v28-header .mega-menu a{
  color:#262626!important;
  font-weight:600!important;
}
.v25-header .mega-menu h4,.v28-header .mega-menu h4{
  color:#111827!important;
  font-weight:800!important;
}
.v25-service-card,.v28-service-card,.service,.card,.blog-card{
  background:#fff!important;
  color:#111!important;
}
.v25-service-card strong,.v28-service-card strong,
.service h3,.blog-card h3,.blog-card h3 a{
  color:#141414!important;
  font-weight:700!important;
}
.v25-dir-grid a,.v28-directory a,.footer-directory a{
  color:#333!important;
  font-weight:500!important;
}
@media(max-width:900px){
  .v25-header .v25-nav,.v28-header .v25-nav{background:#fff!important}
  .v25-header .v25-nav a,.v28-header .v25-nav a{color:#111!important;font-weight:700!important}
}


/* =========================================================
   V31 — Light Grey Background + Distinct Service Colors + 2 Large Slides
   ========================================================= */
html,body{background:#f1f3f5!important;color:#171717!important}
main,.v28-page{background:#f1f3f5!important}
.hero,.page-hero,.section,.light-panel,.cta-band,
.v28-visual-hero,.v28-copy,.v28-copy.v28-soft,.v28-faq,.v28-services,.v28-contact,
.v28-footer-directory,.service-directory,.contact-details-block,.v25-service-grid,
.v25-directory{background:#f1f3f5!important}
.v28-topbar,.v25-header,.v28-header{background:#ffffff!important}
.service,.card,.service-feature,.trust-card,.metrics,.step,.blog-card,
.v25-service-card,.v28-service-card,.v28-contact-card,.v28-faq-list,
.v28-faq-list details,.portfolio-card,.gallery-card{background:#ffffff!important}
footer,.v28-footer{background:#f7f7f8!important}

/* 2-slide large-image homepage hero */
.hero{min-height:0!important;padding:48px 0 42px!important}
.hero-slider-shell{min-height:0!important}
.hero-slide{inset:auto!important}
.hero-slide.active{position:relative!important}
.v31-big-slide .hero-grid{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;gap:34px!important;align-items:center!important}
.v31-big-slide .hero-copy{padding:18px 0!important}
.v31-big-slide .hero-copy h1{font-size:clamp(2.15rem,4vw,4.4rem)!important;line-height:1.03!important;margin:10px 0 20px!important}
.v31-big-slide .hero-copy p{font-size:1.02rem!important;line-height:1.7!important;max-width:520px!important}
.v31-big-visual,.hero-visual.premium-photo.v31-big-visual{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid #d9dde3!important;box-shadow:0 18px 45px rgba(23,31,43,.15)!important;background:#fff!important}
.v31-big-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.hero-controls{margin-top:20px!important}
.hero-prev,.hero-next{background:#fff!important;color:#222!important;border:1px solid #cfd4da!important}
.hero-dot{background:#aeb6c0!important}.hero-dot.active{background:#d65a50!important}
.hero-progress{background:#dce0e5!important}.hero-progress span{background:#d65a50!important}

/* Every service gets its own font/logo color */
.v25-service-card,.v28-service-card{border-top:4px solid var(--svc,#273a58)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.v25-service-card:hover,.v28-service-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(15,23,42,.10)!important}
.v25-service-card strong,.v28-service-card h3{color:var(--svc,#273a58)!important;font-weight:800!important}
.v25-service-card img,.v28-service-card img{width:72px!important;height:72px!important;object-fit:contain!important;background:#fff!important;border-radius:18px!important}
.v28-service-card a{color:var(--svc,#d95d55)!important}

@media(max-width:900px){
  .v31-big-slide .hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .v31-big-slide .hero-copy{order:1!important}
  .v31-big-slide .v31-big-visual{order:2!important}
  .hero{padding-top:28px!important}
}
@media(max-width:560px){
  .v31-big-slide .hero-copy h1{font-size:2.15rem!important}
  .v31-big-visual{aspect-ratio:16/10!important}
}