/* ==================================================================
   MatsenseAI — futuristic 3D agency site (multi-page)
   ================================================================== */

:root{
  --bg:#06060A; --bg-2:#0C0C14; --bg-3:#12121C;
  --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.14);
  --fg:#F1F2F7; --fg-dim:#9EA0B1; --fg-dimmer:#5A5C6E;

  --cyan:#36E2FF; --violet:#8B5BFF; --magenta:#FF3DA5;
  --lime:#C6FF5B; --amber:#FF9B57; --mint:#4DF0B2;

  --grad-1: linear-gradient(135deg,#36E2FF 0%,#8B5BFF 45%,#FF3DA5 100%);
  --grad-2: linear-gradient(135deg,#FF3DA5 0%,#FF9B57 55%,#C6FF5B 100%);

  --f-disp:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-serif:'Fraunces', ui-serif, serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;

  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-xl:36px;
  --pad-x: clamp(20px,5vw,88px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:var(--f-disp);-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
body{overflow-x:hidden;line-height:1.5;font-size:16px;letter-spacing:-0.005em}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit;background:none;border:0;outline:none;width:100%}
::selection{background:var(--cyan);color:#000}

/* ambient */
.fx-root{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 55%,transparent 85%);transform:perspective(900px) rotateX(55deg) translateY(-8%);transform-origin:50% 100%}
.fx-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.4;mix-blend-mode:screen}
.fx-orb--a{width:620px;height:620px;background:radial-gradient(circle,#36E2FF 0%,transparent 70%);top:-180px;left:-140px;animation:orb 28s ease-in-out infinite}
.fx-orb--b{width:700px;height:700px;background:radial-gradient(circle,#8B5BFF 0%,transparent 70%);top:20%;right:-200px;animation:orb 32s ease-in-out -8s infinite}
.fx-orb--c{width:520px;height:520px;background:radial-gradient(circle,#FF3DA5 0%,transparent 70%);top:60%;left:30%;animation:orb 36s ease-in-out -14s infinite;opacity:0.3}
@keyframes orb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-40px) scale(1.08)}}
.fx-noise{position:absolute;inset:0;opacity:0.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.fx-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,0.012) 3px 4px);mix-blend-mode:overlay}
section,footer,.topbar,.nav,main{position:relative;z-index:2}

/* TYPE */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--fg-dim);padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,0.02);backdrop-filter:blur(6px)}
.eyebrow__dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}
.h2{font-size:clamp(34px,4.4vw,72px);font-weight:500;line-height:1.02;letter-spacing:-0.035em;max-width:22ch}
.h2 .thin{color:var(--fg-dim);font-weight:300;font-style:italic}
.grad-cyan{background:linear-gradient(120deg,#36E2FF,#7FB8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-violet{background:linear-gradient(120deg,#8B5BFF,#FF3DA5);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-magenta{background:linear-gradient(120deg,#FF3DA5,#FF9B57);-webkit-background-clip:text;background-clip:text;color:transparent}
.sect-head{padding:40px var(--pad-x) 8px;display:flex;align-items:baseline;gap:18px;font-family:var(--f-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim)}
.sect-head__num{color:var(--fg);font-weight:500}
.sect-head--split{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn__arrow{transition:transform .35s}
.btn:hover .btn__arrow{transform:translateX(4px)}
.btn--primary{color:#06060A;background:linear-gradient(135deg,#9EF4FF 0%,#36E2FF 40%,#8B5BFF 100%);box-shadow:0 6px 30px -8px rgba(139,91,255,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.btn--primary:hover{box-shadow:0 10px 40px -8px rgba(139,91,255,.75),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--ghost{color:var(--fg);border:1px solid var(--line-2);background:rgba(255,255,255,0.02);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.22)}
.btn--solid{color:#06060A;background:var(--cyan);box-shadow:0 6px 30px -10px rgba(54,226,255,.7)}
.btn--solid:hover{background:#9EF4FF}
.btn--outline{color:#fff;border:1px solid rgba(255,255,255,0.5);background:transparent}
.btn--outline:hover{background:rgba(255,255,255,0.08);border-color:#fff}
.btn--ghost-s{padding:8px 14px;font-size:13px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,0.02)}
.btn--wide{width:100%;justify-content:center;padding:16px}

/* ============== TOP UTILITY BAR (inspired layout, remixed) ============== */
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:10px var(--pad-x);
  background: linear-gradient(90deg, rgba(54,226,255,0.06), rgba(139,91,255,0.06));
  border-bottom:1px solid var(--line);
  font-family:var(--f-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-dim);
}
.topbar__left, .topbar__right{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.topbar__item{display:inline-flex;align-items:center;gap:8px}
.topbar__item svg{width:13px;height:13px;stroke:var(--cyan);stroke-width:1.6;fill:none}
.topbar__item em{color:var(--fg);font-style:normal}
.topbar__social{display:inline-flex;gap:6px}
.topbar__social a{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);transition:border-color .3s, background .3s, color .3s;color:var(--fg-dim)}
.topbar__social a:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(54,226,255,0.06)}
.topbar__social svg{width:12px;height:12px;fill:currentColor}
@media (max-width:900px){.topbar{display:none}}

/* ============== NAV ============== */
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px var(--pad-x);
  background:linear-gradient(180deg,rgba(6,6,10,0.85) 0%,rgba(6,6,10,0.55) 100%);
  backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;
}
.nav--over-hero{
  position:absolute;left:0;right:0;top:38px;
  background:transparent;border-bottom:1px solid rgba(255,255,255,0.08);
  backdrop-filter:none;
}
.nav__brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:34px;height:34px;position:relative;display:inline-block;perspective:400px}
.brand-mark__cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(35deg);animation:brandSpin 14s linear infinite}
.brand-mark__cube i{position:absolute;inset:0;border:1px solid rgba(54,226,255,0.7);background:linear-gradient(135deg,rgba(54,226,255,0.3),rgba(139,91,255,0.25));box-shadow:inset 0 0 18px rgba(54,226,255,0.4)}
.brand-mark__cube i:nth-child(1){transform:translateZ(17px)}
.brand-mark__cube i:nth-child(2){transform:rotateY(180deg) translateZ(17px)}
.brand-mark__cube i:nth-child(3){transform:rotateY(90deg) translateZ(17px)}
.brand-mark__cube i:nth-child(4){transform:rotateY(-90deg) translateZ(17px)}
.brand-mark__cube i:nth-child(5){transform:rotateX(90deg) translateZ(17px)}
.brand-mark__cube i:nth-child(6){transform:rotateX(-90deg) translateZ(17px)}
@keyframes brandSpin{to{transform:rotateX(-18deg) rotateY(395deg)}}
.brand-word{font-weight:700;letter-spacing:0.04em;font-size:17px;display:inline-flex;align-items:center;gap:4px}
.brand-word__dot{color:var(--cyan);font-size:10px;text-shadow:0 0 10px var(--cyan);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:0.3}}

.nav__links{display:flex;gap:4px}
.nav__links a{padding:9px 16px;border-radius:999px;font-size:14px;color:var(--fg-dim);transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:6px}
.nav__links a:hover,.nav__links a.is-active{color:var(--fg);background:rgba(255,255,255,0.06)}
.nav__links a.is-active{color:var(--cyan)}
.nav__links a svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;opacity:0.6}

