:root {
  --ink: #06090b;
  --navy: #0b1012;
  --navy-soft: #182226;
  --paper: #f1f4f2;
  --paper-soft: #b8c6c5;
  --blue: #71999e;
  --cyan: #9adfe4;
  --lime: #aee8df;
  --coral: #d0ad7a;
  --violet: #a9b0b2;
  --line: rgba(224, 236, 234, .16);
  --line-dark: rgba(12, 18, 20, .16);
  --acid: #aee8df;
}

body {
  color: var(--paper);
  background: #06090b;
}

body::before {
  background:
    radial-gradient(circle at 78% 12%, rgba(142, 211, 216, .11), transparent 30%),
    radial-gradient(circle at 18% 16%, rgba(208, 173, 122, .07), transparent 27%),
    linear-gradient(180deg, #0c1113 0%, #070b0d 52%, #0b1113 100%);
}

body::after {
  opacity: .08;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mask-image: none;
}

.cursor { border-color: var(--cyan); }
body.is-pointer-active .cursor { background: rgba(154, 223, 228, .15); }

.site-header {
  border-color: rgba(226, 239, 237, .11);
  background: rgba(7, 11, 13, .82);
}

.brand-logo { filter: drop-shadow(0 0 18px rgba(154, 223, 228, .14)); }
.nav { color: rgba(238, 244, 242, .72); }
.nav a:hover { color: var(--paper); background: rgba(238, 244, 242, .08); }

.btn-primary {
  color: #071012;
  background: linear-gradient(135deg, #b7ebe1, #93d5da);
  box-shadow: 0 18px 54px rgba(123, 196, 201, .17);
}

.btn-ghost { border-color: rgba(226, 239, 237, .2); color: var(--paper); background: rgba(8, 13, 15, .16); }
.eyebrow { color: var(--paper-soft); }
.lead { color: rgba(232, 239, 237, .74); }

.marquee {
  border-color: rgba(225, 237, 235, .18);
  color: #0a1315;
  background: linear-gradient(90deg, #9cd8d6, #d8ded7 48%, #c8a77a 118%);
}

.metrics-strip {
  border-color: var(--line);
  background:
    radial-gradient(circle at 14% 10%, rgba(154, 223, 228, .1), transparent 31%),
    linear-gradient(180deg, #0b1012, #080c0e);
}

.metric-card,
.blog-card,
.partner-grid article,
.ai-api-panel,
.ai-capabilities article,
.ai-case-card,
.owned-product-card,
.project-card,
.process-timeline article,
.contact-form,
.private-vault {
  border-color: rgba(224, 236, 234, .14);
  background:
    radial-gradient(circle at 82% 16%, rgba(154, 223, 228, .1), transparent 32%),
    linear-gradient(145deg, rgba(24, 34, 38, .88), rgba(8, 12, 14, .94));
  box-shadow: 0 22px 68px rgba(0, 0, 0, .22);
}

.blog-card span { color: rgba(170, 222, 224, .86); }
.blog-card p { color: rgba(232, 239, 237, .7); }

.blog-list article,
.blog-list article:first-child {
  border-color: rgba(224, 236, 234, .14);
  background:
    radial-gradient(circle at 84% 12%, rgba(154, 223, 228, .09), transparent 32%),
    linear-gradient(145deg, rgba(24, 34, 38, .86), rgba(8, 12, 14, .94));
}

.topic-links a,
.blog-services a { border-color: rgba(224, 236, 234, .16); background: rgba(238, 244, 242, .025); }
.article-link { color: #aee8df; }

.partner-strip,
.ai-section,
.owned-product-section,
.private-work-section,
.systems-section,
.case-section,
.contact-section,
.home-case-study,
.logo-strip {
  border-color: var(--line);
  background:
    radial-gradient(circle at 78% 18%, rgba(154, 223, 228, .075), transparent 28%),
    radial-gradient(circle at 16% 74%, rgba(208, 173, 122, .045), transparent 30%),
    linear-gradient(135deg, rgba(238, 244, 242, .035), rgba(238, 244, 242, .012));
}

.systems-section {
  color: var(--paper);
}

.systems-section .eyebrow,
.infra-lab-copy .eyebrow {
  color: rgba(170, 222, 224, .86);
}

.systems-section h2,
.infra-lab-copy h3 {
  color: var(--paper);
}

.infra-lab {
  border-color: rgba(224, 236, 234, .14);
  background:
    radial-gradient(circle at 16% 20%, rgba(154, 223, 228, .1), transparent 30%),
    linear-gradient(135deg, rgba(24, 34, 38, .82), rgba(8, 12, 14, .92));
  box-shadow: 0 36px 110px rgba(0, 0, 0, .3);
}

.infra-lab-copy p:last-child {
  color: rgba(232, 239, 237, .72);
}

.partner-grid span,
.ai-api-head span,
.ai-api-stats span,
.ai-capabilities span,
.ai-case-top span,
.ai-chart-meta span,
.ai-key-row span,
.project-meta span,
.case-row span,
.owned-product-tags span {
  color: rgba(170, 222, 224, .84);
}

.partner-grid article:hover,
.project-card:hover,
.owned-product-card:hover {
  border-color: rgba(183, 235, 225, .3);
  box-shadow: 0 30px 78px rgba(0, 0, 0, .3), 0 0 42px rgba(154, 223, 228, .06);
}

.ai-flow span,
.owned-product-tags span,
.mobile-hero-status span {
  border-color: rgba(174, 232, 223, .22);
  color: rgba(239, 245, 243, .82);
  background: rgba(174, 232, 223, .07);
}

.ai-flow i,
.command-timeline i {
  background: linear-gradient(90deg, transparent, rgba(174, 232, 223, .7), transparent);
}

.infra-dashboard,
.command-panel,
.systems-panel,
.vault-grid article,
.contact-shell {
  border-color: rgba(224, 236, 234, .14);
  background-color: rgba(10, 15, 17, .72);
}

input,
textarea,
select {
  border-color: rgba(224, 236, 234, .17);
  color: var(--paper);
  background: rgba(7, 11, 13, .72);
}

input:focus,
textarea:focus,
select:focus { border-color: rgba(154, 223, 228, .58); box-shadow: 0 0 0 3px rgba(154, 223, 228, .08); }

.case-loader { background: #080d0f; }
.case-loader-line::after { background: linear-gradient(90deg, #9adfe4, #d0ad7a); }
.case-index-hero,
.case-study-hero,
.case-flow-section { border-color: var(--line); }

.case-feature {
  border-color: rgba(224, 236, 234, .15);
  background: #0c1214;
}

.case-prices article,
.case-app-screens-three,
.case-app-screens-three figure {
  border-color: rgba(224, 236, 234, .14);
  background-color: #10171a;
}

.case-price-band,
.case-visit-band {
  background: linear-gradient(135deg, rgba(154, 223, 228, .075), rgba(208, 173, 122, .045));
}

.case-feature-copy,
.case-stat,
.case-panel,
.case-quote,
.case-deliverable,
.case-result {
  border-color: rgba(224, 236, 234, .14);
  background-color: #10171a;
}

.case-feature .btn,
.case-study-main .btn-primary { background: linear-gradient(135deg, #b7ebe1, #93d5da); color: #071012; }

.site-footer {
  border-color: var(--line);
  background:
    radial-gradient(circle at 72% 18%, rgba(154, 223, 228, .08), transparent 28%),
    linear-gradient(180deg, #080c0e, #050708);
}

.cookie-panel {
  border-color: rgba(226, 239, 237, .2);
  background:
    radial-gradient(circle at 82% 14%, rgba(154, 223, 228, .1), transparent 32%),
    rgba(9, 14, 16, .97);
  box-shadow: 0 34px 110px rgba(0, 0, 0, .5);
}

.cookie-toggle {
  border-color: rgba(226, 239, 237, .14);
  background: rgba(238, 244, 242, .05);
}

.cookie-toggle input { accent-color: #9adfe4; }
.cookie-close { border-color: rgba(226, 239, 237, .42); background: rgba(238, 244, 242, .09); }
.cookie-actions .btn-ghost { border-color: rgba(226, 239, 237, .19); background: rgba(238, 244, 242, .065); }
.cookie-actions .cookie-decision { border-color: #9adfe4; }
.cookie-actions .cookie-reject { color: #071012; background: #9adfe4; }

.footer-network {
  border-color: rgba(174, 232, 223, .2);
  background:
    radial-gradient(circle at 50% 50%, rgba(154, 223, 228, .18), transparent 32%),
    linear-gradient(145deg, rgba(20, 30, 34, .94), rgba(6, 10, 12, .98));
  box-shadow:
    inset 0 0 46px rgba(154, 223, 228, .055),
    0 18px 52px rgba(0, 0, 0, .24);
}

.footer-network::before,
.footer-network::after {
  border-top-color: rgba(174, 232, 223, .54);
  filter: drop-shadow(0 0 7px rgba(154, 223, 228, .52));
}

.footer-network i {
  border-left-color: rgba(208, 173, 122, .5);
  filter: drop-shadow(0 0 7px rgba(208, 173, 122, .42));
}

.footer-network span {
  border-color: rgba(174, 232, 223, .42);
  color: rgba(241, 244, 242, .94);
  background:
    radial-gradient(circle at 28% 20%, rgba(174, 232, 223, .16), transparent 38%),
    rgba(9, 16, 19, .94);
  box-shadow:
    inset 0 0 16px rgba(174, 232, 223, .06),
    0 0 22px rgba(154, 223, 228, .22);
}

.footer-network span:nth-child(even) {
  border-color: rgba(208, 173, 122, .4);
  box-shadow:
    inset 0 0 16px rgba(208, 173, 122, .055),
    0 0 22px rgba(208, 173, 122, .16);
}

@media (max-width: 720px) {
  body::before {
    background:
      radial-gradient(circle at 76% 8%, rgba(154, 223, 228, .14), transparent 30%),
      radial-gradient(circle at 12% 16%, rgba(208, 173, 122, .07), transparent 28%),
      linear-gradient(180deg, #0c1113 0%, #070b0d 54%, #0b1113 100%);
  }

  .site-header {
    border-color: rgba(226, 239, 237, .15);
    background: linear-gradient(135deg, rgba(238, 244, 242, .08), rgba(238, 244, 242, .025)), rgba(7, 11, 13, .88);
    box-shadow: 0 18px 54px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(238, 244, 242, .1);
  }

  .site-header::after {
    border-color: rgba(174, 232, 223, .19);
    color: rgba(238, 244, 242, .76);
    background: rgba(174, 232, 223, .07);
  }

  .mobile-app-nav {
    border-color: rgba(226, 239, 237, .16);
    background:
      radial-gradient(circle at 18% 0, rgba(154, 223, 228, .12), transparent 34%),
      linear-gradient(135deg, rgba(238, 244, 242, .09), rgba(238, 244, 242, .035)),
      rgba(8, 12, 14, .92);
  }

  .mobile-app-nav a { color: rgba(238, 244, 242, .58); }
  .mobile-app-nav a.is-active,
  .mobile-app-nav a:focus-visible { color: var(--paper); background: radial-gradient(circle at 50% 0, rgba(154, 223, 228, .18), transparent 48%), rgba(238, 244, 242, .08); }
  .mobile-app-nav a.is-active::after { background: linear-gradient(90deg, #aee8df, #9adfe4); }
  .mobile-nav-icon { border-color: rgba(154, 223, 228, .3); background: rgba(154, 223, 228, .07); }
}