:root{
  --primary:#0F172A;
  --secondary:#2563EB;
  --accent:#10B981;
  --bg:#F8FAFC;
}
html{scroll-behavior:smooth;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);}

.site-header{backdrop-filter:saturate(185%) blur(16px);background:rgba(15,23,42,.78);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(2,6,23,.35);}
.topbar{background:rgba(15,23,42,.88);border-bottom:1px solid rgba(255,255,255,.10);}
.topbar-link{color:rgba(255,255,255,.75);text-decoration:none;font-weight:600;font-size:.85rem;}
.topbar-link:hover{color:#fff;text-decoration:underline;}
.topbar-text{color:rgba(255,255,255,.70);font-weight:600;font-size:.85rem;}
.navbar{padding:.85rem 0;}
.navbar-brand{letter-spacing:.2px;display:flex;align-items:center;gap:.55rem;}
.brand-logo{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));}
.footer-logo{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));}
.nav-link{color:rgba(255,255,255,.76)!important;font-weight:700;letter-spacing:.2px;position:relative;}
.nav-link:after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.25rem;height:2px;border-radius:999px;background:linear-gradient(90deg, var(--secondary), var(--accent));opacity:0;transform:scaleX(.25);transform-origin:center;transition:opacity .18s ease, transform .18s ease;}
.nav-link.active,.nav-link:hover{color:#fff!important;}
.nav-link.active:after,.nav-link:hover:after{opacity:1;transform:scaleX(1);}
.navbar .navbar-collapse > .d-flex{align-items:center;}
.navbar .navbar-collapse > .d-flex .btn{border-radius:999px;padding:.48rem .95rem;font-weight:800;letter-spacing:.2px;}
.navbar .navbar-collapse > .d-flex .btn-outline-light{border-color:rgba(255,255,255,.22);}
.navbar .navbar-collapse > .d-flex .btn-outline-light:hover{border-color:rgba(255,255,255,.38);}

.btn-primary{--bs-btn-bg:var(--secondary);--bs-btn-border-color:var(--secondary);}
.btn-outline-primary{--bs-btn-color:var(--secondary);--bs-btn-border-color:rgba(37,99,235,.45);}
.btn-accent{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-color:#042f2e;}
.bg-soft{background:linear-gradient(180deg,#ffffff 0%,#F3F6FB 100%);}

.hero-section{background:var(--primary);color:#fff;overflow:hidden;}
.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 520px at 12% 12%, rgba(37,99,235,.20), rgba(15,23,42,0) 60%),radial-gradient(900px 420px at 85% 18%, rgba(16,185,129,.12), rgba(15,23,42,0) 55%);pointer-events:none;}
.hero-section .carousel{position:relative;z-index:1;}
.hero-section .carousel-inner{border-radius:0;overflow:hidden;box-shadow:0 28px 90px rgba(2,6,23,.48);border:1px solid rgba(255,255,255,.12);}
.hero-section .carousel-indicators{margin-bottom:1rem;}
.hero-section .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:999px;border:0;opacity:.45;background:rgba(255,255,255,.55);transition:all .18s ease;}
.hero-section .carousel-indicators .active{opacity:1;width:22px;background:linear-gradient(90deg, var(--secondary), var(--accent));}
.hero-slide{position:relative;height:clamp(520px,86vh,980px);background-size:cover;background-position:center;background-repeat:no-repeat;background-image:radial-gradient(1200px 600px at 15% 20%, rgba(37,99,235,.55), rgba(15,23,42,1) 55%),radial-gradient(900px 500px at 85% 30%, rgba(16,185,129,.22), rgba(15,23,42,0) 60%);overflow:hidden;}
.hero-slide-banner{background:none;background-color:var(--primary);overflow:hidden;height:auto;}
.hero-picture{position:absolute;inset:0;display:block;}
.hero-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
.hero-slide-banner .hero-picture{position:relative;inset:auto;}
.hero-slide-banner .hero-img{position:relative;inset:auto;height:auto;object-fit:contain;background:var(--primary);}
@media (max-width: 768px){
    .hero-slide{height:clamp(280px,46vh,460px);}
    .hero-img{object-position:50% 50%;}
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(15,23,42,.55) 0%, rgba(15,23,42,.25) 55%, rgba(15,23,42,.65) 100%);pointer-events:none;}
.min-vh-60{min-height:60vh;}
.hero-stats{position:relative;margin-top:-2.75rem;z-index:10;}

.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(2,6,23,.35);backdrop-filter:blur(18px);border-radius:1.25rem;position:relative;z-index:2;}
.eyebrow{font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:rgba(255,255,255,.7);}
.section-title .eyebrow{color:var(--secondary);}
.stat-card .stat-value{color:#fff;}

.premium-card{background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 50px rgba(2,6,23,.08);border-radius:1.25rem;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.premium-card:hover{transform:translateY(-4px);box-shadow:0 22px 70px rgba(2,6,23,.12);border-color:rgba(37,99,235,.22);}

.action-card{padding:1.75rem;}
.icon-pill{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 10px 25px rgba(2,6,23,.12);}
.icon-pill.bg-accent{background:rgba(16,185,129,.95);}
.icon-pill.bg-primary{background:var(--secondary);}
.service-card{position:relative;overflow:hidden;}
.service-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(600px 160px at 0% 0%, rgba(37,99,235,.12), rgba(255,255,255,0) 60%);pointer-events:none;}
.industry-card{cursor:default;}
.feature-card{position:relative;overflow:hidden;}
.feature-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(560px 140px at 0% 0%, rgba(16,185,129,.10), rgba(255,255,255,0) 60%);pointer-events:none;}

