@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  --bg: #070a11;
  --bg-deep: #04060b;
  --panel: rgba(24, 29, 40, 0.78);
  --panel-soft: rgba(255, 255, 255, 0.045);
  --line: rgba(198, 213, 235, 0.19);
  --line-strong: rgba(198, 213, 235, 0.34);
  --text: #f3f5f9;
  --muted: #a2a8b4;
  --muted-2: #6f7786;
  --blue: #2867ff;
  --blue-light: #5da9ff;
  --fire: #ff572a;
  --amber: #ff9d35;
  --violet: #9c77ff;
  --green: #63dea2;
  --radius: 20px;
  --font-display: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }

html {
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
  background: var(--bg-deep);
}

body {
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(39, 102, 255, 0.11), transparent 31rem),
    radial-gradient(circle at 88% 52%, rgba(255, 87, 42, 0.08), transparent 28rem),
    linear-gradient(180deg, #060911, #090d16 46%, #04060b);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0.24;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: radial-gradient(circle at 50% 35%, #000, transparent 82%);
}

img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: rgba(48, 115, 255, 0.45); color: #fff; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.skip-link {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 9999;
  transform: translateY(-180%);
  border-radius: 99px;
  background: #fff;
  color: #080b12;
  padding: .75rem 1rem;
  font-weight: 800;
  text-decoration: none;
}
.skip-link:focus { transform: none; }

.section-shell { width: min(calc(100% - 3rem), 1120px); margin-inline: auto; }
.section-space { position: relative; padding-block: clamp(7rem, 12vw, 11rem); }

.glass {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 22px 70px rgba(0,0,0,.22);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
  backdrop-filter: blur(22px) saturate(125%);
}

.scroll-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: 2px;
  background: rgba(255,255,255,.035);
}
.scroll-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), var(--blue-light), var(--fire), var(--amber)); box-shadow: 0 0 16px var(--fire); }

.site-header {
  position: fixed;
  top: 1.2rem;
  left: 50%;
  z-index: 900;
  display: grid;
  width: min(calc(100% - 2rem), 1025px);
  min-height: 5.2rem;
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
  align-items: center;
  gap: 1rem;
  transform: translateX(-50%);
  border-radius: 999px;
  padding: .58rem .62rem .58rem 1.25rem;
  background: rgba(23, 27, 37, .78);
  transition: min-height .3s ease, background .3s ease, border-color .3s ease;
}
.site-header.is-scrolled { min-height: 4.65rem; border-color: var(--line-strong); background: rgba(13, 17, 25, .9); }

.brand { display: block; width: min(235px, 100%); }
.brand img { width: 100%; max-height: 2.65rem; object-fit: contain; object-position: left; mix-blend-mode: screen; }

.desktop-nav { display: flex; align-items: center; gap: .18rem; }
.desktop-nav a {
  position: relative;
  border-radius: 999px;
  padding: .8rem .92rem;
  color: #c2c7d0;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .25s ease, background .25s ease;
}
.desktop-nav a::after { position: absolute; left: 50%; bottom: .18rem; width: .35rem; height: .35rem; transform: translateX(-50%) scale(0); border-radius: 50%; content: ""; background: var(--blue); box-shadow: 0 0 14px var(--blue); transition: transform .25s ease; }
.desktop-nav a:hover, .desktop-nav a.is-active { color: #fff; background: rgba(255,255,255,.045); }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { transform: translateX(-50%) scale(1); }

.header-cta {
  display: inline-flex;
  min-height: 3.7rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  justify-self: end;
  border-radius: 10px;
  background: linear-gradient(110deg, #2455ee, #3279ff 72%, #ff7040 145%);
  box-shadow: 0 14px 36px rgba(35, 91, 255, .3), inset 0 1px 0 rgba(255,255,255,.28);
  padding: .8rem 1.25rem;
  font-size: .78rem;
  font-weight: 650;
  text-decoration: none;
  transition: transform .3s ease, box-shadow .3s ease;
}
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 48px rgba(35, 91, 255, .42); }
.header-cta span { font-size: 1.25rem; }
.menu-toggle, .mobile-menu { display: none; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); }

.eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1.5rem;
  color: #5c82ff;
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .3em;
  text-transform: uppercase;
}
.eyebrow i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 14px var(--blue); }