.nav__cta{display:flex;align-items:center;gap:14px}
.nav__status{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-dim)}
.nav__status i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime);animation:pulse 2s ease-in-out infinite}
@media (max-width:960px){.nav__links,.nav__status{display:none}}

/* ============== MOBILE HAMBURGER NAV ============== */
.nav__hamburger{
  display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:0;z-index:102;position:relative;
}
.nav__hamburger span{
  display:block;width:22px;height:2px;background:var(--fg);border-radius:2px;
  transition:transform .3s,opacity .3s;
}
.nav__hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__hamburger.is-open span:nth-child(2){opacity:0}
.nav__hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav__mobile-overlay{
  display:none;position:fixed;inset:0;z-index:100;
  background:rgba(6,6,10,0.97);backdrop-filter:blur(20px);
  flex-direction:column;align-items:center;justify-content:center;gap:0;
  opacity:0;transition:opacity .3s;
}
.nav__mobile-overlay.is-open{display:flex;opacity:1}
.nav__mobile-overlay a{
  font-size:clamp(22px,5vw,32px);color:var(--fg-dim);padding:14px 24px;
  border-radius:12px;transition:color .2s,background .2s;text-align:center;
  display:flex;align-items:center;gap:8px;
}
.nav__mobile-overlay a:hover,.nav__mobile-overlay a:focus{color:var(--fg);background:rgba(255,255,255,0.06)}
.nav__mobile-overlay a svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;opacity:0.6}
.nav__mobile-overlay .mobile-cta{
  margin-top:32px;padding:14px 36px;font-size:16px;
  background:var(--cyan);color:var(--bg);border-radius:999px;font-weight:600;
  transition:transform .2s;
}
.nav__mobile-overlay .mobile-cta:hover{transform:scale(1.05);background:var(--cyan)}

@media (max-width:960px){
  .nav__hamburger{display:flex}
  .nav__cta{display:none}
}

