:root{
  --bg:#03050b;
  --panel:#070b14;
  --panel-2:#0b101c;
  --text:#f7f8fb;
  --muted:#c0c5d1;
  --soft:#858c9b;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.22);
  --red:#ff3048;
  --red-2:#ff6374;
  --green:#22e68b;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  background:var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}

.bg-video{
  position:fixed;
  inset:0;
  z-index:-6;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.58;
  filter:contrast(1.08) saturate(1.18) brightness(.82);
}
.video-shade{
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(760px 520px at 68% 30%, rgba(255,48,72,.08), transparent 64%),
    radial-gradient(620px 420px at 12% 14%, rgba(255,48,72,.13), transparent 58%),
    linear-gradient(90deg, rgba(3,5,11,.98) 0%, rgba(3,5,11,.78) 34%, rgba(3,5,11,.38) 62%, rgba(3,5,11,.86) 100%),
    linear-gradient(180deg, rgba(3,5,11,.72) 0%, rgba(3,5,11,.24) 38%, #03050b 96%);
}
.scanlines{
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.4;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 20%, black 0 38%, transparent 78%);
}
#cursor{
  display:none;
  position:fixed;
  z-index:40;
  width:25px;
  height:25px;
  border:1px solid rgba(255,74,94,.75);
  border-radius:999px;
  pointer-events:none;
  transform:translate(-50%,-50%);
  mix-blend-mode:difference;
}

.site-header{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  padding:22px clamp(18px,3.5vw,56px);
  background:linear-gradient(180deg, rgba(3,5,11,.84), rgba(3,5,11,.48));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:214px;flex:0 0 auto}
