:root {
  --bg: #05080d;
  --bg-soft: #080d14;
  --panel: #0b121b;
  --panel-2: #0e1823;
  --text: #edf5f7;
  --muted: #8795a5;
  --muted-2: #5e6d7e;
  --line: #1b2a39;
  --green: #5bf2b1;
  --blue: #5aa9ff;
  --danger: #ff647b;
  --max: 1180px;
  --shadow: 0 25px 80px rgba(0, 0, 0, .42);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 75% 10%, rgba(91, 242, 177, .045), transparent 28%),
    radial-gradient(circle at 10% 55%, rgba(90, 169, 255, .035), transparent 25%),
    var(--bg);
  color: var(--text);
  font-family: "Inter", Arial, sans-serif;
  line-height: 1.65;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999;
  opacity: .028;
  background: repeating-linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff 1px,
    transparent 1px,
    transparent 4px
  );
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

img {
  max-width: 100%;
  display: block;
}

.container {
  width: min(var(--max), calc(100% - 48px));
  margin-inline: auto;
}

/* ---------- Header ---------- */

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 78px;
  border-bottom: 1px solid rgba(27, 42, 57, .9);
  background: rgba(5, 8, 13, .88);
  backdrop-filter: blur(18px);
}

.header-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  font-size: 14px;
}

.brand-mark {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border: 1px solid var(--green);
  color: var(--green);
  font: 500 11px "DM Mono", monospace;
  box-shadow: 0 0 25px rgba(91, 242, 177, .12);
}

.brand-text small {
  display: block;
  margin-top: -3px;
  color: var(--green);
  font: 500 8px "DM Mono", monospace;
  letter-spacing: .34em;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 22px;
  font: 500 11px "DM Mono", monospace;
  color: #aeb9c6;
}

.main-nav a {
  transition: color .2s ease;
}

.main-nav a:hover,
.main-nav a.active {
  color: var(--green);
}

.nav-cta {
  padding: 9px 14px;
  border: 1px solid #314255;
  color: var(--text) !important;
}

.nav-toggle {
  display: none;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text);
  padding: 8px 10px;
  cursor: pointer;
}

/* ---------- Hero ---------- */

.hero {
  position: relative;
  min-height: 690px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: 60px;
  padding: 95px 0 85px;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  left: -280px;
  top: 40px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(91, 242, 177, .11), transparent 68%);
}

.machine-grid {
  position: absolute;
  inset: 0;
  opacity: .27;
  background-image:
    linear-gradient(rgba(30, 55, 72, .8) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 55, 72, .8) 1px, transparent 1px);
  background-size: 55px 55px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.hero-content,
.machine-console {
  position: relative;
  z-index: 2;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
  font: 500 10px "DM Mono", monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 13px var(--green);
}

.hero h1 {
  max-width: 850px;
  margin: 20px 0;
  font-size: clamp(48px, 7vw, 88px);
  line-height: .96;
  letter-spacing: -.065em;
}

.hero h1 em,
.section-title em,
.page-title em {
  color: var(--green);
  font-style: normal;
}

.hero-description {
  max-width: 650px;
  margin: 0;
  color: #a6b3c1;
  font-size: 17px;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 30px 0;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 47px;
  padding: 12px 18px;
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 800;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.button:hover {
  transform: translateY(-2px);
}

.button-primary {
  background: var(--green);
  color: #03120b;
  border-color: var(--green);
  box-shadow: 0 0 35px rgba(91, 242, 177, .12);
}

.button-secondary {
  background: #0a111a;
}

.trust-list {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: #687789;
  font: 10px "DM Mono", monospace;
}

/* ---------- Console ---------- */

.machine-console {
  border: 1px solid #2a3d50;
  background: #070d15;
  box-shadow: var(--shadow);
  transform: perspective(1000px) rotateY(-4deg);
}

.console-top {
  display: flex;
  justify-content: space-between;
  padding: 13px 16px;
  border-bottom: 1px solid #1c2a39;
  color: #718093;
  font: 10px "DM Mono", monospace;
}

.console-live {
  color: var(--green);
}

.console-body {
  padding: 30px;
}

.console-label {
  display: block;
  color: #69788a;
  font: 10px "DM Mono", monospace;
}

.console-title {
  display: block;
  margin-top: 4px;
  font: 500 30px "DM Mono", monospace;
}

.signal-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 24px 0;
  color: #8190a2;
  font: 10px "DM Mono", monospace;
}

