:root{
  --bg:#FFFFFF;
  --bg-soft:#F2F6FF;
  --panel:#FFFFFF;
  --line:rgba(13,42,99,.10);
  --ink:#0B1F4D;
  --muted:#5C6B8A;
  --blue:#1D5CF0;
  --blue-2:#3E7BFF;
  --cyan:#0B8FE0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
}
h1,h2,h3,h4,.display-font{font-family:'Space Grotesk',sans-serif;}
.text-muted-2{color:var(--muted) !important;}
.container-xl{max-width:1220px;}

.pixel-grid{
  background-image:radial-gradient(rgba(29,92,240,.14) 1.5px, transparent 1.5px);
  background-size:22px 22px;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--blue);font-weight:700;
  padding:.35rem .9rem;border:1px solid rgba(29,92,240,.28);
  border-radius:50px;background:rgba(29,92,240,.06);
}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(29,92,240,.6);}

.btn-glow{
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;border:none;border-radius:10px;
  padding:.85rem 1.9rem;font-weight:600;font-size:.92rem;
  box-shadow:0 14px 30px -10px rgba(29,92,240,.55);
  transition:transform .25s ease, box-shadow .25s ease;
}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px rgba(29,92,240,.65);color:#fff;}
.btn-ghost{
  border:1.5px solid rgba(13,42,99,.18);
  color:var(--ink);border-radius:10px;
  padding:.85rem 1.9rem;font-weight:600;font-size:.92rem;
  background:#fff;
  transition:all .25s ease;
}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:rgba(29,92,240,.05);}

.navbar{
  padding:1.1rem 0;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand-mark{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px -6px rgba(29,92,240,.55);
  margin-right:.6rem;
}
.brand-mark svg{width:18px;height:18px;}
.navbar-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--ink) !important;font-size:1.15rem;letter-spacing:.02em;display:flex;align-items:center;}
.navbar-brand span{color:var(--blue);}
.nav-link{color:var(--muted) !important;font-weight:500;font-size:.92rem;margin:0 .7rem;transition:color .2s;}
.nav-link:hover, .nav-link.active{color:var(--ink) !important;}

.hero{
  position:relative;
  padding:8.5rem 0 7rem;
  background:
    radial-gradient(ellipse 900px 500px at 50% -10%, rgba(29,92,240,.14), transparent 60%),
    var(--bg);
}
.hero .pixel-grid{
  position:absolute;inset:0;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, black 20%, transparent 75%);
}
.hero-inner{position:relative;z-index:2;}
.hero h1{
  font-size:clamp(2.4rem,4.6vw,3.6rem);
  font-weight:700;line-height:1.12;
  letter-spacing:-.01em;
  max-width:820px;margin:1.4rem auto 1.3rem;
  color:var(--ink);
}
.hero h1 .grad{
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lead{
  color:var(--muted);font-size:1.08rem;max-width:560px;margin:0 auto 2.4rem;
}




/* Page hero */
.page-hero{
  position:relative;padding:6.5rem 0 3.5rem;
  background:radial-gradient(ellipse 900px 460px at 50% -10%, rgba(29,92,240,.14), transparent 60%), var(--bg);
  text-align:center;
}
.page-hero .pixel-grid{position:absolute;inset:0;mask-image:radial-gradient(ellipse 70% 70% at 50% 10%, black 20%, transparent 75%);}
.page-hero-inner{position:relative;z-index:2;}
.page-hero h1{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:700;letter-spacing:-.01em;max-width:720px;margin:1.2rem auto 1rem;}
.page-hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:1.02rem;}

/* Filter tabs */
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:2.6rem 0 3.2rem;}
.filter-btn{
  border:1.5px solid var(--line);background:#fff;color:var(--muted);
  border-radius:50px;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;
  transition:all .2s ease;
}
.filter-btn:hover{border-color:rgba(29,92,240,.4);color:var(--blue);}
.filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}