/* ============== IMAGE HERO (home) ============== */
.imghero{
  position:relative;
  min-height: clamp(620px, 92vh, 920px);
  padding: 180px var(--pad-x) 140px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;
  isolation:isolate;
}
.imghero__bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat}
.imghero__bg::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at center, rgba(6,6,10,0.35) 0%, rgba(6,6,10,0.7) 50%, rgba(6,6,10,0.92) 100%),
    linear-gradient(180deg, rgba(6,6,10,0.85) 0%, rgba(6,6,10,0.25) 35%, rgba(6,6,10,0.55) 70%, rgba(6,6,10,0.95) 100%);
}
.imghero__tint{
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 20% 30%, rgba(54,226,255,0.22), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(139,91,255,0.22), transparent 40%),
    radial-gradient(circle at 50% 90%, rgba(255,61,165,0.12), transparent 50%);
  mix-blend-mode:screen;
}
.imghero__grid{
  position:absolute;inset:0;z-index:-1;opacity:0.35;
  background-image:linear-gradient(rgba(255,255,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.06) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image: radial-gradient(ellipse at center, black 30%, transparent 90%);
}
.imghero__eyebrow{margin-bottom:28px}
.imghero__title{
  font-family:var(--f-disp);
  font-weight:600;
  font-size: clamp(56px, 9vw, 172px);
  line-height:0.94;
  letter-spacing:-0.05em;
  max-width: 16ch;
  color:#fff;
  text-shadow: 0 2px 40px rgba(0,0,0,0.6);
}
.imghero__title .tilde{
  display:inline-block; padding: 0 0.08em;
  background: var(--grad-1);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:var(--f-serif);font-style:italic;font-weight:500;
  transform: translateY(-0.08em) rotate(-2deg);
}
.imghero__title .mark{background:var(--grad-2);-webkit-background-clip:text;background-clip:text;color:transparent}
.imghero__sub{
  max-width:58ch;margin-top:28px;
  color:rgba(255,255,255,0.78);font-size: clamp(15px, 1.15vw, 18px);line-height:1.55;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}
.imghero__ctas{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* floating stats ribbon at bottom of hero */
.imghero__ribbon{
  position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:-1px;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,0.12);
  background: linear-gradient(180deg, rgba(12,12,20,0.3) 0%, rgba(6,6,10,0.92) 100%);
  backdrop-filter: blur(14px);
}
.imghero__ribbon > div{padding:20px 22px;border-right:1px solid rgba(255,255,255,0.08)}
.imghero__ribbon > div:last-child{border-right:0}
.imghero__ribbon b{display:block;font-size: clamp(20px, 2.2vw, 30px);font-weight:500;letter-spacing:-0.03em;color:#fff}
.imghero__ribbon b span{color:var(--cyan);margin-left:4px;font-size:0.55em;vertical-align:top}
.imghero__ribbon em{display:block;font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim);margin-top:6px}
@media (max-width:800px){
  .imghero{padding: 140px var(--pad-x) 240px}
  .imghero__ribbon{grid-template-columns:repeat(2,1fr)}
  .imghero__ribbon > div:nth-child(2){border-right:0}
}

/* ============== PAGE HEADER (inner pages) ============== */
.phead{
  padding: 100px var(--pad-x) 80px;
  position:relative;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse at 20% 120%, rgba(54,226,255,0.12), transparent 50%),
    radial-gradient(ellipse at 80% 120%, rgba(139,91,255,0.12), transparent 50%);
}
.phead__crumbs{font-family:var(--f-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:18px}
.phead__crumbs a{color:var(--fg-dim)}
.phead__crumbs a:hover{color:var(--cyan)}
.phead__crumbs .sep{margin:0 8px;color:var(--fg-dimmer)}
.phead__crumbs .cur{color:var(--fg)}
.phead__title{font-size: clamp(48px, 7vw, 120px);font-weight:500;line-height:0.94;letter-spacing:-0.045em;max-width: 16ch}
.phead__title .i{font-family:var(--f-serif);font-style:italic;font-weight:400;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}
.phead__sub{color:var(--fg-dim);max-width:58ch;font-size:17px;line-height:1.55;margin-top:22px}

/* ============== HOME TEASERS ============== */
.teaser{padding: 90px var(--pad-x) 40px}
.teaser__grid{display:grid;grid-template-columns: 1fr 1.2fr;gap: clamp(32px, 5vw, 72px);align-items:center}
.teaser__img{
  position:relative;aspect-ratio: 4/5;border-radius: var(--r-lg);overflow:hidden;
  border:1px solid var(--line-2);
  background-size:cover;background-position:center;
}
.teaser__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%, rgba(6,6,10,0.85));}
.teaser__img .tag{
  position:absolute;left:20px;bottom:20px;z-index:2;
  font-family:var(--f-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#fff;
  padding:8px 12px;border-radius:999px;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);
}
.teaser__img .badge{
  position:absolute;right:18px;top:18px;z-index:2;
  width:88px;height:88px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  background:var(--grad-1);color:#06060A;font-family:var(--f-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;line-height:1.2;
  animation: badgeSpin 18s linear infinite;
}
@keyframes badgeSpin{to{transform:rotate(360deg)}}
.teaser__img .badge span{transform:rotate(0deg)}
.teaser__txt p{color:var(--fg-dim);font-size:17px;margin-top:22px;max-width:50ch;line-height:1.6}
.teaser__stats{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.teaser__stats > div{padding:18px 16px 18px 0;border-right:1px solid var(--line)}
.teaser__stats > div:last-child{border-right:0;padding-left:16px}
.teaser__stats b{display:block;font-size:32px;font-weight:500;letter-spacing:-0.03em;background:linear-gradient(180deg,#fff,#9b9dae);-webkit-background-clip:text;background-clip:text;color:transparent}
.teaser__stats em{display:block;font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim);margin-top:6px}
.teaser__cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.teaser__grid{grid-template-columns:1fr}.teaser__stats{grid-template-columns:repeat(3,1fr)}}

/* ============== SERVICES TEASER (home) + full grid ============== */
.services{padding: 80px var(--pad-x) 40px}
.services__top{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:flex-end;margin-bottom:40px}
.services__lede p{color:var(--fg-dim);font-size:16px;max-width:50ch}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.svc{position:relative;overflow:hidden;padding:26px 22px 24px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));backdrop-filter:blur(10px);min-height:300px;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,background .45s}
.svc::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px at 80% -10%,color-mix(in oklab,var(--svc-c) 30%,transparent) 0%,transparent 60%);opacity:0.6;transition:opacity .4s}
.svc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--svc-c),transparent);opacity:0.35;transition:opacity .4s}
.svc:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--svc-c) 60%,transparent)}
.svc:hover::before,.svc:hover::after{opacity:1}
.svc--wide{grid-column:span 2}
.svc__num{font-family:var(--f-mono);font-size:11px;letter-spacing:0.2em;color:var(--fg-dim)}
.svc__glyph{margin-top:14px;margin-bottom:22px;height:88px;display:flex;align-items:center}
.svc__h{font-size:clamp(20px,1.6vw,26px);font-weight:500;letter-spacing:-0.02em;line-height:1.1;color:#fff}
.svc__p{color:var(--fg-dim);font-size:14.5px;margin-top:10px;line-height:1.55;flex:1}
.svc__list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.svc__list li{font-family:var(--f-mono);font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,0.02);color:var(--fg-dim)}
.svc__from{font-family:var(--f-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--svc-c);margin-top:18px;opacity:0.85}
.glyph{position:relative;color:var(--svc-c)}
.glyph--grid{display:grid;grid-template-columns:repeat(4,12px);gap:6px;transform:rotateX(45deg) rotateZ(-10deg);transform-style:preserve-3d}
.glyph--grid i{width:12px;height:12px;background:color-mix(in oklab,var(--svc-c) 60%,transparent);border:1px solid var(--svc-c);box-shadow:0 0 10px color-mix(in oklab,var(--svc-c) 50%,transparent)}
.glyph--grid i:nth-child(3n){background:color-mix(in oklab,var(--svc-c) 20%,transparent)}
.glyph--braces{font-family:var(--f-mono);font-size:46px;color:var(--svc-c);text-shadow:0 0 20px color-mix(in oklab,var(--svc-c) 60%,transparent)}
.glyph--mag svg{width:64px;height:64px;stroke:currentColor;stroke-width:2;fill:none;filter:drop-shadow(0 0 10px currentColor)}
.glyph--bars{display:flex;align-items:flex-end;gap:8px;height:64px}
.glyph--bars i{width:14px;height:var(--h);background:linear-gradient(180deg,var(--svc-c),color-mix(in oklab,var(--svc-c) 10%,transparent));border-radius:2px;box-shadow:0 0 14px color-mix(in oklab,var(--svc-c) 50%,transparent)}
.glyph--stack{position:relative;width:120px;height:80px;perspective:500px}
.glyph--stack div{position:absolute;left:0;top:0;width:120px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--svc-c),color-mix(in oklab,var(--svc-c) 20%,#0b0b14));border:1px solid color-mix(in oklab,var(--svc-c) 50%,transparent);box-shadow:0 8px 30px -10px color-mix(in oklab,var(--svc-c) 50%,transparent)}
.glyph--stack div:nth-child(1){transform:translateY(0) skewX(-18deg)}
.glyph--stack div:nth-child(2){transform:translateY(26px) skewX(-18deg);opacity:0.7}
.glyph--stack div:nth-child(3){transform:translateY(52px) skewX(-18deg);opacity:0.4}
.glyph--pos{width:120px;height:80px;background:linear-gradient(135deg,#1a1a2a,#0c0c18);border:1px solid color-mix(in oklab,var(--svc-c) 40%,transparent);border-radius:8px;position:relative;box-shadow:0 10px 30px -10px color-mix(in oklab,var(--svc-c) 40%,transparent)}
.glyph__pos-scr{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid var(--svc-c);border-radius:4px;display:grid;place-items:center;font-family:var(--f-mono);color:var(--svc-c);font-size:16px;text-shadow:0 0 8px var(--svc-c)}
.glyph--wrench svg{width:64px;height:64px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 10px currentColor)}
@media (max-width:1100px){.svc-grid{grid-template-columns:repeat(2,1fr)}.svc--wide{grid-column:span 2}.services__top{grid-template-columns:1fr}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}.svc--wide{grid-column:span 1}}

/* ============== WORK / CAROUSEL ============== */
.work{padding:40px var(--pad-x) 40px}
.work__h{margin-top:18px;margin-bottom:36px}
.work__ctrl{display:flex;align-items:center;gap:14px}
.crc-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,0.02);color:var(--fg);font-size:16px;transition:border-color .3s,background .3s,transform .3s}
.crc-btn:hover{border-color:var(--cyan);background:rgba(54,226,255,0.08);transform:translateY(-2px)}
.crc-count{font-family:var(--f-mono);font-size:12px;letter-spacing:0.14em;color:var(--fg-dim)}
.crc-count #crcIdx{color:var(--cyan)}
.carousel{position:relative;height:520px;perspective:1600px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 80%,rgba(54,226,255,0.05),transparent 60%)}
.carousel__stage{position:absolute;inset:0;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}
.pslide{position:absolute;left:50%;top:50%;width:min(720px,72vw);height:420px;margin-left:calc(min(720px,72vw) / -2);margin-top:-210px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(20,20,32,0.95),rgba(8,8,16,0.95));box-shadow:0 40px 80px -30px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s;display:grid;grid-template-rows:1fr auto}
.pslide__viz{position:relative;overflow:hidden;background:#0a0a12}
.pslide__chrome{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;gap:6px;padding:0 14px;background:rgba(0,0,0,0.4);border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);letter-spacing:0.1em;z-index:3}
.pslide__chrome i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.15)}
.pslide__chrome i:nth-child(1){background:#FF5F57}
.pslide__chrome i:nth-child(2){background:#FEBC2E}
.pslide__chrome i:nth-child(3){background:#28C840}
.pslide__chrome span{margin-left:14px}
.pslide__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:1px solid var(--line);background:rgba(6,6,10,0.8)}
.pslide__meta{display:flex;flex-direction:column;gap:4px}
.pslide__cat{font-family:var(--f-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan)}
.pslide__title{font-size:20px;font-weight:500;letter-spacing:-0.02em}
.pslide__desc{color:var(--fg-dim);font-size:13px;max-width:34ch;line-height:1.5}
.pslide__preview{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,0.03);font-size:13px;transition:background .3s,border-color .3s}
.pslide__preview:hover{background:rgba(54,226,255,0.1);border-color:var(--cyan)}
.carousel__rail{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:10px;z-index:10}
.thumb{width:36px;height:6px;border-radius:3px;background:rgba(255,255,255,0.15);cursor:pointer;transition:background .3s,width .3s}
.thumb.is-active{background:var(--cyan);width:56px;box-shadow:0 0 14px var(--cyan)}
.viz{position:absolute;inset:32px 0 0 0;overflow:hidden}
.viz--01{background:linear-gradient(160deg,#0c1a2a 0%,#081018 100%)}
.viz--01 .orb{position:absolute;width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#36E2FF 0%,transparent 60%);opacity:0.7;filter:blur(10px)}
.viz--01 .chart{position:absolute;inset:40px;border:1px solid rgba(54,226,255,0.2);border-radius:8px;padding:16px;font-family:var(--f-mono);font-size:11px;color:var(--cyan);display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px)}
.viz--01 .chart svg{flex:1;stroke:var(--cyan);stroke-width:2;fill:none}
.viz--02{background:linear-gradient(160deg,#1a0a24 0%,#0a0415 100%)}
.viz--02 .cards{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,140px);gap:12px}
.viz--02 .cards div{height:180px;border-radius:10px;background:linear-gradient(160deg,rgba(139,91,255,0.3),rgba(255,61,165,0.15));border:1px solid rgba(139,91,255,0.4);box-shadow:0 10px 30px -10px rgba(139,91,255,0.5);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;font-family:var(--f-mono);font-size:10px;color:#fff}
.viz--02 .cards div:nth-child(2){transform:translateY(-16px);background:linear-gradient(160deg,rgba(255,61,165,0.3),rgba(139,91,255,0.15))}
.viz--03{background:linear-gradient(160deg,#0a1f14 0%,#040a08 100%)}
.viz--03 .terminal{position:absolute;inset:40px;border:1px solid rgba(198,255,91,0.3);border-radius:8px;background:rgba(0,0,0,0.7);font-family:var(--f-mono);font-size:12px;padding:16px;color:var(--lime);line-height:1.7}
.viz--03 .terminal em{color:var(--fg-dim);font-style:normal}
.viz--03 .terminal b{color:#fff;font-weight:400}
.viz--04{background:linear-gradient(160deg,#281510 0%,#0e0604 100%)}
.viz--04 .device{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-14deg) rotateX(6deg);width:260px;height:320px;border-radius:20px;background:#0a0a12;border:2px solid rgba(255,155,87,0.5);box-shadow:0 30px 60px -20px rgba(255,155,87,0.5)}
.viz--04 .device::before{content:"€ 142,80";position:absolute;top:40px;left:20px;right:20px;height:70px;border-radius:8px;background:linear-gradient(135deg,rgba(255,155,87,0.2),rgba(198,255,91,0.15));border:1px solid rgba(255,155,87,0.4);display:grid;place-items:center;font-family:var(--f-mono);font-size:28px;color:#fff;letter-spacing:-0.03em}
.viz--04 .device::after{content:"";position:absolute;top:130px;left:20px;right:20px;bottom:40px;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.06) 0 22px,transparent 22px 44px)}
.viz--04 .ring-back{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;border:1px dashed rgba(255,155,87,0.25);animation:ringSpin 20s linear infinite}
@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.viz--05{background:linear-gradient(160deg,#0a1418 0%,#040708 100%)}
.viz--05 .map{position:absolute;inset:40px;border:1px solid rgba(77,240,178,0.2);border-radius:8px;background:radial-gradient(circle at 30% 40%,rgba(77,240,178,0.2),transparent 25%),radial-gradient(circle at 70% 60%,rgba(54,226,255,0.2),transparent 25%),radial-gradient(circle at 50% 70%,rgba(139,91,255,0.15),transparent 25%),repeating-linear-gradient(0deg,rgba(77,240,178,0.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(77,240,178,0.06) 0 1px,transparent 1px 28px);padding:16px;font-family:var(--f-mono);font-size:11px;color:var(--mint)}
.viz--05 .dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}

/* ============== PROCESS ============== */
.process{padding:80px var(--pad-x) 40px}
.flow{margin-top:40px;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:step;position:relative}
.flow::before{content:"";position:absolute;left:0;right:0;top:38px;height:1px;background:linear-gradient(90deg,transparent,var(--line-2),var(--line-2),transparent)}
.flow__step{position:relative;padding:74px 18px 22px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));backdrop-filter:blur(6px);transition:transform .4s,border-color .4s}
.flow__step::before{content:"";position:absolute;left:22px;top:22px;width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:0 0 24px color-mix(in oklab,var(--c) 60%,transparent);border:1px solid color-mix(in oklab,var(--c) 80%,transparent)}
.flow__step::after{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:22px;width:34px;height:34px;display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;color:#06060A;font-weight:600}
.flow__step:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--c) 40%,var(--line-2))}
.flow__tag{font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim)}
.flow__step h4{font-size:20px;font-weight:500;letter-spacing:-0.02em;margin-top:8px}
.flow__step p{color:var(--fg-dim);font-size:13.5px;margin-top:8px;line-height:1.55}
.flow__deliv{margin-top:14px;font-family:var(--f-mono);font-size:10px;letter-spacing:0.08em;color:var(--c);opacity:0.8}
@media (max-width:1100px){.flow{grid-template-columns:repeat(3,1fr)}.flow::before{display:none}}
@media (max-width:680px){.flow{grid-template-columns:1fr}}

/* ============== ABOUT / TEAM ============== */
.about{padding:80px var(--pad-x) 40px}
.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:flex-start}
.about__intro p{color:var(--fg-dim);font-size:17px;margin-top:22px;max-width:44ch}
.about__sig{margin-top:28px;font-family:var(--f-mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-dim)}
.about__sig b{color:var(--fg);font-weight:500}
.about__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wcard{position:relative;padding:22px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));backdrop-filter:blur(8px);transition:transform .4s,border-color .4s,background .4s;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.wcard:hover{transform:translateY(-4px);border-color:var(--line-2);background:linear-gradient(160deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))}
.wcard__ico{width:40px;height:40px;color:var(--cyan)}
.wcard__ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;fill:none}
.wcard h3{font-size:20px;font-weight:500;letter-spacing:-0.02em;margin-top:18px}
.wcard p{color:var(--fg-dim);font-size:14.5px;margin-top:8px;line-height:1.55}
.wcard__tag{font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dimmer);margin-top:18px}
.wcard--hi{background:linear-gradient(160deg,rgba(139,91,255,0.12),rgba(255,61,165,0.05));border-color:rgba(139,91,255,0.3)}
.wcard--hi .wcard__ico{color:var(--magenta)}
@media (max-width:900px){.about__grid{grid-template-columns:1fr;gap:40px}.about__cards{grid-template-columns:1fr}}

/* team */
.team{padding:60px var(--pad-x) 40px}
.team__grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.member{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:#0a0a12;aspect-ratio: 3/4}
.member__img{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(20%) contrast(1.05);transition:transform .6s,filter .6s}
.member:hover .member__img{transform:scale(1.05);filter:grayscale(0%) contrast(1.1)}
.member__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,10,0.95))}
.member__meta{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.member__meta b{display:block;font-size:17px;font-weight:500;letter-spacing:-0.01em;color:#fff}
.member__meta span{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--cyan);margin-top:6px}
.member__tag{position:absolute;left:14px;top:14px;font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#fff;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(6px);z-index:2}
@media (max-width:900px){.team__grid{grid-template-columns:repeat(2,1fr)}}

/* ============== TESTIMONIALS ============== */
.voices{padding:80px var(--pad-x) 40px}
.voices__grid{margin-top:36px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.quote{padding:26px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:16px;transition:transform .45s,border-color .45s}
.quote:hover{transform:translateY(-4px);border-color:var(--line-2)}
.quote--lg{grid-column:span 4;grid-row:span 2;padding:40px;justify-content:space-between;background:linear-gradient(160deg,rgba(139,91,255,0.08),rgba(54,226,255,0.04));border-color:rgba(139,91,255,0.25)}
.quote--mono{grid-column:span 2;background:linear-gradient(160deg,#fff 0%,#f3f3f3 100%);color:#06060A;border-color:transparent}
.quote--mono blockquote,.quote--mono figcaption b{color:#06060A}
.quote--mono figcaption span{color:rgba(6,6,10,0.6)}
.quote--stat{grid-column:span 2;align-items:flex-start;background:linear-gradient(160deg,rgba(198,255,91,0.1),rgba(54,226,255,0.04));border-color:rgba(198,255,91,0.25)}
.quote__mark{font-size:48px;line-height:0.6;color:var(--cyan);font-family:var(--f-mono)}
.quote__big{font-size:64px;font-weight:500;letter-spacing:-0.04em;line-height:1;background:linear-gradient(135deg,var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.quote blockquote{font-size:16px;line-height:1.55;color:var(--fg)}
.quote--lg blockquote{font-size:clamp(20px,1.8vw,28px);line-height:1.35;letter-spacing:-0.01em}
.quote blockquote em{color:var(--cyan);font-style:italic}
.quote figcaption{display:flex;align-items:center;gap:12px}
.quote figcaption b{font-weight:500;display:block;font-size:14px}
.quote figcaption span{color:var(--fg-dim);font-size:12px;font-family:var(--f-mono);letter-spacing:0.04em}
.quote__rating{display:flex;align-items:center;gap:4px;color:var(--amber);font-family:var(--f-mono);font-size:12px}
.quote__rating em{font-style:normal;color:var(--fg-dim);margin-left:10px;letter-spacing:0.06em}
.ava{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background-size:cover;background-position:center}
@media (max-width:1100px){.voices__grid{grid-template-columns:repeat(2,1fr)}.quote--lg,.quote--mono,.quote--stat{grid-column:span 2;grid-row:auto}}
@media (max-width:600px){.voices__grid{grid-template-columns:1fr}.quote--lg,.quote--mono,.quote--stat{grid-column:span 1}}

/* ============== CONTACT (page + shared form) ============== */
.contact{padding:80px var(--pad-x) 40px}
.contact__wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:flex-start}
.contact__lede{color:var(--fg-dim);font-size:16px;margin-top:22px;max-width:44ch}
.contact__meta{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;padding-top:28px;border-top:1px solid var(--line)}
.ckey{font-family:var(--f-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px}
.cval{font-size:14.5px;line-height:1.6;color:var(--fg)}
.cval a{color:var(--fg);border-bottom:1px dashed var(--line-2);transition:color .2s,border-color .2s}
.cval a:hover{color:var(--cyan);border-color:var(--cyan)}
.social{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.form{position:relative;padding:28px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(20,20,32,0.95),rgba(8,8,16,0.95)),radial-gradient(400px at 90% -10%,rgba(54,226,255,0.2),transparent 60%);backdrop-filter:blur(14px);box-shadow:0 40px 80px -30px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,255,255,0.05);overflow:hidden}
.form::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(54,226,255,0.5),transparent 40%,rgba(255,61,165,0.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.6}
.form__head{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--fg-dim);padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.form__dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 2s infinite}
.form__id{margin-left:auto;color:var(--fg-dimmer)}
.field{position:relative;padding:14px 0 16px;border-bottom:1px solid var(--line);margin-bottom:4px}
.field label{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px}
.field label .opt{color:var(--fg-dimmer);margin-left:4px}
.field input,.field textarea,.field select{font-size:16px;font-family:var(--f-disp);padding:4px 0;background:transparent;color:var(--fg)}
.field textarea{resize:vertical;min-height:60px;line-height:1.5}
.field select{appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1 L6 6 L11 1' stroke='%239EA0B1' stroke-width='1.5' fill='none'/></svg>") no-repeat right 0 center;padding-right:20px}
.field input::placeholder,.field textarea::placeholder{color:var(--fg-dimmer)}
.field__line{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--magenta));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.field:focus-within .field__line{transform:scaleX(1)}
.field:focus-within label{color:var(--cyan)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.chip{position:relative;display:inline-flex;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{font-family:var(--f-mono);font-size:11px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,0.02);color:var(--fg-dim);transition:all .25s}
.chip:hover span{color:var(--fg);border-color:rgba(255,255,255,0.3)}
.chip input:checked + span{background:linear-gradient(135deg,rgba(54,226,255,0.2),rgba(139,91,255,0.2));color:#fff;border-color:var(--cyan);box-shadow:0 0 16px -4px rgba(54,226,255,0.5)}
.form__foot{display:flex;align-items:center;gap:24px;margin-top:22px;flex-wrap:wrap}
.check{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;cursor:pointer}
.check input{position:absolute;opacity:0;pointer-events:none}
.check span{width:18px;height:18px;border-radius:5px;border:1px solid var(--line-2);background:rgba(255,255,255,0.03);display:grid;place-items:center;flex-shrink:0;transition:all .2s}
.check span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:scale(0);transition:transform .2s}
.check input:checked + span::before{transform:scale(1)}
.check em{font-style:normal;color:var(--fg-dim);font-size:12.5px}
.form__foot .btn{flex:0 0 auto;min-width:220px}
.form__sent{position:absolute;inset:0;background:linear-gradient(160deg,rgba(77,240,178,0.15),rgba(54,226,255,0.1)),rgba(6,6,10,0.95);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .4s;text-align:center;padding:40px}
.form.is-sent .form__sent{opacity:1;pointer-events:auto}
.form__sent-dot{width:16px;height:16px;border-radius:50%;background:var(--mint);box-shadow:0 0 30px var(--mint);animation:pulse 2s infinite}
.form__sent b{display:block;font-size:20px;font-weight:500;letter-spacing:-0.01em}
.form__sent span{display:block;color:var(--fg-dim);font-size:14px;margin-top:4px}
@media (max-width:960px){.contact__wrap{grid-template-columns:1fr;gap:40px}.contact__meta{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}}

/* CONTACT PAGE EXTRAS */
.cpage{padding:clamp(32px,5vw,56px) var(--pad-x) 40px}
.cpage__hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(32px,5vw,64px);padding-top:24px;padding-bottom:40px;align-items:flex-end;border-bottom:1px solid var(--line)}
.cpage__title{font-size:clamp(52px,8vw,128px);font-weight:500;line-height:0.94;letter-spacing:-0.045em;margin-top:22px}
.cpage__title .mark{display:inline-block;padding:0 0.1em;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}
.cpage__title .out{color:var(--fg-dim);font-weight:300;font-style:italic}
.cpage__sub{color:var(--fg-dim);font-size:clamp(15px,1.1vw,18px);max-width:42ch;margin-top:24px}
.cpage__facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fact{padding:20px;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));backdrop-filter:blur(6px)}
.fact__k{font-family:var(--f-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}
.fact__v{font-size:18px;font-weight:500;letter-spacing:-0.01em;line-height:1.3}
.fact__v em{color:var(--fg-dim);font-style:normal;font-size:13px;display:block;margin-top:6px;font-weight:400;font-family:var(--f-mono);letter-spacing:0.04em}
.fact--hi{background:linear-gradient(160deg,rgba(54,226,255,0.15),rgba(139,91,255,0.05));border-color:rgba(54,226,255,0.3)}
.fact--hi .fact__v{background:linear-gradient(120deg,#9EF4FF,#FF3DA5);-webkit-background-clip:text;background-clip:text;color:transparent}
.cpage__body{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-top:56px}
.cpage__side h3{font-family:var(--f-mono);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:16px}
.cpage__side h3:not(:first-child){margin-top:36px}
.cpage__side ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.cpage__side li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;color:var(--fg)}
.cpage__side li i{width:18px;height:18px;border-radius:50%;border:1px solid color-mix(in oklab,var(--cyan) 60%,transparent);background:rgba(54,226,255,0.12);display:grid;place-items:center;color:var(--cyan);font-size:10px;flex-shrink:0;margin-top:2px}
.cpage__side li em{font-style:normal;color:var(--fg-dim);display:block;margin-top:4px;font-size:13px}
.cpage__side li b{font-weight:500;color:var(--fg)}
.cchannels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cchannel{padding:14px 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:rgba(255,255,255,0.02);display:flex;flex-direction:column;gap:4px;transition:border-color .3s,background .3s}
.cchannel:hover{border-color:var(--line-2);background:rgba(255,255,255,0.05)}
.cchannel__k{font-family:var(--f-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--fg-dim)}
.cchannel__v{font-size:14.5px;color:var(--fg)}
.cchannel--hi{background:linear-gradient(135deg,rgba(139,91,255,0.15),rgba(54,226,255,0.05));border-color:rgba(139,91,255,0.35)}
.cfaq details{padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer}
.cfaq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;color:var(--fg)}
.cfaq summary::-webkit-details-marker{display:none}
.cfaq summary::after{content:"+";font-family:var(--f-mono);color:var(--cyan);font-size:18px;transition:transform .3s}
.cfaq details[open] summary::after{transform:rotate(45deg)}
.cfaq details p{color:var(--fg-dim);font-size:14px;line-height:1.6;margin-top:12px;max-width:52ch}
.cmap{margin-top:24px;position:relative;height:200px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-2);background:radial-gradient(circle at 36% 44%,rgba(54,226,255,0.25),transparent 30%),radial-gradient(circle at 74% 62%,rgba(139,91,255,0.18),transparent 30%),repeating-linear-gradient(0deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 24px),linear-gradient(160deg,#0a0a14,#06060a)}
.cmap__pin{position:absolute;left:36%;top:44%;transform:translate(-50%,-50%)}
.cmap__pin i{display:block;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);animation:pulse 1.8s infinite}
.cmap__pin::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid var(--cyan);opacity:0.4;animation:pingRing 2s ease-out infinite}
.cmap__pin::after{content:"";position:absolute;inset:-24px;border-radius:50%;border:1px solid var(--cyan);opacity:0.15;animation:pingRing 2s ease-out 0.5s infinite}
@keyframes pingRing{0%{transform:scale(0.5);opacity:0.6}100%{transform:scale(1.5);opacity:0}}
.cmap__lbl{position:absolute;left:36%;top:44%;transform:translate(16px,-50%);font-family:var(--f-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg);padding:6px 10px;background:rgba(0,0,0,0.6);backdrop-filter:blur(6px);border:1px solid var(--line-2);border-radius:6px;white-space:nowrap}
@media (max-width:960px){.cpage__hero,.cpage__body{grid-template-columns:1fr}.cchannels{grid-template-columns:1fr}}

/* ============== FOOTER ============== */
.foot{padding:120px var(--pad-x) 40px;border-top:1px solid var(--line);margin-top:60px;position:relative;overflow:hidden}
.foot__mega{font-size:clamp(120px,22vw,340px);font-weight:500;letter-spacing:-0.06em;line-height:0.85;background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;user-select:none;margin-bottom:40px}
.foot__mega span{color:var(--cyan);-webkit-text-fill-color:var(--cyan);font-size:0.6em;vertical-align:middle;margin-left:0.05em;text-shadow:0 0 40px var(--cyan)}
.foot__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-top:40px;border-top:1px solid var(--line)}
.foot__k{font-family:var(--f-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:16px}
.foot__cols ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.foot__cols li,.foot__cols a{font-size:14.5px;color:var(--fg);cursor:pointer;transition:color .2s;width:fit-content;border-bottom:1px solid transparent;display:block}
.foot__cols li:hover,.foot__cols a:hover{color:var(--cyan);border-color:var(--cyan)}
.foot__legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:0.08em;color:var(--fg-dim)}
.foot__legal a{cursor:pointer;color:var(--fg)}
.foot__legal a:hover{color:var(--cyan)}
.foot__sep{color:var(--fg-dimmer)}
@media (max-width:900px){.foot__cols{grid-template-columns:repeat(2,1fr)}}

/* Big CTA strip */
.bigcta{padding:100px var(--pad-x);text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center, rgba(139,91,255,0.12), transparent 60%)}
.bigcta h3{font-size:clamp(40px,6vw,96px);font-weight:500;letter-spacing:-0.045em;line-height:1;max-width:18ch;margin:0 auto}
.bigcta h3 .i{font-family:var(--f-serif);font-style:italic;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent}
.bigcta p{color:var(--fg-dim);max-width:48ch;margin:20px auto 32px;font-size:16px}
.bigcta__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ticker */
.ticker{margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:14px 0;background:linear-gradient(90deg,rgba(54,226,255,0.04),rgba(255,61,165,0.04))}
.ticker__track{display:inline-flex;gap:48px;white-space:nowrap;font-family:var(--f-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg-dim);animation:tick 40s linear infinite;padding-right:48px}
@keyframes tick{to{transform:translateX(-50%)}}