.signal-line {
  flex: 1;
  height: 1px;
  background: repeating-linear-gradient(
    90deg,
    #304459 0 5px,
    transparent 5px 10px
  );
}

.progress {
  height: 3px;
  margin: 30px 0;
  background: #172536;
}

.progress span {
  display: block;
  width: 74%;
  height: 100%;
  background: var(--green);
  box-shadow: 0 0 15px var(--green);
}

.console-note {
  margin: 0;
  color: #728095;
  font: 11px "DM Mono", monospace;
}

.gear {
  position: absolute;
  z-index: 1;
  color: #102030;
  opacity: .75;
  font-size: 180px;
  line-height: 1;
  user-select: none;
  animation: gear-spin 28s linear infinite;
}

.gear-one {
  right: 15px;
  top: 55px;
}

.gear-two {
  right: 270px;
  bottom: 25px;
  font-size: 92px;
  animation-direction: reverse;
}

@keyframes gear-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ---------- Contact bar ---------- */

.contact-bar {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #080e16;
}

.contact-bar-inner {
  min-height: 84px;
  display: grid;
  grid-template-columns: 1fr 1fr auto auto;
  align-items: center;
  gap: 28px;
}

.contact-item small,
.footer-label {
  display: block;
  margin-bottom: 3px;
  color: #637285;
  font: 9px "DM Mono", monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.contact-item strong {
  font: 500 14px "DM Mono", monospace;
}

.contact-link {
  color: var(--green);
  font: 700 11px "DM Mono", monospace;
}

/* ---------- Sections ---------- */

.section {
  padding: 110px 0;
}

.section-heading {
  max-width: 770px;
}

.section-title {
  margin: 18px 0;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.section-description {
  color: var(--muted);
  max-width: 700px;
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 55px;
}

.card {
  position: relative;
  min-height: 310px;
  padding: 30px;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #0d1621, #080e16);
  transition: transform .25s ease, border-color .25s ease;
}

.card:hover {
  transform: translateY(-5px);
  border-color: #38536c;
}

.card-number {
  color: var(--green);
  font: 10px "DM Mono", monospace;
}

.card h3 {
  margin: 55px 0 12px;
  font-size: 20px;
  line-height: 1.2;
}

.card p {
  color: var(--muted);
  font-size: 13px;
}

.card-link {
  position: absolute;
  left: 30px;
  bottom: 25px;
  color: var(--green);
  font: 11px "DM Mono", monospace;
}

.dark-section {
  padding: 100px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #080d15;
}

.workflow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 55px;
}

.workflow-item {
  padding: 0 28px;
  border-left: 1px solid var(--line);
}

.workflow-number {
  color: var(--green);
  font: 10px "DM Mono", monospace;
}

.workflow-item h3 {
  margin: 34px 0 8px;
}

.workflow-item p {
  color: var(--muted);
  font-size: 13px;
}

.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.prose {
  color: var(--muted);
}

.prose p {
  margin: 0 0 18px;
}

.text-link {
  color: var(--green);
  font: 11px "DM Mono", monospace;
}

.cta {
  margin-bottom: 100px;
  padding: 45px;
  border: 1px solid #29445c;
  background:
    radial-gradient(circle at 80% 20%, rgba(91, 242, 177, .08), transparent 45%),
    #0a111b;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.cta h2 {
  margin: 18px 0 5px;
  font-size: 40px;
  line-height: 1.05;
}

.cta p {
  margin: 0;
  color: var(--muted);
}

/* ---------- Inner pages ---------- */

.page-hero {
  padding: 95px 0 50px;
}

.page-title {
  max-width: 900px;
  margin: 20px 0;
  font-size: clamp(45px, 7vw, 78px);
  line-height: .98;
  letter-spacing: -.06em;
}

.page-intro {
  max-width: 720px;
  color: #a6b3c1;
  font-size: 17px;
}

.content-narrow {
  max-width: 900px;
}

.content-narrow h2 {
  margin-top: 50px;
  font-size: 30px;
}

.content-narrow h3 {
  margin-top: 32px;
  font-size: 20px;
}

.content-narrow p,
.content-narrow li {
  color: var(--muted);
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.feature-box {
  padding: 28px;
  min-height: 260px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.feature-box .number {
  color: var(--green);
  font: 10px "DM Mono", monospace;
}

.feature-box h3 {
  margin: 42px 0 10px;
}

.feature-box p {
  color: var(--muted);
  font-size: 13px;
}

.notice {
  margin-top: 45px;
  padding: 25px;
  border-left: 2px solid var(--green);
  background: #09121a;
}

.notice p {
  margin: 0;
  color: var(--muted);
}

/* ---------- FAQ ---------- */

.faq-list {
  max-width: 900px;
}

.faq-item {
  border-top: 1px solid var(--line);
}

.faq-item:last-child {
  border-bottom: 1px solid var(--line);
}

.faq-item summary {
  padding: 25px 0;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  font-size: 17px;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  float: right;
  color: var(--green);
  font: 18px "DM Mono", monospace;
}

.faq-item[open] summary::after {
  content: "−";
}

.faq-answer {
  padding: 0 0 25px;
  color: var(--muted);
}

/* ---------- Contact form ---------- */

.contact-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 20px;
  margin-top: 55px;
}

.contact-box,
.contact-form {
  padding: 30px;
  border: 1px solid var(--line);
  background: #0a111a;
}

.contact-box + .contact-box {
  margin-top: 18px;
}

.contact-box strong {
  display: block;
  margin: 8px 0;
  font: 500 24px "DM Mono", monospace;
}

.contact-box p {
  color: var(--muted);
  font-size: 13px;
}

.contact-box a {
  color: var(--green);
  font: 11px "DM Mono", monospace;
}

.contact-form {
  display: grid;
  gap: 18px;
}

.form-group {
  display: grid;
  gap: 7px;
}

.form-group label {
  color: #99a6b5;
  font: 10px "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 13px;
  border: 1px solid #223348;
  outline: none;
  border-radius: 0;
  background: #060b12;
  color: var(--text);
  font: 13px "Inter", Arial, sans-serif;
}

.form-group textarea {
  min-height: 170px;
  resize: vertical;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 2px rgba(91, 242, 177, .05);
}

.consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--muted);
  font-size: 11px;
}