/* Catalog cards */
.catalog-grid{padding-bottom:5.5rem;}
.cat-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px -22px rgba(11,31,77,.25);
  transition:transform .25s ease, box-shadow .25s ease;height:100%;display:flex;flex-direction:column;
}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(29,92,240,.28);}
.cat-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0B1F4D;}
.cat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.cat-card:hover .cat-img img{transform:scale(1.06);}
.cat-tag{
  position:absolute;top:14px;left:14px;
  background:rgba(11,31,77,.75);backdrop-filter:blur(6px);color:#fff;
  font-size:.72rem;font-weight:600;letter-spacing:.04em;
  padding:.35rem .8rem;border-radius:50px;
}
.cat-body{padding:1.5rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1;}
.cat-body h4{font-size:1.05rem;font-weight:600;margin-bottom:.55rem;}
.cat-body p{color:var(--muted);font-size:.88rem;flex:1;margin-bottom:1.1rem;}
.cat-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid var(--line);padding-top:1.1rem;}
.cat-price{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--ink);font-size:.95rem;}
.cat-price span{display:block;color:var(--muted);font-weight:400;font-size:.72rem;}


.btn-sm-glow {
    background: linear-gradient(135deg, var(--blue), var(--blue-2));
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .6rem 1.2rem;
    font-weight: 600;
    font-size: .83rem;
    transition: all .2s ease;
}

.led-mock{
  position:relative;
  margin:4.5rem auto 0;
  max-width:960px;
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg,#0E1B3D,#081029);
  border:1px solid rgba(29,92,240,.25);
  box-shadow:0 40px 90px -30px rgba(11,31,77,.35), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.led-mock-inner{
  border-radius:12px;overflow:hidden;position:relative;
  aspect-ratio:16/7.2;
  background:#050912;
}
.led-mock-inner img{width:100%;height:100%;object-fit:cover;opacity:.92;}
.led-scan{
  position:absolute;inset:0;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,.18) 0px, rgba(0,0,0,.18) 1px, transparent 2px, transparent 4px);
  pointer-events:none;
}
.led-glow-bar{
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg, transparent, var(--cyan), transparent);
  animation:sweep 3.5s linear infinite;
  opacity:.9;
}
@keyframes sweep{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(100%);}
}

.trust-bar{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--bg-soft);
}
.trust-item{padding:2.2rem 0;text-align:center;}
.trust-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.1rem;color:var(--ink);}
.trust-num span{color:var(--blue);}
.trust-label{color:var(--muted);font-size:.85rem;margin-top:.2rem;}

.section-pad{padding:6.5rem 0;}
.section-title{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;letter-spacing:-.01em;color:var(--ink);}
.section-sub{color:var(--muted);max-width:560px;}

.about-frame{
  position:relative;border-radius:18px;overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 30px 70px -30px rgba(11,31,77,.25);
}
.about-frame img{width:100%;height:100%;object-fit:cover;display:block;min-height:420px;}
.about-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 45%, rgba(8,16,41,.55));
}
.check-list li{
  display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem;color:var(--muted);font-size:.94rem;
}
.check-list li svg{flex:none;margin-top:.15rem;color:var(--blue);}

.bezel-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:2.1rem 1.8rem;
  height:100%;
  box-shadow:0 10px 30px -20px rgba(11,31,77,.15);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.bezel-card:hover{
  transform:translateY(-6px);
  border-color:rgba(29,92,240,.35);
  box-shadow:0 26px 50px -22px rgba(29,92,240,.28);
}
.bezel-icon{
  width:50px;height:50px;border-radius:12px;
  background:rgba(29,92,240,.08);
  border:1px solid rgba(29,92,240,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--blue);margin-bottom:1.3rem;
}
.bezel-card h4{font-size:1.08rem;font-weight:600;margin-bottom:.6rem;color:var(--ink);}
.bezel-card p{color:var(--muted);font-size:.9rem;margin:0;}

.process-line{position:relative;}
.process-line::before{
  content:"";position:absolute;top:26px;left:0;right:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(29,92,240,.35), transparent);
  display:none;
}
@media (min-width:992px){.process-line::before{display:block;}}
.process-step{text-align:center;position:relative;padding-top:0;}
.step-num{
  width:54px;height:54px;border-radius:50%;
  background:#fff;
  border:1.5px solid rgba(29,92,240,.35);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--blue);
  margin:0 auto 1.2rem;position:relative;z-index:2;
  box-shadow:0 0 0 6px var(--bg);
}
.process-step h5{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--ink);}
.process-step p{color:var(--muted);font-size:.87rem;}