.brand-symbol{
  display:block;
  width:46px;
  height:46px;
  flex:0 0 auto;
}
.brand-symbol img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  filter:drop-shadow(0 0 10px rgba(255,48,72,.24));
}
.brand-name{display:grid;gap:2px;text-transform:uppercase;line-height:1}
.brand-name strong{font-size:18px;letter-spacing:.03em}
.brand-name small{font-size:10px;letter-spacing:.34em;color:#cdd1da}
nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;color:#ecedf2}
nav a{position:relative;padding:10px 0;color:#e6e8ee}
nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  transform:scaleX(0);
  background:var(--red);
  box-shadow:0 0 16px var(--red);
  transition:transform .24s ease;
}
nav a:hover::after,nav a.active::after{transform:scaleX(1)}

.utility-bar{
  position:relative;
  top:auto;
  right:auto;
  transform:none;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  margin:0 0 0 6px;
  padding:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:linear-gradient(145deg, rgba(8,12,22,.88), rgba(15,20,32,.68));
  box-shadow:0 14px 42px rgba(0,0,0,.28), 0 0 30px rgba(255,48,72,.08);
  backdrop-filter:blur(18px);
}
.nav-cta{flex:0 0 auto;margin-left:4px}
.language-switcher{
  display:flex;
  gap:6px;
  padding-right:2px;
}
.utility-btn{
  width:40px;
  height:36px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  color:#f8f9fc;
  background:rgba(255,255,255,.045);
  cursor:pointer;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.utility-btn:hover,.utility-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,99,116,.72);
  outline:0;
  box-shadow:0 0 0 3px rgba(255,48,72,.16), inset 0 1px 0 rgba(255,255,255,.12);
}
.lang-btn img{
  display:block;
  width:24px;
  height:18px;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.22), 0 4px 12px rgba(0,0,0,.25);
}
.lang-btn.is-active,.contrast-main-btn.is-active{
  border-color:rgba(255,48,72,.95);
  background:linear-gradient(145deg, rgba(255,48,72,.28), rgba(255,255,255,.05));
  box-shadow:0 0 24px rgba(255,48,72,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.a11y-main-btn{
  min-width:50px;
  color:#fff;
  letter-spacing:.01em;
}
.contrast-main-btn span{font-size:18px}
.access-panel{
  position:fixed;
  top:148px;
  right:clamp(18px,4vw,54px);
  z-index:56;
  width:min(388px, calc(100vw - 32px));
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  color:#f7f8fb;
  background:linear-gradient(145deg, rgba(9,13,23,.96), rgba(17,21,33,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.52), 0 0 54px rgba(255,48,72,.12);
  backdrop-filter:blur(22px);
}
.access-panel[hidden]{display:none}
.access-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.access-panel h2{
  margin:0;
  font-size:22px;
  letter-spacing:0;
}
.panel-close{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:22px;
  font-weight:500;
}
.access-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.access-grid button{
  min-height:46px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  color:#f5f7fb;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  text-align:left;
  font-weight:850;
  line-height:1.12;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.access-grid button:hover,.access-grid button:focus-visible,.access-grid button.is-active{
  transform:translateY(-1px);
  border-color:rgba(255,99,116,.78);
  outline:0;
  background:linear-gradient(145deg, rgba(255,48,72,.20), rgba(255,255,255,.06));
}
.voice-status{
  min-height:38px;
  margin:14px 0 0;
  padding:10px 12px;
  border-radius:12px;
  color:#ffd9df;
  background:rgba(255,48,72,.10);
  font-size:13px!important;
  font-weight:800;
}
.a11y-underline a{text-decoration:underline;text-underline-offset:4px}
.a11y-contrast{
  --bg:#000;
  --panel:#050505;
  --panel-2:#080808;
  --text:#fff;
  --muted:#f2f2f2;
  --soft:#e6e6e6;
  --line:rgba(255,255,255,.45);
  --line-strong:rgba(255,255,255,.7);
  background:#000!important;
}
.a11y-contrast .bg-video{opacity:.22;filter:grayscale(1) contrast(1.4) brightness(.6)}
.a11y-contrast .video-shade{background:linear-gradient(90deg, rgba(0,0,0,.98), rgba(0,0,0,.72)), rgba(0,0,0,.78)}
.a11y-contrast .site-header,
.a11y-contrast .utility-bar,
.a11y-contrast .access-panel,
.a11y-contrast .service-card,
.a11y-contrast .panel-card,
.a11y-contrast .phone,
.a11y-contrast .lead-console,
.a11y-contrast .contact-form{
  border-color:rgba(255,255,255,.62)!important;
  background:#050505!important;
}
.a11y-contrast .btn{
  border-color:#fff;
  background:#ff3048;
  box-shadow:none;
}
.a11y-reduce-motion *,
.a11y-reduce-motion *::before,
.a11y-reduce-motion *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}
.a11y-reduce-motion .bg-video{display:none}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border:1px solid rgba(255,82,102,.8);
  border-radius:8px;
  color:white;
  background:linear-gradient(135deg, #ff2b44, #d81630);
  box-shadow:0 0 32px rgba(255,48,72,.28), inset 0 1px 0 rgba(255,255,255,.18);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(255,48,72,.28)}
.btn.ghost{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.btn.ghost:hover{border-color:rgba(255,82,102,.7)}
.btn-icon{font-size:13px;color:white;text-shadow:0 0 14px white}

.section-shell{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
}
.hero{
  min-height:calc(100svh - 92px);
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(360px,1fr);
  align-items:center;
  gap:36px;
  padding:72px 0 46px;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--red-2);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  line-height:1.2;
}
.kicker::before{
  content:"";
  width:8px;
  height:8px;
  background:var(--red);
  transform:rotate(45deg);
  box-shadow:0 0 18px var(--red);
}
h1,h2,h3,p{margin-top:0}
h1,h2{
  margin-bottom:22px;
  letter-spacing:-.055em;
  line-height:.98;
}
h1{
  max-width:640px;
  margin-top:24px;
  font-size:clamp(48px,7.1vw,86px);
}
h2{font-size:clamp(34px,4.6vw,62px)}
h3{letter-spacing:-.035em;line-height:1.1}
em{font-style:normal;color:var(--red)}
p{color:var(--muted);line-height:1.65}
.hero-copy p{max-width:560px;font-size:18px}
.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}

.hero-art{
  position:relative;
  min-height:610px;
  display:grid;
  place-items:center;
  perspective:1100px;
}
.hero-media{
  position:relative;
  width:min(680px,100%);
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(3,5,11,.16);
  box-shadow:0 36px 120px rgba(255,48,72,.12), inset 0 1px 0 rgba(255,255,255,.1);
  transform:rotateX(2deg) rotateY(-5deg);
}
.hero-media::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 54% 52%, transparent 0 34%, rgba(3,5,11,.12) 58%, rgba(3,5,11,.42) 100%),
    linear-gradient(90deg, rgba(3,5,11,.38), transparent 22%, transparent 76%, rgba(3,5,11,.32));
}
.hero-media::after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 55% 52%, rgba(255,48,72,.34), transparent 58%);
  filter:blur(28px);
}
.hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.58;
  filter:saturate(1.2) contrast(1.08) brightness(.92);
  mix-blend-mode:screen;
  mask-image:linear-gradient(90deg, transparent 0%, black 12%, black 88%, transparent 100%);
}
.cube-frame{
  position:relative;
  width:min(510px,78vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  animation:heroFloat 7s ease-in-out infinite;
}
.cube-frame::before{
  content:"";
  position:absolute;
  inset:5%;
  border:1px solid rgba(255,255,255,.38);
  background:linear-gradient(140deg, rgba(255,255,255,.12), rgba(255,255,255,.025));
  transform:rotateX(58deg) rotateZ(45deg);
  box-shadow:0 0 80px rgba(255,48,72,.12), inset 0 0 42px rgba(255,255,255,.06);
}
.cube-frame::after{
  content:"";
  position:absolute;
  inset:13%;
  background:radial-gradient(circle, rgba(255,48,72,.5), transparent 62%);
  filter:blur(34px);
  transform:translateZ(-80px);
}
.cube-frame span{
  position:absolute;
  width:46%;
  height:18%;
  border:18px solid rgba(255,255,255,.9);
  border-left-color:#ff3048;
  border-bottom-color:#ff3048;
  filter:drop-shadow(0 18px 22px rgba(255,48,72,.3));
  transform:rotateX(60deg) rotateZ(45deg) translateZ(26px);
}
.cube-frame span:nth-child(1){top:30%;left:18%}
.cube-frame span:nth-child(2){top:43%;right:18%;transform:rotateX(60deg) rotateZ(45deg) translateZ(72px)}
.cube-frame span:nth-child(3){bottom:25%;left:28%;width:34%;height:16%;border-color:#ff3048 #ff3048 rgba(255,255,255,.82) rgba(255,255,255,.82);transform:rotateX(60deg) rotateZ(45deg) translateZ(110px)}
.cube-frame span:nth-child(4){top:20%;right:28%;width:28%;height:15%;transform:rotateX(60deg) rotateZ(45deg) translateZ(135px)}
.cube-frame strong{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.02);
  font-size:1px;
}
.float-cube{
  position:absolute;
  width:118px;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
  box-shadow:inset 0 0 38px rgba(255,255,255,.05), 0 0 45px rgba(255,48,72,.12);
  transform:rotateX(58deg) rotateZ(45deg);
}
.float-cube::before{
  content:"";
  position:absolute;
  inset:42%;
  background:var(--red);
  box-shadow:0 0 28px 13px rgba(255,48,72,.42);
}
.cube-a{right:4%;top:12%;animation:drift 7s ease-in-out infinite}
.cube-b{right:1%;bottom:18%;width:150px;animation:drift 8s ease-in-out infinite reverse}
.cube-c{left:58%;bottom:4%;width:95px;animation:drift 9s ease-in-out infinite}

.solution-bar{
  display:grid;
  grid-template-columns:repeat(10,1fr);
  margin-top:-18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(4,8,16,.78);
  backdrop-filter:blur(18px);
  overflow:hidden;
}
.solution-bar a{
  display:grid;
  place-items:center;
  gap:9px;
  min-height:128px;
  padding:16px 8px;
  text-align:center;
  color:#f2f3f6;
  font-size:14px;
  line-height:1.25;
  border-right:1px solid var(--line);
}
.solution-bar a:last-child{border-right:0}
.solution-bar .mini-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  color:white;
  border:1px solid rgba(255,82,102,.58);
  border-radius:12px;
  background:rgba(255,48,72,.09);
  box-shadow:0 0 24px rgba(255,48,72,.2), inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.mini-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.services,.tech,.cases,.about,.final,.split,.dashboard,.netprospect{
  padding:82px 0;
}
.section-head{
  display:grid;
  grid-template-columns:1.1fr .78fr;
  align-items:end;
  gap:48px;
  margin-bottom:28px;
}
.section-head p{font-size:17px;margin-bottom:9px}
.compact{align-items:center}

.service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.service-card{
  position:relative;
  min-height:318px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px 24px 24px;
  border:1px solid var(--line);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(3,5,11,.08) 0%, rgba(3,5,11,.55) 42%, rgba(3,5,11,.94) 100%),
    radial-gradient(430px 260px at 22% 12%, rgba(255,48,72,.22), transparent 62%),
    var(--card-bg),
    rgba(6,10,18,.78);
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
  transform-style:preserve-3d;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.service-card:hover{
  border-color:rgba(255,82,102,.62);
  box-shadow:0 26px 84px rgba(255,48,72,.13), inset 0 1px 0 rgba(255,255,255,.1);
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(3,5,11,.84) 0%, rgba(3,5,11,.46) 43%, rgba(3,5,11,.18) 100%),
    linear-gradient(180deg, rgba(3,5,11,.08) 0%, rgba(3,5,11,.55) 62%, rgba(3,5,11,.98) 100%);
  z-index:0;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.52;
  background:radial-gradient(320px 180px at 76% 24%, rgba(255,48,72,.24), transparent 64%);
  z-index:0;
}
.service-card.green::after{background:radial-gradient(320px 180px at 78% 22%, rgba(34,230,139,.24), transparent 64%)}
.service-card h3,.service-card p,.service-card a,.service-icon{position:relative;z-index:1}
.service-icon{
  display:none;
}
.service-card h3{
  min-height:auto;
  margin-bottom:14px;
  font-size:25px;
  text-shadow:0 2px 16px rgba(0,0,0,.62);
}
.service-card p{
  max-width:92%;
  font-size:14.5px;
  line-height:1.55;
  margin-bottom:38px;
  color:#d9dde7;
  text-shadow:0 2px 12px rgba(0,0,0,.62);
}
.service-card a{
  position:absolute;
  left:22px;
  bottom:20px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:rgba(0,0,0,.2);
}
.service-card.product-card{
  min-height:360px;
  padding:26px;
  justify-content:flex-end;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(3,5,11,.04) 0%, rgba(3,5,11,.22) 42%, rgba(3,5,11,.92) 100%),
    rgba(6,10,18,.86);
}
.service-card.product-card::before{
  background:
    linear-gradient(90deg, rgba(3,5,11,.18) 0%, rgba(3,5,11,.08) 48%, rgba(3,5,11,.36) 100%),
    linear-gradient(180deg, rgba(3,5,11,.00) 0%, rgba(3,5,11,.20) 46%, rgba(3,5,11,.96) 100%);
}
.service-card.product-card::after{
  opacity:.48;
  background:
    radial-gradient(360px 230px at 24% 18%, rgba(255,48,72,.20), transparent 64%),
    radial-gradient(320px 220px at 78% 14%, rgba(255,255,255,.08), transparent 62%);
}
.product-card-image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  object-fit:cover;
  object-position:center;
  opacity:.46;
  filter:saturate(1.16) contrast(1.04) brightness(.78);
  transform:scale(1.01);
}
.service-card.product-card:hover .product-card-image{
  opacity:.54;
  filter:saturate(1.22) contrast(1.08) brightness(.84);
}
.product-card .card-kicker,
.product-card h3,
.product-card p,
.product-card a{
  z-index:2;
}
.product-card .card-kicker{
  margin-bottom:10px;
  background:rgba(255,48,72,.22);
  backdrop-filter:blur(10px);
}
.product-card h3{
  max-width:92%;
  font-size:27px;
}
.product-card p{
  max-width:88%;
  font-size:15px;
  margin-bottom:38px;
}
.product-card a{
  background:rgba(3,5,11,.72);
  backdrop-filter:blur(8px);
}
.stats-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:22px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(6,10,18,.68);
  backdrop-filter:blur(18px);
}
.stats-line div{
  padding:28px;
  text-align:center;
  border-right:1px solid var(--line);
}
.stats-line div:last-child{border-right:0}
.stats-line strong{display:block;font-size:34px;letter-spacing:-.04em}
.stats-line span{display:block;margin-top:8px;color:var(--muted);font-size:14px}