h1 {
  max-width: 820px;
  margin-bottom: 1.6rem;
  font-size: clamp(3.7rem, 6.4vw, 6.65rem);
  font-weight: 300;
  letter-spacing: -.07em;
  line-height: .94;
}
h2 {
  margin-bottom: 1.4rem;
  font-size: clamp(3rem, 5.6vw, 5.65rem);
  font-weight: 300;
  letter-spacing: -.072em;
  line-height: .96;
}
h1 strong, h2 strong {
  color: transparent;
  font-weight: 380;
  background: linear-gradient(105deg, #2b6cff 5%, #6099ff 48%, #ff6234 82%, #ffad43);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero {
  position: relative;
  min-height: max(760px, 100svh);
  overflow: hidden;
  isolation: isolate;
  background: #060910;
}
.hero::after { position: absolute; inset: auto 0 0; z-index: -1; height: 9rem; content: ""; background: linear-gradient(transparent, var(--bg)); }
.hero__image { position: absolute; inset: 0; z-index: -2; }
.hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: 64% center; filter: saturate(.78) contrast(1.08) brightness(.68); transform: scale(1.025); animation: heroDrift 16s ease-out both; }
.hero__image div {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #060910 2%, rgba(6,9,16,.96) 37%, rgba(6,9,16,.46) 65%, rgba(6,9,16,.12) 100%),
    linear-gradient(180deg, rgba(6,9,16,.08), rgba(6,9,16,.08) 72%, #060910 100%),
    radial-gradient(circle at 77% 34%, rgba(35,91,255,.15), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(255,82,38,.14), transparent 24%);
}
@keyframes heroDrift { from { transform: scale(1.09); } to { transform: scale(1.025); } }

.hero__content { display: flex; min-height: max(760px,100svh); align-items: center; padding-top: 8rem; padding-bottom: 4rem; }
.hero__copy { width: min(720px, 66%); }
.hero__lead { max-width: 600px; margin-bottom: 1.8rem; color: #b9bec8; font-size: clamp(.98rem, 1.35vw, 1.1rem); line-height: 1.55; }

.hero-services { display: grid; max-width: 665px; grid-template-columns: repeat(3,1fr); overflow: hidden; border-radius: 11px; }
.hero-services article { display: flex; min-height: 5.8rem; align-items: center; gap: 1rem; border-right: 1px solid var(--line); padding: 1rem 1.1rem; }
.hero-services article:last-child { border-right: 0; }
.hero-services p { margin: 0; }
.hero-services b, .hero-services small { display: block; }
.hero-services b { font-size: .78rem; font-weight: 620; }
.hero-services small { margin-top: .15rem; color: var(--muted); font-size: .63rem; }
.mini-icon { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; color: #78a6ff; font: 500 1.45rem/1 var(--font-display); }
.mini-icon--brand { color: var(--fire); }

.hero__bottom { display: flex; max-width: 665px; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.55rem; }
.trust-proof { display: flex; align-items: center; gap: .85rem; }
.trust-seal { display: grid; width: 3rem; height: 3rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); color: var(--blue-light); box-shadow: inset 0 0 18px rgba(47,108,255,.13); }
.trust-proof p { margin: 0; }
.trust-proof b, .trust-proof small { display: block; }
.trust-proof b { font-size: .72rem; font-weight: 650; }
.trust-proof small { margin-top: .15rem; color: var(--muted); font-size: .65rem; }

.text-link { display: inline-flex; min-height: 2.7rem; align-items: center; gap: 1.5rem; border-bottom: 1px solid var(--blue); color: #557fff; font-size: .78rem; text-decoration: none; white-space: nowrap; }
.text-link span { font-size: 1.1rem; transition: transform .25s ease; }
.text-link:hover span { transform: translateX(4px); }

.button {
  display: inline-flex;
  min-height: 3.7rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border: 0;
  border-radius: 10px;
  padding: .9rem 1.3rem;
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}
.button:hover { transform: translateY(-2px); }
.button--primary { background: linear-gradient(110deg, #2457ee, #327aff 65%, #ff6b38 150%); box-shadow: 0 16px 38px rgba(39,96,255,.28); }

.services { overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.05); }
.services::before { position: absolute; width: 31rem; height: 31rem; right: -18rem; top: 8rem; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(255,87,42,.12), transparent 68%); }
.services__grid { display: grid; grid-template-columns: .72fr 1fr; align-items: start; gap: clamp(3rem, 7vw, 6.5rem); }
.services__intro { position: sticky; top: 8rem; }
.services__intro > p:not(.eyebrow), .section-heading > p:not(.eyebrow), .faq__intro > p:not(.eyebrow), .about__copy > p:not(.eyebrow) { max-width: 620px; color: var(--muted); font-size: .9rem; line-height: 1.75; }
.services__intro h2 { font-size: clamp(2.8rem, 4.6vw, 4.7rem); }
.promise-list { display: grid; margin: 2rem 0; border-top: 1px solid var(--line); }
.promise-list span { display: flex; gap: .75rem; border-bottom: 1px solid var(--line); padding: .82rem 0; color: #c4c9d1; font-size: .72rem; }
.promise-list i { color: var(--blue-light); font-style: normal; }

.service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.service-card {
  position: relative;
  display: flex;
  min-height: 19rem;
  justify-content: flex-end;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 86% 10%, rgba(46,105,255,.17), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
  padding: 1.4rem;
  transform-style: preserve-3d;
  transition: border-color .3s ease, background .3s ease;
}
.service-card::after { position: absolute; width: 10rem; height: 10rem; right: -5rem; top: -5rem; border: 1px solid rgba(89,153,255,.22); border-radius: 50%; content: ""; box-shadow: 0 0 0 2.2rem rgba(59,111,255,.025), 0 0 0 4.5rem rgba(59,111,255,.015); }
.service-card--fire { background: radial-gradient(circle at 86% 10%, rgba(255,88,42,.18), transparent 32%), linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)); }
.service-card--fire::after { border-color: rgba(255,110,55,.25); box-shadow: 0 0 0 2.2rem rgba(255,83,32,.025), 0 0 0 4.5rem rgba(255,83,32,.015); }
.service-card:hover { border-color: var(--line-strong); }
.service-card__top { position: absolute; inset: 1.35rem 1.35rem auto; display: flex; align-items: flex-start; justify-content: space-between; }
.service-card__top span { color: var(--blue-light); font-size: .6rem; font-weight: 750; letter-spacing: .16em; }
.service-card--fire .service-card__top span { color: #ff8b61; }
.service-card__top i { position: relative; z-index: 2; display: grid; width: 3.1rem; height: 3.1rem; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(8,11,18,.54); color: #b8c9ff; font-style: normal; }
.service-card--fire .service-card__top i { color: #ff9d75; }
.service-card h3 { margin-bottom: .6rem; font-size: 1.48rem; font-weight: 430; letter-spacing: -.045em; }
.service-card > p { color: var(--muted); font-size: .72rem; line-height: 1.65; }
.service-card > b { margin-top: .9rem; color: #c8ced8; font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; }

.projects { background: linear-gradient(180deg, #070a12, #050810); }
.projects::before { position: absolute; inset: 0; content: ""; opacity: .3; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent); }
.section-heading { position: relative; margin-bottom: 3rem; }
.section-heading h2 { max-width: 1050px; }
.section-heading > p:not(.eyebrow) { margin-bottom: 0; }

.project-list { position: relative; display: grid; gap: .75rem; }
.project-row {
  display: grid;
  min-height: 17rem;
  grid-template-columns: .85fr 1.05fr 1.45fr;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(22,27,38,.72);
  box-shadow: 0 24px 80px rgba(0,0,0,.18);
}
.project-row__copy, .project-features { padding: 1.5rem; }
.project-row__copy { border-right: 1px solid var(--line); }
.project-row__copy > span { color: var(--blue-light); font-size: .62rem; font-weight: 750; letter-spacing: .18em; }
.project-row__copy h3 { margin: 1.2rem 0 .7rem; font-size: 1.52rem; font-weight: 420; letter-spacing: -.045em; line-height: 1.1; }
.project-row__copy > p { color: var(--muted); font-size: .7rem; line-height: 1.55; }
.project-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .5rem; margin-top: 1rem; }
.project-price b { font: 430 1.2rem/1 var(--font-display); }
.project-price small { color: var(--muted-2); font-size: .5rem; }
.project-price i { color: var(--fire); font-style: normal; }

.project-features { display: flex; justify-content: center; flex-direction: column; gap: 1rem; border-right: 1px solid var(--line); }
.project-features p { display: grid; grid-template-columns: 2.2rem 1fr; margin: 0; }
.project-features i { grid-row: span 2; color: #9eb6ff; font: 500 1rem/1 var(--font-display); font-style: normal; }
.project-features b, .project-features small { display: block; }
.project-features b { font-size: .7rem; font-weight: 620; }
.project-features small { color: var(--muted); font-size: .6rem; }

.project-row__visual { position: relative; min-width: 0; overflow: hidden; background: #101522; }
.project-row__visual--image { display: grid; place-items: center; background: radial-gradient(circle at center, rgba(49,111,255,.22),transparent 58%), #0a0e17; }
.project-row__visual--image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.03); transform: scale(1.025); }

.project-row__visual--shop { display: grid; place-items: center; padding: 1.25rem; background: radial-gradient(circle at 65% 45%, rgba(255,95,47,.2), transparent 42%), #0a0d14; }
.shop-ui { position: relative; width: 100%; min-height: 14rem; overflow: hidden; border: 5px solid #222a36; border-radius: 12px; background: #fff7f2; color: #13151a; box-shadow: 0 25px 55px rgba(0,0,0,.45); transform: perspective(800px) rotateY(-4deg); }
.shop-ui header { display: flex; height: 2.6rem; align-items: center; gap: .8rem; border-bottom: 1px solid #e3d8d1; padding: 0 .7rem; font-size: .43rem; }
.shop-ui header b { margin-right: auto; }.shop-ui header i { display: grid; width: 1.3rem; height: 1.3rem; place-items: center; border-radius: 50%; background: #161a20; color: #fff; font-style: normal; }
.shop-ui main { padding: 2rem 7.5rem 1rem 1rem; }
.shop-ui main small { color: #d34d35; font-size: .38rem; font-weight: 800; letter-spacing: .12em; }
.shop-ui main strong { display: block; margin: .7rem 0; font: 750 1.7rem/.9 var(--font-display); letter-spacing: -.06em; }
.shop-ui main button { border: 0; border-radius: 99px; background: #e85439; color: #fff; padding: .55rem .7rem; font-size: .4rem; }
.shop-ui aside { position: absolute; right: .6rem; top: 3.6rem; width: 7.4rem; border-radius: .6rem; background: #fff; padding: .65rem; box-shadow: 0 12px 28px rgba(95,32,20,.16); font-size: .4rem; }
.shop-ui aside > b { display: block; margin-bottom: .5rem; }.shop-ui aside p { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: .35rem; }.shop-ui aside > strong { display: block; text-align: right; }

.project-row__visual--dashboard { display: grid; place-items: center; padding: 1.25rem; background: radial-gradient(circle at 65% 35%, rgba(47,112,255,.24), transparent 45%), #080d16; }
.dashboard-ui { width: 100%; overflow: hidden; border: 5px solid #202a3a; border-radius: 12px; background: #0b1220; box-shadow: 0 25px 55px rgba(0,0,0,.46); transform: perspective(800px) rotateY(-4deg); }
.dashboard-ui header { display: flex; height: 2.8rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #26344b; padding: 0 .8rem; font-size: .45rem; }.dashboard-ui header span{color:var(--green)}
.dashboard-ui main { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; padding: 1rem; }
.dashboard-ui article { display: flex; min-height: 7rem; justify-content: space-between; flex-direction: column; border: 1px solid #263853; border-radius: .65rem; background: #121b2a; padding: .7rem; }
.dashboard-ui article:nth-child(1){border-color:rgba(255,91,52,.55);background:rgba(255,78,39,.1)}.dashboard-ui article:nth-child(2){border-color:rgba(47,111,255,.6);background:rgba(44,104,255,.11)}
.dashboard-ui small { color: #8290a7; font-size: .38rem; letter-spacing: .12em; }.dashboard-ui article b { font: 400 1.5rem/1 var(--font-display); }.dashboard-ui article span { color: #9ba7b9; font-size: .4rem; }.dashboard-ui footer { border-top: 1px solid #26344b; padding: .65rem .9rem; color: var(--green); font-size: .4rem; }

.card-story { overflow: clip; }
.card-story::before { position: absolute; width: 38rem; height: 38rem; left: -20rem; top: 20%; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(43,103,255,.13), transparent 68%); }
.card-story__grid { display: grid; grid-template-columns: .72fr 1fr; align-items: start; gap: clamp(3rem, 7vw, 6.5rem); }
.card-story__intro { position: sticky; top: 8.3rem; }
.card-story__intro > p:not(.eyebrow) { color: var(--muted); font-size: .86rem; line-height: 1.75; }
.card-story__intro h2 { font-size: clamp(2.8rem,4.6vw,4.65rem); }
.stack-cards { position: relative; min-height: 150rem; perspective: 1100px; }
.stack-card {
  position: sticky;
  top: 7.6rem;
  display: flex;
  min-height: 31rem;
  justify-content: flex-end;
  overflow: hidden;
  flex-direction: column;
  margin-bottom: 3.5rem;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 26px;
  padding: clamp(1.5rem,4vw,2.4rem);
  box-shadow: 0 40px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.14);
  transform-origin: top center;
}
.stack-card::before { position: absolute; inset: 0; z-index: -1; content: ""; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at 75% 20%,#000,transparent 62%); }
.stack-card::after { position: absolute; width: 23rem; height: 23rem; right: -8rem; top: -8rem; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; content: ""; box-shadow: 0 0 0 4rem rgba(255,255,255,.025),0 0 0 8rem rgba(255,255,255,.018); }
.stack-card--blue { background: linear-gradient(145deg,#163c90,#0b1834 68%); }
.stack-card--fire { background: linear-gradient(145deg,#992f19,#2d0d0c 70%); transform: rotate(1.2deg); }
.stack-card--violet { background: linear-gradient(145deg,#4c3292,#18112e 70%); transform: rotate(-1.1deg); }
.stack-card--mix { background: radial-gradient(circle at 75% 20%,rgba(255,105,41,.35),transparent 30%),linear-gradient(135deg,#123976,#291229 70%); }
.stack-card > div { position: absolute; inset: 1.6rem 1.6rem auto; z-index: 2; display: flex; align-items: center; justify-content: space-between; }
.stack-card > div span { font-size: .58rem; font-weight: 750; letter-spacing: .18em; }.stack-card > div i { display: grid; width: 4rem; height: 4rem; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(5,8,14,.25); font: 500 1.4rem/1 var(--font-display); font-style: normal; }
.stack-card h3 { position: relative; z-index: 2; max-width: 470px; margin-bottom: 1rem; font-size: clamp(2.35rem,4vw,3.8rem); font-weight: 350; letter-spacing: -.065em; line-height: 1; }
.stack-card > p { position: relative; z-index: 2; max-width: 510px; color: rgba(255,255,255,.72); font-size: .82rem; line-height: 1.7; }
.stack-card > small { position: relative; z-index: 2; margin-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.18); padding-top: 1rem; color: rgba(255,255,255,.62); font-size: .55rem; font-weight: 700; letter-spacing: .12em; }

.process { background: linear-gradient(180deg, rgba(255,255,255,.018), transparent); }
.section-heading--center { max-width: 910px; margin-inline: auto; text-align: center; }
.section-heading--center .eyebrow { justify-content: center; }
.section-heading--center > p:not(.eyebrow) { margin-inline: auto; }
.process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.process-grid article { position: relative; min-height: 19rem; border-right: 1px solid var(--line); padding: 1.45rem; }
.process-grid article:last-child { border-right: 0; }
.process-grid article > span { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--blue-light); font: 500 .85rem/1 var(--font-display); }
.process-grid article:nth-child(even) > span { color: #ff8662; }
.process-grid h3 { margin: 4.4rem 0 .65rem; font-size: 1.55rem; font-weight: 400; letter-spacing: -.045em; }
.process-grid p { color: var(--muted); font-size: .7rem; line-height: 1.65; }
.process-grid small { position: absolute; left: 1.45rem; bottom: 1.4rem; color: var(--muted-2); font-size: .5rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.quality-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; margin-top: 2rem; border-radius: 13px; }
.quality-grid > p { display: flex; min-height: 6.7rem; align-items: center; gap: .8rem; margin: 0; border-right: 1px solid var(--line); padding: 1rem; }
.quality-grid > p:last-child { border-right: 0; }
.quality-grid i { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(255,255,255,.05); color: var(--blue-light); font-style: normal; }
.quality-grid p:nth-child(even) i { color: #ff8460; }
.quality-grid b,.quality-grid small { display: block; }.quality-grid b { font-size: .67rem; }.quality-grid small { margin-top: .16rem; color: var(--muted); font-size: .55rem; }

.about { overflow: hidden; }
.about::after { position: absolute; width: 32rem; height: 32rem; right: -15rem; bottom: 8%; border-radius: 50%; content: ""; background: radial-gradient(circle,rgba(255,86,38,.11),transparent 68%); }
.about__grid { display: grid; grid-template-columns: 1fr .7fr; align-items: center; gap: clamp(3rem,8vw,7rem); }
.about-facts { display: grid; grid-template-columns: repeat(3,1fr); margin: 2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-facts p { margin: 0; border-right: 1px solid var(--line); padding: 1rem .8rem; }.about-facts p:last-child{border-right:0}.about-facts b,.about-facts small{display:block}.about-facts b{font-size:.66rem}.about-facts small{margin-top:.22rem;color:var(--muted);font-size:.54rem;line-height:1.45}
.about blockquote { margin: 2rem 0 0; border-left: 2px solid var(--fire); padding-left: 1.2rem; color: #d7dbe2; font: 350 1rem/1.65 var(--font-display); }
.founder-card { position: relative; overflow: hidden; border-radius: 18px; transform-style: preserve-3d; }
.founder-card__image { position: relative; min-height: 37rem; overflow: hidden; background: radial-gradient(circle at 50% 30%,rgba(55,117,255,.25),transparent 40%); }
.founder-card__image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(transparent 58%,rgba(6,9,16,.96)); }
.founder-card__image img { width: 100%; height: 100%; min-height: 37rem; object-fit: cover; object-position: top center; filter: saturate(.78) contrast(1.04); }
.founder-card__meta { position: absolute; inset: auto 0 0; z-index: 2; padding: 1.5rem; }
.founder-card__meta span { color: #80a4ff; font-size: .52rem; font-weight: 750; letter-spacing: .16em; }.founder-card__meta h3{margin:.65rem 0 .2rem;font-size:2rem;font-weight:380;letter-spacing:-.055em}.founder-card__meta p{margin:0;color:var(--muted);font-size:.65rem}

.faq { background: #060910; }
.faq__grid { display: grid; grid-template-columns: .7fr 1fr; align-items: start; gap: clamp(3rem,8vw,7rem); }
.faq__intro { position: sticky; top: 8rem; }
.faq-trust { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; border-radius: 13px; padding: 1rem; }
.faq-trust > i { display: grid; width: 3rem; height: 3rem; flex:0 0 auto; place-items:center;border-radius:50%;background:rgba(47,109,255,.12);color:var(--blue-light);font-style:normal}.faq-trust p{margin:0}.faq-trust b,.faq-trust small{display:block}.faq-trust b{font-size:.72rem}.faq-trust small{margin-top:.22rem;color:var(--muted);font-size:.6rem;line-height:1.45}
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: grid; grid-template-columns: 2.7rem 1fr auto; align-items: center; gap: .7rem; padding: 1.2rem .3rem; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display:none }.faq-list summary > span{color:var(--blue-light);font-size:.58rem;font-weight:750}.faq-list summary h3{margin:0;font-size:1.03rem;font-weight:450;letter-spacing:-.025em}.faq-list summary>i{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;transition:transform .3s ease,background .3s ease}.faq-list details[open] summary>i{transform:rotate(45deg);background:rgba(42,102,255,.15)}.faq-list details>p{margin:0;padding:0 3.2rem 1.4rem;color:var(--muted);font-size:.72rem;line-height:1.7}

.contact { overflow: hidden; }
.contact::before { position:absolute;width:35rem;height:35rem;left:50%;top:1rem;transform:translateX(-50%);border-radius:50%;content:"";background:radial-gradient(circle,rgba(45,105,255,.1),transparent 68%) }
.contact__grid { position:relative;display:grid;grid-template-columns:1fr .62fr;align-items:start;gap:1rem }
.contact-form { border-radius:18px;padding:1.6rem }
.form-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem }.form-heading h3{margin:0;font-size:1.35rem;font-weight:430}.form-heading span{color:var(--green);font-size:.56rem;font-weight:700;letter-spacing:.08em}
.contact-form>label,.form-row label{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}.contact-form label>span{color:#bfc5cf;font-size:.62rem;font-weight:620}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(5,8,14,.5);padding:.82rem .9rem;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#5f8fff;box-shadow:0 0 0 3px rgba(55,113,255,.12)}.contact-form textarea{resize:vertical}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8791a1 50%),linear-gradient(135deg,#8791a1 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.form-consent{display:flex!important;align-items:flex-start;flex-direction:row!important;gap:.65rem!important;margin-top:1rem}.form-consent input{width:auto;margin-top:.2rem;accent-color:var(--blue)}.form-consent span{color:var(--muted)!important;font-weight:400!important;line-height:1.55}.form-consent a{color:#81a6ff}.contact-form .button{margin-top:.5rem}.hp-field{position:absolute!important;left:-9999px!important}
.contact-details{display:grid;gap:.7rem}.contact-detail,.contact-location{display:flex;min-height:7.2rem;align-items:center;gap:1rem;border-radius:14px;padding:1rem;text-decoration:none;transition:border-color .25s ease,transform .25s ease}.contact-detail:hover{transform:translateY(-2px);border-color:var(--line-strong)}.contact-detail>i,.contact-location>i{display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(255,255,255,.055);color:var(--blue-light);font-style:normal;font-weight:700}.contact-detail:nth-child(3)>i{color:var(--green)}.contact-detail p,.contact-location p{margin:0}.contact-detail small,.contact-detail b,.contact-detail span,.contact-location small,.contact-location b,.contact-location span{display:block}.contact-detail small,.contact-location small{color:var(--muted-2);font-size:.48rem;font-weight:750;letter-spacing:.14em}.contact-detail b,.contact-location b{margin:.28rem 0;font-size:.82rem;font-weight:620}.contact-detail span,.contact-location span{color:var(--muted);font-size:.58rem}

.site-footer { position: relative; overflow: hidden; padding: 8rem 1rem 2rem; background: #03050a; }
.site-footer::before { position:absolute;inset:0;content:"";background:linear-gradient(rgba(3,5,10,.8),rgba(3,5,10,.35)),url("assets/deep-space-earth.jpg") center/cover;opacity:.35;filter:saturate(.65) }
.footer-panel { position:relative;width:min(100%,1135px);margin:auto;overflow:hidden;border-radius:14px;background:rgba(24,29,39,.87) }
.footer-panel::after { position:absolute;width:20rem;height:20rem;right:-10rem;top:-10rem;border-radius:50%;content:"";background:radial-gradient(circle,rgba(255,90,43,.18),transparent 68%);pointer-events:none }
.footer-top { display:grid;grid-template-columns:1.45fr .82fr .9fr .7fr .85fr;min-height:24rem;border-bottom:1px solid var(--line) }
.footer-top>div,.footer-top>nav{padding:1.5rem;border-right:1px solid var(--line)}.footer-top>*:last-child{border-right:0}
.footer-brand img{width:230px;max-height:3.4rem;object-fit:contain;object-position:left;mix-blend-mode:screen}.footer-brand>p{margin:1.5rem 0;color:var(--muted);font-size:.72rem;line-height:1.65}.footer-core{display:grid;gap:.7rem;margin-top:1.5rem}.footer-core span{color:#c1c7d0;font-size:.65rem}
.footer-top h3{margin:0 0 1.2rem;color:#6486ff;font-size:.55rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.footer-top nav{display:flex;align-items:flex-start;flex-direction:column}.footer-top nav a{padding:.34rem 0;color:#aeb4bf;font-size:.66rem;text-decoration:none;line-height:1.25}.footer-top nav a:hover{color:#fff}
.footer-cta{display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.footer-cta p{font:300 1.7rem/1.08 var(--font-display);letter-spacing:-.055em}.footer-cta p strong{color:transparent;font-weight:380;background:linear-gradient(105deg,#4d80ff,#ff6b38);-webkit-background-clip:text;background-clip:text}.footer-cta>span{color:var(--muted);font-size:.66rem;line-height:1.6}.footer-cta>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-radius:8px;background:linear-gradient(110deg,var(--blue),#347dff 62%,var(--fire));padding:.8rem;color:#fff;font-size:.68rem;font-weight:700;text-decoration:none}.footer-cta>a i{font-style:normal;font-size:1rem}
.footer-contact{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:1.3rem}.footer-contact p{display:flex;align-items:center;gap:.75rem;margin:0;border-right:1px solid var(--line);padding:0 1rem}.footer-contact p:last-child{border-right:0}.footer-contact i{display:grid;width:2.8rem;height:2.8rem;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(255,255,255,.055);color:#7c9cff;font-style:normal}.footer-contact p:nth-child(4)i{color:#ff835e}.footer-contact b,.footer-contact small{display:block}.footer-contact b{font-size:.67rem;font-weight:550}.footer-contact small{margin-top:.2rem;color:var(--muted);font-size:.55rem;line-height:1.4}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;color:var(--muted-2);font-size:.57rem}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:2rem}.footer-bottom a{text-decoration:none}

.whatsapp-button { position:fixed;right:1rem;bottom:1rem;z-index:800;display:flex;height:3.5rem;align-items:center;gap:.65rem;border-radius:999px;padding:.35rem .9rem .35rem .35rem;color:#7be5ac;text-decoration:none }.whatsapp-button span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;background:rgba(74,205,126,.12);font-size:.65rem;font-weight:800}.whatsapp-button b{font-size:.62rem}
.status-toast{position:fixed;left:50%;bottom:1rem;z-index:1200;transform:translateX(-50%);border:1px solid var(--line-strong);border-radius:99px;background:#111824;padding:.85rem 1.1rem;box-shadow:0 18px 50px rgba(0,0,0,.4);font-size:.68rem}

.legal-page{background:radial-gradient(circle at 78% 5%,rgba(39,103,255,.15),transparent 28rem),#060910}.legal-nav{position:fixed;top:1rem;left:50%;z-index:500;display:flex;width:min(calc(100% - 2rem),900px);min-height:4.7rem;align-items:center;justify-content:space-between;transform:translateX(-50%);border-radius:999px;padding:.55rem .8rem .55rem 1rem;background:rgba(18,23,32,.86)}.legal-nav img{width:220px;max-height:2.5rem;object-fit:contain;mix-blend-mode:screen}.legal-nav>a:last-child{border-radius:99px;background:linear-gradient(110deg,var(--blue),#397fff);padding:.75rem 1rem;font-size:.67rem;font-weight:700;text-decoration:none}.legal-shell{width:min(calc(100% - 2rem),900px);margin:auto;padding:11rem 0 8rem}.legal-shell>h1{margin-bottom:4rem}.legal-shell article{display:grid;grid-template-columns:.42fr 1fr;gap:3rem;border-top:1px solid var(--line);padding:2rem 0}.legal-shell article:last-child{border-bottom:1px solid var(--line)}.legal-shell article h2{font-size:1.25rem;font-weight:450;letter-spacing:-.03em}.legal-shell article p{color:var(--muted);font-size:.78rem;line-height:1.8}.legal-shell article a{color:#8cacff}

body.motion-ready .reveal { opacity:0;transform:translateY(34px);filter:blur(9px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease }
body.motion-ready .reveal.is-visible { opacity:1;transform:none;filter:none }

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(85,140,255,.65);outline-offset:3px}

@media (max-width: 1050px) {
  .site-header{grid-template-columns:minmax(180px,1fr) auto}.desktop-nav{display:none}.menu-toggle{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;justify-self:end;flex-direction:column;gap:.28rem;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.045);cursor:pointer}.menu-toggle>i{display:block;width:1.05rem;height:1px;background:#fff;transition:transform .25s ease,opacity .25s ease}.menu-toggle[aria-expanded="true"]>i:nth-child(1){transform:translateY(.36rem) rotate(45deg)}.menu-toggle[aria-expanded="true"]>i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"]>i:nth-child(3){transform:translateY(-.36rem) rotate(-45deg)}.header-cta{display:none}.mobile-menu{position:fixed;top:6.5rem;left:1rem;right:1rem;z-index:880;border:1px solid var(--line-strong);border-radius:18px;background:rgba(12,16,24,.96);padding:1rem;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(24px)}.mobile-menu:not([hidden]){display:block}.mobile-menu>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.85rem .2rem;text-decoration:none;font:430 1.05rem/1 var(--font-display)}.mobile-menu>a span{color:var(--muted-2);font:700 .5rem/1 var(--font-body)}.mobile-menu .mobile-menu__cta{margin-top:.8rem;border:0;border-radius:9px;background:linear-gradient(110deg,var(--blue),#367eff,var(--fire));padding:1rem}.hero__copy{width:min(720px,72%)}
  .services__grid,.card-story__grid,.faq__grid{grid-template-columns:.72fr 1fr;gap:3rem}.project-row{grid-template-columns:.82fr 1fr 1.15fr}.footer-top{grid-template-columns:1.3fr repeat(3,1fr)}.footer-cta{grid-column:span 4;min-height:10rem}.footer-cta>a{width:230px;margin-top:1rem}.footer-contact{grid-template-columns:1fr 1fr;gap:1rem}.footer-contact p:nth-child(2){border-right:0}.footer-contact p{padding:.5rem 1rem}
}

@media (max-width: 820px) {
  .section-shell{width:calc(100% - 2rem)}.section-space{padding-block:7rem}.site-header{top:.65rem;width:calc(100% - 1.3rem);min-height:4.35rem;border-radius:16px;padding:.4rem .45rem .4rem .8rem}.brand{width:190px}.brand img{max-height:2.15rem}.menu-toggle{width:3.1rem;height:3.1rem}
  .hero{min-height:auto}.hero__image img{object-position:68% center}.hero__image div{background:linear-gradient(180deg,rgba(5,8,14,.36),rgba(5,8,14,.82) 38%,#060910 88%),linear-gradient(90deg,rgba(5,8,14,.76),transparent)}.hero__content{min-height:auto;padding-top:10rem;padding-bottom:6rem}.hero__copy{width:100%}h1{font-size:clamp(3.55rem,13vw,5.8rem)}.hero__lead{max-width:560px}.hero-services{grid-template-columns:1fr;max-width:520px}.hero-services article{min-height:4.8rem;border-right:0;border-bottom:1px solid var(--line)}.hero-services article:last-child{border-bottom:0}.hero__bottom{max-width:520px;align-items:flex-start;flex-direction:column}
  .services__grid,.card-story__grid,.faq__grid,.about__grid,.contact__grid{grid-template-columns:1fr}.services__intro,.card-story__intro,.faq__intro{position:relative;top:auto}.service-grid{margin-top:1rem}.project-row{grid-template-columns:1fr 1fr}.project-row__copy{border-bottom:1px solid var(--line)}.project-features{border-right:0;border-bottom:1px solid var(--line)}.project-row__visual{grid-column:span 2;min-height:22rem}.project-row__visual--image img{height:22rem}.stack-cards{min-height:132rem}.stack-card{top:5.8rem;min-height:28rem}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.quality-grid{grid-template-columns:1fr 1fr}.quality-grid>p:nth-child(2){border-right:0}.quality-grid>p:nth-child(-n+2){border-bottom:1px solid var(--line)}.about__copy{order:2}.founder-card{width:min(100%,560px);margin-inline:auto}.about-facts{grid-template-columns:1fr}.about-facts p{border-right:0;border-bottom:1px solid var(--line)}.about-facts p:last-child{border-bottom:0}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-top>div,.footer-top>nav{border-bottom:1px solid var(--line)}.footer-top>nav:nth-child(3){border-right:0}.footer-cta{grid-column:span 2}.footer-contact{grid-template-columns:1fr}.footer-contact p{border-right:0;border-bottom:1px solid var(--line)}.footer-contact p:last-child{border-bottom:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:.8rem}
}

@media (max-width: 540px) {
  .section-shell{width:calc(100% - 1.3rem)}h2{font-size:clamp(2.75rem,13vw,4.4rem)}.eyebrow{font-size:.57rem;letter-spacing:.23em}.hero__content{padding-top:8.7rem}.hero__lead{font-size:.88rem}.trust-proof b{font-size:.66rem}.trust-proof small{font-size:.58rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:17rem}.project-row{grid-template-columns:1fr}.project-row__copy,.project-features{border-right:0}.project-row__visual{grid-column:auto;min-height:20rem}.shop-ui,.dashboard-ui{transform:none}.shop-ui main{padding-right:6.5rem}.project-price b{font-size:1.05rem}.stack-cards{min-height:126rem}.stack-card{min-height:26rem;margin-bottom:2rem;padding:1.25rem}.stack-card>div{inset:1.2rem 1.2rem auto}.stack-card>div i{width:3.4rem;height:3.4rem}.stack-card h3{font-size:2.25rem}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:15rem;border-right:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.process-grid h3{margin-top:2.8rem}.quality-grid{grid-template-columns:1fr}.quality-grid>p{border-right:0;border-bottom:1px solid var(--line)}.quality-grid>p:last-child{border-bottom:0}.founder-card__image,.founder-card__image img{min-height:30rem}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-brand,.footer-cta{grid-column:auto}.footer-top>div,.footer-top>nav{border-right:0!important}.footer-panel{border-radius:11px}.footer-bottom nav{gap:1rem}.whatsapp-button{right:.65rem;bottom:.65rem}.whatsapp-button b{display:none}.whatsapp-button{width:3.5rem;padding:.35rem}.whatsapp-button span{width:2.7rem}.status-toast{bottom:4.8rem;width:calc(100% - 1.3rem);text-align:center}
  .legal-nav{top:.65rem;width:calc(100% - 1.3rem);min-height:4.2rem;border-radius:15px}.legal-nav img{width:170px}.legal-nav>a:last-child{padding:.65rem .8rem;font-size:.58rem}.legal-shell{width:calc(100% - 1.3rem);padding-top:8.5rem}.legal-shell>h1{margin-bottom:2.5rem}.legal-shell article{grid-template-columns:1fr;gap:.3rem;padding:1.4rem 0}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.motion-ready .reveal{opacity:1;transform:none;filter:none}
}