.clients-section{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5rem 0;}
.marquee-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);}
.marquee-track{display:flex;gap:2.5rem;width:max-content;animation:marquee 28s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
.client-chip{
  height:76px;
  width: auto;
  margin:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.85rem;
  padding:0 1.2rem;
  box-shadow:0 8px 22px -18px rgba(11,31,77,.3);
}

.client-chip img{
  height: 60px;
}
.cta-band{
  margin:0 auto;
  border-radius:24px;
  padding:4rem 2.5rem;
  background:
    radial-gradient(ellipse 700px 300px at 20% 0%, rgba(11,143,224,.25), transparent 60%),
    linear-gradient(135deg,#123B9E,#1D5CF0);
  color:#fff;
  text-align:center;
}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;}
.cta-band p{color:rgba(255,255,255,.85) !important;}



/* Featured post */
.featured-card{
  border-radius:22px;overflow:hidden;border:1px solid var(--line);
  box-shadow:0 25px 55px -30px rgba(11,31,77,.3);display:flex;flex-wrap:wrap;background:#fff;
}
.featured-img{flex:1 1 50%;min-width:300px;position:relative;min-height:320px;}
.featured-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.featured-body{flex:1 1 45%;padding:2.6rem;display:flex;flex-direction:column;justify-content:center;}
.post-tag{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--blue);
  background:rgba(29,92,240,.08);border:1px solid rgba(29,92,240,.2);
  padding:.3rem .8rem;border-radius:50px;margin-bottom:1rem;width:fit-content;
}
.featured-body h2{font-size:1.55rem;font-weight:700;line-height:1.3;margin-bottom:.8rem;}
.featured-body p{color:var(--muted);font-size:.95rem;margin-bottom:1.4rem;}
.post-meta{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.83rem;margin-bottom:1.4rem;flex-wrap:wrap;}
.post-meta span{display:flex;align-items:center;gap:.4rem;}
.read-link{color:var(--blue);font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;}
.read-link:hover{color:var(--blue-2);}


/* Filter */
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:3.2rem 0 3rem;}
.filter-btn{
  border:1.5px solid var(--line);background:#fff;color:var(--muted);border-radius:50px;
  padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;transition:all .2s ease;
}
.filter-btn:hover{border-color:rgba(29,92,240,.4);color:var(--blue);}
.filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}

/* Blog cards */
.blog-grid{padding-bottom:4.5rem;}
.blog-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px -22px rgba(11,31,77,.25);transition:transform .25s ease, box-shadow .25s ease;
  height:100%;display:flex;flex-direction:column;
}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(29,92,240,.28);}
.blog-img{position:relative;aspect-ratio:16/10;overflow:hidden;}
.blog-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.blog-card:hover .blog-img img{transform:scale(1.06);}
.blog-body{padding:1.5rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1;}
.blog-body h4{font-size:1.05rem;font-weight:600;margin-bottom:.6rem;line-height:1.4;}
.blog-body h4 a{color:var(--ink);text-decoration:none;}
.blog-body h4 a:hover{color:var(--blue);}
.blog-body p{color:var(--muted);font-size:.88rem;flex:1;margin-bottom:1.1rem;}

/* Pagination */
.pagination .page-link{
  border:1px solid var(--line);color:var(--ink);margin:0 .2rem;border-radius:9px !important;font-weight:600;font-size:.88rem;
}
.pagination .page-item.active .page-link{background:var(--blue);border-color:var(--blue);color:#fff;}



/* Breadcrumb */
.crumb{padding:1.8rem 0 0;font-size:.85rem;color:var(--muted);}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{color:var(--blue);}

/* Article header */
.article-header{padding:1.6rem 0 2.5rem;text-align:center;}
.post-tag{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--blue);
  background:rgba(29,92,240,.08);border:1px solid rgba(29,92,240,.2);
  padding:.35rem .9rem;border-radius:50px;margin-bottom:1.2rem;
}
.article-header h1{
  font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:700;line-height:1.25;max-width:800px;margin:0 auto 1.4rem;letter-spacing:-.01em;
}
.post-meta{display:flex;align-items:center;justify-content:center;gap:1.4rem;color:var(--muted);font-size:.88rem;flex-wrap:wrap;}
.post-meta span{display:flex;align-items:center;gap:.4rem;}
.author-chip{display:flex;align-items:center;gap:.6rem;}
.author-avatar{
  width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;
}

