.elementor-3078 .elementor-element.elementor-element-e467832{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3078 .elementor-element.elementor-element-a5be76e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3078 .elementor-element.elementor-element-186b944{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-b712069{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-19c75b7{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-8f04316{margin:-58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-47d0e39{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-a26d8d1{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-db0a880{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-1px -1px -1px -1px;}.elementor-3078 .elementor-element.elementor-element-6d8adff{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3078 .elementor-element.elementor-element-9eb02c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3078 .elementor-element.elementor-element-5b39fc2{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-abcf2f5 */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#07101e;--blue:#2451e6;--blue-l:#5b8fff;--blue-d:#1a3fc0;--topbg:#04101f;--navbg:#ffffff;}

/* ═══ TOP BAR ═══ */
.hd2-top{background:var(--topbg);position:relative;z-index:200;}
.hd2-top::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent 0%,var(--blue) 25%,var(--blue-l) 50%,var(--blue) 75%,transparent 100%);background-size:200% 100%;animation:hd2-border 4s linear infinite;}
@keyframes hd2-border{0%{background-position:0%}100%{background-position:200%}}
.hd2-top-inner{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:42px;gap:20px;}

/* ticker */
.hd2-ticker-mask{overflow:hidden;flex:1;max-width:500px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.hd2-ticker{display:flex;width:max-content;animation:hd2-tick 26s linear infinite;}
.hd2-ticker:hover{animation-play-state:paused}
@keyframes hd2-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hd2-ti{display:inline-flex;align-items:center;gap:7px;padding:0 28px;font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.05em;color:rgba(255,255,255,.45);white-space:nowrap;}
.hd2-ti-dot{width:4px;height:4px;border-radius:50%;background:var(--blue);flex-shrink:0;animation:hd2-dot 2s ease-in-out infinite;}
@keyframes hd2-dot{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}
.hd2-ti em{font-style:normal;color:var(--blue-l);font-weight:700;}

/* top right */
.hd2-top-r{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.hd2-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.03em;color:rgba(255,255,255,.55);text-decoration:none;border:1px solid rgba(255,255,255,.07);border-radius:6px;transition:all .25s;white-space:nowrap;background:rgba(255,255,255,.02);}
.hd2-chip svg{width:12px;height:12px;flex-shrink:0;opacity:.6;transition:opacity .25s;}
.hd2-chip:hover{color:#fff;border-color:rgba(36,81,230,.4);background:rgba(36,81,230,.1);}
.hd2-chip:hover svg{opacity:1;}
.hd2-vd{width:1px;height:14px;background:rgba(255,255,255,.1);flex-shrink:0;margin:0 4px;}
.hd2-socs{display:flex;align-items:center;gap:2px;}
.hd2-soc{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);text-decoration:none;transition:background .25s,color .25s;}
.hd2-soc:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.9);}
.hd2-soc svg{width:12px;height:12px;fill:currentColor;}
.hd2-wa{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-family:'Manrope',sans-serif;font-size:10px;font-weight:800;letter-spacing:.06em;color:#fff;text-decoration:none;border-radius:7px;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 10px rgba(37,211,102,.3);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;flex-shrink:0;}
.hd2-wa::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:hd2-shine 2.8s ease-in-out infinite;}
@keyframes hd2-shine{0%{left:-80%}55%,100%{left:140%}}
.hd2-wa:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,211,102,.4);}
.hd2-wa svg{width:12px;height:12px;fill:#fff;flex-shrink:0;}

/* ═══ MAIN NAV ═══ */
.hd2-nav{background:var(--navbg);position:sticky;top:0;z-index:199;transition:box-shadow .4s,background .4s,backdrop-filter .4s;}
.hd2-nav.hd2-scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 32px rgba(7,16,30,.1);}
.hd2-nav::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),var(--blue-l));border-radius:0 2px 2px 0;}
.hd2-nav-inner{max-width:1320px;margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;height:66px;gap:24px;}

/* logo */
.hd2-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;transition:opacity .2s;}
.hd2-logo:hover{opacity:.85;}
.hd2-logo img{height:40px;width:auto;object-fit:contain;display:block;}

/* nav links */
.hd2-links{display:flex;align-items:center;gap:0;list-style:none;flex:1;justify-content:center;}
.hd2-links li{position:relative;}
.hd2-links > li > a{display:flex;align-items:center;gap:5px;padding:10px 18px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;color:rgba(7,16,30,.65);text-decoration:none;white-space:nowrap;position:relative;transition:color .25s;}
.hd2-links > li > a::before{content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--blue-l));transform:translateX(-50%);transition:width .3s cubic-bezier(.23,1,.32,1);}
.hd2-links > li > a:hover,.hd2-links > li > a.hd2-active{color:var(--blue);}
.hd2-links > li > a:hover::before,.hd2-links > li > a.hd2-active::before{width:calc(100% - 28px);}
.hd2-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.45;transition:transform .25s,opacity .25s;margin-top:1px;}
.hd2-links li:hover .hd2-caret{transform:rotate(180deg);opacity:.8;}

/* ── MEGA DROPDOWN ── */
.hd2-drop{
  display:none;position:absolute;top:calc(100% + 6px);left:-20px;
  width:560px;
  background:#fff;border:1px solid #edf0f8;
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,var(--blue),var(--blue-l)) 1;
  border-radius:0 0 18px 18px;
  box-shadow:0 16px 50px rgba(7,16,30,.12);
  overflow:hidden;
  animation:hd2-dropin .22s cubic-bezier(.23,1,.32,1) forwards;
  z-index:300;
  padding:12px;
}
@keyframes hd2-dropin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.hd2-links li:hover .hd2-drop{display:block;}

.hd2-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}