.consent input {
  margin-top: 4px;
}

.honeypot {
  position: absolute;
  left: -9999px;
}

/* ---------- Footer ---------- */

.site-footer {
  border-top: 1px solid var(--line);
  background: #04070c;
  padding: 55px 0 25px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 35px;
}

.footer-column {
  display: grid;
  align-content: start;
  gap: 7px;
}

.footer-description {
  max-width: 330px;
  color: #657486;
  font-size: 12px;
}

.footer-column strong {
  font: 500 13px "DM Mono", monospace;
}

.footer-column a:not(.brand) {
  color: #8290a1;
  font: 11px "DM Mono", monospace;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 45px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  color: #586677;
  font: 10px "DM Mono", monospace;
}

/* ---------- Responsive ---------- */

@media (max-width: 950px) {
  .main-nav {
    display: none;
  }

  .nav-toggle {
    display: block;
  }

  .main-nav.open {
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 24px;
    gap: 18px;
    border-bottom: 1px solid var(--line);
    background: #080e16;
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .machine-console {
    max-width: 650px;
  }

  .cards,
  .feature-grid,
  .workflow {
    grid-template-columns: 1fr 1fr;
  }

  .contact-bar-inner {
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
  }

  .split {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .container {
    width: min(var(--max), calc(100% - 36px));
  }

  .hero {
    min-height: auto;
    padding: 65px 0 70px;
  }

  .hero h1 {
    font-size: 52px;
  }

  .hero-description {
    font-size: 15px;
  }

  .machine-console {
    transform: none;
  }

  .gear {
    display: none;
  }

  .section {
    padding: 75px 0;
  }

  .dark-section {
    padding: 75px 0;
  }

  .cards,
  .feature-grid,
  .workflow,
  .contact-bar-inner,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .workflow-item {
    padding: 22px 0;
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .cta {
    margin-bottom: 70px;
    padding: 28px;
    display: block;
  }

  .cta .button {
    width: 100%;
    margin-top: 22px;
  }

  .footer-bottom {
    display: block;
    line-height: 2;
  }

  .page-hero {
    padding: 65px 0 35px;
  }

  .page-title {
    font-size: 50px;
  }
}


/* ---------- Floating WhatsApp ---------- */

.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 120;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25D366;
  color: #ffffff;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, .45),
    0 0 0 5px rgba(37, 211, 102, .10);
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.whatsapp-float:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow:
    0 14px 35px rgba(0, 0, 0, .5),
    0 0 0 7px rgba(37, 211, 102, .12);
}

.whatsapp-float svg {
  width: 29px;
  height: 29px;
  fill: currentColor;
}

.whatsapp-float::after {
  content: "WhatsApp";
  position: absolute;
  right: 70px;
  white-space: nowrap;
  padding: 7px 10px;
  border: 1px solid var(--line);
  background: #09111a;
  color: #dce6eb;
  font: 500 10px "DM Mono", monospace;
  opacity: 0;
  transform: translateX(5px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.whatsapp-float:hover::after,
.whatsapp-float:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 600px) {
  .whatsapp-float {
    right: 17px;
    bottom: 17px;
    width: 54px;
    height: 54px;
  }

  .whatsapp-float::after {
    display: none;
  }
}

/* ---------- Safer hero spacing ---------- */

@media (max-width: 600px) {
  .hero {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hero-content {
    padding-left: 2px;
    padding-right: 2px;
  }
}


.hero-content {
  max-width: 720px;
}

@media (min-width: 601px) {
  .hero-content {
    padding-left: 10px;
  }
}

@media (max-width: 600px) {
  .hero-content {
    max-width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .hero-description,
  .hero h1 {
    max-width: 100%;
  }
}

/* =========================================================
   V4 — LAYERED COMMAND CENTER / CASE SHOWCASE
   ========================================================= */
.hero-v4{min-height:780px;padding-top:105px;padding-bottom:100px}.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;position:relative;z-index:5}.hero-status{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px;color:#91a1b1;font:500 9px "DM Mono",monospace;letter-spacing:.14em}.status-divider{width:30px;height:1px;background:#2a3b4d}.hero-orbit{position:absolute;border:1px solid rgba(91,242,177,.09);border-radius:50%;pointer-events:none}.hero-orbit-one{width:520px;height:520px;right:-150px;top:40px}.hero-orbit-two{width:700px;height:700px;right:-240px;top:-50px;border-color:rgba(90,169,255,.055)}.hero-interface{position:relative;overflow:hidden;border:1px solid #2c4255;background:linear-gradient(135deg,rgba(91,242,177,.025),transparent 35%),#060c13;box-shadow:0 30px 100px rgba(0,0,0,.5),inset 0 0 70px rgba(90,169,255,.025)}.hero-interface:before{content:"";position:absolute;inset:10px;border:1px solid rgba(91,242,177,.045);pointer-events:none}.interface-header,.interface-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:#6f8092;font:10px "DM Mono",monospace}.interface-header{border-bottom:1px solid #1d2c3b}.interface-live{display:inline-flex;align-items:center;gap:7px;color:var(--green)}.interface-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.65)}}.interface-body{padding:30px}.interface-heading span{display:block;color:#647588;font:10px "DM Mono",monospace}.interface-heading strong{display:block;margin-top:5px;color:var(--text);font:500 27px "DM Mono",monospace}.matrix{position:relative;min-height:330px;margin-top:25px;border:1px solid #172a3a;background:linear-gradient(rgba(25,52,67,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(25,52,67,.35) 1px,transparent 1px);background-size:33px 33px;overflow:hidden}.matrix:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(91,242,177,.055),transparent 55%)}.matrix-node{position:absolute;z-index:3;width:118px;padding:12px;border:1px solid #315064;background:rgba(6,13,20,.94);box-shadow:0 10px 30px rgba(0,0,0,.3)}.matrix-node small,.matrix-node span{display:block;color:#607286;font:8px "DM Mono",monospace}.matrix-node strong{display:block;margin:5px 0;color:var(--green);font:500 12px "DM Mono",monospace}.node-client{left:20px;top:34px}.node-data{right:20px;top:45px}.node-lead{left:65px;bottom:38px}.node-report{right:65px;bottom:30px}.matrix-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.6;transform-origin:left center}.line-a{width:190px;left:130px;top:80px;transform:rotate(5deg)}.line-b{width:210px;left:135px;top:120px;transform:rotate(52deg)}.line-c{width:210px;left:170px;top:250px;transform:rotate(-12deg)}.terminal-lines{margin-top:20px;padding:15px;border-left:2px solid #234353;background:#071018}.terminal-lines p{margin:5px 0;color:#718396;font:10px "DM Mono",monospace}.terminal-lines p span{color:var(--green)}.interface-footer{margin-top:25px;padding:15px 0 0;border-top:1px solid #1d2c3b}.hero-metrics{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}.hero-metrics div{display:grid;gap:2px;padding-left:13px;border-left:1px solid #26394b}.hero-metrics strong{color:var(--green);font:500 13px "DM Mono",monospace}.hero-metrics span{color:#69788a;font:9px "DM Mono",monospace;text-transform:uppercase}.section-tight{padding-top:90px}.framework-grid{display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:1fr 1fr;gap:15px;margin-top:55px}.framework-card{position:relative;min-height:200px;padding:28px;border:1px solid var(--line);background:#0a1119;overflow:hidden}.framework-main{grid-row:1/3;min-height:415px;background:radial-gradient(circle at 80% 20%,rgba(91,242,177,.08),transparent 35%),#0a1119}.framework-card .card-number{color:var(--green);font:10px "DM Mono",monospace}.framework-card h3{max-width:480px;margin:45px 0 12px;font-size:21px;line-height:1.25}.framework-card p{max-width:540px;color:var(--muted);font-size:14px}.framework-bars{position:absolute;right:30px;bottom:30px;display:flex;align-items:end;gap:7px;height:100px}.framework-bars span{width:10px;background:var(--green);opacity:.35}.framework-bars span:nth-child(1){height:38%}.framework-bars span:nth-child(2){height:65%}.framework-bars span:nth-child(3){height:50%}.framework-bars span:nth-child(4){height:88%}.case-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:55px}.case-image-wrap{position:relative;min-height:450px;overflow:hidden;border:1px solid #2a4154;background:#071019}.case-image{width:100%;height:100%;min-height:450px;object-fit:cover}.image-badge{position:absolute;left:20px;bottom:20px;padding:12px 15px;border:1px solid #3a596d;background:rgba(4,9,14,.88);backdrop-filter:blur(10px)}.image-badge span,.image-badge strong{display:block}.image-badge span{color:var(--green);font:9px "DM Mono",monospace}.image-badge strong{margin-top:3px;font:500 11px "DM Mono",monospace}.case-summary{padding:35px;border:1px solid var(--line);background:#0a1119}.case-summary h3{margin:28px 0 14px;font-size:26px;line-height:1.2}.case-summary p{color:var(--muted);font-size:14px}.case-stats{display:grid;margin-top:35px}.case-stats div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.case-stats strong{color:var(--green);font:500 12px "DM Mono",monospace}.case-stats span{color:#748395;font:10px "DM Mono",monospace}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.testimonial{min-height:300px;padding:30px;border:1px solid var(--line);background:#0a1119}.testimonial-featured{border-color:#2e4c5f;background:radial-gradient(circle at 50% 0,rgba(91,242,177,.08),transparent 50%),#0b141d}.quote-mark{color:var(--green);font:700 45px Georgia,serif;line-height:1}.testimonial blockquote{margin:18px 0 35px;color:#c5d0d9;font-size:15px;line-height:1.7}.testimonial-person{display:flex;align-items:center;gap:11px}.avatar{width:35px;height:35px;display:grid;place-items:center;border:1px solid #2f4d5e;color:var(--green);font:10px "DM Mono",monospace}.testimonial-person strong,.testimonial-person span{display:block}.testimonial-person strong{font-size:11px}.testimonial-person span{color:#657587;font:8px "DM Mono",monospace}.section-description,.prose,.card p,.workflow-item p{font-size:14px}.cta-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:950px){.hero-v4{min-height:auto}.hero-layout{grid-template-columns:1fr;gap:55px}.hero-interface{max-width:720px}.framework-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.framework-main{grid-column:1/3;grid-row:auto;min-height:300px}.case-showcase{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr 1fr}.testimonial:last-child{grid-column:1/3}}
@media(max-width:600px){.hero-v4{padding-top:55px;padding-bottom:70px}.hero-layout{width:min(var(--max),calc(100% - 36px))}.interface-body{padding:20px}.matrix{min-height:280px}.matrix-node{width:100px}.node-client{left:10px}.node-data{right:10px}.node-lead{left:25px;bottom:25px}.node-report{right:25px;bottom:20px}.line-a{width:125px;left:110px}.line-b{width:145px;left:105px}.line-c{width:140px;left:120px}.framework-grid{grid-template-columns:1fr}.framework-main{grid-column:auto}.case-image-wrap,.case-image{min-height:290px}.testimonial-grid{grid-template-columns:1fr}.testimonial:last-child{grid-column:auto}.cta-actions{display:grid}.cta-actions .button{width:100%}}