/* Hero image */
.article-hero-img{
  border-radius:20px;overflow:hidden;max-width:960px;margin:0 auto 3.5rem;
  box-shadow:0 30px 60px -30px rgba(11,31,77,.35);
}
.article-hero-img img{width:100%;height:auto;display:block;aspect-ratio:16/8;object-fit:cover;}

/* Body layout */
.article-body{font-size:1.02rem;line-height:1.85;color:#2A3554;max-width:760px;margin:0 auto;}
.article-body h2{font-size:1.4rem;font-weight:700;margin:2.6rem 0 1rem;color:var(--ink);}
.article-body h3{font-size:1.15rem;font-weight:600;margin:2rem 0 .8rem;color:var(--ink);}
.article-body p{margin-bottom:1.3rem;color:#3B4666;}
.article-body ul{margin-bottom:1.3rem;padding-left:1.3rem;}
.article-body li{margin-bottom:.5rem;color:#3B4666;}
.pull-quote{
  border-left:4px solid var(--blue);background:var(--bg-soft);border-radius:0 12px 12px 0;
  padding:1.4rem 1.6rem;margin:2.2rem 0;font-size:1.05rem;font-style:italic;color:var(--ink);font-weight:500;
}
.inline-img{border-radius:16px;overflow:hidden;margin:2.2rem 0;box-shadow:0 20px 45px -28px rgba(11,31,77,.3);}
.inline-img img{width:100%;display:block;}
.inline-img figcaption{font-size:.82rem;color:var(--muted);text-align:center;margin-top:.6rem;}

/* Tags + share */
.tag-share{
  max-width:760px;margin:3rem auto 0;padding-top:1.8rem;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
}
.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;}
.post-tags span{
  background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);
  font-size:.8rem;padding:.35rem .85rem;border-radius:50px;
}
.share-links{display:flex;gap:.5rem;}
.share-links a{
  width:38px;height:38px;border-radius:9px;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s;
}
.share-links a:hover{border-color:var(--blue);color:var(--blue);}

/* Author box */
.author-box{
  max-width:760px;margin:3rem auto 0;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:18px;padding:1.8rem;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;
}
.author-box .author-avatar{width:58px;height:58px;font-size:1.3rem;flex:none;}
.author-box h5{font-weight:600;margin-bottom:.3rem;}
.author-box p{color:var(--muted);font-size:.88rem;margin:0;}



/* Quick contact cards */
.quick-grid{padding:1rem 0 4rem;}
.quick-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.8rem;height:100%;
  text-align:center;box-shadow:0 10px 30px -20px rgba(11,31,77,.15);transition:transform .25s ease, box-shadow .25s ease;
}
.quick-card:hover{transform:translateY(-6px);border-color:rgba(29,92,240,.35);box-shadow:0 26px 50px -22px rgba(29,92,240,.28);}
.quick-icon{
  width:52px;height:52px;border-radius:14px;background:rgba(29,92,240,.08);border:1px solid rgba(29,92,240,.25);
  display:flex;align-items:center;justify-content:center;color:var(--blue);margin:0 auto 1.1rem;
}
.quick-card h5{font-weight:600;font-size:1rem;margin-bottom:.4rem;}
.quick-card p{color:var(--muted);font-size:.87rem;margin-bottom:.9rem;}
.quick-card a.link{color:var(--blue);font-weight:600;font-size:.88rem;text-decoration:none;}
.quick-card a.link:hover{color:var(--blue-2);}