.hd2-drop-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;
  font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:700;
  color:rgba(7,16,30,.7);text-decoration:none;
  border-radius:12px;
  transition:background .2s,color .2s,transform .2s;
  position:relative;overflow:hidden;
}
.hd2-drop-item::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .4s;pointer-events:none;}
.hd2-drop-item:hover::after{left:130%;}
.hd2-drop-item:hover{background:#f8faff;color:var(--blue);transform:translateX(4px);}

/* 3D colored icon */
.hd2-drop-ico{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  position:relative;transition:transform .3s cubic-bezier(.23,1,.32,1);
}
.hd2-drop-item:hover .hd2-drop-ico{transform:rotate(-8deg) scale(1.1);}
.hd2-drop-ico::before{content:'';position:absolute;bottom:-3px;left:3px;right:0;height:100%;border-radius:10px;opacity:.28;z-index:-1;transform:skewY(2deg);}
.hd2-drop-ico::after{content:'';position:absolute;top:4px;left:5px;right:12px;height:26%;border-radius:6px;background:rgba(255,255,255,.22);filter:blur(2px);}
.hd2-drop-ico svg{width:16px;height:16px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}

/* icon colors */
.dico-blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8);box-shadow:0 4px 12px rgba(29,78,216,.28);}.dico-blue::before{background:#1e3a8a;}
.dico-green{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 4px 12px rgba(5,150,105,.28);}.dico-green::before{background:#065f46;}
.dico-amber{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 4px 12px rgba(217,119,6,.28);}.dico-amber::before{background:#92400e;}
.dico-red{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 4px 12px rgba(220,38,38,.28);}.dico-red::before{background:#991b1b;}
.dico-pink{background:linear-gradient(145deg,#f9a8d4,#ec4899);box-shadow:0 4px 12px rgba(236,72,153,.28);}.dico-pink::before{background:#9d174d;}
.dico-purple{background:linear-gradient(145deg,#c084fc,#7c3aed);box-shadow:0 4px 12px rgba(124,58,237,.28);}.dico-purple::before{background:#6d28d9;}

.hd2-drop-text{}
.hd2-drop-name{display:block;font-family:'Inter',sans-serif;font-size:11.5px;font-weight:800;color:inherit;letter-spacing:-.01em;line-height:1.2;}
.hd2-drop-sub{display:block;font-family:'Manrope',sans-serif;font-size:9.5px;font-weight:600;color:rgba(7,16,30,.35);margin-top:1px;transition:color .2s;}
.hd2-drop-item:hover .hd2-drop-sub{color:rgba(36,81,230,.5);}

/* drop footer */
.hd2-drop-footer{border-top:1px solid #edf0f8;margin-top:8px;padding:10px 6px 2px;display:flex;align-items:center;justify-content:space-between;}
.hd2-drop-all{display:inline-flex;align-items:center;gap:6px;font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:800;color:var(--blue);text-decoration:none;letter-spacing:.02em;padding:6px 12px;border-radius:8px;background:rgba(36,81,230,.06);border:1px solid rgba(36,81,230,.12);transition:background .2s,border-color .2s;}
.hd2-drop-all:hover{background:rgba(36,81,230,.1);border-color:rgba(36,81,230,.22);}
.hd2-drop-all svg{width:12px;height:12px;stroke:var(--blue);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.hd2-drop-all:hover svg{transform:translateX(3px);}

/* CTA */
.hd2-cta-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.hd2-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-family:'Inter',sans-serif;font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--blue),#4f46e5);border-radius:10px;box-shadow:0 4px 18px rgba(36,81,230,.32);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.hd2-cta::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:hd2-shine 3s ease-in-out infinite;}
.hd2-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(36,81,230,.44);}
.hd2-cta svg{width:14px;height:14px;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.hd2-cta:hover svg{transform:translateX(3px);}
.hd2-cta-phone{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;font-family:'Manrope',sans-serif;font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--ink);text-decoration:none;border:1.5px solid #e5e9f2;border-radius:10px;transition:border-color .25s,background .25s,color .25s;}
.hd2-cta-phone:hover{border-color:var(--blue);color:var(--blue);background:#f0f5ff;}
.hd2-cta-phone svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

/* burger */
.hd2-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;border-radius:8px;transition:background .2s;}
.hd2-burger:hover{background:#f0f3f9;}
.hd2-bar{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s;}

/* mobile menu */
.hd2-mobile{display:none;overflow:hidden;background:#fff;border-top:1px solid #edf0f8;max-height:0;transition:max-height .4s cubic-bezier(.23,1,.32,1);}
.hd2-mobile.open{display:block;max-height:700px;}
.hd2-mobile-inner{padding:12px 24px 24px;}
.hd2-mob-links{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:16px;}
.hd2-mob-links a{display:flex;align-items:center;gap:10px;padding:13px 16px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:rgba(7,16,30,.8);text-decoration:none;border-radius:10px;transition:background .2s,color .2s,padding-left .2s;}
.hd2-mob-links a:hover{background:#f0f5ff;color:var(--blue);padding-left:22px;}
.hd2-mob-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;}
.hd2-mob-links a:hover .hd2-mob-ico{background:rgba(36,81,230,.1);}
.hd2-mob-ico svg{width:15px;height:15px;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.hd2-mob-cta{display:block;text-align:center;background:linear-gradient(135deg,var(--blue),#4f46e5);color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-family:'Inter',sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 18px rgba(36,81,230,.3);transition:transform .2s,box-shadow .2s;}
.hd2-mob-cta:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(36,81,230,.4);}
.hd2-mob-contact{display:flex;gap:8px;margin-top:12px;}
.hd2-mob-contact a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1.5px solid #e5e9f2;border-radius:10px;font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;color:rgba(7,16,30,.6);text-decoration:none;transition:border-color .2s,color .2s;}
.hd2-mob-contact a:hover{border-color:var(--blue);color:var(--blue);}
.hd2-mob-contact a svg{width:13px;height:13px;flex-shrink:0;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

@keyframes hd2-new{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

@media(max-width:1020px){.hd2-links{display:none;}.hd2-cta-wrap{display:none;}.hd2-burger{display:flex;}.hd2-nav::before{display:none;}}
@media(max-width:680px){.hd2-top-inner{padding:0 20px;}.hd2-nav-inner{padding:0 20px;}.hd2-ticker-mask{max-width:180px;}.hd2-chip span{display:none;}.hd2-chip{padding:5px 8px;}.hd2-vd:nth-child(3){display:none;}}
@media(max-width:460px){.hd2-ticker-mask{display:none;}.hd2-chip{display:none;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-186b944 */.hs*,.hs *::before,.hs *::after{box-sizing:border-box;margin:0;padding:0}

/* ════════════════════
   WRAPPER
════════════════════ */
.hs{
  font-family:'Manrope',sans-serif;
  background:#060f22;
  width:100%;position:relative;overflow:hidden;
}

/* ── GRID BG ── */
.hs-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);
  background-size:56px 56px;
}
/* radial vignette over grid */
.hs-vignette{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 30%,rgba(6,15,34,.7) 100%);
}

/* ambient glows */
.hs-gl1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.14) 0%,transparent 65%);top:-300px;left:-200px;pointer-events:none;animation:hs-ga 12s ease-in-out infinite alternate;}
.hs-gl2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 65%);bottom:-200px;right:-100px;pointer-events:none;animation:hs-gb 14s ease-in-out infinite alternate;}
@keyframes hs-ga{from{transform:scale(1)}to{transform:scale(1.3) translate(20px,15px)}}
@keyframes hs-gb{from{transform:scale(1)}to{transform:scale(1.2) translate(-15px,-20px)}}

/* ════════════════════
   SLIDE CONTAINER
════════════════════ */
.hs-slides{
  position:relative;
  height:min(88vh, 620px);
  min-height:480px;
}

/* each slide */
.hs-slide{
  position:absolute;inset:0;
  display:flex;align-items:center;
  padding:0 max(40px, 4vw);
  opacity:0;
  transition:opacity .7s ease, transform .7s ease;
  transform:translateX(30px);
  pointer-events:none;
}
.hs-slide.hs-active{
  opacity:1;transform:translateX(0);
  pointer-events:auto;
}
.hs-slide.hs-exit{
  opacity:0;transform:translateX(-30px);
}

/* inner max-width */
.hs-slide-inner{
  max-width:1240px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 1fr;
  gap:40px;align-items:center;
}

/* ════════════════════
   LEFT: TEXT
════════════════════ */
.hs-left{position:relative;z-index:2;}

/* eyebrow */
.hs-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);
  padding:.3rem .9rem;border-radius:999px;
  font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#60a5fa;margin-bottom:1.2rem;
}
.hs-bdot{width:5px;height:5px;background:#3b82f6;border-radius:50%;animation:hs-blink 2.4s ease-in-out infinite;}
@keyframes hs-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(2.2)}}

/* heading — h1 (ilk slide) ve h2 (diğer slide'lar) aynı görünümü taşır */
.hs-left h1,
.hs-left h2{
  font-family:'Inter',sans-serif;
  font-size:clamp(2rem,4.2vw,3.6rem);
  font-weight:900;letter-spacing:-.05em;
  line-height:1.04;color:#fff;
  margin-bottom:1rem;
}
.hs-left h1 em,
.hs-left h2 em{
  font-style:normal;
  background:linear-gradient(130deg,#60a5fa,#818cf8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
/* animated underline accent */
.hs-left h1 span,
.hs-left h2 span{
  display:inline-block;position:relative;
}
.hs-left h1 span::after,
.hs-left h2 span::after{
  content:'';position:absolute;bottom:-4px;left:0;
  height:2px;border-radius:2px;
  background:linear-gradient(90deg,#3b82f6,#6366f1);
  animation:hs-ul 3s ease-in-out infinite alternate;
}
@keyframes hs-ul{from{width:30%}to{width:100%}}

/* subtext */
.hs-sub{
  font-size:clamp(.8rem,.95vw,.95rem);line-height:1.8;
  color:rgba(180,205,255,.55);font-weight:500;
  max-width:420px;margin-bottom:1.6rem;
}

/* CTA row */
.hs-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:2rem;}

.hs-cta-prim{
  display:inline-flex;align-items:center;gap:8px;
  padding:.82rem 1.8rem;border-radius:12px;
  background:linear-gradient(135deg,#1d4ed8,#4338ca);
  color:#fff;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.82rem;font-weight:800;
  letter-spacing:-.01em;
  box-shadow:0 8px 28px rgba(37,99,235,.3);
  position:relative;overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.hs-cta-prim::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:hs-shine 3s ease-in-out infinite;}
@keyframes hs-shine{0%{left:-80%}55%,100%{left:150%}}
.hs-cta-prim:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(37,99,235,.42);}
.hs-cta-prim svg{width:14px;height:14px;transition:transform .2s;}
.hs-cta-prim:hover svg{transform:translateX(3px);}

.hs-cta-sec{
  display:inline-flex;align-items:center;gap:8px;
  padding:.82rem 1.8rem;border-radius:12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.82rem;font-weight:700;
  transition:background .25s,border-color .25s,color .25s;
}
.hs-cta-sec:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#fff;}

/* stats strip */
.hs-stats{display:flex;align-items:center;gap:0;}
.hs-stat{
  display:flex;flex-direction:column;padding:0 20px;
  border-right:1px solid rgba(255,255,255,.07);
}
.hs-stat:first-child{padding-left:0;}
.hs-stat:last-child{border-right:none;}
.hs-stat-n{
  font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:900;
  letter-spacing:-.05em;line-height:1;color:#fff;
}
.hs-stat-n em{font-style:normal;color:#60a5fa;font-size:85%;}
.hs-stat-l{font-size:.65rem;font-weight:600;color:rgba(148,163,184,.5);letter-spacing:.04em;margin-top:.2rem;}

/* ════════════════════
   RIGHT: VISUAL
════════════════════ */
.hs-right{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:420px;
}

/* visual card — glassmorphism */
.hs-visual-card{
  position:relative;width:100%;max-width:460px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  backdrop-filter:blur(12px);
  padding:2rem;
  overflow:hidden;
}
.hs-visual-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),rgba(59,130,246,.8),rgba(99,102,241,.6),transparent);
}

/* service icon grid */
.hs-icon-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin-bottom:1.4rem;
}
.hs-icon-cell{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:16px;padding:1.1rem .8rem;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  transition:background .3s,border-color .3s,transform .3s;
  cursor:default;
}
.hs-icon-cell:hover{
  background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.22);
  transform:translateY(-3px);
}
.hs-icon-box{
  width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.hs-ic1{background:linear-gradient(135deg,#1d4ed8,#312e81);}
.hs-ic2{background:linear-gradient(135deg,#047857,#065f46);}
.hs-ic3{background:linear-gradient(135deg,#b45309,#92400e);}
.hs-ic4{background:linear-gradient(135deg,#be185d,#9d174d);}
.hs-ic5{background:linear-gradient(135deg,#6d28d9,#4c1d95);}
.hs-ic6{background:linear-gradient(135deg,#0e7490,#155e75);}
.hs-icon-box svg{width:20px;height:20px;stroke:#fff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.hs-icon-lbl{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-align:center;color:rgba(180,205,255,.55);line-height:1.3;}

/* metric bar inside card */
.hs-metric{
  background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);
  border-radius:12px;padding:.7rem 1rem;
  display:flex;align-items:center;justify-content:space-between;
}
.hs-metric-left{display:flex;align-items:center;gap:.6rem;}
.hs-metric-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.6);animation:hs-pulse 2s ease-in-out infinite;}
@keyframes hs-pulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(52,211,153,.6)}50%{opacity:.6;box-shadow:0 0 16px rgba(52,211,153,.9)}}
.hs-metric-txt{font-family:'Manrope',sans-serif;font-size:.7rem;font-weight:700;color:rgba(180,205,255,.7);}
.hs-metric-val{font-family:'Inter',sans-serif;font-size:.9rem;font-weight:900;color:#34d399;letter-spacing:-.03em;}

/* floating partner badges */
.hs-float-badge{
  position:absolute;
  background:rgba(255,255,255,.9);
  border-radius:10px;padding:.35rem .7rem;
  display:flex;align-items:center;gap:.45rem;
  font-size:.6rem;font-weight:800;color:#1e3a8a;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  white-space:nowrap;z-index:10;
}
.hs-fb1{top:12px;right:12px;animation:hs-fl1 5s ease-in-out infinite;}
.hs-fb2{bottom:70px;right:12px;animation:hs-fl2 6s ease-in-out 1s infinite;}
@keyframes hs-fl1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hs-fl2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hs-fb-dot{width:6px;height:6px;border-radius:50%;}

/* ════════════════════
   SLIDER CONTROLS
════════════════════ */
.hs-controls{
  position:relative;z-index:10;
  display:flex;align-items:center;justify-content:center;
  gap:20px;padding:0 max(40px,4vw) 28px;
}

/* dots */
.hs-dots{display:flex;align-items:center;gap:7px;}
.hs-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.18);cursor:pointer;
  transition:background .3s,width .3s,border-radius .3s;border:none;padding:0;
}
.hs-dot.hs-d-active{
  width:28px;border-radius:4px;
  background:linear-gradient(90deg,#3b82f6,#6366f1);
}

/* progress bar */
.hs-progress{
  flex:1;max-width:200px;height:2px;
  background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;
}
.hs-progress-fill{
  height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,#3b82f6,#6366f1);
  transition:width .1s linear;
}

/* counter */
.hs-counter{
  font-family:'Inter',sans-serif;font-size:.7rem;font-weight:700;
  color:rgba(148,163,184,.4);letter-spacing:.06em;
  flex-shrink:0;
}
.hs-counter em{color:rgba(148,163,184,.8);font-style:normal;}

/* ════════════════════
   PARTNERS STRIP
════════════════════ */
.hs-partners{
  position:relative;z-index:2;
  border-top:1px solid rgba(255,255,255,.05);
  padding:16px max(40px,4vw);
  display:flex;align-items:center;gap:20px;
  background:rgba(255,255,255,.02);
}
.hs-partners-label{
  font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(148,163,184,.35);white-space:nowrap;display:flex;align-items:center;gap:.5rem;flex-shrink:0;
}
.hs-partners-label::before{content:'';width:4px;height:4px;border-radius:50%;background:#3b82f6;flex-shrink:0;}
.hs-plogos{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;
}
.hs-plogo{
  background:rgba(255,255,255,.92);border-radius:8px;
  padding:5px 12px;height:34px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .25s,box-shadow .25s;
}
.hs-plogo:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2);}
.hs-plogo img{height:20px;width:auto;object-fit:contain;max-width:80px;}

/* ════════════════════
   RESPONSIVE
════════════════════ */
@media(max-width:860px){
  .hs-slide-inner{grid-template-columns:1fr;gap:24px;}
  .hs-right{display:none;}
  .hs-slides{height:auto;min-height:0;}
  .hs-slide{position:relative;opacity:1;transform:none;display:none;padding:40px max(20px,4vw) 24px;}
  .hs-slide.hs-active{display:flex;opacity:1;transform:none;}
  .hs-slide.hs-exit{display:none;}
  .hs-left h1{font-size:clamp(1.8rem,7vw,2.6rem);}
}
@media(max-width:520px){
  .hs-stats{gap:0;}
  .hs-stat{padding:0 14px;}
  .hs-stat-n{font-size:1.2rem;}
  .hs-partners{flex-direction:column;align-items:flex-start;gap:12px;}
  .hs-plogos{gap:8px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b712069 */.hk3*,.hk3 *::before,.hk3 *::after{box-sizing:border-box;margin:0;padding:0}
.hk3{
  font-family:'Manrope',sans-serif;
  background:#ffffff;
  width:100%;overflow:hidden;position:relative;
}

/* dot grid */
.hk3-dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#dbeafe 1.4px,transparent 1.4px);background-size:34px 34px;opacity:.5;}

/* ambient blobs */
.hk3-b1{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(219,234,254,.85) 0%,transparent 65%);top:-200px;right:-140px;pointer-events:none;animation:hk3-ba 12s ease-in-out infinite alternate;}
.hk3-b2{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(237,233,254,.55) 0%,transparent 65%);bottom:-130px;left:-80px;pointer-events:none;animation:hk3-bb 15s ease-in-out infinite alternate;}
@keyframes hk3-ba{from{transform:scale(1)}to{transform:scale(1.2) translate(-10px,8px)}}
@keyframes hk3-bb{from{transform:scale(1)}to{transform:scale(1.15) translate(12px,-14px)}}

/* top accent */
.hk3-topline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1,#8b5cf6,#1d4ed8);background-size:300% 100%;animation:hk3-tg 5s linear infinite;z-index:5;}
@keyframes hk3-tg{0%{background-position:0%}100%{background-position:300%}}

/* 3D shapes left */
.hk3-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.hk3-sp1{position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#060f22);box-shadow:inset -7px -7px 14px rgba(0,0,0,.3),0 8px 20px rgba(6,15,34,.12);top:9%;left:1.5%;animation:hk3-f1 9s ease-in-out infinite;}
.hk3-rg1{position:absolute;width:44px;height:44px;border-radius:50%;border:7px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#1e3a8a,#0c1f4a) border-box;bottom:26%;left:3%;animation:hk3-f2 11s ease-in-out .8s infinite;}
.hk3-dia{position:absolute;width:28px;height:28px;background:linear-gradient(135deg,#1e3a8a,#060f22);transform:rotate(45deg);border-radius:4px;box-shadow:0 4px 12px rgba(6,15,34,.15);bottom:10%;left:1%;animation:hk3-f3 7s ease-in-out 3s infinite;}

@keyframes hk3-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes hk3-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px) rotate(16deg)}}
@keyframes hk3-f3{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(58deg) translateY(-9px)}}

/* ══════════════════
   LAYOUT
══════════════════ */
.hk3-wrap{max-width:1240px;margin:0 auto;padding:70px 3vw 72px;position:relative;z-index:2;}
.hk3-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;}

/* ══════════════════
   LEFT
══════════════════ */
.hk3-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(29,78,216,.07);border:1px solid rgba(29,78,216,.15);
  padding:.28rem .88rem;border-radius:999px;
  font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#1d4ed8;margin-bottom:.85rem;
}
.hk3-dot-p{width:5px;height:5px;background:#1d4ed8;border-radius:50%;animation:hk3-blink 2.4s ease-in-out infinite;flex-shrink:0;}
@keyframes hk3-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(2.2)}}

.hk3-h2{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.75rem,3.2vw,2.7rem);font-weight:900;
  letter-spacing:-.05em;line-height:1.06;
  color:#0a1628;margin-bottom:.85rem;
}
.hk3-h2 em{
  font-style:normal;
  background:linear-gradient(130deg,#1d4ed8,#4f46e5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.hk3-desc{font-size:.87rem;line-height:1.82;color:#475569;font-weight:500;max-width:430px;margin-bottom:1.2rem;}
.hk3-desc strong{color:#0a1628;font-weight:700;}

/* 2×2 stat cards */
.hk3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.4rem;}
.hk3-st{
  background:#f8faff;border:1.5px solid #e0e7ff;border-radius:14px;
  padding:.75rem .8rem;display:flex;flex-direction:column;gap:.25rem;
  transition:border-color .25s,box-shadow .25s,transform .3s;
  position:relative;overflow:hidden;
}
.hk3-st::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s;border-radius:2px 2px 0 0;}
.hk3-st1::before{background:linear-gradient(90deg,#1d4ed8,#6366f1);}
.hk3-st2::before{background:linear-gradient(90deg,#047857,#059669);}
.hk3-st3::before{background:linear-gradient(90deg,#b45309,#d97706);}
.hk3-st4::before{background:linear-gradient(90deg,#7c3aed,#8b5cf6);}
.hk3-st:hover{border-color:#c7d8f8;box-shadow:0 6px 18px rgba(29,78,216,.1);transform:translateY(-3px);}
.hk3-st:hover::before{transform:scaleX(1);}
.hk3-st-n{font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:-.05em;color:#0a1628;line-height:1;}
.hk3-st-n em{font-style:normal;font-size:72%;}
.hk3-st1 .hk3-st-n em{color:#1d4ed8;}
.hk3-st2 .hk3-st-n em{color:#047857;}
.hk3-st3 .hk3-st-n em{color:#b45309;}
.hk3-st4 .hk3-st-n em{color:#7c3aed;}
.hk3-st-l{font-size:.58rem;font-weight:600;color:#94a3b8;letter-spacing:.02em;line-height:1.3;}

/* buttons */
.hk3-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1.2rem;}
.hk3-btn-p{
  display:inline-flex;align-items:center;gap:7px;padding:.72rem 1.5rem;
  border-radius:10px;background:linear-gradient(135deg,#1d4ed8,#4338ca);
  color:#fff;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.8rem;font-weight:800;
  box-shadow:0 5px 18px rgba(29,78,216,.26);position:relative;overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.hk3-btn-p::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:hk3-shine 3s ease-in-out infinite;}
@keyframes hk3-shine{0%{left:-80%}55%,100%{left:150%}}
.hk3-btn-p:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(29,78,216,.36);}
.hk3-btn-p svg{width:13px;height:13px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.hk3-btn-p:hover svg{transform:translateX(3px);}
.hk3-btn-s{
  display:inline-flex;align-items:center;gap:7px;padding:.72rem 1.5rem;
  border-radius:10px;background:transparent;border:1.5px solid #c7d2fe;
  color:#1e3a8a;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;
  transition:background .25s,border-color .25s;
}
.hk3-btn-s:hover{background:#eff6ff;border-color:#818cf8;}

/* partner badges */
.hk3-trust{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #f0f4ff;}
.hk3-tr-lbl{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;flex-shrink:0;margin-right:2px;}
.hk3-tbdg{display:inline-flex;align-items:center;gap:.38rem;padding:.2rem .65rem;border-radius:99px;background:#f0f4ff;border:1px solid #e0e7ff;font-size:.58rem;font-weight:700;color:#1e3a8a;letter-spacing:.03em;}
.hk3-tbdg span{width:5px;height:5px;border-radius:50%;flex-shrink:0;}

/* ══════════════════
   RIGHT
══════════════════ */
.hk3-right{
  position:relative;
  min-height:480px;
}

/* background decoration - dashed circle */
.hk3-deco-ring{
  position:absolute;top:50%;left:50%;
  width:380px;height:380px;
  border-radius:50%;
  border:1.5px dashed rgba(29,78,216,.1);
  transform:translate(-50%,-50%);
  animation:hk3-spin1 45s linear infinite;
  pointer-events:none;
}
.hk3-deco-ring2{
  position:absolute;top:50%;left:50%;
  width:500px;height:500px;border-radius:50%;
  border:1px solid rgba(29,78,216,.05);
  transform:translate(-50%,-50%);
  animation:hk3-spin2 65s linear infinite;
  pointer-events:none;
}
@keyframes hk3-spin1{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hk3-spin2{to{transform:translate(-50%,-50%) rotate(-360deg)}}

/* center illustration */
.hk3-illus{
  position:absolute;
  bottom:0;left:50%;transform:translateX(-50%);
  width:320px;z-index:3;
  animation:hk3-float 7s ease-in-out infinite;
}
.hk3-illus img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 36px rgba(29,78,216,.15));}
@keyframes hk3-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}

/* glow */
.hk3-illus-glow{
  position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);
  width:200px;height:20px;
  background:radial-gradient(ellipse,rgba(29,78,216,.12),transparent 70%);
  filter:blur(8px);
  animation:hk3-glw 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes hk3-glw{0%,100%{transform:translateX(-50%) scaleX(1)}50%{transform:translateX(-50%) scaleX(.72)}}

/* ── FLOATING SERVICE CARDS ── */
.hk3-svc{
  position:absolute;z-index:5;
  background:#fff;
  border:1.5px solid #e0e7ff;border-radius:14px;
  padding:.65rem .9rem;
  display:flex;align-items:center;gap:.6rem;
  box-shadow:0 6px 22px rgba(29,78,216,.1);
  white-space:nowrap;
  transition:box-shadow .3s,transform .3s;
}
.hk3-svc:hover{box-shadow:0 10px 32px rgba(29,78,216,.18);transform:translateY(-4px) scale(1.02);}

.hk3-sv1{top:4%;left:0;animation:hk3-mc 5.5s ease-in-out infinite;}
.hk3-sv2{top:4%;right:0;animation:hk3-mc 6s ease-in-out .8s infinite;}
.hk3-sv3{top:38%;left:-14px;animation:hk3-mc 5s ease-in-out 1.4s infinite;}
.hk3-sv4{top:38%;right:-14px;animation:hk3-mc 6.5s ease-in-out 2s infinite;}
.hk3-sv5{bottom:10%;left:4%;animation:hk3-mc 5.8s ease-in-out 2.6s infinite;}
.hk3-sv6{bottom:10%;right:4%;animation:hk3-mc 5.2s ease-in-out 3.2s infinite;}
@keyframes hk3-mc{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.hk3-svc-icon{
  width:34px;height:34px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.hk3-sci1{background:linear-gradient(135deg,#1d4ed8,#4338ca);}
.hk3-sci2{background:linear-gradient(135deg,#0081fb,#0c4a6e);}
.hk3-sci3{background:linear-gradient(135deg,#16a34a,#166534);}
.hk3-sci4{background:linear-gradient(135deg,#dc2626,#991b1b);}
.hk3-sci5{background:linear-gradient(135deg,#7c3aed,#4c1d95);}
.hk3-sci6{background:linear-gradient(135deg,#b45309,#92400e);}
.hk3-svc-icon svg{width:16px;height:16px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}

.hk3-svc-txt{display:flex;flex-direction:column;gap:1px;}
.hk3-svc-lbl{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-family:'Manrope',sans-serif;}
.hk3-svc-name{font-family:'Inter',sans-serif;font-size:.78rem;font-weight:800;color:#0a1628;letter-spacing:-.02em;}

/* ── 3D MINI SHAPES ── */
.hk3-msh{position:absolute;pointer-events:none;z-index:4;}
.hk3-msh1{top:20%;left:50%;margin-left:-14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#3b82f6,#1d4ed8);box-shadow:inset -3px -3px 6px rgba(0,0,0,.2),0 4px 12px rgba(29,78,216,.3);animation:hk3-msh1a 4s ease-in-out infinite;}
@keyframes hk3-msh1a{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hk3-msh2{top:55%;right:6%;width:18px;height:18px;background:linear-gradient(135deg,#4f46e5,#312e81);transform:rotate(45deg);border-radius:3px;box-shadow:0 3px 10px rgba(79,70,229,.35);animation:hk3-msh2a 5s ease-in-out .5s infinite;}
@keyframes hk3-msh2a{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(55deg) translateY(-7px)}}
.hk3-msh3{bottom:30%;left:8%;width:24px;height:24px;border-radius:50%;border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#1d4ed8,#6366f1) border-box;animation:hk3-msh3a 6s ease-in-out 1s infinite;}
@keyframes hk3-msh3a{0%,100%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.hk3-dc{top:65%;right:10%;display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.hk3-dcp{width:6px;height:6px;border-radius:50%;background:#c7d2fe;}
.hk3-dcp:nth-child(1){animation:hk3-dp 2.4s ease-in-out infinite;}
.hk3-dcp:nth-child(2){animation:hk3-dp 2.4s ease-in-out .3s infinite;background:#a5b4fc;}
.hk3-dcp:nth-child(3){animation:hk3-dp 2.4s ease-in-out .6s infinite;background:#818cf8;}
.hk3-dcp:nth-child(4){animation:hk3-dp 2.4s ease-in-out .9s infinite;background:#6366f1;}
@keyframes hk3-dp{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}

/* ── SVG CONNECTOR LINES ── */
.hk3-lines{position:absolute;inset:0;pointer-events:none;z-index:2;}

/* reveal — ✅ DÜZELTME: opacity:0 kaldırıldı, Yoast artık içeriği okuyabilir */
.hk3-rv{transition:opacity .6s ease,transform .6s ease;}
.hk3-rvr{transition:opacity .65s ease,transform .65s ease;}
.hk3-rv.hk3-pre{opacity:0;transform:translateY(18px);}
.hk3-rvr.hk3-pre{opacity:0;transform:translateX(18px);}
.hk3-rv.hk3-in,.hk3-rvr.hk3-in{opacity:1;transform:none;}

/* responsive */
@media(max-width:900px){
  .hk3-grid{grid-template-columns:1fr;gap:32px;}
  .hk3-right{min-height:320px;order:2;}
  .hk3-left{order:1;}
  .hk3-illus{width:220px;}
  .hk3-sv1,.hk3-sv2{display:none;}
  .hk3-sv3{left:0;}
  .hk3-sv4{right:0;}
  .hk3-deco-ring{width:240px;height:240px;}
  .hk3-deco-ring2{width:320px;height:320px;}
}
@media(max-width:540px){
  .hk3-wrap{padding:50px 18px 54px;}
  .hk3-stats{grid-template-columns:1fr 1fr;gap:8px;}
  .hk3-btns{flex-direction:column;}
  .hk3-btn-p,.hk3-btn-s{justify-content:center;}
  .hk3-sv3,.hk3-sv4,.hk3-sv5,.hk3-sv6{display:none;}
  .hk3-right{min-height:220px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f04316 */* { margin:0; padding:0; box-sizing:border-box; }

@keyframes fadeUp    { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }
@keyframes shine     { 0%{left:-80%} 100%{left:130%} }
@keyframes float     { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes pulse     { 0%,100%{box-shadow:0 0 0 0 rgba(36,81,230,.55)} 50%{box-shadow:0 0 0 10px rgba(36,81,230,0)} }
@keyframes spinSlow  { from{transform:translateY(-50%) rotate(0deg)} to{transform:translateY(-50%) rotate(360deg)} }

.hw {
  font-family:'Montserrat',sans-serif;
  background:#06101e;
  position:relative;
  overflow:hidden;
  padding:52px 0 48px;
}

.hw-accent {
  position:absolute; top:0; left:0; width:100%; height:3px; z-index:5;
  background:linear-gradient(90deg,transparent,#2451e6 30%,#5b8fff 70%,transparent);
}

.hw-dotgrid {
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:radial-gradient(rgba(36,81,230,.07) 1px,transparent 1px);
  background-size:28px 28px;
}

.hw-circle-bg {
  position:absolute; right:-100px; top:50%;
  transform:translateY(-50%);
  width:460px; height:460px;
  opacity:.15; pointer-events:none; z-index:0;
  animation:spinSlow 50s linear infinite;
}

.hw-glow1 { position:absolute; top:-60px; left:-80px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(36,81,230,.09),transparent 70%); pointer-events:none; z-index:0; }

.hw-wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 40px;
  position:relative; z-index:2;
}

/* HEAD */
.hw-head { text-align:center; margin-bottom:40px; animation:fadeUp .6s ease both; }

.hw-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(36,81,230,.12); border:1px solid rgba(36,81,230,.28);
  padding:5px 16px; border-radius:100px; margin-bottom:14px;
  font-size:9px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:#5b8fff;
}
.hw-edot { width:5px; height:5px; border-radius:50%; background:#2451e6; animation:pulse 2s infinite; }

.hw-title {
  font-size:clamp(22px,2.8vw,38px);
  font-weight:900; letter-spacing:-.04em; line-height:1.12; color:#fff; margin-bottom:8px;
}
.hw-title span { color:#2451e6; }

.hw-sub {
  font-size:13px; font-weight:500; color:rgba(255,255,255,.4); line-height:1.7;
  max-width:400px; margin:0 auto;
}

/* STEPS */
.hw-steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:28px;
}

.hw-step {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(36,81,230,.18);
  border-radius:14px;
  padding:22px 18px 20px;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  position:relative; overflow:hidden;
  transition:background .3s, border-color .3s, transform .3s, box-shadow .3s;
  animation:fadeUp .6s ease both;
}
.hw-step:nth-child(1){animation-delay:.12s}
.hw-step:nth-child(2){animation-delay:.24s}
.hw-step:nth-child(3){animation-delay:.36s}
.hw-step:nth-child(4){animation-delay:.48s}

.hw-step:hover {
  background:rgba(36,81,230,.1);
  border-color:rgba(36,81,230,.5);
  transform:translateY(-5px);
  box-shadow:0 16px 40px rgba(36,81,230,.15);
}

/* hover top line */
.hw-step::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#2451e6,#5b8fff);
  transform:scaleX(0); transform-origin:left; transition:transform .35s;
}
.hw-step:hover::after { transform:scaleX(1); }

/* shine */
.hw-step::before {
  content:''; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);
  animation:shine 5s ease-in-out infinite;
}

/* NUMBER */
.hw-num {
  width:34px; height:34px; border-radius:50%;
  background:#2451e6;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:900; color:#ffffff;
  letter-spacing:-.01em; margin-bottom:14px;
  flex-shrink:0;
  box-shadow:0 0 0 4px rgba(36,81,230,.2), 0 4px 14px rgba(36,81,230,.4);
}

/* icon */
.hw-icon {
  font-size:32px; margin-bottom:12px; display:block; line-height:1;
  filter:drop-shadow(0 3px 10px rgba(36,81,230,.35));
  animation:float 4s ease-in-out infinite;
}
.hw-step:nth-child(2) .hw-icon{animation-delay:.7s}
.hw-step:nth-child(3) .hw-icon{animation-delay:1.4s}
.hw-step:nth-child(4) .hw-icon{animation-delay:2.1s}

.hw-step-title {
  font-size:13px; font-weight:800; color:#ffffff;
  letter-spacing:-.02em; margin-bottom:7px;
}
.hw-step-desc {
  font-size:11.5px; font-weight:500; color:rgba(255,255,255,.42);
  line-height:1.75;
}

/* CTA STRIP */
.hw-cta {
  border:1px solid rgba(36,81,230,.22);
  background:rgba(36,81,230,.07);
  padding:20px 32px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  position:relative; overflow:hidden;
  animation:fadeUp .6s .6s ease both;
}
.hw-cta::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,#2451e6 40%,#5b8fff 60%,transparent);
}

.hw-cta-txt h3 { font-size:14px; font-weight:800; color:#fff; letter-spacing:-.02em; margin-bottom:3px; }
.hw-cta-txt p  { font-size:11.5px; color:rgba(255,255,255,.4); font-weight:500; }

.hw-cta-btns { display:flex; gap:10px; flex-shrink:0; }

.hw-btn-p {
  display:inline-flex; align-items:center; gap:6px;
  background:#2451e6; border:none; cursor:pointer; text-decoration:none;
  padding:11px 22px;
  font-family:'Montserrat',sans-serif; font-size:9.5px; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase; color:#fff;
  position:relative; overflow:hidden;
  transition:background .3s, transform .2s;
}
.hw-btn-p:hover { background:#1a3fc0; transform:translateY(-2px); }
.hw-btn-p::before {
  content:''; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:shine 3s ease-in-out infinite;
}

.hw-btn-s {
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:1px solid rgba(255,255,255,.18); cursor:pointer; text-decoration:none;
  padding:11px 18px;
  font-family:'Montserrat',sans-serif; font-size:9.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.65);
  transition:border-color .3s, color .3s, transform .2s;
}
.hw-btn-s:hover { border-color:rgba(255,255,255,.5); color:#fff; transform:translateY(-2px); }

/* responsive */
@media(max-width:860px){
  .hw-steps { grid-template-columns:repeat(2,1fr); }
  .hw-circle-bg { width:280px; height:280px; right:-60px; }
}
@media(max-width:540px){
  .hw-steps { grid-template-columns:1fr 1fr; gap:10px; }
  .hw-cta { flex-direction:column; text-align:center; padding:18px; }
  .hw-cta-btns { flex-direction:column; width:100%; }
  .hw-btn-p, .hw-btn-s { justify-content:center; }
  .hw-wrap { padding:0 16px; }
  .hw-circle-bg { display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47d0e39 */.sv*,.sv *::before,.sv *::after{box-sizing:border-box;margin:0;padding:0}
.sv{
  font-family:'Manrope',sans-serif;
  background:#ffffff;
  width:100%;overflow:hidden;position:relative;
}

/* dot grid */
.sv-dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#dbeafe 1.4px,transparent 1.4px);background-size:34px 34px;opacity:.45;}

/* ambient blobs */
.sv-b1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(219,234,254,.75) 0%,transparent 65%);top:-220px;left:-180px;pointer-events:none;animation:sv-ba 13s ease-in-out infinite alternate;}
.sv-b2{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(237,233,254,.5) 0%,transparent 65%);bottom:-160px;right:-120px;pointer-events:none;animation:sv-bb 16s ease-in-out infinite alternate;}
@keyframes sv-ba{from{transform:scale(1)}to{transform:scale(1.2) translate(14px,10px)}}
@keyframes sv-bb{from{transform:scale(1)}to{transform:scale(1.15) translate(-12px,-15px)}}

/* top accent */
.sv-topline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1,#8b5cf6,#1d4ed8);background-size:300% 100%;animation:sv-tg 5s linear infinite;z-index:5;}
@keyframes sv-tg{0%{background-position:0%}100%{background-position:300%}}

/* 3D shapes */
.sv-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.sv-sp1{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#060f22);box-shadow:inset -7px -7px 14px rgba(0,0,0,.3),0 8px 20px rgba(6,15,34,.1);top:8%;right:2%;animation:sv-f1 9s ease-in-out infinite;}
.sv-rg{position:absolute;width:42px;height:42px;border-radius:50%;border:7px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#1e3a8a,#0c1f4a) border-box;bottom:12%;left:2%;animation:sv-f2 11s ease-in-out .8s infinite;}
.sv-dia{position:absolute;width:26px;height:26px;background:linear-gradient(135deg,#1e3a8a,#060f22);transform:rotate(45deg);border-radius:4px;bottom:30%;right:3%;animation:sv-f3 7s ease-in-out 3s infinite;}
@keyframes sv-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes sv-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px) rotate(16deg)}}
@keyframes sv-f3{0%,100%{transform:rotate(45deg)}50%{transform:rotate(58deg) translateY(-9px)}}

/* ══════════════════
   WRAP
══════════════════ */
.sv-wrap{max-width:1240px;margin:0 auto;padding:80px 3vw 88px;position:relative;z-index:2;}

/* ── HEADER ── */
.sv-header{text-align:center;margin-bottom:56px;}
.sv-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(29,78,216,.07);border:1px solid rgba(29,78,216,.15);
  padding:.3rem .9rem;border-radius:999px;
  font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#1d4ed8;margin-bottom:1rem;
}
.sv-edot{width:5px;height:5px;background:#1d4ed8;border-radius:50%;animation:sv-blink 2.4s ease-in-out infinite;}
@keyframes sv-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(2.2)}}
.sv-header h2{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.9rem,3.8vw,3rem);font-weight:900;
  letter-spacing:-.05em;line-height:1.05;color:#0a1628;margin-bottom:.8rem;
}
.sv-header h2 em{
  font-style:normal;
  background:linear-gradient(130deg,#1d4ed8,#4f46e5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.sv-header p{font-size:.9rem;line-height:1.8;color:#64748b;max-width:540px;margin:0 auto;font-weight:500;}

/* ══════════════════
   BENTO GRID
══════════════════ */
.sv-bento{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:16px;
}

/* ── BASE CARD ── */
.sv-card{
  background:#fff;
  border:1.5px solid #e8edf5;
  border-radius:24px;
  padding:2rem 2rem 1.8rem;
  position:relative;overflow:hidden;
  transition:border-color .35s,transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;
  cursor:default;
}
.sv-card:hover{
  border-color:#c7d2fe;
  transform:translateY(-6px);
  box-shadow:0 20px 52px rgba(29,78,216,.1);
}
/* shimmer on hover */
.sv-card::after{
  content:'';position:absolute;
  top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  transition:left .5s ease;
  pointer-events:none;
}
.sv-card:hover::after{left:130%;}

/* featured card spans 2 rows */
.sv-feat{grid-row:span 2;display:flex;flex-direction:column;}

/* top accent line per card */
.sv-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:24px 24px 0 0;
}
.sv-c1::before{background:linear-gradient(90deg,#1d4ed8,#6366f1);}
.sv-c2::before{background:linear-gradient(90deg,#0081fb,#0ea5e9);}
.sv-c3::before{background:linear-gradient(90deg,#16a34a,#059669);}
.sv-c4::before{background:linear-gradient(90deg,#7c3aed,#8b5cf6);}
.sv-c5::before{background:linear-gradient(90deg,#b45309,#d97706);}

/* ── 3D ICON ── */
.sv-icon-wrap{
  position:relative;width:64px;height:64px;margin-bottom:1.4rem;
}
.sv-icon-wrap.sv-big{width:80px;height:80px;}
/* 3D box */
.sv-ico-3d{
  width:100%;height:100%;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  transition:transform .4s cubic-bezier(.23,1,.32,1);
}
.sv-card:hover .sv-ico-3d{transform:rotate(-8deg) scale(1.1);}
/* 3D bottom face */
.sv-ico-3d::before{
  content:'';position:absolute;
  bottom:-5px;left:5px;right:0;height:100%;
  border-radius:18px;z-index:-1;opacity:.4;
  transform:skewY(2deg);
}
.sv-i1 .sv-ico-3d{background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 8px 24px rgba(29,78,216,.35),inset 0 1px 0 rgba(255,255,255,.2);}
.sv-i1 .sv-ico-3d::before{background:#1e40af;}
.sv-i2 .sv-ico-3d{background:linear-gradient(145deg,#38bdf8,#0081fb);box-shadow:0 8px 24px rgba(0,129,251,.35),inset 0 1px 0 rgba(255,255,255,.2);}
.sv-i2 .sv-ico-3d::before{background:#0369a1;}
.sv-i3 .sv-ico-3d{background:linear-gradient(145deg,#4ade80,#16a34a);box-shadow:0 8px 24px rgba(22,163,74,.35),inset 0 1px 0 rgba(255,255,255,.2);}
.sv-i3 .sv-ico-3d::before{background:#166534;}
.sv-i4 .sv-ico-3d{background:linear-gradient(145deg,#a78bfa,#7c3aed);box-shadow:0 8px 24px rgba(124,58,237,.35),inset 0 1px 0 rgba(255,255,255,.2);}
.sv-i4 .sv-ico-3d::before{background:#6d28d9;}
.sv-i5 .sv-ico-3d{background:linear-gradient(145deg,#fbbf24,#b45309);box-shadow:0 8px 24px rgba(180,83,9,.35),inset 0 1px 0 rgba(255,255,255,.2);}
.sv-i5 .sv-ico-3d::before{background:#92400e;}
.sv-ico-3d svg{width:28px;height:28px;stroke:#fff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}
.sv-icon-wrap.sv-big .sv-ico-3d svg{width:36px;height:36px;}

/* card content */
.sv-card-tag{
  display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.2rem .65rem;border-radius:99px;margin-bottom:.6rem;
  font-family:'Manrope',sans-serif;
}
.sv-c1 .sv-card-tag{background:#eff6ff;color:#1d4ed8;}
.sv-c2 .sv-card-tag{background:#e0f2fe;color:#0369a1;}
.sv-c3 .sv-card-tag{background:#f0fdf4;color:#166534;}
.sv-c4 .sv-card-tag{background:#f5f3ff;color:#6d28d9;}
.sv-c5 .sv-card-tag{background:#fffbeb;color:#b45309;}

.sv-card h3{
  font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:900;
  letter-spacing:-.04em;color:#0a1628;margin-bottom:.55rem;
  line-height:1.2;
}
.sv-feat h3{font-size:1.4rem;}

.sv-card p{font-size:.78rem;line-height:1.8;color:#64748b;font-weight:500;flex:1;}
.sv-feat p{font-size:.85rem;}

/* feature list (featured card only) */
.sv-flist{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-top:.9rem;}
.sv-flist li{
  display:flex;align-items:center;gap:.55rem;
  font-size:.75rem;font-weight:600;color:#475569;
}
.sv-flist li::before{
  content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#3b82f6,#6366f1);
}

/* CTA link inside card */
.sv-card-cta{
  display:inline-flex;align-items:center;gap:.4rem;
  margin-top:1.1rem;font-size:.72rem;font-weight:800;
  color:#1d4ed8;text-decoration:none;letter-spacing:-.01em;
  font-family:'Inter',sans-serif;
  transition:gap .25s;
}
.sv-card-cta svg{width:12px;height:12px;stroke:#1d4ed8;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.sv-card:hover .sv-card-cta{gap:.65rem;}

/* floating metric badge inside featured card */
.sv-feat-badge{
  display:flex;align-items:center;gap:.6rem;
  background:rgba(29,78,216,.06);border:1px solid rgba(29,78,216,.12);
  border-radius:12px;padding:.6rem .85rem;margin-top:auto;padding-top:1rem;
}
.sv-fb-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5);animation:sv-pulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes sv-pulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(34,197,94,.5)}50%{opacity:.6;box-shadow:0 0 16px rgba(34,197,94,.8)}}
.sv-fb-txt{font-size:.7rem;font-weight:700;color:#1e3a8a;flex:1;font-family:'Manrope',sans-serif;}
.sv-fb-val{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:900;color:#1d4ed8;letter-spacing:-.03em;}

/* visual accent inside small cards */
.sv-card-visual{
  position:absolute;bottom:-20px;right:-20px;
  width:100px;height:100px;border-radius:50%;
  opacity:.06;pointer-events:none;
}
.sv-c2 .sv-card-visual{background:radial-gradient(circle,#0081fb,transparent);}
.sv-c3 .sv-card-visual{background:radial-gradient(circle,#16a34a,transparent);}
.sv-c4 .sv-card-visual{background:radial-gradient(circle,#7c3aed,transparent);}
.sv-c5 .sv-card-visual{background:radial-gradient(circle,#b45309,transparent);}

/* ── BOTTOM CTA ── */
.sv-bottom{text-align:center;margin-top:44px;}
.sv-all-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.88rem 2.2rem;border-radius:14px;
  background:linear-gradient(135deg,#1d4ed8,#4338ca);
  color:#fff;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.88rem;font-weight:800;
  box-shadow:0 8px 28px rgba(29,78,216,.26);
  position:relative;overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.sv-all-btn::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:sv-shine 3s ease-in-out infinite;}
@keyframes sv-shine{0%{left:-80%}55%,100%{left:150%}}
.sv-all-btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(29,78,216,.38);}
.sv-all-btn svg{width:15px;height:15px;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.sv-all-btn:hover svg{transform:translateX(4px);}

/* reveal */
.sv-rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.sv-rv.sv-in{opacity:1;transform:none;}

/* ── BROWSER MOCKUP ── */
.sv-browser{
  width:100%;border-radius:14px;
  border:1.5px solid #e0e7ff;
  overflow:hidden;
  margin-bottom:1.4rem;
  box-shadow:0 4px 20px rgba(29,78,216,.1);
}
.sv-browser-bar{
  background:#f1f5fb;
  display:flex;align-items:center;gap:5px;
  padding:7px 10px;border-bottom:1px solid #e0e7ff;
}
.sv-br-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sv-br-url{
  flex:1;margin-left:6px;
  background:#fff;border:1px solid #e0e7ff;border-radius:6px;
  padding:2px 8px;font-size:.6rem;font-weight:600;color:#94a3b8;
  font-family:'Manrope',sans-serif;
}
.sv-browser-body{padding:8px 10px 6px;background:#fafbff;display:flex;flex-direction:column;gap:7px;}
/* nav row */
.sv-bm-nav{display:flex;align-items:center;gap:6px;padding-bottom:5px;border-bottom:1px solid #f0f4ff;}
.sv-bm-logo{width:36px;height:8px;border-radius:4px;background:linear-gradient(90deg,#1d4ed8,#6366f1);flex-shrink:0;}
.sv-bm-link{width:24px;height:6px;border-radius:3px;background:#e0e7ff;}
.sv-bm-btn{width:36px;height:16px;border-radius:4px;background:linear-gradient(90deg,#1d4ed8,#6366f1);margin-left:auto;}
/* hero row */
.sv-bm-hero{display:flex;align-items:flex-start;gap:8px;}
.sv-bm-h1{height:9px;width:80%;border-radius:3px;background:#0a1628;}
.sv-bm-h2{height:9px;width:55%;border-radius:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1);}
.sv-bm-p{height:5px;width:90%;border-radius:3px;background:#e2e8f0;}
.sv-bm-cbtn{width:42px;height:14px;border-radius:4px;background:linear-gradient(90deg,#1d4ed8,#4338ca);}
.sv-bm-img{width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#c7d2fe);flex-shrink:0;}
/* cards row */
.sv-bm-cards{display:flex;gap:5px;}
.sv-bm-card{flex:1;height:28px;border-radius:6px;background:#f0f4ff;border:1px solid #e0e7ff;}
/* speed badge */
.sv-browser-badge{
  display:flex;align-items:center;justify-content:flex-end;gap:4px;
  padding:4px 10px 6px;background:#fafbff;
  font-size:.58rem;font-weight:700;color:#16a34a;font-family:'Manrope',sans-serif;
}
/* animation on card hover */
.sv-card:hover .sv-bm-h1{background:linear-gradient(90deg,#1d4ed8,#6366f1);transition:background .4s;}

/* ── STAT BARS ── */
.sv-statbars{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;}
.sv-statbar-row{display:flex;align-items:center;gap:.6rem;}
.sv-statbar-lbl{font-size:.62rem;font-weight:600;color:#64748b;width:100px;flex-shrink:0;font-family:'Manrope',sans-serif;}
.sv-statbar-track{flex:1;height:5px;background:#f0f4ff;border-radius:99px;overflow:hidden;}
.sv-statbar-fill{height:100%;width:0;border-radius:99px;transition:width 1.2s cubic-bezier(.23,1,.32,1);}
.sv-statbar-fill.sv-animated{width:var(--w);}
.sv-statbar-val{font-size:.62rem;font-weight:800;color:#0a1628;width:36px;text-align:right;flex-shrink:0;font-family:'Inter',sans-serif;}

@media(max-width:900px){
  .sv-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .sv-feat{grid-row:span 1;grid-column:span 2;}
}
@media(max-width:560px){
  .sv-bento{grid-template-columns:1fr;}
  .sv-feat{grid-column:span 1;}
  .sv-wrap{padding:56px 18px 60px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a26d8d1 */*{margin:0;padding:0;box-sizing:border-box}

@keyframes fadeUp {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes shine  {0%{left:-80%}100%{left:130%}}
@keyframes pulse  {0%,100%{box-shadow:0 0 0 0 rgba(36,81,230,.5)}50%{box-shadow:0 0 0 10px rgba(36,81,230,0)}}
@keyframes spinSlow{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
@keyframes drift  {0%,100%{transform:translate(0,0)}50%{transform:translate(4px,3px)}}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}

.rf{
  font-family:'Montserrat',sans-serif;
  background:#06101e;
  position:relative;overflow:hidden;
  padding:52px 0 48px;
}
.rf::after{
  content:'';position:absolute;top:0;left:0;width:100%;height:3px;z-index:5;
  background:linear-gradient(90deg,transparent,#2451e6 30%,#5b8fff 70%,transparent);
}
.rf-dots{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(36,81,230,.07) 1px,transparent 1px);
  background-size:28px 28px;
  animation:drift 20s ease-in-out infinite;
}
.rf-circle{
  position:absolute;right:-80px;top:50%;
  width:400px;height:400px;opacity:.1;pointer-events:none;z-index:0;
  animation:spinSlow 55s linear infinite;
}
.rf-glow1{position:absolute;top:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(36,81,230,.09),transparent 70%);pointer-events:none;z-index:0}
.rf-glow2{position:absolute;bottom:-40px;right:260px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(91,143,255,.06),transparent 70%);pointer-events:none;z-index:0}

.rf-wrap{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:2}

/* HEAD */
.rf-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:32px;animation:fadeUp .6s ease both;
}
.rf-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(36,81,230,.12);border:1px solid rgba(36,81,230,.28);
  padding:5px 16px;border-radius:100px;margin-bottom:12px;
  font-size:9px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#5b8fff;
}
.rf-edot{width:5px;height:5px;border-radius:50%;background:#2451e6;animation:pulse 2s infinite}
.rf-title{font-size:clamp(22px,2.8vw,36px);font-weight:900;letter-spacing:-.04em;line-height:1.12;color:#fff;margin-bottom:6px}
.rf-title span{color:#2451e6}
.rf-sub{font-size:13px;font-weight:500;color:rgba(255,255,255,.4);line-height:1.7;max-width:400px}
.rf-all{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#5b8fff;text-decoration:none;
  border-bottom:1.5px solid rgba(91,143,255,.3);padding-bottom:2px;
  transition:gap .25s,border-color .25s;white-space:nowrap;margin-bottom:4px;
}
.rf-all:hover{gap:9px;border-color:#5b8fff}

/* TABS */
.rf-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;animation:fadeUp .6s .1s ease both}
.rf-tab{
  padding:6px 16px;border-radius:100px;
  font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.5);background:transparent;
  transition:all .25s;font-family:'Montserrat',sans-serif;
}
.rf-tab:hover{border-color:rgba(36,81,230,.5);color:#5b8fff}
.rf-tab.active{background:#2451e6;border-color:#2451e6;color:#fff}

/* CARDS SECTION */
.rf-cards-section{display:block}

/* INFO GRID */
.rf-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:28px;
}

/* INFO CARD */
.rf-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(36,81,230,.18);
  border-radius:14px;
  padding:22px 20px 20px;
  position:relative;overflow:hidden;
  transition:transform .35s,box-shadow .35s,border-color .35s;
  animation:fadeUp .5s ease both;
}
.rf-card:nth-child(1){animation-delay:.06s}
.rf-card:nth-child(2){animation-delay:.12s}
.rf-card:nth-child(3){animation-delay:.18s}
.rf-card:nth-child(4){animation-delay:.24s}
.rf-card:nth-child(5){animation-delay:.30s}
.rf-card:nth-child(6){animation-delay:.36s}

.rf-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 44px rgba(36,81,230,.18);
  border-color:rgba(36,81,230,.4);
}
.rf-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#2451e6,#5b8fff);
  transform:scaleX(0);transform-origin:left;transition:transform .35s;
}
.rf-card:hover::after{transform:scaleX(1)}
.rf-card::before{
  content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);
  animation:shine 6s ease-in-out infinite;
}

/* card top: icon + badge */
.rf-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.rf-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 8px rgba(36,81,230,.3))}
.rf-badge{
  font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#5b8fff;background:rgba(36,81,230,.15);border:1px solid rgba(36,81,230,.25);
  padding:3px 10px;border-radius:100px;
}

.rf-card-title{font-size:13.5px;font-weight:800;color:#fff;letter-spacing:-.025em;margin-bottom:5px;line-height:1.3}
.rf-sector{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.35);margin-bottom:10px}

/* result stat */
.rf-result{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:800;color:#2451e6;
  background:rgba(36,81,230,.12);border:1px solid rgba(36,81,230,.2);
  padding:5px 12px;border-radius:8px;margin-bottom:12px;
}
.rf-result-dot{width:6px;height:6px;border-radius:50%;background:#2451e6;flex-shrink:0}

.rf-tags{display:flex;flex-wrap:wrap;gap:5px}
.rf-tag{
  font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);padding:2px 8px;border-radius:100px;
}

/* ── SOSYAL MEDYA SLIDE SECTION ── */
.rf-social-section{
  display:none;
  margin-bottom:28px;
  animation:fadeUp .5s ease both;
}
.rf-social-section.visible{display:block}

.rf-slide-label{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-bottom:14px;
}

.rf-slider{
  position:relative;overflow:hidden;border-radius:12px;
  border:1px solid rgba(36,81,230,.18);
}
.rf-track{
  display:flex;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.rf-slide{
  flex-shrink:0;
  width:calc(100% / 4);
  padding:4px;
}
.rf-slide img{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;
  display:block;
  transition:transform .35s;
}
.rf-slide img:hover{transform:scale(1.03)}

/* slider controls */
.rf-slider-nav{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;
}
.rf-slider-dots{display:flex;gap:6px;align-items:center}
.rf-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.2);cursor:pointer;
  transition:background .25s,width .25s;
}
.rf-dot.active{width:20px;border-radius:3px;background:#2451e6}
.rf-slider-btns{display:flex;gap:8px}
.rf-slider-btn{
  width:34px;height:34px;border-radius:50%;
  background:rgba(36,81,230,.15);border:1px solid rgba(36,81,230,.3);
  color:#5b8fff;font-size:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s,color .25s;font-family:'Montserrat',sans-serif;
}
.rf-slider-btn:hover{background:#2451e6;color:#fff}

/* social info cards below slider */
.rf-social-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-top:12px;
}
.rf-social-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(36,81,230,.18);
  border-radius:14px;padding:18px 16px;
  position:relative;overflow:hidden;
  transition:transform .3s,border-color .3s;
}
.rf-social-card:hover{transform:translateY(-4px);border-color:rgba(36,81,230,.4)}
.rf-social-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#2451e6,#5b8fff);
  transform:scaleX(0);transform-origin:left;transition:transform .35s;
}
.rf-social-card:hover::after{transform:scaleX(1)}

.rf-sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.rf-sc-icon{font-size:24px;filter:drop-shadow(0 2px 6px rgba(36,81,230,.3))}
.rf-sc-badge{
  font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#5b8fff;background:rgba(36,81,230,.15);border:1px solid rgba(36,81,230,.25);
  padding:3px 8px;border-radius:100px;
}
.rf-sc-title{font-size:12.5px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:4px}
.rf-sc-sector{font-size:10px;font-weight:600;color:rgba(255,255,255,.35);margin-bottom:8px}
.rf-sc-result{
  display:inline-flex;align-items:center;gap:5px;
  font-size:10.5px;font-weight:800;color:#2451e6;
  background:rgba(36,81,230,.12);border:1px solid rgba(36,81,230,.2);
  padding:4px 10px;border-radius:6px;
}

/* CTA */
.rf-cta{
  border:1px solid rgba(36,81,230,.22);background:rgba(36,81,230,.07);
  padding:20px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  position:relative;overflow:hidden;
  animation:fadeUp .55s .42s ease both;
}
.rf-cta::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#2451e6 40%,#5b8fff 60%,transparent);
}
.rf-cta-txt h3{font-size:14px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:3px}
.rf-cta-txt p {font-size:11.5px;color:rgba(255,255,255,.4);font-weight:500}
.rf-cta-btns{display:flex;gap:10px;flex-shrink:0}
.rf-btn-p{
  display:inline-flex;align-items:center;gap:6px;
  background:#2451e6;border:none;cursor:pointer;text-decoration:none;
  padding:11px 22px;
  font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:#fff;
  position:relative;overflow:hidden;transition:background .3s,transform .2s;
}
.rf-btn-p:hover{background:#1a3fc0;transform:translateY(-2px)}
.rf-btn-p::before{
  content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:shine 3s ease-in-out infinite;
}
.rf-btn-s{
  display:inline-flex;align-items:center;gap:6px;
  background:transparent;border:1px solid rgba(255,255,255,.18);cursor:pointer;text-decoration:none;
  padding:11px 18px;
  font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);
  transition:border-color .3s,color .3s,transform .2s;
}
.rf-btn-s:hover{border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)}

@media(max-width:860px){
  .rf-grid{grid-template-columns:repeat(2,1fr)}
  .rf-social-cards{grid-template-columns:repeat(2,1fr)}
  .rf-slide{width:calc(100%/3)}
  .rf-circle{width:260px;right:-40px}
  .rf-head{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:520px){
  .rf-grid{grid-template-columns:1fr 1fr;gap:10px}
  .rf-social-cards{grid-template-columns:1fr}
  .rf-slide{width:calc(100%/2)}
  .rf-cta{flex-direction:column;text-align:center;padding:18px}
  .rf-cta-btns{flex-direction:column;width:100%}
  .rf-btn-p,.rf-btn-s{justify-content:center}
  .rf-wrap{padding:0 14px}
  .rf{padding:40px 0 36px}
  .rf-circle{display:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db0a880 */.fq*,.fq *::before,.fq *::after{box-sizing:border-box;margin:0;padding:0}
.fq{
  font-family:'Manrope',sans-serif;
  background:#ffffff;
  width:100%;overflow:hidden;position:relative;
}

/* dot grid */
.fq-dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#dbeafe 1.4px,transparent 1.4px);background-size:34px 34px;opacity:.45;}

/* ambient blobs */
.fq-b1{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(219,234,254,.8) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none;animation:fq-ba 13s ease-in-out infinite alternate;}
.fq-b2{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(237,233,254,.5) 0%,transparent 65%);bottom:-140px;left:-100px;pointer-events:none;animation:fq-bb 16s ease-in-out infinite alternate;}
@keyframes fq-ba{from{transform:scale(1)}to{transform:scale(1.2) translate(-12px,10px)}}
@keyframes fq-bb{from{transform:scale(1)}to{transform:scale(1.15) translate(14px,-16px)}}

/* top accent */
.fq-topline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1,#8b5cf6,#1d4ed8);background-size:300% 100%;animation:fq-tg 5s linear infinite;z-index:5;}
@keyframes fq-tg{0%{background-position:0%}100%{background-position:300%}}

/* 3D shapes */
.fq-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.fq-sp1{position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#060f22);box-shadow:inset -7px -7px 14px rgba(0,0,0,.3),0 8px 20px rgba(6,15,34,.1);top:8%;left:1.5%;animation:fq-f1 9s ease-in-out infinite;}
.fq-rg{position:absolute;width:44px;height:44px;border-radius:50%;border:7px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#1e3a8a,#0c1f4a) border-box;bottom:14%;left:3%;animation:fq-f2 11s ease-in-out .8s infinite;}
.fq-dia{position:absolute;width:28px;height:28px;background:linear-gradient(135deg,#1e3a8a,#060f22);transform:rotate(45deg);border-radius:4px;box-shadow:0 4px 12px rgba(6,15,34,.12);top:55%;right:2%;animation:fq-f3 7s ease-in-out 3s infinite;}
.fq-sp2{position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#04101f);box-shadow:inset -4px -4px 8px rgba(0,0,0,.28),0 4px 14px rgba(6,15,34,.1);bottom:8%;right:3%;animation:fq-f1 13s ease-in-out .5s infinite;}
@keyframes fq-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes fq-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px) rotate(16deg)}}
@keyframes fq-f3{0%,100%{transform:rotate(45deg)}50%{transform:rotate(58deg) translateY(-9px)}}

/* ══════════════════
   LAYOUT
══════════════════ */
.fq-wrap{max-width:1240px;margin:0 auto;padding:80px 3vw 88px;position:relative;z-index:2;}

/* ── HEADER ── */
.fq-header{text-align:center;margin-bottom:56px;}
.fq-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(29,78,216,.07);border:1px solid rgba(29,78,216,.15);
  padding:.3rem .9rem;border-radius:999px;
  font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#1d4ed8;margin-bottom:1rem;
}
.fq-edot{width:5px;height:5px;background:#1d4ed8;border-radius:50%;animation:fq-blink 2.4s ease-in-out infinite;}
@keyframes fq-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(2.2)}}

.fq-header h2{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.9rem,3.8vw,3rem);font-weight:900;
  letter-spacing:-.05em;line-height:1.05;color:#0a1628;margin-bottom:.8rem;
}
.fq-header h2 em{
  font-style:normal;
  background:linear-gradient(130deg,#1d4ed8,#4f46e5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.fq-header p{font-size:.9rem;line-height:1.8;color:#64748b;max-width:520px;margin:0 auto;font-weight:500;}

/* ══════════════════
   TWO-COL LAYOUT
══════════════════ */
.fq-grid{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:56px;
  align-items:start;
}

/* ── LEFT: INFO PANEL ── */
.fq-info-card{
  background:#f8faff;border:1.5px solid #e0e7ff;border-radius:22px;
  padding:2rem;margin-bottom:16px;position:relative;overflow:hidden;
}
.fq-info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1);border-radius:22px 22px 0 0;}

.fq-info-card h3{
  font-family:'Inter',sans-serif;font-size:1rem;font-weight:900;
  letter-spacing:-.04em;color:#0a1628;margin-bottom:.55rem;
}
.fq-info-card p{font-size:.8rem;line-height:1.82;color:#64748b;font-weight:500;}

/* 3D icon in info card */
.fq-ic-icon{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.85rem;position:relative;
  background:linear-gradient(145deg,#3b82f6,#1d4ed8);
  box-shadow:0 6px 18px rgba(29,78,216,.28),inset 0 1px 0 rgba(255,255,255,.2);
}
.fq-ic-icon::before{content:'';position:absolute;bottom:-4px;left:4px;right:0;height:100%;border-radius:12px;background:#1e40af;opacity:.35;z-index:-1;transform:skewY(2deg);}
.fq-ic-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}

/* contact CTA card */
.fq-cta-card{
  background:linear-gradient(135deg,#0f2a6e,#1e1b6e);
  border-radius:22px;padding:2rem;
  position:relative;overflow:hidden;
}
.fq-cta-card::after{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.06);}
.fq-cta-card h3{font-family:'Inter',sans-serif;font-size:1rem;font-weight:900;color:#fff;margin-bottom:.5rem;letter-spacing:-.04em;}
.fq-cta-card p{font-size:.78rem;line-height:1.75;color:rgba(255,255,255,.7);margin-bottom:1.2rem;}
.fq-cta-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.4rem;border-radius:10px;
  background:#fff;color:#1d4ed8;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:800;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  transition:transform .25s,box-shadow .25s;
  position:relative;overflow:hidden;
}
.fq-cta-btn::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,78,216,.08),transparent);animation:fq-shine 3s ease-in-out infinite;}
@keyframes fq-shine{0%{left:-80%}55%,100%{left:150%}}
.fq-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.22);}
.fq-cta-btn svg{width:13px;height:13px;stroke:#1d4ed8;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.fq-cta-btn:hover svg{transform:translateX(3px);}

/* ══════════════════
   ACCORDION
══════════════════ */
.fq-list{display:flex;flex-direction:column;gap:10px;}

.fq-item{
  background:#fff;border:1.5px solid #e8edf5;
  border-radius:18px;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
.fq-item.fq-open{
  border-color:#c7d2fe;
  box-shadow:0 8px 28px rgba(29,78,216,.09);
}

/* question row */
.fq-q{
  display:flex;align-items:center;gap:.9rem;
  padding:1.1rem 1.4rem;cursor:pointer;
  user-select:none;
  transition:background .2s;
}
.fq-q:hover{background:#fafbff;}

/* number badge */
.fq-num{
  width:28px;height:28px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:#f0f4ff;
  font-family:'Inter',sans-serif;font-size:.65rem;font-weight:900;
  color:#1d4ed8;letter-spacing:-.02em;
  transition:background .3s,color .3s;
}
.fq-item.fq-open .fq-num{background:linear-gradient(135deg,#1d4ed8,#4338ca);color:#fff;}

.fq-q-txt{
  flex:1;font-family:'Inter',sans-serif;font-size:.88rem;font-weight:800;
  color:#0a1628;letter-spacing:-.02em;line-height:1.35;
}
.fq-item.fq-open .fq-q-txt{color:#1d4ed8;}

/* chevron */
.fq-chev{
  width:28px;height:28px;flex-shrink:0;border-radius:8px;
  background:#f0f4ff;display:flex;align-items:center;justify-content:center;
  transition:background .3s,transform .35s cubic-bezier(.23,1,.32,1);
}
.fq-chev svg{width:14px;height:14px;stroke:#1d4ed8;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;}
.fq-item.fq-open .fq-chev{background:linear-gradient(135deg,#1d4ed8,#4338ca);transform:rotate(180deg);}
.fq-item.fq-open .fq-chev svg{stroke:#fff;}

/* answer panel */
.fq-a{
  max-height:0;overflow:hidden;
  transition:max-height .45s cubic-bezier(.23,1,.32,1);
}
.fq-a-inner{
  padding:0 1.4rem 1.2rem 4rem;
  font-size:.82rem;line-height:1.85;color:#475569;font-weight:500;
}
.fq-a-inner strong{color:#0a1628;font-weight:700;}
.fq-a-inner a{color:#1d4ed8;text-decoration:none;font-weight:600;}
.fq-a-inner a:hover{text-decoration:underline;}

/* category tag inside answer */
.fq-atag{
  display:inline-flex;align-items:center;gap:.35rem;
  background:#f0f4ff;border:1px solid #e0e7ff;
  padding:.18rem .6rem;border-radius:99px;
  font-size:.58rem;font-weight:700;color:#1d4ed8;letter-spacing:.05em;
  text-transform:uppercase;margin-bottom:.55rem;
  font-family:'Manrope',sans-serif;
}

/* reveal */
.fq-rv{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;}
.fq-rv.fq-in{opacity:1;transform:none;}

/* responsive */
@media(max-width:880px){
  .fq-grid{grid-template-columns:1fr;gap:32px;}
  .fq-left{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .fq-cta-card{grid-column:span 2;}
}
@media(max-width:520px){
  .fq-left{grid-template-columns:1fr;}
  .fq-cta-card{grid-column:span 1;}
  .fq-wrap{padding:56px 18px 60px;}
  .fq-a-inner{padding-left:1.4rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d8adff */.tm*,.tm *::before,.tm *::after{box-sizing:border-box;margin:0;padding:0}
.tm{
  font-family:'Manrope',sans-serif;
  background:#060f22;
  width:100%;overflow:hidden;position:relative;
}

/* grid bg */
.tm-gridbg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:60px 60px;}

/* ambient glows */
.tm-g1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.13) 0%,transparent 65%);top:-280px;left:-200px;pointer-events:none;animation:tm-ga 12s ease-in-out infinite alternate;}
.tm-g2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.09) 0%,transparent 65%);bottom:-200px;right:-150px;pointer-events:none;animation:tm-gb 15s ease-in-out infinite alternate;}
@keyframes tm-ga{from{transform:scale(1)}to{transform:scale(1.25) translate(16px,12px)}}
@keyframes tm-gb{from{transform:scale(1)}to{transform:scale(1.2) translate(-14px,-18px)}}

/* top accent */
.tm-topline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#3b82f6);background-size:300% 100%;animation:tm-tg 5s linear infinite;z-index:5;}
@keyframes tm-tg{0%{background-position:0%}100%{background-position:300%}}

/* 3D shapes */
.tm-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.tm-sp1{position:absolute;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#060f22);box-shadow:inset -8px -8px 16px rgba(0,0,0,.35),inset 4px 4px 8px rgba(59,130,246,.1),0 8px 22px rgba(6,15,34,.25);top:10%;left:2%;animation:tm-f1 9s ease-in-out infinite;}
.tm-rg{position:absolute;width:48px;height:48px;border-radius:50%;border:8px solid transparent;background:linear-gradient(#060f22,#060f22) padding-box,linear-gradient(135deg,#1e3a8a,#0c1f4a) border-box;bottom:15%;right:2%;animation:tm-f2 11s ease-in-out .8s infinite;}
.tm-dia{position:absolute;width:30px;height:30px;background:linear-gradient(135deg,#1e3a8a,#060f22);transform:rotate(45deg);border-radius:5px;box-shadow:0 5px 14px rgba(6,15,34,.3);top:60%;left:1%;animation:tm-f3 7s ease-in-out 3s infinite;}
@keyframes tm-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px) rotate(5deg)}}
@keyframes tm-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px) rotate(15deg)}}
@keyframes tm-f3{0%,100%{transform:rotate(45deg)}50%{transform:rotate(58deg) translateY(-10px)}}

/* ══════════════════
   SECTION
══════════════════ */
.tm-wrap{max-width:1240px;margin:0 auto;padding:88px 3vw 96px;position:relative;z-index:2;}

/* ── HEADER ── */
.tm-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:52px;flex-wrap:wrap;}
.tm-header-left{}
.tm-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);
  padding:.3rem .9rem;border-radius:999px;
  font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#60a5fa;margin-bottom:1rem;
}
.tm-edot{width:5px;height:5px;background:#3b82f6;border-radius:50%;animation:tm-blink 2.4s ease-in-out infinite;}
@keyframes tm-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(2.2)}}

.tm-header h2{
  font-family:'Inter',sans-serif;
  font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:900;
  letter-spacing:-.05em;line-height:1.05;color:#e8f0ff;
}
.tm-header h2 em{
  font-style:normal;
  background:linear-gradient(130deg,#60a5fa,#818cf8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* rating summary right */
.tm-rating{
  display:flex;align-items:center;gap:1.2rem;flex-shrink:0;
}
.tm-r-score{
  background:rgba(8,22,48,.7);border:1px solid rgba(59,130,246,.18);
  border-radius:18px;padding:1rem 1.4rem;
  display:flex;flex-direction:column;align-items:center;
  backdrop-filter:blur(8px);
}
.tm-r-num{font-family:'Inter',sans-serif;font-size:2.6rem;font-weight:900;letter-spacing:-.06em;color:#fff;line-height:1;}
.tm-r-stars{display:flex;gap:3px;margin:.3rem 0 .15rem;}
.tm-r-star svg{width:18px;height:18px;}
.tm-r-count{font-size:.62rem;font-weight:600;color:rgba(148,163,184,.5);font-family:'Manrope',sans-serif;}
.tm-r-badge{
  display:flex;align-items:center;gap:.55rem;
  background:rgba(8,22,48,.7);border:1px solid rgba(59,130,246,.18);
  border-radius:14px;padding:.75rem 1.1rem;
  backdrop-filter:blur(8px);
}
.tm-r-badge img{width:72px;height:auto;object-fit:contain;}
.tm-r-badge-txt{display:flex;flex-direction:column;gap:2px;}
.tm-r-badge-txt span:first-child{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:800;color:#e8f0ff;}
.tm-r-badge-txt span:last-child{font-size:.6rem;color:rgba(148,163,184,.4);font-family:'Manrope',sans-serif;}

/* ══════════════════
   SLIDER
══════════════════ */
.tm-slider-wrap{position:relative;}

/* arrows */
.tm-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  background:rgba(8,22,48,.8);border:1px solid rgba(59,130,246,.2);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:10;backdrop-filter:blur(8px);
  transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;
}
.tm-arrow:hover{background:rgba(29,78,216,.5);border-color:rgba(59,130,246,.5);box-shadow:0 6px 20px rgba(37,99,235,.3);transform:translateY(-50%) scale(1.08);}
.tm-arrow svg{width:16px;height:16px;stroke:rgba(180,205,255,.7);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s;}
.tm-arrow:hover svg{stroke:#fff;}
.tm-ap{left:-18px;}
.tm-an{right:-18px;}

/* viewport */
.tm-vp{overflow:hidden;}
.tm-track{
  display:flex;gap:18px;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ══════════════════
   CARD
══════════════════ */
.tm-card{
  flex:0 0 calc((100% - 36px) / 3);
  background:rgba(8,22,48,.7);
  border:1px solid rgba(59,130,246,.1);
  border-radius:22px;
  padding:1.8rem 1.7rem 1.6rem;
  position:relative;overflow:hidden;
  backdrop-filter:blur(8px);
  transition:border-color .35s,box-shadow .35s,transform .4s cubic-bezier(.23,1,.32,1);
}
.tm-card:hover{
  border-color:rgba(59,130,246,.28);
  box-shadow:0 16px 44px rgba(6,15,34,.4);
  transform:translateY(-6px);
}
/* top accent */
.tm-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s ease;border-radius:2px 2px 0 0;
}
.tm-card:hover::before{transform:scaleX(1);}
.tm-cm::before{background:linear-gradient(90deg,#3b82f6,#6366f1);}
.tm-cf::before{background:linear-gradient(90deg,#ec4899,#a855f7);}

/* glow */
.tm-card::after{
  content:'';position:absolute;width:200px;height:200px;border-radius:50%;
  top:-80px;right:-60px;pointer-events:none;
  transition:transform .5s;
}
.tm-card:hover::after{transform:scale(1.8);}
.tm-cm::after{background:radial-gradient(circle,rgba(59,130,246,.05),transparent 70%);}
.tm-cf::after{background:radial-gradient(circle,rgba(236,72,153,.05),transparent 70%);}

/* quote mark */
.tm-quote{
  position:absolute;top:1.2rem;right:1.3rem;
  font-family:'Georgia',serif;font-size:5rem;line-height:1;
  color:rgba(255,255,255,.04);pointer-events:none;user-select:none;
}

/* ── 3D AVATAR ── */
.tm-avatar{
  position:relative;
  width:52px;height:52px;
  border-radius:50%;
  margin-bottom:1rem;
  flex-shrink:0;
}
/* 3D sphere base */
.tm-avatar-inner{
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  box-shadow:inset -6px -6px 12px rgba(0,0,0,.35),inset 4px 4px 8px rgba(255,255,255,.12);
}
/* highlight */
.tm-avatar-inner::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.3),transparent 55%);
}
/* bottom shadow */
.tm-avatar-inner::after{
  content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);
  width:36px;height:6px;border-radius:50%;
  background:rgba(0,0,0,.3);filter:blur(3px);
}

/* male variants */
.tm-av-m1{background:linear-gradient(145deg,#60a5fa,#1d4ed8);}
.tm-av-m2{background:linear-gradient(145deg,#34d399,#047857);}
.tm-av-m3{background:linear-gradient(145deg,#fbbf24,#b45309);}

/* female variants */
.tm-av-f1{background:linear-gradient(145deg,#f472b6,#be185d);}
.tm-av-f2{background:linear-gradient(145deg,#c084fc,#7c3aed);}
.tm-av-f3{background:linear-gradient(145deg,#fb923c,#ea580c);}

/* gender icon */
.tm-avatar-inner svg{width:24px;height:24px;position:relative;z-index:1;}

/* card top row */
.tm-card-top{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;}
.tm-card-meta{flex:1;}
.tm-card-name{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:800;color:#e8f0ff;letter-spacing:-.02em;margin-bottom:.18rem;}
.tm-card-svc{
  display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:.14rem .55rem;border-radius:99px;font-family:'Manrope',sans-serif;
}
.tm-cm .tm-card-svc{color:#60a5fa;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);}
.tm-cf .tm-card-svc{color:#f0abfc;background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.2);}

/* stars */
.tm-stars{display:flex;gap:2px;margin-bottom:.85rem;}
.tm-stars svg{width:14px;height:14px;}

/* review text */
.tm-card p{font-size:.8rem;line-height:1.82;color:rgba(180,205,255,.6);font-weight:500;position:relative;z-index:1;}

/* date */
.tm-date{font-size:.62rem;font-weight:600;color:rgba(148,163,184,.35);margin-top:.85rem;font-family:'Manrope',sans-serif;}

/* ── DOTS ── */
.tm-dots-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;}
.tm-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer;border:none;padding:0;transition:background .3s,width .3s,border-radius .3s;}
.tm-dot.tm-d-act{width:26px;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#6366f1);}

/* ── CTA strip ── */
.tm-cta-strip{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin-top:44px;flex-wrap:wrap;
}
.tm-cta-p{
  display:inline-flex;align-items:center;gap:7px;
  padding:.84rem 2rem;border-radius:12px;
  background:linear-gradient(135deg,#1d4ed8,#4338ca);
  color:#fff;text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.85rem;font-weight:800;
  box-shadow:0 8px 28px rgba(29,78,216,.35);
  position:relative;overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.tm-cta-p::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:tm-shine 3s ease-in-out infinite;}
@keyframes tm-shine{0%{left:-80%}55%,100%{left:150%}}
.tm-cta-p:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(29,78,216,.45);}
.tm-cta-p svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.tm-cta-p:hover svg{transform:translateX(3px);}
.tm-cta-g{
  display:inline-flex;align-items:center;gap:7px;
  padding:.84rem 2rem;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.7);text-decoration:none;
  font-family:'Inter',sans-serif;font-size:.85rem;font-weight:700;
  transition:background .25s,border-color .25s,color .25s;
}
.tm-cta-g:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}

/* reveal */
.tm-rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.tm-rv.tm-in{opacity:1;transform:none;}

/* responsive */
@media(max-width:920px){
  .tm-card{flex:0 0 calc((100% - 18px) / 2);}
  .tm-header{flex-direction:column;align-items:flex-start;}
  .tm-rating{flex-wrap:wrap;}
}
@media(max-width:560px){
  .tm-card{flex:0 0 100%;}
  .tm-arrow{display:none;}
  .tm-wrap{padding:60px 18px 68px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b39fc2 */.ftw*,.ftw *::before,.ftw *::after{box-sizing:border-box;margin:0;padding:0}
.ftw{font-family:'Manrope',sans-serif;background:#ffffff;width:100%;overflow:hidden;position:relative;}

.ftw-dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#dbeafe 1.4px,transparent 1.4px);background-size:34px 34px;opacity:.4;}
.ftw-b1{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(219,234,254,.7) 0%,transparent 65%);top:-180px;right:-140px;pointer-events:none;animation:ftw-ba 13s ease-in-out infinite alternate;}
.ftw-b2{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(237,233,254,.45) 0%,transparent 65%);bottom:-120px;left:-80px;pointer-events:none;animation:ftw-bb 16s ease-in-out infinite alternate;}
@keyframes ftw-ba{from{transform:scale(1)}to{transform:scale(1.18) translate(-10px,8px)}}
@keyframes ftw-bb{from{transform:scale(1)}to{transform:scale(1.12) translate(12px,-14px)}}
.ftw-topline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d4ed8,#6366f1,#8b5cf6,#1d4ed8);background-size:300% 100%;animation:ftw-tg 5s linear infinite;z-index:5;}
@keyframes ftw-tg{0%{background-position:0%}100%{background-position:300%}}
.ftw-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.ftw-sp1{position:absolute;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#1e3a5f,#060f22);box-shadow:inset -6px -6px 12px rgba(0,0,0,.28),0 6px 18px rgba(6,15,34,.1);top:12%;left:1.5%;animation:ftw-f1 9s ease-in-out infinite;}
.ftw-rg{position:absolute;width:38px;height:38px;border-radius:50%;border:6px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#1e3a8a,#0c1f4a) border-box;bottom:22%;right:2%;animation:ftw-f2 11s ease-in-out .8s infinite;}
.ftw-dia{position:absolute;width:24px;height:24px;background:linear-gradient(135deg,#1e3a8a,#060f22);transform:rotate(45deg);border-radius:4px;bottom:12%;left:3%;animation:ftw-f3 7s ease-in-out 3s infinite;}
@keyframes ftw-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px) rotate(5deg)}}
@keyframes ftw-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px) rotate(15deg)}}
@keyframes ftw-f3{0%,100%{transform:rotate(45deg)}50%{transform:rotate(56deg) translateY(-8px)}}

.ftw-main{padding:64px 3vw 0;position:relative;z-index:2;}
.ftw-inner{max-width:1240px;margin:0 auto;}

/* TOP */
.ftw-top{display:flex;align-items:center;gap:2rem;padding-bottom:36px;border-bottom:1px solid #e8edf5;}
.ftw-logo{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s;flex-shrink:0;}
.ftw-logo:hover{opacity:.85;}
.ftw-logo img{display:block;}
.ftw-brand-desc{font-size:.78rem;line-height:1.75;color:#64748b;font-weight:500;margin:0;}
.ftw-brand-desc strong{color:#0a1628;font-weight:700;}

/* GRID */
.ftw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:40px 0 36px;border-bottom:1px solid #e8edf5;}

.ftw-col-title{font-family:'Inter',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:1.1rem;}

/* links with 3D colored icons */
.ftw-links{list-style:none;display:flex;flex-direction:column;gap:.45rem;}
.ftw-links li a{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:600;color:#475569;text-decoration:none;transition:color .2s,gap .2s;padding:.1rem 0;}
.ftw-links li a:hover{color:#1d4ed8;gap:.75rem;}

/* mini 3D icon */
.ftw-lico{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s cubic-bezier(.23,1,.32,1);}
.ftw-links li a:hover .ftw-lico{transform:rotate(-8deg) scale(1.1);}
.ftw-lico::before{content:'';position:absolute;bottom:-2px;left:2px;right:0;height:100%;border-radius:6px;opacity:.25;z-index:-1;transform:skewY(2deg);}
.ftw-lico svg{width:11px;height:11px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;}
.fli-blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8);box-shadow:0 2px 6px rgba(29,78,216,.25);}.fli-blue::before{background:#1e3a8a;}
.fli-green{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 2px 6px rgba(5,150,105,.25);}.fli-green::before{background:#065f46;}
.fli-amber{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 2px 6px rgba(217,119,6,.25);}.fli-amber::before{background:#92400e;}
.fli-red{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 2px 6px rgba(220,38,38,.25);}.fli-red::before{background:#991b1b;}
.fli-pink{background:linear-gradient(145deg,#f9a8d4,#ec4899);box-shadow:0 2px 6px rgba(236,72,153,.25);}.fli-pink::before{background:#9d174d;}
.fli-purple{background:linear-gradient(145deg,#c084fc,#7c3aed);box-shadow:0 2px 6px rgba(124,58,237,.25);}.fli-purple::before{background:#6d28d9;}
.fli-cyan{background:linear-gradient(145deg,#67e8f9,#0891b2);box-shadow:0 2px 6px rgba(8,145,178,.25);}.fli-cyan::before{background:#0e7490;}
.fli-slate{background:linear-gradient(145deg,#94a3b8,#475569);box-shadow:0 2px 6px rgba(71,85,105,.2);}.fli-slate::before{background:#334155;}

/* stat col */
.ftw-statcol{display:flex;flex-direction:column;gap:.6rem;}
.ftw-sc{display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem;background:#f8faff;border:1px solid #e0e7ff;border-radius:10px;transition:border-color .25s,box-shadow .25s;}
.ftw-sc:hover{border-color:#c7d2fe;box-shadow:0 3px 10px rgba(29,78,216,.08);}
.ftw-sc-n{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:-.05em;color:#0a1628;line-height:1;flex-shrink:0;min-width:44px;}
.ftw-sc-n em{font-style:normal;color:#1d4ed8;font-size:80%;}
.ftw-sc-l{font-size:.65rem;font-weight:600;color:#64748b;letter-spacing:.02em;font-family:'Manrope',sans-serif;}

/* contacts */
.ftw-contacts{display:flex;flex-direction:column;gap:.75rem;}
.ftw-ci{display:flex;align-items:flex-start;gap:.65rem;}
.ftw-ci-ico{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border:1px solid #e0e7ff;transition:background .25s;}
.ftw-ci:hover .ftw-ci-ico{background:rgba(29,78,216,.1);}
.ftw-ci-ico svg{width:12px;height:12px;stroke:#1d4ed8;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ftw-ci-body{display:flex;flex-direction:column;gap:1px;}
.ftw-ci-lbl{font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;}
.ftw-ci-val{font-size:.75rem;font-weight:600;color:#334155;}
.ftw-ci-val a{color:#334155;text-decoration:none;transition:color .2s;}
.ftw-ci-val a:hover{color:#1d4ed8;}

/* strip */
.ftw-strip{display:flex;align-items:center;gap:1.2rem;padding:18px 0;border-bottom:1px solid #e8edf5;flex-wrap:wrap;}
.ftw-strip-div{width:1px;height:22px;background:#e0e7ff;flex-shrink:0;}
.ftw-socials{display:flex;gap:6px;}
.ftw-soc{width:34px;height:34px;border-radius:9px;background:#f0f4ff;border:1px solid #e0e7ff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;}
.ftw-soc:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);border-color:#1d4ed8;transform:translateY(-3px);box-shadow:0 6px 16px rgba(29,78,216,.22);}
.ftw-soc svg{width:14px;height:14px;fill:#64748b;transition:fill .25s;}
.ftw-soc:hover svg{fill:#fff;}
.ftw-partners{display:flex;flex-wrap:wrap;gap:6px;}
.ftw-pbdg{display:inline-flex;align-items:center;gap:.38rem;background:#f8faff;border:1px solid #e0e7ff;padding:.22rem .7rem;border-radius:99px;font-size:.58rem;font-weight:700;color:#1e3a8a;letter-spacing:.04em;font-family:'Manrope',sans-serif;transition:border-color .25s,box-shadow .25s;}
.ftw-pbdg:hover{border-color:#93c5fd;box-shadow:0 2px 10px rgba(29,78,216,.1);}
.ftw-pbdg span{width:5px;height:5px;border-radius:50%;flex-shrink:0;}

/* bottom */
.ftw-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0 24px;position:relative;z-index:2;}
.ftw-copy{font-size:.7rem;font-weight:500;color:#94a3b8;font-family:'Manrope',sans-serif;}
.ftw-copy a{color:#1d4ed8;text-decoration:none;}
.ftw-copy a:hover{text-decoration:underline;}
.ftw-legal{display:flex;gap:1.2rem;flex-wrap:wrap;}
.ftw-legal a{font-size:.68rem;font-weight:600;color:#94a3b8;text-decoration:none;transition:color .2s;}
.ftw-legal a:hover{color:#1d4ed8;}

/* WA */
.ftw-wa{position:fixed;bottom:28px;right:28px;z-index:999;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 22px rgba(37,211,102,.4);animation:ftw-wa-pop .5s cubic-bezier(.23,1,.32,1) forwards,ftw-wa-bob 4s ease-in-out 1s infinite;transition:transform .25s,box-shadow .25s;}
.ftw-wa:hover{transform:scale(1.1);box-shadow:0 10px 30px rgba(37,211,102,.55);}
.ftw-wa svg{width:26px;height:26px;fill:#fff;}
@keyframes ftw-wa-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ftw-wa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.ftw-wa::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.35);animation:ftw-wa-ring 2.5s ease-in-out infinite;}
@keyframes ftw-wa-ring{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}

.ftw-rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.ftw-rv.ftw-in{opacity:1;transform:none;}

@media(max-width:980px){.ftw-grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:560px){.ftw-grid{grid-template-columns:1fr;}.ftw-bottom{flex-direction:column;align-items:flex-start;}.ftw-main{padding:52px 18px 0;}}/* End custom CSS */