.netprospect,.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:center;
}
.lead-console,.chatbox,.phone,.dashboard,.case-view{
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)), rgba(5,9,17,.76);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 72px rgba(0,0,0,.34);
}
.lead-console{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:22px;
}
.lead-console::after{
  content:"";
  position:absolute;
  inset:auto -10% -12% -10%;
  height:52%;
  background:radial-gradient(circle at 50% 50%, rgba(255,48,72,.26), transparent 60%);
}
.console-top{display:flex;gap:8px;margin-bottom:18px}
.console-top span{width:10px;height:10px;border-radius:999px;background:var(--red)}
.console-top span:nth-child(2){background:#f4bf50}.console-top span:nth-child(3){background:var(--green)}
.search-row{
  position:relative;
  z-index:1;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  color:#dfe2ea;
  background:rgba(0,0,0,.22);
}
.lead-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 14px;
  margin-top:12px;
  padding:16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.045);
}
.lead-row small{grid-column:1/-1;color:var(--soft)}
.lead-row span{color:var(--red-2)}
.pulse-map{
  position:absolute;
  right:8%;
  bottom:8%;
  width:150px;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.18);
  transform:rotateX(60deg) rotateZ(45deg);
  background:radial-gradient(circle, rgba(255,48,72,.7), transparent 18%), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:auto,24px 24px,24px 24px;
  box-shadow:0 0 48px rgba(255,48,72,.22);
}