.about-card{position:relative;overflow:hidden;}
.about-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;}
.about-image{display:flex;align-items:stretch;}
.about-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1.5rem;}
.about-content{position:relative;overflow:hidden;}
.about-content:before{content:"";position:absolute;inset:-1px;background:radial-gradient(720px 260px at 0% 0%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%),radial-gradient(620px 240px at 100% 10%, rgba(16,185,129,.08), rgba(255,255,255,0) 60%);pointer-events:none;}
.about-content > *{position:relative;}
.about-mission:before{background:radial-gradient(520px 200px at 0% 0%, rgba(16,185,129,.16), rgba(255,255,255,0) 60%),radial-gradient(420px 160px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.about-vision:before{background:radial-gradient(520px 200px at 0% 0%, rgba(37,99,235,.16), rgba(255,255,255,0) 60%),radial-gradient(420px 160px at 100% 20%, rgba(16,185,129,.08), rgba(255,255,255,0) 60%);}
.about-values:before{background:radial-gradient(640px 240px at 0% 0%, rgba(15,23,42,.06), rgba(255,255,255,0) 60%),radial-gradient(520px 220px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.values-grid{display:flex;flex-wrap:wrap;gap:.6rem;}
.value-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9);box-shadow:0 12px 30px rgba(2,6,23,.06);font-weight:700;color:var(--primary);}
.value-chip i{color:var(--accent);font-size:1.05rem;}

.stat-tile{position:relative;overflow:hidden;}
.stat-tile:before{content:"";position:absolute;inset:-1px;pointer-events:none;}
.stat-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 40px rgba(2,6,23,.18);}
.stat-icon i{font-size:1.25rem;}
.stat-1:before{background:radial-gradient(520px 200px at 0% 0%, rgba(37,99,235,.14), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(16,185,129,.10), rgba(255,255,255,0) 60%);}
.stat-2:before{background:radial-gradient(520px 200px at 0% 0%, rgba(16,185,129,.14), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.stat-3:before{background:radial-gradient(520px 200px at 0% 0%, rgba(15,23,42,.10), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.stat-4:before{background:radial-gradient(520px 200px at 0% 0%, rgba(37,99,235,.12), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(15,23,42,.10), rgba(255,255,255,0) 60%);}
.stat-1 .stat-icon{background:var(--secondary);}
.stat-2 .stat-icon{background:rgba(16,185,129,.95);color:#042f2e;}
.stat-3 .stat-icon{background:rgba(15,23,42,.92);}
.stat-4 .stat-icon{background:rgba(37,99,235,.78);}

.placeholder-hero{min-height:360px;background:radial-gradient(900px 360px at 20% 20%, rgba(37,99,235,.18), rgba(255,255,255,0) 55%),linear-gradient(135deg,#0f172a,#111827);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(2,6,23,.25);}

.timeline{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));}
@media (min-width:992px){.timeline{grid-template-columns:repeat(3,minmax(0,1fr));}}
.timeline-item{position:relative;overflow:hidden;}
.timeline-index{width:46px;height:46px;border-radius:16px;background:rgba(37,99,235,.10);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary);margin-bottom:.75rem;}
.process-tile{position:relative;overflow:hidden;}
.process-tile:before{content:"";position:absolute;inset:-1px;pointer-events:none;}
.process-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 40px rgba(2,6,23,.16);flex:0 0 auto;}
.process-icon i{font-size:1.2rem;}
.process-1:before{background:radial-gradient(560px 180px at 0% 0%, rgba(37,99,235,.14), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(16,185,129,.10), rgba(255,255,255,0) 60%);}
.process-2:before{background:radial-gradient(560px 180px at 0% 0%, rgba(16,185,129,.14), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.process-3:before{background:radial-gradient(560px 180px at 0% 0%, rgba(15,23,42,.10), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%);}
.process-4:before{background:radial-gradient(560px 180px at 0% 0%, rgba(37,99,235,.10), rgba(255,255,255,0) 60%),radial-gradient(460px 180px at 100% 20%, rgba(15,23,42,.10), rgba(255,255,255,0) 60%);}
.process-1 .process-icon{background:var(--secondary);}
.process-2 .process-icon{background:rgba(16,185,129,.95);color:#042f2e;}
.process-3 .process-icon{background:rgba(15,23,42,.92);}
.process-4 .process-icon{background:rgba(37,99,235,.78);}

.client-marquee{overflow:hidden;position:relative;}
.client-track{display:flex;gap:3rem;align-items:center;animation:marquee 24s linear infinite;min-width:max-content;}
.client-logo{width:160px;height:64px;display:flex;align-items:center;justify-content:center;opacity:.9;filter:grayscale(10%);transition:opacity .2s ease, filter .2s ease;}
.client-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.client-marquee:hover .client-track{animation-play-state:paused;}
.client-logo-placeholder{border:1px dashed rgba(15,23,42,.18);border-radius:14px;background:linear-gradient(135deg, rgba(37,99,235,.08), rgba(16,185,129,.06));color:rgba(15,23,42,.45);filter:none;opacity:1;}
.client-logo-placeholder i{font-size:1.35rem;}
.client-logo:hover{opacity:1;filter:none;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.avatar{width:44px;height:44px;border-radius:16px;overflow:hidden;flex:0 0 auto;background:rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.avatar-fallback{font-weight:700;color:var(--primary);}
.avatar-placeholder{background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(16,185,129,.10));color:rgba(15,23,42,.55);}
.testimonial-placeholder{border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 55px rgba(2,6,23,.08);}

.accordion-item{border:1px solid rgba(15,23,42,.06);border-radius:1rem;overflow:hidden;margin-bottom:.75rem;}
.accordion-button{background:#fff;font-weight:600;}
.accordion-button:not(.collapsed){color:var(--primary);background:rgba(37,99,235,.08);}

.brand-strip{background:linear-gradient(90deg, var(--secondary) 0%, var(--accent) 100%);}
.brand-strip-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 70px rgba(2,6,23,.18);background:rgba(15,23,42,.15);backdrop-filter:blur(10px);}
.brand-strip-inner{display:flex;align-items:center;gap:14px;padding:16px 18px;position:relative;z-index:2;}
.brand-strip-logo{height:44px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(2,6,23,.35));}
.brand-strip-logo-fallback{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff;}
.brand-strip-logo-fallback i{font-size:1.25rem;}
.brand-strip-text{color:#fff;line-height:1.15;}
.brand-strip-title{font-weight:900;letter-spacing:.6px;font-size:1.15rem;}
.brand-strip-subtitle{opacity:.9;font-weight:700;font-size:.9rem;}
.brand-strip-glow{position:absolute;inset:-40px;background:radial-gradient(520px 220px at 12% 50%, rgba(255,255,255,.22), rgba(255,255,255,0) 60%),radial-gradient(420px 220px at 88% 50%, rgba(255,255,255,.16), rgba(255,255,255,0) 60%);pointer-events:none;z-index:1;}

.map-section iframe{width:100%;height:360px;border:0;display:block;}

.cta-section{background:linear-gradient(135deg,#0F172A,#111827);background-size:cover;background-position:center;background-repeat:no-repeat;}
.cta-card{max-width:960px;margin:0 auto;}
.cta-card h2{color:#fff;text-shadow:0 10px 30px rgba(2,6,23,.45);}

.footer{background:linear-gradient(180deg,#0F172A 0%,#0B1224 100%);color:#fff;}
.footer-links a{color:rgba(255,255,255,.72);text-decoration:none;}
.footer-links a:hover{color:#fff;text-decoration:underline;}
.footer-social{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);}
.footer-social:hover{background:rgba(255,255,255,.16);color:#fff;}

.floating-actions{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:999;}
.float-btn{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(2,6,23,.35);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);}
.float-btn.whatsapp{background:rgba(16,185,129,.92);}
.float-btn.call{background:rgba(37,99,235,.92);}
.float-btn:hover{transform:translateY(-2px);transition:transform .2s ease;}
