:root {
      --bg: #07090f;
      --bg2: #0d1118;
      --line: rgba(255,255,255,0.08);
      --line2: rgba(255,255,255,0.15);
      --text: #f0f3ff;
      --muted: #8892aa;
      --muted2: #c4cde0;
      --pink: #e87fff;
      --blue: #6ec6ff;
      --teal: #4de8c2;
      --grad: linear-gradient(135deg, #e87fff 0%, #b89fff 40%, #6ec6ff 100%);
      --grad2: linear-gradient(135deg, #e87fff 0%, #9b7dff 50%, #4ec6ff 100%);
      --shadow: 0 32px 80px rgba(0,0,0,0.55);
      --r: 24px;
      --r-sm: 16px;
      --w: min(1160px, calc(100vw - 48px));
      --fu: 'Unbounded', sans-serif;
      --f: 'Geologica', sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: var(--f); background: var(--bg); color: var(--text); overflow-x: hidden; line-height: 1.6; }

    body::before {
      content: '';
      position: fixed; inset: 0; z-index: 0; pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
      background-size: 256px; opacity: .6;
    }
    body::after {
      content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none;
      background: linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
      background-size: 80px 80px;
    }

    a { color: inherit; text-decoration: none; }
    .page { position: relative; z-index: 1; }

    .orb { position: fixed; border-radius: 50%; pointer-events: none; filter: blur(70px); opacity: 0.18; }
    .orb-1 { width: 700px; height: 700px; top: -200px; right: -200px; background: radial-gradient(circle, #c07fff, transparent 70%); }
    .orb-2 { width: 500px; height: 500px; bottom: 10%; left: -150px; background: radial-gradient(circle, #4ec6ff, transparent 70%); }
    .orb-3 { width: 400px; height: 400px; top: 40%; left: 30%; background: radial-gradient(circle, #e87fff, transparent 70%); opacity: 0.07; }

    /* HEADER */
    .header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 16px 0; background: rgba(7,9,15,0.82); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
    .header-inner { width: var(--w); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .logo { display: flex; align-items: center; gap: 12px; font-family: var(--fu); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; }
    .logo-mark { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--grad2); font-size: 17px; font-weight: 800; color: #07090f; box-shadow: 0 0 24px rgba(180,130,255,0.4); }
    .logo-sub { display: block; font-size: 9px; color: var(--muted); font-weight: 400; letter-spacing: 0.18em; margin-top: 2px; text-transform: uppercase; }
    .nav { display: flex; align-items: center; gap: 4px; }
    .nav a { padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 500; color: var(--muted); transition: color .2s, background .2s; }
    .nav a:hover, .nav a.active { color: var(--text); background: rgba(255,255,255,0.06); }

    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 999px; border: none; cursor: pointer; font-family: var(--f); font-size: 14px; font-weight: 600; transition: transform .2s, box-shadow .2s; }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { background: var(--grad2); color: #07090f; box-shadow: 0 12px 32px rgba(160,120,255,0.3); }
    .btn-primary:hover { box-shadow: 0 16px 40px rgba(160,120,255,0.45); }
    .btn-ghost { background: rgba(255,255,255,0.06); color: var(--text); border: 1px solid var(--line2); }
    .btn-ghost:hover { background: rgba(255,255,255,0.1); }
    .btn-sm { padding: 10px 20px; font-size: 13px; }
    .btn-full { width: 100%; }

    section { position: relative; z-index: 1; }
    .wrap { width: var(--w); margin: 0 auto; }

    .eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--blue); margin-bottom: 14px; display: block; }
    .section-title { font-family: var(--fu); font-weight: 700; font-size: clamp(28px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.02em; margin-bottom: 16px; }
    .section-lead { font-size: 17px; color: var(--muted2); line-height: 1.7; max-width: 560px; }

    /* ══ HERO ══ */
    .hero { min-height: 100vh; display: flex; align-items: center; padding: 120px 0 80px; }
    .hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }

    .hero-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(110,198,255,0.25); background: rgba(110,198,255,0.06); font-size: 12px; font-weight: 600; color: var(--blue); letter-spacing: 0.08em; margin-bottom: 24px; }
    .hero-tag-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 8px var(--teal); animation: pulse 2s ease-in-out infinite; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(0.8)} }

    .hero-h1 { font-family: var(--fu); font-weight: 800; font-size: clamp(36px, 5vw, 62px); line-height: 1.04; letter-spacing: -0.03em; margin-bottom: 20px; }
    .hero-h1 .g { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .hero-lead { font-size: 18px; color: var(--muted2); line-height: 1.7; margin-bottom: 36px; max-width: 480px; }
    .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px; }

    .hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border: 1px solid var(--line); border-radius: var(--r-sm); overflow: hidden; background: var(--line); }
    .hstat { padding: 20px 18px; background: rgba(13,17,28,0.95); }
    .hstat-val { font-family: var(--fu); font-weight: 700; font-size: 26px; line-height: 1; margin-bottom: 6px; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .hstat-label { font-size: 12px; color: var(--muted); line-height: 1.5; }

    .hero-visual { position: relative; }
    .hero-screen { position: relative; border-radius: 20px; border: 1px solid var(--line2); background: rgba(10,13,22,0.97); padding: 28px; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05) inset; }
    .hero-screen::before { content: ''; position: absolute; top: -60px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(180,100,255,0.25), transparent 65%); pointer-events: none; }

    .screen-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
    .screen-dot { width: 10px; height: 10px; border-radius: 50%; }
    .screen-dot:nth-child(1) { background: rgba(255,100,100,0.5); }
    .screen-dot:nth-child(2) { background: rgba(255,200,50,0.5); }
    .screen-dot:nth-child(3) { background: rgba(80,200,80,0.5); }
    .screen-title { font-size: 11px; color: var(--muted); margin-left: auto; font-family: monospace; letter-spacing: 0.05em; }

    .screen-flow { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
    .flow-box { flex: 1; padding: 14px 16px; border: 1px solid var(--line2); border-radius: 12px; background: rgba(255,255,255,0.03); }
    .flow-box-label { font-size: 9px; color: var(--muted); letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 6px; }
    .flow-box-val { font-size: 13px; font-weight: 600; color: var(--blue); }
    .flow-arrow { color: var(--muted); font-size: 18px; flex-shrink: 0; }
    .flow-box-ai { border-color: rgba(180,100,255,0.3); background: rgba(180,100,255,0.06); }
    .flow-box-ai .flow-box-val { color: var(--pink); }
    .flow-box-out { border-color: rgba(77,232,194,0.25); background: rgba(77,232,194,0.05); }
    .flow-box-out .flow-box-val { color: var(--teal); }

    .screen-steps { display: grid; gap: 8px; }
    .step-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid var(--line); }
    .step-num { width: 24px; height: 24px; border-radius: 6px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; font-family: monospace; background: var(--grad2); color: #07090f; }
    .step-text { font-size: 13px; color: var(--muted2); flex: 1; }
    .step-badge { font-size: 10px; padding: 3px 8px; border-radius: 999px; font-weight: 600; }
    .badge-ok { background: rgba(77,232,194,0.15); color: var(--teal); }
    .badge-ai { background: rgba(232,127,255,0.12); color: var(--pink); }

    /* ══ TRANSFORMS (было/стало) ══ */
    .transforms { padding: 100px 0; border-top: 1px solid var(--line); }

    .transforms-grid {
      display: grid; grid-template-columns: repeat(2,1fr);
      gap: 24px; margin-top: 48px;
    }

    .tr-card {
      border-radius: var(--r);
      border: 1px solid rgba(255,255,255,0.1);
      overflow: hidden;
      transition: transform .3s, box-shadow .3s;
      box-shadow: 0 20px 60px rgba(0,0,0,0.4);
      display: flex; flex-direction: column;
    }
    .tr-card:hover { transform: translateY(-6px); box-shadow: 0 40px 100px rgba(0,0,0,0.6); }

    /* БЫЛО */
    .tr-before {
      padding: 36px 36px 28px;
      background: rgba(255,70,70,0.05);
      border-bottom: 1px solid rgba(255,70,70,0.14);
      position: relative; flex: 1;
    }
    .tr-before::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, rgba(255,80,80,0.7), transparent 70%);
    }
    .tr-before-label {
      font-size: 10px; font-weight: 800; letter-spacing: 0.24em; text-transform: uppercase;
      color: rgba(255,120,120,0.65); margin-bottom: 16px;
      display: flex; align-items: center; gap: 10px;
    }
    .tr-before-label::before {
      content: ''; display: inline-block; width: 24px; height: 1.5px;
      background: rgba(255,120,120,0.5);
    }
    .tr-before-title {
      font-family: var(--fu); font-size: clamp(17px, 2vw, 22px);
      font-weight: 700; color: rgba(180,195,220,0.7);
      margin-bottom: 12px; line-height: 1.3;
    }
    .tr-before-desc { font-size: 14px; color: rgba(120,135,160,0.85); line-height: 1.7; }

    /* СТРЕЛКА */
    .tr-divider {
      padding: 20px 36px;
      background: linear-gradient(180deg, rgba(255,70,70,0.04), rgba(77,232,194,0.05));
      display: flex; align-items: center; gap: 16px;
      border-bottom: 1px solid rgba(77,232,194,0.1);
    }
    .tr-divider-arrow {
      width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      background: var(--grad2); font-size: 20px; color: #07090f; font-weight: 800;
      box-shadow: 0 0 0 8px rgba(155,125,255,0.1), 0 0 36px rgba(155,125,255,0.5);
    }
    .tr-divider-line {
      flex: 1; height: 1px;
      background: linear-gradient(90deg, rgba(155,125,255,0.4), transparent);
    }

    /* СТАЛО */
    .tr-after {
      padding: 28px 36px 40px;
      background: rgba(77,232,194,0.04);
      position: relative; flex: 1;
    }
    .tr-after::after {
      content: ''; position: absolute;
      bottom: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, rgba(77,232,194,0.7), rgba(110,198,255,0.3), transparent 80%);
    }
    .tr-after-label {
      font-size: 10px; font-weight: 800; letter-spacing: 0.24em; text-transform: uppercase;
      color: var(--teal); margin-bottom: 16px;
      display: flex; align-items: center; gap: 10px;
    }
    .tr-after-label::before {
      content: ''; display: inline-block; width: 24px; height: 1.5px; background: var(--teal);
    }
    .tr-after-title {
      font-family: var(--fu); font-size: clamp(17px, 2vw, 22px);
      font-weight: 700; color: var(--text);
      margin-bottom: 12px; line-height: 1.3;
    }
    .tr-after-desc { font-size: 14px; color: var(--muted2); line-height: 1.7; }
    .tr-after-metric {
      margin-top: 20px; display: inline-flex; align-items: center; gap: 8px;
      padding: 10px 20px; border-radius: 999px;
      background: rgba(77,232,194,0.1); border: 1px solid rgba(77,232,194,0.3);
      font-family: var(--fu); font-size: 13px; font-weight: 800; color: var(--teal);
      box-shadow: 0 0 20px rgba(77,232,194,0.12);
    }

    /* ══ HOW IT WORKS ══ */
    .how { padding: 100px 0; border-top: 1px solid var(--line); }
    .how-flow { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; margin: 48px 0; }
    .how-stage { padding: 32px 28px; border-radius: var(--r); border: 1px solid var(--line); background: linear-gradient(160deg, rgba(16,20,32,0.95), rgba(10,13,20,0.95)); min-height: 200px; }
    .how-stage-tag { display: inline-flex; padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,0.06); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted2); margin-bottom: 16px; }
    .how-stage h3 { font-family: var(--fu); font-size: 18px; font-weight: 700; margin-bottom: 10px; }
    .how-stage p { font-size: 14px; color: var(--muted); line-height: 1.7; }

    .how-brain { display: flex; flex-direction: column; align-items: center; gap: 12px; }
    .how-brain-orb { width: 120px; height: 120px; border-radius: 50%; background: var(--grad2); display: flex; align-items: center; justify-content: center; font-family: var(--fu); font-size: 10px; font-weight: 700; color: #07090f; text-align: center; line-height: 1.4; box-shadow: 0 0 60px rgba(180,120,255,0.5), 0 0 120px rgba(110,200,255,0.2); animation: float 5s ease-in-out infinite; }
    @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
    .how-brain-label { font-size: 11px; color: var(--muted); letter-spacing: 0.1em; text-align: center; }

    .api-badge { margin-top: 32px; padding: 20px 24px; border-radius: var(--r-sm); border: 1px solid rgba(110,198,255,0.2); background: rgba(110,198,255,0.04); display: flex; align-items: center; gap: 16px; }
    .api-badge-icon { font-size: 28px; }
    .api-badge h4 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
    .api-badge p { font-size: 13px; color: var(--muted); line-height: 1.5; }

    .industries { margin-top: 20px; padding: 22px 28px; border-radius: var(--r-sm); border: 1px solid var(--line); background: rgba(13,17,28,0.9); display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
    .ind-label { font-size: 13px; color: var(--muted); font-weight: 500; flex-shrink: 0; }
    .ind-chips { display: flex; gap: 8px; flex-wrap: wrap; }
    .ind-chip { padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(110,198,255,0.2); background: rgba(110,198,255,0.05); font-size: 13px; font-weight: 600; color: var(--muted2); }

    /* ══ TRACTION ══ */
    .traction { padding: 80px 0; border-top: 1px solid var(--line); }
    .traction-card { border-radius: 32px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(140deg, rgba(18,22,38,0.98), rgba(10,13,22,0.98)); overflow: hidden; position: relative; }
    .traction-card::before { content: ''; position: absolute; top: -80px; left: -80px; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(232,127,255,0.12), transparent 65%); pointer-events: none; }

    .traction-top { display: grid; grid-template-columns: auto 1fr; gap: 48px; align-items: center; padding: 56px 48px 40px; }
    .traction-num { font-family: var(--fu); font-weight: 800; font-size: clamp(80px, 14vw, 140px); line-height: 0.9; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; z-index: 1; }
    .traction-copy { position: relative; z-index: 1; }
    .traction-copy h2 { font-family: var(--fu); font-size: clamp(22px, 3vw, 34px); font-weight: 700; margin-bottom: 14px; line-height: 1.2; }
    .traction-copy p { font-size: 16px; color: var(--muted2); line-height: 1.7; }
    .traction-details { margin-top: 24px; display: flex; gap: 16px; flex-wrap: wrap; }
    .td-item { padding: 14px 20px; border-radius: 12px; border: 1px solid rgba(77,232,194,0.2); background: rgba(77,232,194,0.05); }
    .td-val { font-family: var(--fu); font-size: 22px; font-weight: 700; color: var(--teal); }
    .td-label { font-size: 12px; color: var(--muted); margin-top: 3px; }

    /* ══ PLATFORM ══ */
    .platform { padding: 100px 0; border-top: 1px solid var(--line); }
    .platform-inner { display: block; }
    .platform-top { display: grid; grid-template-columns: 1fr; max-width: 680px; }

    .platform-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 36px; margin-bottom: 48px; }
    .feat { padding: 24px 22px; border-radius: var(--r-sm); border: 1px solid var(--line); background: rgba(13,17,28,0.9); transition: border-color .3s; }
    .feat:hover { border-color: rgba(110,198,255,0.25); }
    .feat-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; background: rgba(255,255,255,0.05); border: 1px solid var(--line2); margin-bottom: 16px; }
    .feat h4 { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
    .feat p { font-size: 13px; color: var(--muted); line-height: 1.6; }

    .mes-img-wrap {
      border-radius: var(--r); overflow: hidden;
      border: 1px solid var(--line2);
      box-shadow: 0 48px 120px rgba(0,0,0,0.65);
      background: #07090f;
      position: relative;
    }
    .mes-img-wrap img { width: 100%; display: block; }
    .mes-img-wrap::after {
      content: '';
      position: absolute; inset: 0;
      background:
        linear-gradient(to right, #07090f 0%, transparent 6%, transparent 94%, #07090f 100%),
        linear-gradient(to bottom, #07090f 0%, transparent 5%, transparent 92%, #07090f 100%);
      pointer-events: none;
    }

    /* ══ TRUST / TEAM ══ */
    .trust { padding: 100px 0; border-top: 1px solid var(--line); }

    .team-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: stretch; margin-top: 48px; }

    .team-story { display: flex; flex-direction: column; gap: 16px; }
    .team-fact {
      padding: 22px 24px; border-radius: var(--r-sm);
      border: 1px solid var(--line);
      background: linear-gradient(160deg, rgba(16,20,32,0.95), rgba(10,13,20,0.95));
      display: flex; gap: 16px; align-items: flex-start;
      transition: border-color .3s;
      flex: 1;
    }
    .team-fact:hover { border-color: rgba(110,198,255,0.2); }
    .team-fact-icon {
      width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 18px;
      background: rgba(255,255,255,0.04); border: 1px solid var(--line2);
    }
    .team-fact-text { flex: 1; }
    .team-fact-title { font-size: 14px; font-weight: 700; margin-bottom: 5px; }
    .team-fact-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }

    .team-creds {
      display: flex; flex-direction: column; gap: 16px;
    }
    .team-cred-big {
      padding: 32px 28px; border-radius: var(--r);
      border: 1px solid rgba(110,198,255,0.15);
      background: linear-gradient(140deg, rgba(16,22,38,0.97), rgba(10,14,24,0.97));
      position: relative; overflow: hidden;
    }
    .team-cred-big::before {
      content: ''; position: absolute; top: -40px; right: -40px;
      width: 200px; height: 200px; border-radius: 50%;
      background: radial-gradient(circle, rgba(110,198,255,0.1), transparent 65%);
      pointer-events: none;
    }
    .team-cred-year {
      font-family: var(--fu); font-size: 52px; font-weight: 800; line-height: 1;
      margin-bottom: 8px;
      background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .team-cred-label { font-size: 13px; color: var(--muted2); line-height: 1.6; }

    .team-badges { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .team-badge {
      padding: 18px 16px; border-radius: var(--r-sm);
      border: 1px solid var(--line);
      background: rgba(13,17,28,0.9);
      text-align: center;
    }
    .team-badge-val {
      font-family: var(--fu); font-size: 22px; font-weight: 700; margin-bottom: 5px;
      background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .team-badge-label { font-size: 11px; color: var(--muted); line-height: 1.5; }

    .trust-badge { margin-top: 16px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; background: rgba(77,232,194,0.08); border: 1px solid rgba(77,232,194,0.2); font-size: 11px; color: var(--teal); font-weight: 700; }

    /* ══ PRICING ══ */
    .pricing { padding: 100px 0; border-top: 1px solid var(--line); }
    .pricing-card { max-width: 680px; margin: 48px auto 0; padding: 48px; border-radius: 32px; border: 1px solid rgba(255,255,255,0.1); background: linear-gradient(160deg, rgba(18,22,38,0.98), rgba(10,13,22,0.98)); text-align: center; position: relative; overflow: hidden; }
    .pricing-card::before { content: ''; position: absolute; top: -80px; right: -80px; width: 350px; height: 350px; border-radius: 50%; background: radial-gradient(circle, rgba(232,127,255,0.1), transparent 65%); pointer-events: none; }
    .pricing-label { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; border-radius: 999px; background: rgba(255,255,255,0.06); border: 1px solid var(--line2); font-size: 13px; font-weight: 600; color: var(--muted2); margin-bottom: 24px; }
    .pricing-big { font-family: var(--fu); font-size: clamp(28px, 4vw, 44px); font-weight: 800; margin-bottom: 16px; line-height: 1.1; }
    .pricing-desc { font-size: 16px; color: var(--muted2); line-height: 1.7; margin-bottom: 32px; max-width: 420px; margin-left: auto; margin-right: auto; }
    .pricing-perks { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 36px; }
    .perk { padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,0.04); font-size: 13px; color: var(--muted2); font-weight: 500; display: flex; align-items: center; gap: 6px; }
    .perk-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); }

    /* ══ CONTACT ══ */
    .contact { padding: 100px 0; border-top: 1px solid var(--line); }
    .contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
    .contact-copy h2 { font-family: var(--fu); font-size: clamp(28px,4vw,44px); font-weight: 700; margin-bottom: 20px; line-height: 1.1; }
    .contact-copy p { font-size: 16px; color: var(--muted2); line-height: 1.7; }

    .contact-form-wrap { padding: 40px 36px; border-radius: var(--r); border: 1px solid var(--line2); background: rgba(13,17,28,0.95); }
    .form-title { font-size: 18px; font-weight: 600; margin-bottom: 24px; }
    .field { margin-bottom: 16px; }
    .field label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 8px; font-weight: 500; }
    .field input { width: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line2); background: rgba(255,255,255,0.04); color: var(--text); font-family: var(--f); font-size: 14px; transition: border-color .2s; outline: none; }
    .field input:focus { border-color: rgba(110,198,255,0.4); }
    .field input::placeholder { color: var(--muted); }
    .hidden-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
    .consent-check { display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: start; margin-bottom: 12px; font-size: 13px; color: var(--muted2); line-height: 1.6; }
    .consent-check input { margin-top: 2px; width: 18px; height: 18px; accent-color: #6ec6ff; }
    .legal-link { color: var(--blue); text-decoration-line: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; transition: color .2s, text-decoration-color .2s; }
    .legal-link:hover { color: var(--text); text-decoration-color: currentColor; }
    .form-privacy { font-size: 12px; color: var(--muted); line-height: 1.6; margin-bottom: 20px; }
    .form-privacy a { color: var(--blue); text-decoration: underline; }
    .form-success { display: none; text-align: center; padding: 20px; }
    .form-success .success-icon { font-size: 36px; margin-bottom: 12px; }
    .form-success p { color: var(--teal); font-size: 15px; font-weight: 600; }

    .cookie-banner { position: fixed; left: 24px; right: auto; bottom: 24px; width: min(680px, calc(100vw - 140px)); z-index: 210; display: none; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border-radius: 18px; border: 1px solid var(--line2); background: rgba(10,13,22,0.96); box-shadow: 0 24px 60px rgba(0,0,0,0.45); }
    .cookie-banner.visible { display: flex; }
    .cookie-banner-copy { display: grid; gap: 6px; max-width: 860px; }
    .cookie-banner-copy strong { font-size: 14px; }
    .cookie-banner-copy span { font-size: 13px; color: var(--muted2); line-height: 1.6; }

    /* ══ FOOTER ══ */
    .footer { border-top: 1px solid var(--line); padding: 32px 0; }
    .footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
    .footer-copy { font-size: 12px; color: var(--muted); }
    .footer-links { display: flex; gap: 20px; }
    .footer-links a { font-size: 12px; color: var(--muted); transition: color .2s; }
    .footer-links a:hover { color: var(--text); }
    .footer-links .legal-link { color: var(--blue); }

    /* PRIVACY MODAL */
    .modal-overlay { display: none; position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.7); backdrop-filter: blur(8px); align-items: center; justify-content: center; padding: 20px; }
    .modal-overlay.open { display: flex; }
    .modal { max-width: 640px; width: 100%; max-height: 80vh; overflow-y: auto; padding: 40px 36px; border-radius: var(--r); background: rgba(16,20,32,0.99); border: 1px solid var(--line2); }
    .modal h3 { font-family: var(--fu); font-size: 20px; font-weight: 700; margin-bottom: 20px; }
    .modal p, .modal li { font-size: 14px; color: var(--muted2); line-height: 1.75; margin-bottom: 12px; }
    .modal ul { padding-left: 20px; }
    .modal-close { margin-top: 24px; cursor: pointer; font-size: 13px; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; transition: color .2s; }
    .modal-close:hover { color: var(--text); }

    .privacy-editor-wrap { border: 1px solid var(--line2); border-radius: 12px; overflow: hidden; }
    .privacy-editor-bar { padding: 10px 16px; background: rgba(255,255,255,0.04); border-bottom: 1px solid var(--line); font-size: 11px; color: var(--muted); display: flex; justify-content: space-between; align-items: center; }
    .privacy-editor { width: 100%; min-height: 240px; padding: 16px; background: rgba(255,255,255,0.02); color: var(--text); font-family: var(--f); font-size: 13px; line-height: 1.7; border: none; outline: none; resize: none; }
    .privacy-editor[readonly] { cursor: default; }
    .privacy-save { display: none !important; }


    /* EXP CARD */
    .exp-card {
      padding: 28px 28px; border-radius: var(--r-sm);
      border: 1px solid rgba(232,127,255,0.15);
      background: linear-gradient(140deg, rgba(16,20,36,0.97), rgba(10,13,22,0.97));
      display: flex; align-items: center; gap: 24px;
      position: relative; overflow: hidden;
    }
    .exp-card::before {
      content: ''; position: absolute; top: -30px; right: -30px;
      width: 150px; height: 150px; border-radius: 50%;
      background: radial-gradient(circle, rgba(232,127,255,0.12), transparent 65%);
      pointer-events: none;
    }
    .exp-num {
      font-family: var(--fu); font-size: 56px; font-weight: 800; line-height: 1;
      background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      flex-shrink: 0;
    }
    .exp-text { flex: 1; }
    .exp-title { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
    .exp-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }

    /* LOGO BAR */
    .logo-bar {
      margin-top: 40px; padding: 24px 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 40px; align-items: center;
    }
    .logo-bar-label {
      font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--muted);
      white-space: nowrap; padding-left: 0;
    }
    .logo-bar-logos {
      display: flex; align-items: center;
      border-left: 1px solid var(--line);
    }
    .logo-bar-item {
      flex: 1; text-align: center;
      padding: 6px 0;
      border-right: 1px solid var(--line);
      opacity: 0.55; transition: opacity .25s, color .25s;
      font-family: var(--fu); font-size: 11px; font-weight: 700;
      color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase;
    }
    .logo-bar-item:hover { opacity: 1; color: var(--text); }

    /* REVEAL */
    .reveal { opacity: 0; transform: translateY(24px); transition: opacity 600ms ease, transform 600ms ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      .hero-inner, .platform-inner, .contact-inner { grid-template-columns: 1fr; }
      .traction-top { grid-template-columns: 1fr; gap: 24px; padding: 36px 32px 28px; }
      .hero { min-height: auto; padding: 100px 0 60px; }
      .trust-grid { grid-template-columns: repeat(2,1fr); }
      .how-flow { grid-template-columns: 1fr; }
    }
    @media (max-width: 720px) {
      :root { --w: calc(100vw - 32px); }
      .nav { display: none; }
      .hero-stats { grid-template-columns: 1fr; }
      .transforms-grid { grid-template-columns: 1fr; }
      .trust-grid { grid-template-columns: 1fr; }
      .team-layout { grid-template-columns: 1fr; }
      .platform-features { grid-template-columns: 1fr; }
      .traction-top { padding: 28px 24px 20px; }
      .contact-form-wrap { padding: 28px 20px; }
      .modal { padding: 28px 20px; }
      .cookie-banner { left: 16px; right: 16px; bottom: 16px; padding: 16px; flex-direction: column; align-items: stretch; }
      .cookie-banner .btn { width: 100%; }
    }