/* Preview: luxury tech — navy + cyan. Homepage only via body.theme-tech */
.theme-tech {
  --brown: #eef4fb;
  --orange: #6ee0f0;
  --orange2: #4ec8dc;
  --orange3: #8aebf7;
  --peach: #122033;
  --peach2: #1a2d48;
  --peach3: #0e1624;
  --rose: #101826;
  --bg: #070b12;
  --white: #0e1520;
  --text: #eef4fb;
  --text2: #9aacc2;
  --text3: #6d7f96;
  --border: rgba(126, 184, 255, 0.12);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.38);
  --ink: #eef4fb;
}

.theme-tech {
  background: var(--bg);
  color: var(--text);
}
.theme-tech ::selection {
  background: rgba(110, 224, 240, 0.28);
  color: #eef4fb;
}

.theme-tech .grain {
  opacity: 0.055;
  mix-blend-mode: overlay;
}

.theme-tech #dot-canvas { opacity: 0.45; }
.theme-tech .blob-1 {
  background: radial-gradient(circle, #1a4db8 0%, transparent 70%);
  opacity: 0.28;
}
.theme-tech .blob-2 {
  background: radial-gradient(circle, #0a2a6e 0%, transparent 70%);
  opacity: 0.22;
}
.theme-tech .blob-3 {
  background: radial-gradient(circle, #6ee0f0 0%, transparent 70%);
  opacity: 0.08;
}

.theme-tech .nav-inner {
  background: rgba(8, 12, 20, 0.7);
  border-color: rgba(126, 184, 255, 0.12);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 12px 40px rgba(0, 0, 0, 0.28);
}
.theme-tech nav.scrolled .nav-inner {
  background: rgba(8, 12, 20, 0.9);
  border-color: rgba(126, 184, 255, 0.16);
}
.theme-tech .nav-logo img,
.theme-tech .footer-logo img {
  filter: hue-rotate(198deg) saturate(1.2) brightness(1.12);
}
.theme-tech .nav-logo .tidy,
.theme-tech .hero-logo .tidy { color: #f4f8fc; }
.theme-tech .nav-logo .bricks,
.theme-tech .hero-logo .bricks { color: #6ee0f0; }

.theme-tech .nav-links a { color: var(--text2); }
.theme-tech .nav-links a:hover { color: #f4f8fc; background: transparent; }
.theme-tech .nav-links a.active {
  color: #f4f8fc;
  background: transparent;
  box-shadow: inset 0 -1px 0 #6ee0f0;
}

.theme-tech .lang-switch a { color: var(--text3); }
.theme-tech .lang-switch a:hover,
.theme-tech .lang-switch a.is-active {
  color: #f4f8fc;
  background: transparent;
}
.theme-tech .lang-switch a.is-active {
  box-shadow: inset 0 -1px 0 #6ee0f0;
}

.theme-tech .btn-nav,
.theme-tech .btn-hero,
.theme-tech .btn-fill {
  background: #f4f8fc;
  color: #071018;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}
.theme-tech .btn-nav:hover,
.theme-tech .btn-hero:hover,
.theme-tech .btn-fill:hover {
  background: #ffffff;
  color: #071018;
}
.theme-tech .cta-section .btn-fill {
  background: #6ee0f0;
  color: #071018;
}
.theme-tech .cta-section .btn-fill:hover { background: #8aebf7; }

.theme-tech .btn-hero-ghost {
  border-color: rgba(238, 244, 251, 0.18);
  color: #eef4fb;
}
.theme-tech .btn-hero-ghost:hover {
  background: rgba(238, 244, 251, 0.05);
  border-color: rgba(238, 244, 251, 0.4);
  color: #f4f8fc;
}

.theme-tech .nav-toggle {
  background: #121826;
  border-color: rgba(126, 184, 255, 0.16);
}
.theme-tech .nav-toggle span { background: #eef4fb; }
.theme-tech .nav-mobile-panel {
  background: rgba(8, 12, 20, 0.96);
  border-color: rgba(126, 184, 255, 0.12);
}

.theme-tech .hero-badge,
.theme-tech .badge {
  background: transparent;
  border-color: rgba(126, 184, 255, 0.16);
  color: var(--text2);
}
.theme-tech .hero-badge .dot { background: #6ee0f0; }
.theme-tech .hero-tagline { color: #f4f8fc; }
.theme-tech .hero-sub { color: var(--text2); }
.theme-tech .hero-logo-mark .piece path { stroke: #070b12; }
.theme-tech .hero-logo-mark .piece path[fill="#c1592f"],
.theme-tech .atlas-piece path[fill="#c1592f"] { fill: #1560d8; }
.theme-tech .hero-logo-mark .piece path[fill="#2b211d"],
.theme-tech .atlas-piece path[fill="#2b211d"] { fill: #6ee0f0; }

.theme-tech .section-title { color: #f4f8fc; }
.theme-tech .section-title em { color: #6ee0f0; }
.theme-tech .section-sub,
.theme-tech .flow-txt,
.theme-tech .why-pillar-txt { color: var(--text2); }

.theme-tech .atlas-section.products-bg,
.theme-tech .products-bg {
  background:
    radial-gradient(circle at 18% 20%, rgba(21, 96, 216, 0.18), transparent 42%),
    radial-gradient(circle at 88% 70%, rgba(110, 224, 240, 0.06), transparent 40%),
    #070b12;
}
.theme-tech .atlas-row {
  border-bottom-color: rgba(126, 184, 255, 0.1);
}
.theme-tech .atlas-list { border-top-color: rgba(126, 184, 255, 0.1); }
.theme-tech .atlas-row strong { color: #f4f8fc; }
.theme-tech .atlas-row.is-active .atlas-row__n,
.theme-tech .atlas-row.is-active .atlas-row__go,
.theme-tech .atlas-row:hover .atlas-row__go { color: #6ee0f0; }
.theme-tech .atlas-row__d { color: var(--text2); }
.theme-tech .atlas-logo svg { filter: drop-shadow(0 18px 36px rgba(0, 20, 60, 0.45)); }

@media (max-width: 1024px) {
  .theme-tech .atlas-row {
    background: #101826;
    border-color: rgba(126, 184, 255, 0.12);
  }
  .theme-tech .atlas-row.is-active {
    border-color: rgba(110, 224, 240, 0.4);
    background: #101826;
  }
}

.theme-tech .how-bg {
  background: #0b111c;
}
.theme-tech .how-bg::before { opacity: 0.25; }
.theme-tech .flow-step,
.theme-tech .why-pillar,
.theme-tech .why-stat {
  background: #101826;
  border-color: rgba(126, 184, 255, 0.1);
}
.theme-tech .flow-step:hover,
.theme-tech .why-pillar:hover {
  border-color: rgba(110, 224, 240, 0.35);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
.theme-tech .flow-ico {
  border-color: rgba(126, 184, 255, 0.16);
  color: #6ee0f0;
}
.theme-tech .method-note {
  border-color: rgba(126, 184, 255, 0.12);
  color: var(--text2);
}

.theme-tech .why-bg {
  background: linear-gradient(180deg, #0a1220 0%, #070b12 100%);
}
.theme-tech .why-stat-num { color: #f4f8fc; }

.theme-tech .cta-section { background: #070b12; }
.theme-tech .cta-box {
  background: #0a1424;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(126, 184, 255, 0.1);
}
.theme-tech .cta-box h2 { color: #f4f8fc; }
.theme-tech .cta-box p { color: rgba(238, 244, 251, 0.55); }

.theme-tech footer {
  background: #05070c;
  color: #eef4fb;
}
.theme-tech footer::before {
  background: radial-gradient(circle, rgba(21, 96, 216, 0.22) 0%, transparent 70%);
}
.theme-tech .footer-logo .tidy { color: #f4f8fc; }
.theme-tech .footer-logo .bricks { color: #6ee0f0; }
.theme-tech .footer-tagline { color: rgba(238, 244, 251, 0.52); }
.theme-tech .footer-address { color: rgba(238, 244, 251, 0.36); }
.theme-tech .footer-col h4 { color: #6ee0f0; }
.theme-tech .footer-col a { color: rgba(238, 244, 251, 0.52); }
.theme-tech .footer-address a:hover,
.theme-tech .footer-col a:hover,
.theme-tech .footer-links a:hover { color: #6ee0f0; }
.theme-tech .footer-bottom { border-top-color: rgba(238, 244, 251, 0.08); }
.theme-tech .footer-bottom p,
.theme-tech .footer-links a { color: rgba(238, 244, 251, 0.32); }
.theme-tech .footer-mark__logo {
  opacity: 0.22;
  filter: hue-rotate(198deg) saturate(1.15) brightness(1.2);
}
.theme-tech .footer-mark__text .tidy { color: rgba(244, 248, 252, 0.07); }
.theme-tech .footer-mark__text .bricks { color: rgba(110, 224, 240, 0.12); }

.theme-tech .soon__badge {
  background: #122033;
  border-color: rgba(126, 184, 255, 0.16);
  color: #9aacc2;
}
.theme-tech .soon__badge-dot { background: #6ee0f0; }
.theme-tech .soon__brick { color: #6ee0f0; }
.theme-tech .soon__title { color: #f4f8fc; }
.theme-tech .soon__lead { color: #9aacc2; }
.theme-tech .soon__tag {
  background: rgba(16, 24, 38, 0.8);
  border-color: rgba(126, 184, 255, 0.14);
  color: #9aacc2;
}
.theme-tech .soon__note { color: #6d7f96; }
.theme-tech .soon__note a { color: #6ee0f0; }
.theme-tech .btn-outline {
  border-color: rgba(238, 244, 251, 0.2);
  color: #eef4fb;
}

/* mcube / legal footers — same TidyBricks lockup */
.close {
  background: #05070c !important;
  color: #eef4fb;
}
.close::before {
  background: radial-gradient(circle, rgba(21, 96, 216, 0.22), transparent 70%) !important;
}
.close::after {
  background: radial-gradient(circle, rgba(110, 224, 240, 0.1), transparent 70%) !important;
}
.tb-footer { color: rgba(238, 244, 251, 0.5); }
.tb-footer .footer-brand-name { color: #f4f8fc; }
.tb-footer .footer-brand-by,
.tb-footer .footer-tagline,
.tb-footer .footer-col a,
.tb-footer .footer-bottom a { color: rgba(238, 244, 251, 0.48); }
.tb-footer .footer-brand-by a { color: #6ee0f0; }
.tb-footer .footer-brand-by a:hover,
.tb-footer .footer-col a:hover,
.tb-footer .footer-address a:hover,
.tb-footer .footer-bottom a:hover { color: #8aebf7; }
.tb-footer .footer-address { color: rgba(238, 244, 251, 0.36); }
.tb-footer .footer-col h4 { color: rgba(238, 244, 251, 0.7); }
.tb-footer .footer-home a {
  color: #eef4fb;
  border-color: rgba(238, 244, 251, 0.16);
}
.tb-footer .footer-bottom { border-top-color: rgba(238, 244, 251, 0.08); }
.tb-footer .footer-mark { color: rgba(110, 224, 240, 0.06); }
.tb-footer .footer-mark__logo {
  filter: hue-rotate(198deg) saturate(1.1) brightness(1.15);
  opacity: 0.28;
}

/* Film grain from Nos modules downward — behind content, not on the hero */
.theme-tech .products-bg,
.theme-tech .how-bg,
.theme-tech .why-bg,
.theme-tech .cta-section,
.theme-tech footer {
  position: relative;
  isolation: isolate;
}
.theme-tech .products-bg::after,
.theme-tech .how-bg::after,
.theme-tech .why-bg::after,
.theme-tech .cta-section::after,
.theme-tech footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
  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='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
  background-size: 160px 160px;
}
.theme-tech .products-bg > *,
.theme-tech .how-bg > *,
.theme-tech .why-bg > *,
.theme-tech .cta-section > *,
.theme-tech footer > * {
  position: relative;
  z-index: 1;
}