:root {
      color-scheme: dark;
      --bg: #080a0f;
      --bg-soft: #0c1017;
      --surface: #0f141d;
      --surface-2: #131b25;
      --surface-3: #18232e;
      --green: #0ec47e;
      --green-bright: #05f5a0;
      --green-dim: #0a8f62;
      --text: #f4f8f6;
      --muted: #a5b1ba;
      --subtle: #73808b;
      --line: rgba(220, 242, 233, .11);
      --line-strong: rgba(220, 242, 233, .18);
      --shadow: 0 28px 90px rgba(0, 0, 0, .38);
      --radius: 22px;
      --container: 1180px;
      --ease: cubic-bezier(.2, .75, .25, 1);
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 94px; background: var(--bg); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: clip; }
    body {
      margin: 0;
      width: 100%; max-width: 100%; min-width: 0;
      background: var(--bg);
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
      overflow-x: clip;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body::before {
      position: fixed;
      z-index: -2;
      inset: 0;
      content: "";
      pointer-events: none;
      background:
        radial-gradient(ellipse at 76% 7%, rgba(14, 196, 126, .09), transparent 34%),
        radial-gradient(ellipse at 12% 38%, rgba(8, 81, 72, .11), transparent 33%),
        linear-gradient(180deg, #080a0f 0%, #090c12 54%, #080a0f 100%);
    }
    body::after {
      position: fixed;
      z-index: -1;
      inset: 0;
      content: "";
      pointer-events: none;
      opacity: .2;
      background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: linear-gradient(to bottom, black, transparent 72%);
    }
    img, svg { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { color: inherit; }
    ::selection { color: #04130d; background: var(--green-bright); }
    :focus-visible { outline: 2px solid var(--green-bright); outline-offset: 4px; }
    .container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; padding-left: max(0px, env(safe-area-inset-left, 0px)); padding-right: max(0px, env(safe-area-inset-right, 0px)); }
    .hero-grid > *, .architecture-grid > *, .method-grid > *, .proof-layout > *, .case-grid > *, .pricing-grid > *, .contact-card > * { min-width: 0; }
    .section { position: relative; padding: 112px 0; }
    .section-compact { padding: 82px 0; }
    .section-line { border-top: 1px solid rgba(255,255,255,.06); }
    .skip-link {
      position: fixed; z-index: 200; top: 12px; left: 12px; padding: 12px 16px;
      transform: translateY(-160%); border-radius: 10px; background: var(--green-bright); color: #04130d; font-weight: 750;
    }
    .skip-link:focus { transform: translateY(0); }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

    .eyebrow {
      display: inline-flex; align-items: center; gap: 10px; color: #b7c6c0;
      font-size: .76rem; line-height: 1.2; font-weight: 720; letter-spacing: .13em; text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 16px rgba(5,245,160,.75); }
    .section-heading { max-width: 720px; margin-bottom: 46px; }
    .section-heading.center { margin-inline: auto; text-align: center; }
    .section-heading.center .eyebrow { justify-content: center; }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 { line-height: 1.08; letter-spacing: -.045em; }
    h1 { margin-bottom: 23px; font-size: clamp(2.35rem, 4.7vw, 4rem); font-weight: 690; line-height: 1.05; }
    h2 { margin: 17px 0 17px; font-size: clamp(2.1rem, 4vw, 3.55rem); font-weight: 660; }
    h3 { margin-bottom: 12px; font-size: 1.25rem; font-weight: 660; }
    .gradient-text {
      color: var(--green-bright);
      background: linear-gradient(100deg, #ecfff6 2%, #8af8c7 39%, #0ec47e 100%);
      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
    .lead { color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.75; }
    .muted { color: var(--muted); }
    .small-note { color: var(--subtle); font-size: .83rem; }

    /* Intro screen modeled on the original DEVIRT loader */
    .site-loader { position: fixed; z-index: 99999; inset: 0; overflow: hidden; pointer-events: none; }
    .site-loader[hidden] { display: none; }
    .loader-panel { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; background: #080a0f; opacity: 1; }
    .loader-wordmark { display: flex; align-items: baseline; color: #f1f5f9; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: clamp(2.5rem, 9vw, 3.5rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
    .loader-text { display: inline-block; transform: translateY(80px); opacity: 0; filter: blur(10px); }
    .loader-text.accent { color: #34d399; }
    .loader-text.light { color: #f1f5f9; }
    .loader-curtains { position: absolute; z-index: 1; inset: 0; display: flex; }
    .loader-curtain { flex: 1 1 0; height: 100%; background: #080a0f; }
    .site-loader.is-playing .loader-text { animation: loader-word-reveal .8s cubic-bezier(.22,1,.36,1) forwards; }
    .site-loader.is-playing .loader-text:nth-child(1) { animation-delay: 0s; }
    .site-loader.is-playing .loader-text:nth-child(2) { animation-delay: .08s; }
    .site-loader.is-playing .loader-text:nth-child(3) { animation-delay: .16s; }
    .site-loader.is-playing .loader-text:nth-child(4) { animation-delay: .24s; }
    .site-loader.is-playing .loader-text:nth-child(5) { animation-delay: .32s; }
    .site-loader.is-playing .loader-panel { animation: loader-panel-fade .4s ease 1.12s forwards; }
    .site-loader.is-playing .loader-curtain { animation: loader-curtain-close 1.2s cubic-bezier(.76,0,.24,1) forwards; }
    .site-loader.is-playing .loader-curtain:nth-child(1) { animation-delay: 1.12s; }
    .site-loader.is-playing .loader-curtain:nth-child(2) { animation-delay: 1.16s; }
    .site-loader.is-playing .loader-curtain:nth-child(3) { animation-delay: 1.20s; }
    .site-loader.is-playing .loader-curtain:nth-child(4) { animation-delay: 1.24s; }
    .site-loader.is-playing .loader-curtain:nth-child(5) { animation-delay: 1.28s; }
    .site-loader.is-playing .loader-curtain:nth-child(6) { animation-delay: 1.32s; }
    .site-loader.is-playing .loader-curtain:nth-child(7) { animation-delay: 1.36s; }
    .site-loader.is-playing .loader-curtain:nth-child(8) { animation-delay: 1.40s; }
    .site-loader.is-playing .loader-curtain:nth-child(9) { animation-delay: 1.44s; }
    .site-loader.is-playing .loader-curtain:nth-child(10) { animation-delay: 1.48s; }
    .site-loader.is-playing .loader-curtain:nth-child(11) { animation-delay: 1.52s; }
    @keyframes loader-word-reveal { to { transform: translateY(0); opacity: 1; filter: blur(0); } }
    @keyframes loader-panel-fade { to { opacity: 0; } }
    @keyframes loader-curtain-close { to { height: 0; } }

    .site-header {
      position: sticky; z-index: 50; top: 0; padding-top: env(safe-area-inset-top, 0px);
      background: rgba(8,10,15,.82);
      border-bottom: 1px solid rgba(255,255,255,.07);
      backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    }
    .scroll-progress { height: 2px; width: 0; background: linear-gradient(90deg, var(--green), var(--green-bright)); box-shadow: 0 0 12px rgba(5,245,160,.5); }
    .back-to-top {
      position: fixed; z-index: 45; right: calc(18px + env(safe-area-inset-right, 0px)); bottom: calc(18px + env(safe-area-inset-bottom, 0px));
      width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(5,245,160,.42); border-radius: 15px;
      color: #04140d; background: linear-gradient(140deg, #1dd58f, #05f5a0); box-shadow: 0 12px 28px rgba(0,0,0,.38), 0 0 24px rgba(14,196,126,.17);
      opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(.96);
      transition: opacity .25s ease, visibility .25s ease, transform .25s var(--ease), box-shadow .25s ease;
    }
    .back-to-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
    .back-to-top:hover { box-shadow: 0 16px 34px rgba(0,0,0,.42), 0 0 30px rgba(14,196,126,.28); }
    .back-to-top svg { width: 21px; height: 21px; }
    .nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
    .brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(14,196,126,.42); border-radius: 11px; background: linear-gradient(145deg, rgba(14,196,126,.18), rgba(14,196,126,.03)); color: var(--green-bright); font-size: 16px; font-weight: 760; letter-spacing: -.08em; box-shadow: inset 0 0 14px rgba(14,196,126,.09); }
    .brand-word { font-size: 1.08rem; font-weight: 760; letter-spacing: .08em; }
    .brand-word span { color: var(--green-bright); }
    .brand-subtitle { display: block; margin-top: -2px; color: var(--subtle); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
    .desktop-nav { display: flex; align-items: center; gap: clamp(18px, 2.7vw, 36px); margin-left: auto; margin-right: auto; }
    .desktop-nav a, .mobile-nav a { position: relative; color: #aab4bc; font-size: .87rem; font-weight: 540; transition: color .22s var(--ease); }
    .desktop-nav a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; content: ""; transform: scaleX(0); transform-origin: right; background: var(--green); transition: transform .25s var(--ease); }
    .desktop-nav a:hover, .mobile-nav a:hover { color: #fff; }
    .desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
    .nav-actions { display: flex; align-items: center; gap: 14px; }
    .nav-email { color: #aab4bc; font-size: .84rem; transition: color .2s ease; }
    .nav-email:hover { color: var(--green-bright); }
    .menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); cursor: pointer; }
    .menu-toggle span { display: block; width: 19px; height: 1.5px; margin: 5px auto; background: #eaf5ef; transition: transform .2s ease, opacity .2s ease; }
    .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
    .mobile-nav { display: none; }

    .btn {
      position: relative; display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 11px;
      padding: 0 20px; border: 1px solid transparent; border-radius: 12px; cursor: pointer;
      font-size: .92rem; font-weight: 700; line-height: 1.2; transition: transform .24s var(--ease), box-shadow .24s var(--ease), background .24s ease, border-color .24s ease, color .24s ease;
    }
    .btn svg { width: 17px; height: 17px; flex: 0 0 auto; transition: transform .24s var(--ease); }
    .btn:hover { transform: translateY(-2px); }
    .btn:hover svg { transform: translateX(3px); }
    .btn-primary { color: #04140d; background: linear-gradient(115deg, #1dd58f 0%, #05f5a0 100%); box-shadow: 0 10px 32px rgba(14,196,126,.2), inset 0 1px rgba(255,255,255,.38); }
    .btn-primary:hover { box-shadow: 0 14px 38px rgba(14,196,126,.32), inset 0 1px rgba(255,255,255,.5); }
    .btn-ghost { color: #e5eeea; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.035); }
    .btn-ghost:hover { border-color: rgba(5,245,160,.45); background: rgba(14,196,126,.075); }
    .btn-small { min-height: 42px; padding-inline: 16px; border-radius: 10px; font-size: .84rem; }
    .text-link { display: inline-flex; align-items: center; gap: 9px; color: #c6d3cd; font-size: .9rem; font-weight: 660; transition: color .2s ease; }
    .text-link svg { width: 17px; height: 17px; transition: transform .2s var(--ease); }
    .text-link:hover { color: var(--green-bright); }
    .text-link:hover svg { transform: translateX(4px); }

    /* Hero */
    .hero { position: relative; min-height: 640px; display: flex; align-items: center; padding: 48px 0 52px; }
    .hero::before { position: absolute; z-index: -1; top: 6%; right: -16%; width: 650px; height: 600px; content: ""; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(14,196,126,.11), rgba(14,196,126,.035) 34%, transparent 69%); filter: blur(12px); }
    .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, 1.05fr); align-items: center; gap: 42px; }
    .hero-copy { position: relative; z-index: 2; max-width: 620px; text-align: center; }
    .hero-copy .eyebrow { margin-bottom: 18px; padding: 10px 14px; border: 1px solid rgba(14,196,126,.22); border-radius: 999px; background: rgba(12,38,29,.45); letter-spacing: .075em; }
    .hero-lockup { display: flex; flex-direction: column; align-items: center; margin: 0 auto 18px; }
    .hero-lockup-wordmark { display: inline-flex; align-items: baseline; color: #fff; font-size: clamp(2rem, 3.1vw, 2.25rem); font-weight: 760; line-height: 1; letter-spacing: -.065em; }
    .hero-lockup-wordmark .mark-accent { color: #34d399; }
    .hero-lockup-wordmark .mark-white { color: #fff; }
    .hero-lockup-subtitle { margin-top: 7px; color: #94a3b8; font-size: .94rem; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; }
    .hero-copy h1 { max-width: 680px; margin: 0 auto 16px; text-wrap: balance; }
    .hero-copy .lead { max-width: 560px; margin: 0 auto 22px; }
    .hero-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
    .hero-caption { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px 17px; margin-top: 20px; color: #82918b; font-size: .8rem; }
    .hero-caption span { display: inline-flex; align-items: center; gap: 7px; }
    .hero-caption svg { width: 14px; height: 14px; color: var(--green); }
    .hero-art { position: relative; min-height: 480px; isolation: isolate; display: grid; place-items: center; perspective: 1200px; }
    .hero-glow { position: absolute; z-index: -2; width: 470px; height: 410px; border-radius: 50%; background: radial-gradient(ellipse, rgba(14,196,126,.16), rgba(14,196,126,.045) 45%, transparent 72%); filter: blur(22px); animation: glow-breathe 7s ease-in-out infinite alternate; }
    .hero-orbit { position: absolute; z-index: -1; width: 510px; height: 330px; border: 1px solid rgba(5,245,160,.12); border-radius: 50%; transform: rotate(-27deg); }
    .hero-orbit::before, .hero-orbit::after { position: absolute; width: 7px; height: 7px; content: ""; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 18px rgba(5,245,160,.85); }
    .hero-orbit::before { top: 21%; left: 12%; }
    .hero-orbit::after { right: 8%; bottom: 24%; width: 5px; height: 5px; opacity: .72; }
    .dashboard-window { position: relative; z-index: 2; width: min(100%, 570px); padding: 10px; overflow: hidden; border: 1px solid rgba(203,255,230,.2); border-radius: 22px; background: linear-gradient(145deg, rgba(23,33,42,.96), rgba(10,15,21,.97)); box-shadow: 0 40px 100px rgba(0,0,0,.48), 0 0 45px rgba(14,196,126,.095), inset 0 1px rgba(255,255,255,.09); transform: rotateY(-5deg) rotateX(2deg); transform-style: preserve-3d; animation: dashboard-in 1s .15s both var(--ease); }
    .window-top { height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 9px; color: #82918b; font-size: .67rem; letter-spacing: .09em; text-transform: uppercase; }
    .window-top-left { display: flex; align-items: center; gap: 8px; }
    .window-dots { display: flex; gap: 4px; }
    .window-dots i { width: 5px; height: 5px; border-radius: 50%; background: #49565e; }
    .window-dots i:first-child { background: var(--green); }
    .concept-tag { padding: 4px 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: #8fa29a; background: rgba(255,255,255,.025); font-size: .58rem; letter-spacing: .05em; }
    .app-shell { min-height: 365px; display: grid; grid-template-columns: 50px 1fr; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: #0a1016; }
    .app-rail { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 13px 0; border-right: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.018); }
    .rail-logo { width: 25px; height: 25px; display: grid; place-items: center; margin-bottom: 8px; border-radius: 8px; color: #06150d; background: var(--green); font-size: .64rem; font-weight: 850; }
    .rail-icon { width: 18px; height: 18px; color: #60716c; }
    .rail-icon.active { color: var(--green-bright); }
    .app-main { min-width: 0; padding: 17px 17px 15px; }
    .app-main-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
    .app-kicker { display: block; margin-bottom: 5px; color: #6e8178; font-size: .58rem; font-weight: 700; letter-spacing: .13em; }
    .app-title { margin: 0; color: #e9f3ee; font-size: .96rem; font-weight: 630; letter-spacing: -.025em; }
    .app-status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid rgba(14,196,126,.2); border-radius: 8px; color: #9bdcbd; background: rgba(14,196,126,.08); font-size: .57rem; white-space: nowrap; }
    .app-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 9px var(--green); }
    .summary-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 10px; }
    .summary-card { min-height: 79px; padding: 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); }
    .summary-label { display: block; margin-bottom: 9px; color: #81908a; font-size: .58rem; }
    .summary-value { color: #eff8f3; font-size: .91rem; font-weight: 650; letter-spacing: -.025em; }
    .summary-value small { color: #8da399; font-size: .57rem; font-weight: 500; letter-spacing: 0; }
    .summary-spark { display: inline-block; width: 34px; height: 12px; margin-left: 5px; vertical-align: middle; }
    .app-lower { display: grid; grid-template-columns: 1.12fr .88fr; gap: 10px; }
    .activity-card, .connections-card { min-height: 190px; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: rgba(255,255,255,.022); }
    .mini-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: #cfddd6; font-size: .65rem; font-weight: 650; }
    .mini-head span:last-child { color: #74857d; font-size: .55rem; font-weight: 500; }
    .chart { width: 100%; height: 103px; overflow: visible; }
    .chart-grid { stroke: rgba(255,255,255,.07); stroke-width: 1; }
    .chart-line { fill: none; stroke: var(--green-bright); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 390; stroke-dashoffset: 390; animation: draw-line 2.2s .6s var(--ease) forwards; }
    .chart-fill { fill: url(#chartFill); opacity: .8; }
    .chart-dot { fill: #07130e; stroke: var(--green-bright); stroke-width: 2; }
    .chart-labels { display: flex; justify-content: space-between; color: #61716b; font-size: .52rem; }
    .connection-list { display: grid; gap: 7px; }
    .connection-row { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 6px; border: 1px solid rgba(255,255,255,.055); border-radius: 7px; background: rgba(255,255,255,.025); }
    .connection-logo { width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 6px; color: #98f5ca; background: rgba(14,196,126,.12); font-size: .57rem; font-weight: 750; }
    .connection-name { min-width: 0; color: #bdc9c3; font-size: .58rem; white-space: nowrap; }
    .connection-check { width: 14px; height: 14px; margin-left: auto; color: var(--green); }
    .float-note { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(209,255,230,.16); border-radius: 13px; background: rgba(15,24,29,.84); box-shadow: 0 18px 35px rgba(0,0,0,.28); backdrop-filter: blur(14px); animation: float 6s ease-in-out infinite; }
    .float-note.top { top: 45px; right: -1px; }
    .float-note.bottom { bottom: 40px; left: -10px; animation-delay: -2.7s; }
    .float-icon { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(14,196,126,.25); border-radius: 9px; color: var(--green-bright); background: rgba(14,196,126,.1); }
    .float-icon svg { width: 15px; height: 15px; }
    .float-copy strong { display: block; color: #eaf5ef; font-size: .68rem; font-weight: 650; }
    .float-copy span { display: block; color: #80918a; font-size: .57rem; }

    /* Credibility strip */
    .trust-strip { position: relative; padding: 25px 0 28px; border-top: 1px solid rgba(255,255,255,.075); border-bottom: 1px solid rgba(255,255,255,.075); background: linear-gradient(90deg, rgba(14,196,126,.025), rgba(255,255,255,.015), rgba(14,196,126,.025)); }
    .trust-grid { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); align-items: center; gap: 25px; }
    .trust-intro { color: #9eaca5; font-size: .78rem; line-height: 1.45; }
    .trust-item { min-height: 47px; display: flex; align-items: center; gap: 12px; padding-left: 22px; border-left: 1px solid var(--line); }
    .trust-icon { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(14,196,126,.2); border-radius: 11px; color: var(--green-bright); background: rgba(14,196,126,.07); }
    .trust-icon svg { width: 17px; height: 17px; }
    .trust-item strong { display: block; color: #e5efe9; font-size: .83rem; font-weight: 650; }
    .trust-item span { display: block; color: #81908a; font-size: .69rem; }
    .tech-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; }
    .tech-strip-label { margin-right: 5px; color: #718078; font-size: .69rem; }
    .tech-pill { padding: 5px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; color: #a2b0a9; background: rgba(255,255,255,.025); font-size: .65rem; font-weight: 550; }

    /* Feature cards */
    .features-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
    .features-intro .section-heading { margin-bottom: 43px; }
    .features-intro .section-heading p { max-width: 560px; margin-bottom: 0; }
    .feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .feature-card {
      --mx: 50%; --my: 50%; position: relative; min-height: 285px; padding: 25px 23px 22px; overflow: hidden;
      border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(150deg, rgba(19,27,37,.88), rgba(11,15,21,.88));
      transition: transform .32s var(--ease), border-color .32s ease, box-shadow .32s ease;
    }
    .feature-card::before { position: absolute; inset: 0; content: ""; opacity: 0; pointer-events: none; background: radial-gradient(250px circle at var(--mx) var(--my), rgba(14,196,126,.12), transparent 70%); transition: opacity .3s ease; }
    .feature-card:hover { transform: translateY(-6px); border-color: rgba(14,196,126,.32); box-shadow: 0 18px 44px rgba(0,0,0,.22); }
    .feature-card:hover::before { opacity: 1; }
    .feature-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
    .feature-icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(14,196,126,.24); border-radius: 14px; color: var(--green-bright); background: linear-gradient(145deg, rgba(14,196,126,.14), rgba(14,196,126,.035)); box-shadow: inset 0 0 15px rgba(14,196,126,.06); }
    .feature-icon svg { width: 21px; height: 21px; }
    .feature-index { color: #46544e; font-size: .66rem; font-weight: 650; letter-spacing: .12em; }
    .feature-card h3 { position: relative; margin-bottom: 10px; font-size: 1.1rem; }
    .feature-card p { position: relative; margin-bottom: 0; color: #94a19b; font-size: .85rem; line-height: 1.68; }
    .card-arrow { position: absolute; right: 21px; bottom: 20px; width: 24px; height: 24px; display: grid; place-items: center; color: #62716a; transition: color .22s ease, transform .22s var(--ease); }
    .card-arrow svg { width: 16px; height: 16px; }
    .feature-card:hover .card-arrow { color: var(--green-bright); transform: translate(2px,-2px); }

    /* Architecture / product presentation */
    .architecture-section { overflow: hidden; border-top: 1px solid rgba(255,255,255,.055); border-bottom: 1px solid rgba(255,255,255,.055); background: linear-gradient(120deg, rgba(14,196,126,.035), transparent 40%, rgba(14,196,126,.025)); }
    .architecture-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 80px; }
    .architecture-copy h2 { max-width: 560px; }
    .architecture-copy .lead { max-width: 510px; }
    .benefit-list { display: grid; gap: 14px; margin: 27px 0 31px; padding: 0; list-style: none; }
    .benefit-list li { display: flex; align-items: flex-start; gap: 12px; color: #cad5cf; font-size: .91rem; }
    .check-round { width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto; margin-top: 1px; border: 1px solid rgba(14,196,126,.28); border-radius: 50%; color: var(--green-bright); background: rgba(14,196,126,.09); }
    .check-round svg { width: 12px; height: 12px; }
    .system-visual { position: relative; min-height: 435px; display: grid; place-items: center; }
    .system-visual::before { position: absolute; width: 400px; height: 400px; content: ""; border: 1px solid rgba(14,196,126,.1); border-radius: 50%; box-shadow: 0 0 80px rgba(14,196,126,.045), inset 0 0 70px rgba(14,196,126,.025); }
    .system-visual::after { position: absolute; width: 310px; height: 310px; content: ""; border: 1px dashed rgba(14,196,126,.18); border-radius: 50%; animation: rotate 38s linear infinite; }
    .system-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
    .system-lines path { fill: none; stroke: rgba(14,196,126,.42); stroke-width: 1; stroke-dasharray: 5 6; }
    .system-node { position: absolute; z-index: 2; min-width: 125px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(15,21,28,.9); box-shadow: 0 14px 34px rgba(0,0,0,.25); backdrop-filter: blur(12px); }
    .system-node strong { display: block; margin-bottom: 2px; color: #eaf4ee; font-size: .77rem; font-weight: 650; }
    .system-node span { display: block; color: #84938c; font-size: .65rem; }
    .system-node .node-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(14,196,126,.65); }
    .node-top { top: 17px; left: 50%; transform: translateX(-50%); }
    .node-left { top: 50%; left: 0; transform: translateY(-50%); }
    .node-right { top: 50%; right: 0; transform: translateY(-50%); }
    .node-bottom { bottom: 17px; left: 50%; transform: translateX(-50%); }
    .system-core { position: relative; z-index: 3; width: 176px; height: 176px; display: grid; place-items: center; border: 1px solid rgba(5,245,160,.39); border-radius: 34px; background: radial-gradient(circle at 30% 20%, rgba(14,196,126,.2), transparent 55%), linear-gradient(145deg, rgba(16,28,32,.98), rgba(8,14,18,.99)); box-shadow: 0 0 0 11px rgba(14,196,126,.035), 0 0 0 24px rgba(14,196,126,.018), 0 26px 65px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.12); text-align: center; }
    .core-mark { width: 42px; height: 42px; display: grid; place-items: center; margin: 0 auto 12px; border: 1px solid rgba(5,245,160,.3); border-radius: 13px; color: #07160f; background: linear-gradient(145deg, #21dd94, #07ab71); font-size: .8rem; font-weight: 850; box-shadow: 0 0 25px rgba(14,196,126,.25); }
    .system-core strong { display: block; color: #eff8f3; font-size: .9rem; letter-spacing: .01em; }
    .system-core span { display: block; margin-top: 4px; color: #91a29a; font-size: .64rem; }
    .system-label { position: absolute; right: 12px; bottom: 11px; z-index: 3; color: #61746b; font-size: .61rem; letter-spacing: .08em; text-transform: uppercase; }

    /* Outcomes */
    .outcomes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
    .outcome { position: relative; padding: 4px 16px 5px 0; }
    .outcome:not(:last-child)::after { position: absolute; top: 6px; right: 0; bottom: 6px; width: 1px; content: ""; background: linear-gradient(transparent, rgba(255,255,255,.12), transparent); }
    .outcome-icon { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 12px; color: var(--green-bright); background: rgba(14,196,126,.08); }
    .outcome-icon svg { width: 20px; height: 20px; }
    .outcome h3 { margin-bottom: 9px; font-size: 1rem; letter-spacing: -.02em; }
    .outcome p { max-width: 240px; margin-bottom: 0; color: #8e9b95; font-size: .82rem; line-height: 1.7; }

    /* Case studies */
    .cases-section { background: linear-gradient(180deg, rgba(255,255,255,.012), transparent 25%, rgba(255,255,255,.012)); }
    .cases-header { display: flex; align-items: end; justify-content: space-between; gap: 26px; margin-bottom: 43px; }
    .cases-header .section-heading { margin: 0; }
    .cases-header .section-heading p { margin-bottom: 0; }
    .case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .case-card { --mx: 50%; --my: 50%; position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(155deg, rgba(18,26,35,.95), rgba(10,14,19,.97)); transition: transform .3s var(--ease), border-color .3s ease, box-shadow .3s ease; }
    .case-card::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background: radial-gradient(260px circle at var(--mx) var(--my), rgba(14,196,126,.1), transparent 75%); transition: opacity .3s ease; }
    .case-card:hover { transform: translateY(-5px); border-color: rgba(14,196,126,.29); box-shadow: 0 24px 50px rgba(0,0,0,.24); }
    .case-card:hover::after { opacity: 1; }
    .case-art { position: relative; height: 210px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.065); background: #0a1016; }
    .case-art::after { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, rgba(8,10,15,.02) 32%, rgba(8,10,15,.28) 100%), linear-gradient(125deg, rgba(14,196,126,.07), transparent 58%); }
    .case-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.84) contrast(1.02); transition: transform .75s var(--ease), filter .4s ease; }
    .case-card:hover .case-image { transform: scale(1.045); filter: saturate(1) contrast(1.02); }

    .case-content { position: relative; z-index: 1; padding: 23px 22px 22px; }
    .case-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; color: #7f9188; font-size: .67rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
    .case-meta span:last-child { padding: 5px 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: #9aaca2; background: rgba(255,255,255,.025); font-size: .59rem; letter-spacing: .02em; text-transform: none; }
    .case-content h3 { margin-bottom: 8px; font-size: 1.18rem; }
    .case-content p { min-height: 68px; margin-bottom: 17px; color: #93a19a; font-size: .83rem; line-height: 1.65; }
    .case-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 19px; }
    .case-tags span { padding: 4px 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; color: #94a29c; background: rgba(255,255,255,.025); font-size: .63rem; }
    .case-content .text-link { font-size: .79rem; }
    .case-stat { display: flex; align-items: center; gap: 9px; margin: 8px 0 16px; padding: 9px 10px; border-left: 2px solid var(--green); color: #b4c4bb; background: rgba(14,196,126,.055); font-size: .72rem; }
    .case-stat strong { color: var(--green-bright); font-size: .98rem; }

    /* Method */
    .method-section { overflow: hidden; }
    .method-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 75px; }
    .method-intro { position: sticky; top: 125px; }
    .method-intro .lead { max-width: 410px; }
    .method-steps { position: relative; display: grid; gap: 0; }
    .method-steps::before { position: absolute; top: 20px; bottom: 27px; left: 20px; width: 1px; content: ""; background: linear-gradient(var(--green), rgba(14,196,126,.08)); }
    .method-step { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 21px; padding: 0 0 35px; }
    .method-step:last-child { padding-bottom: 0; }
    .step-num { position: relative; z-index: 1; width: 41px; height: 41px; display: grid; place-items: center; border: 1px solid rgba(14,196,126,.35); border-radius: 13px; color: var(--green-bright); background: #0d1715; font-size: .75rem; font-weight: 750; box-shadow: 0 0 22px rgba(14,196,126,.06); }
    .method-step h3 { margin: 2px 0 8px; font-size: 1.1rem; }
    .method-step p { max-width: 480px; margin-bottom: 0; color: #919f98; font-size: .86rem; line-height: 1.7; }

    /* Social proof / no fabricated quotes */
    .proof-section { padding: 90px 0; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); background: radial-gradient(ellipse at 70% 50%, rgba(14,196,126,.075), transparent 50%), rgba(255,255,255,.012); }
    .proof-layout { display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; gap: 75px; }
    .proof-copy h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); }
    .proof-copy p { max-width: 440px; margin-bottom: 24px; color: #9ba8a1; line-height: 1.75; }
    .proof-note { display: inline-flex; align-items: flex-start; gap: 10px; max-width: 440px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; color: #8e9d95; background: rgba(255,255,255,.025); font-size: .75rem; line-height: 1.55; }
    .proof-note svg { width: 16px; height: 16px; margin-top: 1px; flex: 0 0 auto; color: var(--green); }
    .proof-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .proof-card { min-height: 162px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(19,28,37,.87), rgba(10,15,20,.92)); }
    .proof-card:first-child { grid-column: span 2; min-height: 185px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: radial-gradient(ellipse at 85% 50%, rgba(14,196,126,.1), transparent 40%), linear-gradient(145deg, rgba(19,28,37,.93), rgba(10,15,20,.92)); }
    .proof-card-label { display: block; margin-bottom: 11px; color: #829188; font-size: .64rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
    .proof-card h3 { margin: 0 0 8px; font-size: 1rem; letter-spacing: -.02em; }
    .proof-card p { max-width: 410px; margin: 0; color: #95a39b; font-size: .78rem; line-height: 1.65; }
    .proof-number { flex: 0 0 auto; color: var(--green-bright); font-size: clamp(2.35rem, 4.5vw, 3.6rem); font-weight: 670; line-height: 1; letter-spacing: -.07em; text-shadow: 0 0 35px rgba(14,196,126,.18); }
    .proof-card-icon { width: 36px; height: 36px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid rgba(14,196,126,.22); border-radius: 11px; color: var(--green-bright); background: rgba(14,196,126,.08); }
    .proof-card-icon svg { width: 17px; height: 17px; }

    /* Investment */
    .pricing-section { position: relative; }
    .pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
    .pricing-card { position: relative; display: flex; flex-direction: column; min-height: 330px; padding: 25px 24px 23px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(150deg, rgba(17,25,33,.86), rgba(10,15,20,.91)); transition: transform .28s var(--ease), border-color .28s ease, box-shadow .28s ease; }
    .pricing-card:hover { transform: translateY(-4px); border-color: rgba(14,196,126,.25); box-shadow: 0 18px 44px rgba(0,0,0,.2); }
    .pricing-card.featured { border-color: rgba(14,196,126,.38); background: radial-gradient(ellipse at 80% 0%, rgba(14,196,126,.12), transparent 45%), linear-gradient(150deg, rgba(17,29,31,.96), rgba(10,16,20,.96)); box-shadow: 0 16px 46px rgba(14,196,126,.06), inset 0 1px rgba(255,255,255,.04); }
    .pricing-badge { position: absolute; top: 16px; right: 16px; padding: 5px 9px; border: 1px solid rgba(14,196,126,.23); border-radius: 999px; color: #9eebc5; background: rgba(14,196,126,.08); font-size: .59rem; font-weight: 700; letter-spacing: .04em; }
    .pricing-kicker { margin-bottom: 13px; color: #90a198; font-size: .73rem; font-weight: 680; letter-spacing: .1em; text-transform: uppercase; }
    .pricing-card h3 { margin-bottom: 9px; font-size: 1.26rem; }
    .pricing-value { margin: 5px 0 15px; color: #eaf4ee; font-size: 1.5rem; font-weight: 670; letter-spacing: -.045em; }
    .pricing-value em { color: var(--green-bright); font-size: 1.25rem; font-style: normal; }
    .pricing-card p { min-height: 49px; margin-bottom: 19px; color: #93a099; font-size: .82rem; line-height: 1.65; }
    .pricing-list { display: grid; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; color: #b4c0b9; font-size: .76rem; }
    .pricing-list li { display: flex; gap: 8px; align-items: flex-start; }
    .pricing-list svg { width: 14px; height: 14px; margin-top: 2px; flex: 0 0 auto; color: var(--green); }
    .pricing-card .btn { width: 100%; margin-top: auto; }
    .pricing-footnote { max-width: 690px; margin: 22px auto 0; color: #7f8d86; font-size: .74rem; text-align: center; }

    /* FAQ */
    .faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; align-items: start; gap: 80px; }
    .faq-intro { position: sticky; top: 125px; }
    .faq-intro .lead { max-width: 360px; font-size: .98rem; }
    .faq-list { border-top: 1px solid var(--line); }
    .faq-list details { border-bottom: 1px solid var(--line); }
    .faq-list summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; color: #e4ece7; font-size: .98rem; font-weight: 620; cursor: pointer; list-style: none; }
    .faq-list summary::-webkit-details-marker { display: none; }
    .faq-list summary::after { width: 26px; height: 26px; display: grid; place-items: center; flex: 0 0 auto; content: "+"; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: var(--green-bright); background: rgba(255,255,255,.025); font-size: 1.1rem; font-weight: 400; transition: transform .2s ease, background .2s ease; }
    .faq-list details[open] summary::after { content: "−"; transform: rotate(180deg); background: rgba(14,196,126,.09); }
    .faq-answer { max-width: 690px; padding: 0 45px 20px 0; color: #99a69f; font-size: .87rem; line-height: 1.75; }
    .faq-answer p:last-child { margin-bottom: 0; }

    /* Contact CTA */
    .contact-section { padding: 30px 0 calc(105px + env(safe-area-inset-bottom, 0px)); }
    .contact-card { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 55px; padding: clamp(28px, 5vw, 56px); overflow: hidden; border: 1px solid rgba(14,196,126,.23); border-radius: 25px; background: radial-gradient(ellipse at 9% 8%, rgba(14,196,126,.16), transparent 37%), radial-gradient(ellipse at 100% 100%, rgba(14,196,126,.09), transparent 40%), linear-gradient(135deg, #111a20, #0b1015 70%); box-shadow: 0 30px 80px rgba(0,0,0,.3); }
    .contact-card::before { position: absolute; top: -110px; right: 18%; width: 260px; height: 260px; content: ""; border: 1px solid rgba(14,196,126,.1); border-radius: 50%; box-shadow: 0 0 0 28px rgba(14,196,126,.018), 0 0 0 58px rgba(14,196,126,.013); pointer-events: none; }
    .contact-copy, .contact-form-wrap { position: relative; z-index: 1; }
    .contact-copy h2 { max-width: 470px; margin-bottom: 18px; font-size: clamp(2.25rem, 4.3vw, 3.65rem); }
    .contact-copy > p { max-width: 430px; margin-bottom: 27px; color: #a1aea7; line-height: 1.74; }
    .contact-detail { display: flex; align-items: center; gap: 12px; margin-top: 18px; color: #9aa89f; font-size: .85rem; }
    .contact-detail .detail-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: var(--green-bright); background: rgba(255,255,255,.025); }
    .contact-detail svg { width: 16px; height: 16px; }
    .contact-detail a { transition: color .2s ease; }
    .contact-detail a:hover { color: var(--green-bright); }
    .contact-form-wrap { padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(7,11,15,.65); box-shadow: 0 16px 40px rgba(0,0,0,.15); backdrop-filter: blur(12px); }
    .form-title { margin-bottom: 5px; color: #ebf4ef; font-size: 1.08rem; font-weight: 650; letter-spacing: -.02em; }
    .form-intro { margin-bottom: 19px; color: #85938c; font-size: .75rem; }
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
    .hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .field-label { color: #aebbb4; font-size: .72rem; font-weight: 570; }
    .turnstile-field[hidden] { display: none !important; }
    .turnstile-slot { min-height: 65px; display: flex; align-items: center; overflow: hidden; }
    .turnstile-slot iframe { max-width: 100%; }
    .field { display: grid; gap: 6px; }
    .field.full { grid-column: 1 / -1; }
    .field label { color: #aebbb4; font-size: .72rem; font-weight: 570; }
    .field input, .field select, .field textarea { width: 100%; min-width: 0; font-size: 16px; line-height: 1.4; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: #e8f1ec; background: #0c1218; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
    .field input, .field select { height: 42px; padding: 0 11px; }
    .field textarea { min-height: 91px; padding: 10px 11px; resize: vertical; }
    .field input::placeholder, .field textarea::placeholder { color: #5f6e67; }
    .field select { color: #aebbb4; }
    .field select:valid { color: #e8f1ec; }
    .field input:focus, .field select:focus, .field textarea:focus { border-color: rgba(5,245,160,.55); background: #0d151a; box-shadow: 0 0 0 3px rgba(14,196,126,.1); }
    .form-submit { width: 100%; margin-top: 14px; }
    .form-submit:disabled { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
    .form-submit:disabled svg { transform: none; }
    .form-footnote { margin: 10px 0 0; color: #718078; font-size: .66rem; text-align: center; }
    .form-status { min-height: 18px; margin: 8px 0 0; color: #9fe8c1; font-size: .72rem; text-align: center; }
    .form-status[data-state="error"] { color: #ffb8b8; }
    .form-status[data-state="success"] { color: #9fe8c1; }

    /* Footer */
    .site-footer { padding: 33px 0 calc(26px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(255,255,255,.07); background: rgba(5,7,10,.66); }
    .footer-top { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 25px; }
    .footer-brand { display: flex; align-items: center; gap: 12px; }
    .footer-brand-copy p { margin: 4px 0 0; color: #728078; font-size: .68rem; }
    .footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 21px; color: #8f9c95; font-size: .77rem; }
    .footer-links a { transition: color .2s ease; }
    .footer-links a:hover { color: var(--green-bright); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.06); color: #69766f; font-size: .69rem; }
    .footer-bottom p { margin: 0; }
    .footer-social { display: flex; align-items: center; gap: 12px; }
    .social-link { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; color: #8e9d95; transition: color .2s ease, border-color .2s ease, background .2s ease; }
    .social-link:hover { color: var(--green-bright); border-color: rgba(14,196,126,.35); background: rgba(14,196,126,.06); }
    .social-link svg { width: 15px; height: 15px; }

    /* Reveal and ambient motion */
    [data-reveal] { opacity: 1; transform: none; }
    .motion-ready [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .75s var(--ease), transform .75s var(--ease); transition-delay: var(--delay, 0ms); }
    .motion-ready [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
    .hero-copy .eyebrow { animation: fade-up .7s .08s both var(--ease); }
    .hero-lockup { animation: fade-up .8s .16s both var(--ease); }
    .hero-copy h1 { animation: fade-up .8s .25s both var(--ease); }
    .hero-copy .lead { animation: fade-up .8s .34s both var(--ease); }
    .hero-copy .hero-actions { animation: fade-up .8s .43s both var(--ease); }
    .hero-copy .hero-caption { animation: fade-up .8s .52s both var(--ease); }
    @keyframes fade-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes dashboard-in { from { opacity: 0; transform: translateY(22px) rotateY(-8deg) rotateX(3deg) scale(.98); } to { opacity: 1; transform: translateY(0) rotateY(-5deg) rotateX(2deg) scale(1); } }
    @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
    @keyframes glow-breathe { from { opacity: .7; transform: scale(.95); } to { opacity: 1; transform: scale(1.08); } }
    @keyframes draw-line { to { stroke-dashoffset: 0; } }
    @keyframes rotate { to { transform: rotate(334deg); } }

    @media (max-width: 1050px) {
      .nav-email { display: none; }
      .hero-grid { grid-template-columns: minmax(0, .88fr) minmax(430px, 1.12fr); gap: 28px; }
      .hero-art { transform: scale(.94); transform-origin: center right; }
      .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .feature-card { min-height: 250px; }
      .feature-top { margin-bottom: 29px; }
      .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .case-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; }
      .case-card:last-child .case-art { height: auto; min-height: 260px; border-right: 1px solid rgba(255,255,255,.065); border-bottom: 0; }
      .case-card:last-child .case-content p { min-height: 0; }
      .architecture-grid { gap: 45px; }
      .method-grid, .faq-layout { gap: 48px; }
      .proof-layout { gap: 45px; }
    }
    @media (max-width: 920px) {
      .hero-grid { grid-template-columns: 1fr; gap: 12px; }
      .hero-copy { max-width: 760px; margin-inline: auto; }
      .hero-art { width: min(100%, 650px); min-height: 450px; margin: -3px auto 0; transform: none; }
      .hero-orbit { width: min(470px, 90vw); height: 310px; }
      .dashboard-window { transform: none; }
      .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .pricing-card:last-child { grid-column: 1 / -1; min-height: 290px; }
    }
    @media (max-width: 820px) {
      html { scroll-padding-top: 78px; }
      .desktop-nav, .nav-actions > .btn { display: none; }
      .nav-wrap { min-height: 68px; }
      .menu-toggle { display: block; }
      .mobile-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: grid; gap: 0; padding: 7px 24px 20px; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(8,10,15,.97); box-shadow: 0 18px 30px rgba(0,0,0,.28); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
      .mobile-nav.open { opacity: 1; visibility: visible; transform: translateY(0); }
      .mobile-nav a { padding: 13px 1px; border-bottom: 1px solid rgba(255,255,255,.055); font-size: .95rem; }
      .mobile-nav .mobile-cta { margin-top: 15px; padding: 0; border: 0; }
      .hero { min-height: auto; padding: 68px 0 58px; }
      .hero-grid { grid-template-columns: 1fr; gap: 18px; }
      .hero-copy { max-width: 720px; }
      .hero-copy h1 { max-width: 720px; }
      .hero-copy .lead { max-width: 620px; }
      .hero-art { width: min(100%, 650px); min-height: 450px; margin: -3px auto 0; transform: none; }
      .hero-orbit { width: 470px; height: 310px; }
      .dashboard-window { transform: none; }
      .trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
      .trust-intro { grid-column: 1 / -1; max-width: 460px; }
      .trust-item:first-of-type { padding-left: 0; border-left: 0; }
      .architecture-grid { grid-template-columns: 1fr; gap: 32px; }
      .architecture-copy { max-width: 670px; }
      .system-visual { width: min(100%, 620px); min-height: 430px; margin-inline: auto; }
      .outcomes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 31px; }
      .outcome:nth-child(2)::after { display: none; }
      .case-grid { grid-template-columns: 1fr 1fr; }
      .case-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; }
      .case-card:last-child .case-art { height: auto; min-height: 260px; border-right: 1px solid rgba(255,255,255,.065); border-bottom: 0; }
      .case-card:last-child .case-content p { min-height: 0; }
      .method-grid, .faq-layout { grid-template-columns: 1fr; gap: 34px; }
      .method-intro, .faq-intro { position: static; }
      .method-intro .lead { max-width: 650px; }
      .faq-intro .lead { max-width: 580px; }
      .proof-layout { grid-template-columns: 1fr; gap: 32px; }
      .proof-copy { max-width: 680px; }
      .proof-copy p { max-width: 630px; }
      .pricing-grid { grid-template-columns: 1fr 1fr; }
      .pricing-card:last-child { grid-column: 1 / -1; min-height: 290px; }
      .contact-card { grid-template-columns: 1fr; gap: 30px; }
      .contact-copy { max-width: 620px; }
    }
    @media (max-width: 600px) {
      .container { width: min(100% - 36px, var(--container)); }
      .section { padding: 79px 0; }
      .section-compact { padding: 62px 0; }
      .section-heading { margin-bottom: 32px; }
      h1 { font-size: clamp(2rem, 6.4vw, 2.55rem); line-height: 1.08; }
      h2 { font-size: clamp(2rem, 9vw, 2.75rem); }
      .nav-wrap { min-height: 64px; }
      .back-to-top { right: calc(14px + env(safe-area-inset-right, 0px)); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); width: 46px; height: 46px; border-radius: 14px; }
      .brand-mark { width: 31px; height: 31px; border-radius: 10px; }
      .brand-word { font-size: 1rem; }
      .brand-subtitle { font-size: .52rem; }
      .hero { padding: 55px 0 43px; }
      .hero-copy .eyebrow { margin-bottom: 20px; padding: 8px 11px; font-size: .65rem; }
      .hero-copy .lead { margin-bottom: 24px; font-size: 1rem; }
      .hero-actions { align-items: stretch; flex-direction: column; }
      .hero-actions .btn { width: 100%; }
      .hero-caption { gap: 9px 13px; margin-top: 19px; font-size: .72rem; }
      .hero-art { min-height: 335px; margin-top: 13px; margin-right: -11px; margin-left: -11px; width: calc(100% + 22px); }
      .hero-glow { width: 310px; height: 290px; }
      .hero-orbit { width: 340px; height: 230px; }
      .dashboard-window { width: 100%; padding: 7px; border-radius: 17px; }
      .window-top { height: 34px; padding: 0 6px 7px; font-size: .55rem; }
      .concept-tag { font-size: .49rem; }
      .app-shell { min-height: 275px; grid-template-columns: 34px 1fr; border-radius: 11px; }
      .app-rail { gap: 12px; padding-top: 10px; }
      .rail-logo { width: 21px; height: 21px; font-size: .56rem; }
      .rail-icon { width: 15px; height: 15px; }
      .app-main { padding: 12px 9px 9px; }
      .app-main-head { margin-bottom: 11px; }
      .app-kicker { font-size: .49rem; }
      .app-title { font-size: .78rem; }
      .app-status { padding: 5px 6px; font-size: .48rem; }
      .summary-row { gap: 5px; margin-bottom: 6px; }
      .summary-card { min-height: 63px; padding: 7px 6px; border-radius: 7px; }
      .summary-label { margin-bottom: 6px; font-size: .48rem; }
      .summary-value { font-size: .72rem; }
      .summary-value small { font-size: .46rem; }
      .summary-spark { width: 22px; height: 9px; margin-left: 0; }
      .app-lower { gap: 5px; }
      .activity-card, .connections-card { min-height: 132px; padding: 7px; border-radius: 7px; }
      .mini-head { margin-bottom: 6px; font-size: .52rem; }
      .mini-head span:last-child { font-size: .44rem; }
      .chart { height: 71px; }
      .chart-labels { font-size: .42rem; }
      .connection-list { gap: 4px; }
      .connection-row { gap: 5px; padding: 5px 4px; border-radius: 5px; }
      .connection-logo { width: 16px; height: 16px; border-radius: 4px; font-size: .45rem; }
      .connection-name { font-size: .45rem; }
      .connection-check { width: 11px; height: 11px; }
      .float-note { gap: 7px; padding: 8px 9px; border-radius: 10px; }
      .float-note.top { top: 12px; right: -1px; }
      .float-note.bottom { bottom: 15px; left: -2px; }
      .float-icon { width: 24px; height: 24px; border-radius: 7px; }
      .float-icon svg { width: 13px; height: 13px; }
      .float-copy strong { font-size: .55rem; }
      .float-copy span { font-size: .48rem; }
      .trust-strip { padding: 21px 0; }
      .trust-grid { grid-template-columns: 1fr; gap: 12px; }
      .trust-intro { grid-column: auto; max-width: 350px; margin-bottom: 3px; }
      .trust-item, .trust-item:first-of-type { min-height: 42px; padding-left: 0; border: 0; }
      .trust-icon { width: 32px; height: 32px; }
      .trust-item strong { font-size: .78rem; }
      .trust-item span { font-size: .66rem; }
      .tech-strip { gap: 6px; margin-top: 13px; }
      .tech-strip-label { width: 100%; }
      .tech-pill { padding: 4px 7px; font-size: .61rem; }
      .features-intro { display: block; }
      .features-intro .section-heading { margin-bottom: 30px; }
      .feature-grid { grid-template-columns: 1fr; gap: 11px; }
      .feature-card { min-height: auto; padding: 20px 19px 24px; }
      .feature-top { margin-bottom: 21px; }
      .feature-icon { width: 41px; height: 41px; }
      .feature-card h3 { font-size: 1.06rem; }
      .feature-card p { max-width: 390px; padding-right: 20px; font-size: .82rem; }
      .card-arrow { right: 15px; bottom: 15px; }
      .architecture-copy h2 { max-width: 440px; }
      .architecture-copy .lead { font-size: .96rem; }
      .benefit-list { gap: 12px; margin: 23px 0 26px; }
      .benefit-list li { font-size: .84rem; }
      .system-visual { min-height: 345px; margin: 0 -8px; width: calc(100% + 16px); }
      .system-visual::before { width: 290px; height: 290px; }
      .system-visual::after { width: 230px; height: 230px; }
      .system-core { width: 137px; height: 137px; border-radius: 27px; }
      .core-mark { width: 34px; height: 34px; margin-bottom: 8px; border-radius: 11px; font-size: .69rem; }
      .system-core strong { font-size: .77rem; }
      .system-core span { font-size: .57rem; }
      .system-node { min-width: 100px; padding: 9px 10px; border-radius: 10px; }
      .system-node strong { font-size: .66rem; }
      .system-node span { font-size: .56rem; }
      .node-top { top: 2px; }
      .node-bottom { bottom: 2px; }
      .node-left { left: 0; }
      .node-right { right: 0; }
      .system-label { right: 8px; bottom: 0; font-size: .52rem; }
      .outcomes-grid { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
      .outcome { padding-right: 8px; }
      .outcome:nth-child(2)::after { display: none; }
      .outcome:nth-child(1)::after, .outcome:nth-child(3)::after { right: -8px; }
      .outcome-icon { margin-bottom: 16px; }
      .outcome h3 { font-size: .94rem; }
      .outcome p { font-size: .75rem; }
      .cases-header { display: block; margin-bottom: 30px; }
      .cases-header .text-link { margin-top: 18px; }
      .case-grid { grid-template-columns: 1fr; gap: 12px; }
      .case-card:last-child { display: block; grid-column: auto; }
      .case-card:last-child .case-art { min-height: 190px; height: 190px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.065); }
      .case-art { height: 190px; }
      .case-content { padding: 20px 18px 19px; }
      .case-content p { min-height: 0; font-size: .8rem; }
      .case-meta { font-size: .61rem; }
      .method-grid, .faq-layout { gap: 29px; }
      .method-steps::before { left: 17px; }
      .method-step { grid-template-columns: 35px 1fr; gap: 15px; padding-bottom: 27px; }
      .step-num { width: 35px; height: 35px; border-radius: 11px; font-size: .68rem; }
      .method-step h3 { font-size: 1rem; }
      .method-step p { font-size: .81rem; }
      .proof-section { padding: 74px 0; }
      .proof-cards { grid-template-columns: 1fr; }
      .proof-card:first-child { grid-column: auto; min-height: auto; display: block; }
      .proof-number { display: block; margin: 0 0 16px; font-size: 2.8rem; }
      .proof-card { min-height: auto; padding: 18px; }
      .pricing-grid { grid-template-columns: 1fr; gap: 11px; }
      .pricing-card, .pricing-card:last-child { grid-column: auto; min-height: auto; padding: 21px 19px; }
      .pricing-card p { min-height: 0; }
      .pricing-badge { top: 13px; right: 13px; }
      .faq-list summary { padding: 18px 0; font-size: .9rem; }
      .faq-answer { padding-right: 12px; font-size: .82rem; }
      .contact-section { padding: 10px 0 calc(74px + env(safe-area-inset-bottom, 0px)); }
      .contact-card { gap: 25px; padding: 25px 17px 18px; border-radius: 20px; }
      .contact-copy h2 { font-size: 2.35rem; }
      .contact-copy > p { font-size: .9rem; }
      .contact-form-wrap { padding: 17px 13px; border-radius: 14px; }
      .form-grid { grid-template-columns: 1fr; gap: 11px; }
      .field.full { grid-column: auto; }
      .field label { font-size: .7rem; }
      .footer-top { align-items: flex-start; flex-direction: column; gap: 21px; }
      .footer-links { gap: 11px 18px; font-size: .73rem; }
      .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
    }
    @media (max-width: 370px) {
      .container { width: calc(100% - 28px); }
      .hero-art { margin-right: -13px; margin-left: -13px; width: calc(100% + 26px); }
      .hero-glow { width: min(280px, 90vw); height: 250px; }
      .hero-orbit { width: min(300px, calc(100vw - 28px)); height: 205px; }
      .float-note.top { right: 2px; }
      .float-note.bottom { left: 2px; }
      .window-top { letter-spacing: .05em; }
      .concept-tag { padding-inline: 5px; font-size: .43rem; }
      .system-visual { min-height: 315px; }
      .system-visual::before { width: 260px; height: 260px; }
      .system-visual::after { width: 210px; height: 210px; }
      .system-core { width: 120px; height: 120px; }
      .system-node { min-width: 84px; padding: 7px; }
      .node-left { left: 0; }
      .node-right { right: 0; }
      .contact-copy h2 { font-size: 2.1rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
      .motion-ready [data-reveal] { opacity: 1; transform: none; }
    }