.chatbox{padding:28px}
.messages{min-height:190px;max-height:310px;overflow:auto;margin:20px 0}
.messages p,.wa{
  padding:12px 14px;
  border-radius:8px;
  background:rgba(255,255,255,.07);
}
.chatbox form{display:flex;gap:10px}
.chatbox input{
  flex:1;
  min-width:0;
  padding:15px 14px;
  color:white;
  background:rgba(0,0,0,.25);
  border:1px solid var(--line-strong);
  border-radius:8px;
}
.chatbox button,.phone button{
  border:0;
  border-radius:8px;
  padding:0 18px;
  color:white;
  background:linear-gradient(135deg, #ff3048, #d81832);
  cursor:pointer;
}
.phone{
  width:min(430px,100%);
  min-height:620px;
  margin:0 auto;
  padding:28px 26px;
  border-radius:34px;
  box-shadow:inset 0 0 0 9px rgba(255,255,255,.04), 0 24px 72px rgba(0,0,0,.34);
}
.notch{width:116px;height:22px;margin:-1px auto 20px;border-radius:0 0 16px 16px;background:#02040a}
#waMsgs{
  height:430px;
  max-height:48vh;
  overflow:auto;
  padding-right:4px;
  scroll-behavior:smooth;
}
.wa{
  width:fit-content;
  max-width:92%;
  margin:10px 0;
  font-size:14px;
}
.wa.in{background:#151d2a;margin-right:auto}
.wa.out{background:rgba(34,230,139,.16);border:1px solid rgba(34,230,139,.2);margin-left:auto}
.phone button{width:100%;min-height:48px;margin-top:8px}
.phone button:disabled,.phone button.is-complete{
  cursor:not-allowed;
  opacity:.72;
  background:linear-gradient(135deg, #344052, #1d2532);
  border:1px solid rgba(255,255,255,.12);
}

.dashboard{padding:34px;border:1px solid var(--line);border-radius:12px;background:rgba(6,10,18,.72)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.metrics div{padding:21px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045)}
.metrics b{display:block;font-size:38px;letter-spacing:-.04em}
.metrics span{color:var(--soft)}
#chart{display:block;width:100%;height:auto;max-height:280px}

.tech-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.tech-grid span{
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:8px;
  color:#e8eaf0;
  background:rgba(255,255,255,.045);
}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.case-grid button{
  min-height:154px;
  padding:22px;
  color:white;
  text-align:left;
  font-size:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:
    radial-gradient(220px 130px at 90% 20%, rgba(255,48,72,.2), transparent 64%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  cursor:pointer;
}
.case-grid button img{
  display:block;
  max-width:170px;
  width:100%;
  height:62px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:18px;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));
}
.case-grid button span{display:block}
.case-view{
  margin-top:18px;
  padding:24px;
  min-height:104px;
  font-size:22px;
}
.case-view em{display:inline-block;margin:6px 0;font-size:24px}
.case-view p{margin:4px 0 0;font-size:16px}

.about{text-align:left}
.about h2{max-width:780px}
.about p{max-width:760px;font-size:18px}
.trust-row{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
  margin-top:42px;
  padding-top:34px;
  border-top:1px solid var(--line);
  color:#b8bdc8;
}
.trust-row span{
  min-height:42px;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:600;
  opacity:.78;
}
.final{
  min-height:520px;
  display:grid;
  place-items:center;
  text-align:center;
}
.final h2{max-width:860px;margin-left:auto;margin-right:auto}
.final p{max-width:680px;margin-left:auto;margin-right:auto;font-size:18px}
.final .btn{margin-top:16px}
.contact-form{
  width:min(780px,100%);
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  text-align:left;
}
.contact-form label{
  display:grid;
  gap:8px;
  margin:0;
  color:#e7e9ef;
  font-weight:700;
}
.contact-form span{font-size:13px;color:#cdd1dc}
.contact-form input,.contact-form textarea{
  width:100%;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:rgba(0,0,0,.28);
  color:white;
  padding:15px 14px;
  outline:none;
}
.contact-form textarea{resize:vertical;min-height:112px}
.contact-form input:focus,.contact-form textarea:focus{
  border-color:rgba(255,82,102,.72);
  box-shadow:0 0 0 3px rgba(255,48,72,.12);
}
.form-wide{grid-column:1/-1}
.form-hidden{display:none}
.contact-note{margin-top:16px;font-size:15px!important}
.contact-note a{color:#ffd6dc;font-weight:800}

@keyframes heroFloat{
  50%{transform:translateY(-24px) rotateX(5deg) rotateY(-8deg)}
}
@keyframes drift{
  50%{transform:translateY(-22px) rotateX(58deg) rotateZ(45deg)}
}

@media (max-width:1100px){
  nav{gap:20px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-art{min-height:440px}
  .hero-media{width:min(720px,86vw);transform:none}
  .solution-bar{grid-template-columns:repeat(3,1fr)}
  .service-grid,.case-grid{grid-template-columns:repeat(2,1fr)}
  .section-head,.netprospect,.split{grid-template-columns:1fr}
  .stats-line,.metrics,.tech-grid{grid-template-columns:repeat(2,1fr)}
  .trust-row{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1320px){
  .site-header{gap:14px;padding-inline:clamp(18px,3vw,36px)}
  .brand{min-width:190px}
  nav{gap:18px;font-size:13px}
  .nav-cta{padding-inline:16px}
  .utility-bar{
    gap:6px;
    padding:6px;
    transform:scale(.92);
    transform-origin:right center;
  }
  .utility-btn{width:36px;height:34px}
  .a11y-main-btn{min-width:42px}
}

@media (max-width:760px){
  #cursor{display:none}
  .site-header{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;padding:20px 22px}
  .brand{min-width:0;gap:10px}
  .brand-symbol{width:38px;height:38px}
  .brand-symbol img{height:38px}
  .brand-name strong{font-size:14px}
  .brand-name small{font-size:8px;letter-spacing:.26em}
  nav{display:none}
  .nav-cta{padding:0 14px;min-height:42px;font-size:12px}
  .section-shell{width:min(100% - 32px, 1180px)}
  .hero{padding:54px 0 28px}
  h1{font-size:clamp(44px,14vw,58px)}
  h2{font-size:clamp(32px,10vw,44px)}
  .hero-copy p{font-size:16px}
  .hero-art{min-height:310px}
  .hero-media{width:100%;min-height:260px;aspect-ratio:4/3;border-radius:14px}
  .cube-frame{width:290px}
  .cube-frame span{border-width:11px}
  .float-cube{width:76px}
  .cube-b{width:94px}
  .solution-bar,.service-grid,.stats-line,.metrics,.tech-grid,.case-grid,.trust-row{grid-template-columns:1fr}
  .solution-bar a{border-right:0;border-bottom:1px solid var(--line);min-height:92px}
  .stats-line div{border-right:0;border-bottom:1px solid var(--line)}
  .services,.tech,.cases,.about,.final,.split,.dashboard,.netprospect{padding:62px 0}
  .dashboard{padding:22px}
  .chatbox form{flex-direction:column}
  .chatbox button{min-height:48px}
  .contact-form{grid-template-columns:1fr}
  .utility-bar{
    position:relative;
    top:auto;
    right:auto;
    transform:none;
    width:100%;
    margin:10px 0 0;
    justify-content:flex-start;
    gap:8px;
    padding:7px;
    border-radius:16px;
    overflow-x:auto;
  }
  .language-switcher{gap:5px}
  .utility-btn{
    width:38px;
    height:36px;
    flex:0 0 auto;
    border-radius:11px;
  }
  .a11y-main-btn{min-width:44px}
  .access-panel{
    top:88px;
    right:12px;
    left:12px;
    width:auto;
    max-height:calc(100vh - 104px);
    overflow:auto;
  }
  .access-grid{grid-template-columns:1fr}
}

.card-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:12px;
  padding:7px 10px;
  border:1px solid rgba(255,82,102,.36);
  border-radius:999px;
  color:#ffd6dc;
  background:rgba(255,48,72,.12);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.method,.page-hero,.product-hero,.product-strip,.two-col,.deliverables,.feature-wall,.process,.related,.product-proof{
  padding:82px 0;
}
.method-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.method-grid article,.panel-card,.deliver-grid article,.related-grid a,.client-card-link{
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.method-grid article{padding:24px}
.method-grid b,.deliver-grid b{
  display:inline-flex;
  margin-bottom:16px;
  color:var(--red-2);
  letter-spacing:.14em;
}
.method-grid h3{font-size:24px;margin-bottom:12px}
.client-card-link{
  min-height:154px;
  padding:22px;
  color:#ffd6dc;
  display:flex;
  align-items:flex-end;
  font-size:20px;
  font-weight:800;
}
.page-hero,.product-hero{
  display:grid;
  grid-template-columns:1fr .86fr;
  gap:42px;
  align-items:center;
  min-height:620px;
}
.page-hero{display:block;min-height:auto;padding-top:110px}
.page-hero h1,.product-hero h1{max-width:900px;font-size:clamp(44px,5.6vw,78px)}
.page-hero p,.product-hero p{max-width:720px;font-size:18px}
.back-link,.text-link{
  display:inline-flex;
  margin-bottom:22px;
  color:#ffd6dc;
  font-weight:800;
}
.product-visual{
  position:relative;
  margin:0;
  min-height:430px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--product-icon), rgba(6,10,18,.78);
  background-size:cover;
  background-position:center;
  box-shadow:0 34px 100px rgba(255,48,72,.14);
}
.product-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, rgba(3,5,11,.04), rgba(3,5,11,.76)), radial-gradient(420px 240px at 50% 25%, rgba(255,48,72,.20), transparent 65%);
}
.product-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  opacity:.72;
  mix-blend-mode:screen;
}
.product-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding-top:0;
}
.product-strip div{
  min-height:132px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.045);
}
.product-strip b{display:block;margin-bottom:10px;color:var(--red-2);text-transform:uppercase;letter-spacing:.12em}
.product-strip span{color:#d9dde7;line-height:1.55}
.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.panel-card{padding:30px}
.panel-card.accent{background:linear-gradient(145deg, rgba(255,48,72,.12), rgba(255,255,255,.025))}
.check-list{
  display:grid;
  gap:12px;
  padding:0;
  margin:22px 0 0;
  list-style:none;
}
.check-list li{
  position:relative;
  padding-left:26px;
  color:#d9dde7;
}
.check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:9px;
  height:9px;
  background:var(--red);
  transform:rotate(45deg);
  box-shadow:0 0 14px rgba(255,48,72,.7);
}
.deliver-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.deliver-grid article{padding:22px;min-height:160px}
.deliver-grid h3{font-size:20px}
.feature-tags span{min-height:64px;display:flex;align-items:center}
.process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.process article{
  padding:22px;
  border-top:1px solid rgba(255,82,102,.55);
  background:linear-gradient(180deg, rgba(255,48,72,.06), transparent);
}
.process b{font-size:20px}
.related-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.related-grid a{
  min-height:138px;
  padding:18px;
  font-size:18px;
  font-weight:800;
}
.related-grid small{
  display:block;
  margin-top:12px;
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}
.compact-top{padding-top:12px}
.trust-row{grid-template-columns:repeat(4,1fr)}
.trust-row a{
  min-height:96px;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:700;
  color:#d9dde7;
  opacity:.86;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}
.trust-row img{
  display:block;
  max-width:210px;
  width:100%;
  max-height:62px;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.32));
}

@media (max-width:1100px){
  .solution-bar{grid-template-columns:repeat(2,1fr)}
  .page-hero,.product-hero,.two-col{grid-template-columns:1fr}
  .method-grid,.product-strip,.process{grid-template-columns:repeat(2,1fr)}
  .deliver-grid,.related-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .method,.page-hero,.product-hero,.product-strip,.two-col,.deliverables,.feature-wall,.process,.related,.product-proof{padding:62px 0}
  .method-grid,.product-strip,.deliver-grid,.related-grid,.process{grid-template-columns:1fr}
  .product-visual,.product-visual img{min-height:310px}
}