:root{--navy:#07152e;--navy2:#0b2042;--blue:#3157f4;--cyan:#ff861f;--orange:#ff6a16;--ink:#15233b;--muted:#68758b;--light:#f4f7fc;--line:#e5ebf4;--shadow:0 18px 55px rgba(13,36,75,.10)}
*{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--ink);overflow-x:hidden}h1,h2,h3,h4,h5,.navbar-brand{font-family:"Manrope",sans-serif}a{text-decoration:none}.section-pad{padding:88px 0}.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kicker:before{content:"";width:27px;height:2px;background:var(--cyan)}.section-title{font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.045em;line-height:1.12}.lead{color:var(--muted);line-height:1.85}.btn-main{background:linear-gradient(110deg,var(--blue),#426bff);border:1px solid var(--blue);color:#fff;padding:13px 23px;border-radius:8px;font-weight:700}.btn-main:hover{background:linear-gradient(110deg,#2445cf,var(--orange));color:#fff}.navbar{padding:17px 0;transition:.25s}.navbar.scrolled{background:rgba(7,21,46,.97);padding:10px 0;box-shadow:0 8px 30px #0002;backdrop-filter:blur(12px)}.navbar-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--orange));font-size:1.2rem}.brand-sub{display:block;font:600 .55rem "DM Sans";color:#9db3d6;letter-spacing:.18em;margin-top:-3px}.navbar .nav-link{color:#d4def0;font-weight:600;font-size:.9rem;padding:10px 11px!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff}.navbar-toggler{border-color:#ffffff55}.navbar-toggler-icon{filter:invert(1)}
.page-hero{position:relative;color:#fff;padding:165px 0 85px;background:linear-gradient(105deg,rgba(5,17,39,.97),rgba(7,35,76,.82)),url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1900&q=85') center/cover}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);font-weight:800;letter-spacing:-.06em;max-width:850px}.page-hero p{color:#c2d0e4;max-width:700px;line-height:1.8}.breadcrumb{--bs-breadcrumb-divider-color:#7d9abc}.breadcrumb-item,.breadcrumb-item a{color:#9eb7d7}.breadcrumb-item.active{color:#fff}.hero-home{min-height:700px;display:flex;align-items:center;padding:150px 0 90px;background:linear-gradient(110deg,rgba(5,17,39,.98),rgba(7,27,59,.78)),url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=2000&q=85') center/cover}.hero-home h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;letter-spacing:-.065em;line-height:1.03}.hero-home h1 span{color:#58c9f1}.hero-copy{color:#c1cde0;font-size:1.08rem;line-height:1.85;max-width:630px}.hero-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #74beff55;background:#1558a133;color:#bfeaff;border-radius:100px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#4ee0c1;box-shadow:0 0 0 5px #4ee0c122}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-outline-light-custom{border:1px solid #ffffff66;color:#fff;padding:12px 22px;border-radius:8px;font-weight:700}.btn-outline-light-custom:hover{background:#fff;color:var(--navy)}.hero-art{min-height:350px;display:grid;place-items:center}.orbit{width:min(340px,80vw);aspect-ratio:1;border:1px solid #63bfff55;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 45px #43b5ff08,inset 0 0 70px #1c82ff14}.orbit:before{content:"";position:absolute;inset:35px;border:1px dashed #63bfff44;border-radius:50%}.orbit-core{width:135px;height:135px;border-radius:35px;display:grid;place-items:center;background:linear-gradient(145deg,#1677ee,#24b8df);font-size:3.7rem;box-shadow:0 25px 70px #0076ff55;transform:rotate(-8deg)}.orbit-core i{transform:rotate(8deg)}.node{position:absolute;width:54px;height:54px;display:grid;place-items:center;border:1px solid #6fc7ff55;background:#0c2850;color:#78d9ff;border-radius:16px;font-size:1.3rem}.n1{top:12px;left:50%;transform:translateX(-50%)}.n2{right:0;top:43%}.n3{bottom:15px;left:17%}.n4{left:0;top:40%}
.card-service{height:100%;padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:.25s}.card-service:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c7dcff}.icon-box{width:55px;height:55px;display:grid;place-items:center;background:#eef1ff;color:var(--blue);border-radius:14px;font-size:1.5rem;margin-bottom:20px}.card-service h3{font-size:1.08rem;font-weight:800}.card-service p{color:var(--muted);font-size:.91rem;line-height:1.75}.card-service a{color:var(--blue);font-weight:800;font-size:.86rem}.soft{background:var(--light)}.photo{width:100%;height:390px;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.check-grid span{display:flex;gap:9px;color:#45536a;font-size:.9rem}.check-grid i{color:var(--blue)}.feature-dark{background:linear-gradient(115deg,#0a1b39,#0c3266);color:#fff}.feature-dark .lead{color:#b9c9df}.feature-item{display:flex;gap:14px;margin:22px 0}.feature-item>i{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;background:#45aeff22;border:1px solid #5bc0ff44;border-radius:12px;color:#ffad65;font-size:1.15rem}.feature-item h3{font-size:1rem;font-weight:800;margin-bottom:5px}.feature-item p{color:#aebed4;font-size:.88rem;line-height:1.65;margin:0}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.partner{min-height:75px;display:grid;place-items:center;text-align:center;padding:12px;border:1px solid var(--line);border-radius:10px;color:#586781;font-family:Manrope;font-size:.86rem;font-weight:800;background:#fff}.partner:hover{color:var(--blue);border-color:#a8c9ff}.client-tags{display:flex;flex-wrap:wrap;gap:10px}.client-tags span{background:#f0f5fc;border:1px solid #e1eaf7;color:#42536e;padding:10px 15px;border-radius:8px;font-weight:700;font-size:.86rem}.contact-dark{background:var(--navy);color:#fff}.contact-dark .lead{color:#b4c4dc}.contact-box{background:#fff;color:var(--ink);padding:32px;border-radius:16px;box-shadow:0 25px 70px #0003}.form-control,.form-select{padding:12px 14px;border-color:#e2e8f1;border-radius:8px}.form-label{font-size:.82rem;font-weight:700;color:#4d5a70}.contact-line{display:flex;gap:14px;margin:22px 0}.contact-line i{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:#40b1ff22;color:#ff9a43;border-radius:12px;font-size:1.15rem}.contact-line small{display:block;color:#aebed4;margin-bottom:4px}.contact-line a,.contact-line span{color:#fff;font-weight:600;line-height:1.6}footer{background:#041024;color:#9eacc2;padding:27px 0}footer a{color:#c5d3e7}.footer-brand{color:#fff;font-family:Manrope;font-weight:800}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;z-index:99;opacity:0;visibility:hidden;transition:.2s}.back-top.show{opacity:1;visibility:visible}
@media(max-width:991px){.navbar-collapse{background:#0a1c3a;padding:14px 18px;border-radius:12px;margin-top:12px}.section-pad{padding:68px 0}.partner-grid{grid-template-columns:repeat(3,1fr)}.hero-art{min-height:280px}}
@media(max-width:575px){.section-pad{padding:58px 0}.page-hero{padding:140px 0 65px}.hero-home{padding:135px 0 65px;min-height:auto}.hero-home h1{font-size:2.85rem}.check-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,1fr)}.contact-box{padding:22px}}

/* Hexagrid identity: subtle movement, blue + orange accents */
.brand-logo-img{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 5px 12px rgba(49,87,244,.16));transition:transform .35s ease}
.navbar-brand:hover .brand-logo-img{transform:translateY(-2px) rotate(-3deg)}
.brand-mark{background:linear-gradient(135deg,#3157f4 0%,#4775ff 52%,#ff861f 100%)}
.btn-main{background:linear-gradient(105deg,#3157f4 0%,#4775ff 68%,#ff861f 145%);background-size:160% 100%;transition:background-position .35s ease,transform .25s ease,box-shadow .25s ease}
.btn-main:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 10px 24px rgba(49,87,244,.22)}
.kicker:before{background:linear-gradient(90deg,#3157f4,#ff861f)}
.hero-home h1 span{background:linear-gradient(90deg,#70a1ff 0%,#ff9a43 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbit{animation:orbit-breathe 7s ease-in-out infinite}
.orbit:before{animation:orbit-spin 34s linear infinite}
.orbit-core{background:linear-gradient(145deg,#3157f4 0%,#4775ff 58%,#ff861f 125%)}
.node:nth-of-type(even){color:#ffad65;border-color:#ff9a4355}
.card-service,.partner,.photo,.feature-item>i{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.card-service:hover{transform:translateY(-7px)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes orbit-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Orbiting service icons around the central shield */
.orbit .node{
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  margin:-27px 0 0 -27px;
  animation:orbit-node 20s linear infinite;
  will-change:transform;
}
.orbit .n1{animation-delay:0s}
.orbit .n2{animation-delay:-5s}
.orbit .n3{animation-delay:-10s}
.orbit .n4{animation-delay:-15s}
@keyframes orbit-node{
  from{transform:rotate(0deg) translateX(158px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(158px) rotate(-360deg)}
}
@media(max-width:575px){
  @keyframes orbit-node{
    from{transform:rotate(0deg) translateX(132px) rotate(0deg)}
    to{transform:rotate(360deg) translateX(132px) rotate(-360deg)}
  }
}
@media(prefers-reduced-motion:reduce){
  .orbit .node{animation:none}
  .orbit .n1{transform:translate(-50%,-50%) translateY(-158px)}
  .orbit .n2{transform:translate(-50%,-50%) translateX(158px)}
  .orbit .n3{transform:translate(-50%,-50%) translateY(158px)}
  .orbit .n4{transform:translate(-50%,-50%) translateX(-158px)}
}