/* Form + map section */
.contact-section{padding-bottom:6rem;}
.form-panel{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:2.6rem;
  box-shadow:0 25px 55px -30px rgba(11,31,77,.3);
}
.form-panel h3{font-weight:700;margin-bottom:.5rem;}
.form-panel .sub{color:var(--muted);font-size:.92rem;margin-bottom:2rem;}
.form-label{font-weight:600;font-size:.88rem;color:var(--ink);margin-bottom:.5rem;}
.form-control, .form-select{
  border:1.5px solid var(--line);border-radius:10px;padding:.72rem .95rem;font-size:.92rem;color:var(--ink);
}
.form-control:focus, .form-select:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,92,240,.12);
}
.form-control::placeholder{color:#A6B0C7;}
textarea.form-control{min-height:130px;resize:vertical;}
.form-check-input:checked{background-color:var(--blue);border-color:var(--blue);}

/* Side info panel */
.info-panel{
  background:linear-gradient(160deg,#0E2359,#123B9E 60%,#1D5CF0);
  border-radius:22px;padding:2.6rem;color:#fff;height:100%;
  position:relative;overflow:hidden;
}
.info-panel::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.12) 1.5px, transparent 1.5px);
  background-size:20px 20px;mask-image:radial-gradient(ellipse 80% 60% at 30% 20%, black, transparent 70%);
}
.info-panel-inner{position:relative;z-index:2;}
.info-panel h3{font-weight:700;margin-bottom:.6rem;font-size:1.3rem;}
.info-panel p{color:rgba(255,255,255,.85);font-size:.9rem;margin-bottom:2rem;}
.info-row{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1.5rem;}
.info-row-icon{
  width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.info-row h6{font-weight:600;font-size:.9rem;margin-bottom:.2rem;}
.info-row p{margin:0;font-size:.85rem;color:rgba(255,255,255,.8);}
.info-panel hr{border-color:rgba(255,255,255,.18);margin:1.8rem 0;}
.info-social{display:flex;gap:.5rem;}
.info-social a{
  width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;
}
.info-social a:hover{background:rgba(255,255,255,.14);}

/* Map */
.map-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 55px -30px rgba(11,31,77,.3);}
.map-wrap iframe{width:100%;height:380px;border:0;display:block;filter:grayscale(15%);}

/* FAQ */
.faq-section{background:var(--bg-soft);border-top:1px solid var(--line);padding:5rem 0;}
.accordion-item{border:1px solid var(--line);border-radius:12px !important;margin-bottom:.9rem;overflow:hidden;}
.accordion-button{font-weight:600;font-size:.95rem;color:var(--ink);background:#fff;padding:1.1rem 1.4rem;}
.accordion-button:not(.collapsed){color:var(--blue);background:rgba(29,92,240,.05);box-shadow:none;}
.accordion-button:focus{box-shadow:none;border-color:var(--line);}
.accordion-body{color:var(--muted);font-size:.9rem;padding:0 1.4rem 1.3rem;}


/* Values */
.value-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:2rem 1.7rem;height:100%;
  box-shadow:0 10px 30px -20px rgba(11,31,77,.15);transition:transform .25s ease, box-shadow .25s ease;
}
.value-card:hover{transform:translateY(-6px);border-color:rgba(29,92,240,.35);box-shadow:0 26px 50px -22px rgba(29,92,240,.28);}
.value-icon{
  width:48px;height:48px;border-radius:12px;background:rgba(29,92,240,.08);border:1px solid rgba(29,92,240,.25);
  display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:1.2rem;
}
.value-card h4{font-size:1.02rem;font-weight:600;margin-bottom:.5rem;}
.value-card p{color:var(--muted);font-size:.88rem;margin:0;}

footer{background:#0B1F4D;border-top:1px solid rgba(255,255,255,.08);padding:4.5rem 0 1.8rem;}
footer h5{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#fff;margin-bottom:1.1rem;font-size:1rem;}
footer p, footer a{color:rgba(255,255,255,.72);font-size:.9rem;}
footer a{text-decoration:none;}
footer a:hover{color:#fff;}
footer ul{list-style:none;padding:0;margin:0;}
footer ul li{margin-bottom:.6rem;}
footer .navbar-brand span{color:#5FB6F5;}
.social-icon{
  width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.18);
  display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);
  margin-right:.5rem;transition:all .2s;
}
.social-icon:hover{border-color:#fff;color:#fff;}
.footer-input{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;
  border-radius:9px;padding:.75rem .9rem;width:100%;font-size:.88rem;margin-bottom:.7rem;
}
.footer-input::placeholder{color:rgba(255,255,255,.5);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:3rem;padding-top:1.4rem;font-size:.8rem;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}

  /* WA float button */
  .wa-float{
    position:fixed; bottom:1.6rem; right:1.6rem; z-index:1050;
    width:56px; height:56px; border-radius:50%;
    background:#25D366; color:#ffffff;
    display:flex; align-items:center; justify-content:center;
    font-size:1.5rem;
    box-shadow:0 10px 24px -6px rgba(0,0,0,.55);
  }