.x11d87-31fb{font-size:12px;line-height:1.5;opacity:.75;margin:16px auto 0;max-width:1100px;padding:0 16px;text-align:center}
:root {
    --primary-color: #10b981;     /* emerald — CTAs, links, accents */
    --primary-dark:  #059669;
    --secondary-color: #059669;   /* deep emerald — mid-gradient stop */
    --accent-color: #34d399;      /* mint accent — gradient end, highlights */
    --neutral-color: #9fb3ab;     /* cool muted body text */
    --base-100: #08100d;          /* cool near-black canvas */
    --base-200: #0f1a16;          /* cool panel */
    --base-300: #1e2c27;          /* cool border */
    --text-color: #f0faf6;        /* cool white — headings */

    --bg: #08100d;
    --panel: #0f1a16;
    --panel-2: #13211c;
    --border-color: #1e2c27;
    --muted: #9fb3ab;
    --dim: #6f857d;
    --white: #f0faf6;

    --gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-soft: linear-gradient(135deg, rgba(16,185,129,0.16), rgba(52,211,153,0.10));

    --font-heading: 'JetBrains Mono', ui-monospace, monospace;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    --radius: 6px;
    --radius-sm: 4px;
    --radius-lg: 8px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-md: var(--shadow, 0 8px 30px rgba(0,0,0,0.45));
    --shadow-glow: 0 0 0 1px rgba(16,185,129,0.35), 0 12px 40px rgba(16,185,129,0.25);
    --container: 1160px;
    --gap: 24px;
    --section-y: 104px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--muted);
    background: var(--bg);
    line-height: 1.65;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    color: var(--white);
    line-height: 1.12;
    margin: 0 0 0.5em;
    font-weight: 600;
    letter-spacing: var(--heading-tracking, -0.01em);
}
h1 { font-size: clamp(2rem, 4.4vw, 3rem); }
h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1.1em; }
a { color: var(--accent-color); text-decoration: none; transition: color .2s ease; }
a:hover { color: #6ee7b7; }
img { max-width: 100%; height: auto; display: block; }
ul { margin: 0 0 1.1em; padding-left: 1.2em; }

.container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }

.yf8909-7751 {
    background: var(--gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.vc82e8-a69e {
    display: inline-block;
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--accent-color);
    margin-bottom: 16px;
}
.a4cbd6-7876 { font-size: 1.12rem; color: var(--muted); }
.vc87d5-2418 { color: var(--muted); }
.vcde27-d83d { color: var(--dim); }
.d733b4-67bc { text-align: center; }

/* ---- buttons ---- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: var(--radius-sm);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.95rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    line-height: 1;
}
.wdcf3e-0855 { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(16,185,129,0.32); }
.wdcf3e-0855:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(16,185,129,0.45); }
.a4a6f5-0eb7 { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(16,185,129,0.32); }
.a4a6f5-0eb7:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(16,185,129,0.45); }
.vcbfcd-f710 { background: rgba(255,255,255,0.02); color: var(--white); border-color: var(--border-color); }
.vcbfcd-f710:hover { border-color: var(--primary-color); color: var(--white); transform: translateY(-2px); }
.wdbd5c-5ea1 { background: transparent; color: var(--muted); }
.wdbd5c-5ea1:hover { color: var(--white); }
.yf512f-2d56 { padding: 15px 30px; font-size: 1rem; }

/* ---- header ---- */
.xe0cb6-20cb {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(8,16,13,0.72);
    backdrop-filter: blur(14px);
    border-bottom: var(--border-width, 1px) solid var(--border-color);
}
.xe0cb6-20cb .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; }
.w08301-8374 { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-heading); font-weight: 700; font-size: 1.18rem; color: var(--white); letter-spacing: -0.01em; }
.w08301-8374:hover { color: var(--white); }
.d7dc26-b3a4 {
    width: 30px; height: 30px; border-radius: 8px;
    background: var(--gradient);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--on-primary-color, #fff); font-weight: 700; font-size: 0.95rem;
    box-shadow: 0 0 18px rgba(16,185,129,0.45);
}
.y222cf-2e47 { display: flex; align-items: center; gap: 28px; }
.y222cf-2e47 a { color: var(--muted); font-family: var(--font-body); font-weight: 500; font-size: 0.93rem; }
.y222cf-2e47 a:hover { color: var(--white); }
.c68cf2-e35d { display: flex; align-items: center; gap: 14px; }

/* ---- hero ---- */
.vc117d-c34b { position: relative; padding: clamp(64px, 9vw, 128px) 0 clamp(48px, 7vw, 96px); overflow: hidden; }
.vc117d-c34b::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(16,185,129,0.18), transparent 60%),
        radial-gradient(50% 45% at 95% 10%, rgba(52,211,153,0.12), transparent 60%);
    pointer-events: none;
}
.vc117d-c34b .container { position: relative; z-index: 1; }
.z3b65b-b617 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.xe76ae-c30f {
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--panel); border: var(--border-width, 1px) solid var(--border-color);
    border-radius: var(--radius-pill); padding: 7px 15px;
    font-family: var(--font-mono); font-size: 0.74rem; letter-spacing: 0.08em;
    color: var(--muted); margin-bottom: 24px;
}
.xe76ae-c30f .c6eba3-d34b { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px var(--accent-color); }
.vc117d-c34b h1 { margin-bottom: 20px; }
.vc117d-c34b .a4cbd6-7876 { margin-bottom: 30px; max-width: 40ch; }
.z3c09d-63f8 { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.xe4959-a5e8 { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 26px; }
.xe4959-a5e8 li { display: flex; align-items: center; gap: 9px; font-family: var(--font-mono); font-weight: 500; font-size: 0.8rem; letter-spacing: 0.04em; color: var(--muted); }
.xe4959-a5e8 li::before {
    content: "→"; color: var(--accent-color); font-weight: 700;
}
.vc22ce-6ecb { position: relative; }
.vc22ce-6ecb .c6b611-f0d9 {
    border-radius: var(--radius-lg); border: var(--border-width, 1px) solid var(--border-color);
    background: var(--panel); padding: 10px;
    box-shadow: var(--shadow-md);
    position: relative;
}
.vc22ce-6ecb .c6b611-f0d9::before {
    content: ""; position: absolute; inset: -1px; border-radius: var(--radius-lg);
    padding: 1px; background: var(--gradient);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0.5; pointer-events: none;
}
.vc22ce-6ecb img { border-radius: var(--radius); width: 100%; object-fit: cover; aspect-ratio: 16 / 11; }

/* ---- sections ---- */
.vc87f1-9c67 { padding: var(--section-y) 0; }
.ub4e2c-b337 { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.e853ec-00c6 { max-width: 660px; margin: 0 auto 56px; text-align: center; }
.e853ec-00c6 p { margin-bottom: 0; }

/* ---- grids ---- */
.x1e9c2-927c { display: grid; gap: var(--gap); }
.wd3eec-41b4 { grid-template-columns: repeat(2, 1fr); }
.x199ce-213f { grid-template-columns: repeat(3, 1fr); }
.ub0bcd-cd17 { grid-template-columns: repeat(4, 1fr); }

/* ---- cards ---- */
.f952b3-d5b2 {
    background: var(--panel); border: var(--border-width, 1px) solid var(--border-color);
    border-radius: var(--radius); overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    display: flex; flex-direction: column;
}
.f952b3-d5b2:hover { transform: translateY(-4px); border-color: rgba(16,185,129,0.4); box-shadow: var(--shadow-md); }
.b517f0-68a3 { aspect-ratio: 16 / 10; overflow: hidden; background: var(--panel-2); }
.b517f0-68a3 img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.f952b3-d5b2:hover .b517f0-68a3 img { transform: scale(1.04); }
.y22f91-1924 { padding: 24px; flex: 1; }
.y22f91-1924 h3 { margin-bottom: 10px; color: var(--white); }
.y22f91-1924 p { color: var(--muted); margin-bottom: 0; font-size: 0.96rem; }
.b56635-e1ef { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; font-family: var(--font-heading); font-weight: 600; font-size: 0.9rem; color: var(--accent-color); }
.b56635-e1ef::after { content: "→"; transition: transform .2s ease; }
.f952b3-d5b2:hover .b56635-e1ef::after { transform: translateX(4px); }

/* mono micro-label used across cards/sections */
.w0d713-129f { display: inline-block; font-family: var(--font-mono); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-color); margin-bottom: 14px; }

/* feature icon chip */
.b53360-e519 {
    width: 46px; height: 46px; border-radius: 10px;
    background: var(--gradient-soft); border: var(--border-width, 1px) solid var(--border-color);
    color: var(--white);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.3rem; margin-bottom: 18px;
}

/* keyword icons: the slot returns one word, CSS draws the matching line icon (unknown word -> default mark) */
.yf1c9d-224f{display:inline-block;width:22px;height:22px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 14.2 9.8 20.5 12l-6.3 2.2L12 20.5l-2.2-6.3L3.5 12l6.3-2.2z'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="bolt"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="sync"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.5-4.5L4 8'/%3E%3Cpath d='M4 4v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.5 4.5L20 16'/%3E%3Cpath d='M20 20v-4h-4'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="code"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.5 7-5 5 5 5M15.5 7l5 5-5 5'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="chart"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16'/%3E%3Cpath d='m7.5 14.5 3.5-3.5 3 3 5-5.5'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="lock"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2'/%3E%3Cpath d='M8 10.5v-3a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="rocket"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15 9 12c1.5-4.5 4.5-7.5 10-8.5-.9 5.5-4 8.5-7 11.5z'/%3E%3Cpath d='M9 12H5.5l2-3.5H11M12 15v3.5l3.5-2V13'/%3E%3Cpath d='M7 17c-1.5.5-2.5 2-2.5 3.5 1.5 0 3-1 3.5-2.5'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="plug"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v5M15 3v5'/%3E%3Cpath d='M6 8h12v3a6 6 0 0 1-12 0z'/%3E%3Cpath d='M12 17v4'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="layers"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="users"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7M17.5 14.3A6 6 0 0 1 21 20'/%3E%3C/svg%3E")}
.yf1c9d-224f[data-icon="cloud"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5a4.5 4.5 0 0 1-.6-9A6 6 0 0 1 18 8.5a4 4 0 0 1-.5 10z'/%3E%3C/svg%3E")}

/* ---- bento grid (features) ---- */
.yfb7f2-a6e6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--gap); grid-auto-rows: 1fr; }
.d7667f-e7be {
    background: var(--panel); border: var(--border-width, 1px) solid var(--border-color);
    border-radius: var(--radius); padding: 28px;
    grid-column: span 2; display: flex; flex-direction: column;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    position: relative; overflow: hidden;
}
.d7667f-e7be:hover { transform: translateY(-4px); border-color: rgba(16,185,129,0.4); box-shadow: var(--shadow-md); }
.d7667f-e7be.vcba13-e952 { grid-column: span 3; }
.d7667f-e7be.tad933-e0be { grid-column: span 4; }
/* asymmetric bento rhythm (tiles a 6-col grid cleanly per 6 items) */
.d7667f-e7be:nth-child(6n+1) { grid-column: span 4; }
.d7667f-e7be:nth-child(6n+2) { grid-column: span 2; }
.d7667f-e7be:nth-child(6n+3) { grid-column: span 2; }
.d7667f-e7be:nth-child(6n+4) { grid-column: span 4; }
.d7667f-e7be:nth-child(6n+5) { grid-column: span 3; }
.d7667f-e7be:nth-child(6n+6) { grid-column: span 3; }
.d7667f-e7be .w0d713-129f { margin-bottom: 12px; }
.d7667f-e7be h3 { margin-bottom: 8px; }
.d7667f-e7be p { color: var(--muted); margin-bottom: 0; font-size: 0.95rem; }
.d7667f-e7be .b56635-e1ef { margin-top: auto; padding-top: 16px; }
.a48fc1-14ca { margin: 18px -28px -28px; border-top: var(--border-width, 1px) solid var(--border-color); background: var(--panel-2); aspect-ratio: 16 / 8; overflow: hidden; }
.a48fc1-14ca img { width: 100%; height: 100%; object-fit: cover; }

/* ---- logos strip ---- */
.e850ae-eeda { padding: 48px 0; border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.xe2502-6692 { text-align: center; font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--dim); margin-bottom: 28px; }
.a4332e-6da1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 52px; }
.y232bb-e0f8 { font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; color: #7e9a8f; letter-spacing: -0.01em; opacity: 0.85; transition: color .2s ease, opacity .2s ease; }
.y232bb-e0f8:hover { color: var(--white); opacity: 1; }

/* ---- integrations ---- */
.d7b19e-3187 { display: flex; align-items: center; gap: 14px; background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); padding: 18px 20px; transition: border-color .2s ease, transform .2s ease; }
.d7b19e-3187:hover { border-color: rgba(16,185,129,0.4); transform: translateY(-3px); }
.y24694-58a2 { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: var(--gradient-soft); border: var(--border-width, 1px) solid var(--border-color); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-weight: 700; color: var(--white); font-size: 1.05rem; }
.d7b19e-3187 h4 { margin: 0; color: var(--white); font-size: 1rem; }
.d7b19e-3187 span { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); }

/* ---- pricing ---- */
.z32ebb-ed5f { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); align-items: stretch; }
.x1ec99-26fb { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-lg); padding: 34px 30px; display: flex; flex-direction: column; position: relative; }
.z32ebb-ed5f .x1ec99-26fb:nth-child(2) { box-shadow: var(--shadow-glow); background: linear-gradient(var(--panel), var(--panel)) padding-box, var(--gradient) border-box; border: 1px solid transparent; }
.z32ebb-ed5f .x1ec99-26fb:nth-child(2)::before { content: "Most popular"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--gradient); color: var(--on-primary-color, #fff); font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 5px 14px; border-radius: var(--radius-pill); white-space: nowrap; }
.tafd70-cc9a { font-family: var(--font-heading); font-weight: 600; font-size: 1.15rem; color: var(--white); margin-bottom: 8px; }
.f99053-01d2 { color: var(--muted); font-size: 0.92rem; margin-bottom: 22px; min-height: 42px; }
.f9b713-fa64 { display: flex; align-items: baseline; gap: 6px; margin-bottom: 24px; }
.f9b713-fa64 .b564b1-a1d4 { font-family: var(--font-heading); font-weight: 700; font-size: 2.6rem; color: var(--white); letter-spacing: -0.03em; }
.f9b713-fa64 .vcc128-cc05 { color: var(--dim); font-size: 0.9rem; }
.a48295-51bd { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 12px; }
.a48295-51bd li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.93rem; color: var(--muted); }
.a48295-51bd li::before { content: "✓"; color: var(--accent-color); font-weight: 700; flex: 0 0 auto; }
.x1ec99-26fb .btn { margin-top: auto; width: 100%; }

/* ---- faq ---- */
.vc21b7-b18c { max-width: 760px; margin: 0 auto; display: grid; gap: 14px; }
.xe5170-5748 { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); padding: 24px 26px; }
.xe5170-5748 h3 { margin-bottom: 8px; font-size: 1.08rem; }
.xe5170-5748 p { margin: 0; color: var(--muted); font-size: 0.96rem; }

/* ---- stats ---- */
.xec7b5-6544 { text-align: center; padding: 24px; border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); background: var(--panel); }
.ta93b9-440a { font-family: var(--font-heading); font-weight: 700; font-size: 2.4rem; line-height: 1; margin-bottom: 8px; }
.w03e60-67c9 { color: var(--muted); font-weight: 500; font-size: 0.92rem; }

/* ---- team ---- */
.w07558-420d { text-align: center; }
.w07558-420d .b517f0-68a3 { aspect-ratio: 1 / 1; }
.w07558-420d .y22f91-1924 { padding: 22px; }
.e8686d-8345 { font-family: var(--font-mono); color: var(--accent-color); font-weight: 500; font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; display: block; margin-bottom: 12px; }
.w07558-420d .f9cbeb-c88d { font-size: 0.92rem; }

/* ---- cta band ---- */
.a427c2-65e2 { border-radius: var(--radius-lg); padding: clamp(40px, 6vw, 76px); text-align: center; position: relative; overflow: hidden; border: var(--border-width, 1px) solid var(--border-color); background: var(--panel); }
.a427c2-65e2::before { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 120% at 50% 0%, rgba(16,185,129,0.22), transparent 60%), radial-gradient(50% 80% at 80% 100%, rgba(52,211,153,0.14), transparent 60%); }
.a427c2-65e2 > * { position: relative; }
.a427c2-65e2 h2 { color: var(--white); }
.a427c2-65e2 p { color: var(--muted); max-width: 56ch; margin: 0 auto 30px; }
.d79a69-12ab { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

/* ---- feature list (detail) ---- */
.tacc5a-9674 { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; }
.tacc5a-9674 li { display: flex; gap: 14px; }
.tacc5a-9674 .vc75cb-5334 { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 7px; background: var(--gradient-soft); border: var(--border-width, 1px) solid var(--border-color); color: var(--accent-color); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.8rem; }
.tacc5a-9674 h4 { margin: 0 0 4px; color: var(--white); }
.tacc5a-9674 p { margin: 0; color: var(--muted); font-size: 0.94rem; }

/* metric pill (feature detail) */
.x119db-c4c5 { display: inline-flex; flex-direction: column; gap: 2px; background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); padding: 16px 22px; }
.x119db-c4c5 .z3534a-328d { font-family: var(--font-heading); font-weight: 700; font-size: 1.8rem; color: var(--white); line-height: 1; }
.x119db-c4c5 .b5bd14-d5ba { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }

/* ---- interior page hero ---- */
.ubd2a2-6211 { position: relative; padding: 80px 0 56px; text-align: center; border-bottom: var(--border-width, 1px) solid var(--border-color); overflow: hidden; }
.ubd2a2-6211::before { content: ""; position: absolute; inset: 0; background: radial-gradient(50% 80% at 50% 0%, rgba(16,185,129,0.14), transparent 65%); pointer-events: none; }
.ubd2a2-6211 .container { position: relative; }
.ubd2a2-6211 h1 { margin-bottom: 14px; }
.ubd2a2-6211 p { color: var(--muted); max-width: 62ch; margin: 0 auto; }
.z3c41f-77c3 { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }
.z3c41f-77c3 a { color: var(--accent-color); }

/* ---- split (about/detail) ---- */
.c60cff-d185 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.c60cff-d185 img { border-radius: var(--radius-lg); border: var(--border-width, 1px) solid var(--border-color); width: 100%; object-fit: cover; aspect-ratio: 4 / 3; }

/* ---- forms ---- */
.d72e73-7338 { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-lg); padding: 34px; }
.a43327-802a { display: grid; gap: 18px; }
.ubcc36-8589 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.f9ef64-3109 { display: flex; flex-direction: column; gap: 7px; }
.f9ef64-3109 label { font-family: var(--font-heading); font-weight: 600; font-size: 0.86rem; color: var(--white); }
.f9ef64-3109 input, .f9ef64-3109 select, .f9ef64-3109 textarea {
    font-family: var(--font-body); font-size: 0.97rem; color: var(--white);
    padding: 12px 14px; border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-sm);
    background: var(--bg); transition: border-color .2s ease, box-shadow .2s ease;
    width: 100%;
}
.f9ef64-3109 input::placeholder, .f9ef64-3109 textarea::placeholder { color: var(--dim); }
.f9ef64-3109 input:focus, .f9ef64-3109 select:focus, .f9ef64-3109 textarea:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(16,185,129,0.18); }
.f9ef64-3109 textarea { resize: vertical; min-height: 120px; }

/* ---- contact info ---- */
.uba903-095d { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.c64480-c10b { display: grid; gap: 20px; }
.yf35f6-3599 { display: flex; gap: 14px; align-items: flex-start; background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); padding: 20px; }
.yf35f6-3599 .ubddd6-abf6 { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: var(--gradient-soft); border: var(--border-width, 1px) solid var(--border-color); color: var(--white); display: inline-flex; align-items: center; justify-content: center; font-size: 1.15rem; }
.yf35f6-3599 h4 { margin: 0 0 3px; color: var(--white); }
.yf35f6-3599 p { margin: 0; color: var(--muted); }

/* ---- prose (legal) ---- */
.xe2e1a-cf0d { max-width: 760px; margin: 0 auto; }
.xe2e1a-cf0d h2 { margin-top: 1.6em; font-size: 1.45rem; color: var(--white); }
.xe2e1a-cf0d h3 { margin-top: 1.3em; color: var(--white); }
.xe2e1a-cf0d p, .xe2e1a-cf0d li { color: var(--muted); }
.xe2e1a-cf0d a { color: var(--accent-color); }

/* ---- footer ---- */
.c6d55e-0dbd { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); padding: 72px 0 28px; }
.f914a2-906c { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 48px; }
.c6d55e-0dbd h4 { color: var(--white); font-family: var(--font-heading); font-size: 0.95rem; margin-bottom: 18px; letter-spacing: 0; }
.yff8f7-5d55 { color: var(--muted); font-size: 0.94rem; margin-top: 16px; max-width: 34ch; }
.xe2306-9c08 { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.xe2306-9c08 a { color: var(--muted); font-size: 0.93rem; }
.xe2306-9c08 a:hover { color: var(--white); }
.f97b5b-a6b8 { display: grid; gap: 12px; font-size: 0.93rem; color: var(--muted); }
.f97b5b-a6b8 a { color: var(--muted); }
.f97b5b-a6b8 a:hover { color: var(--white); }
.y2938c-c5b4 { border-top: var(--border-width, 1px) solid var(--border-color); padding-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; font-size: 0.85rem; color: var(--dim); }
.y2938c-c5b4 nav { display: flex; gap: 20px; flex-wrap: wrap; }
.y2938c-c5b4 a { color: var(--dim); }
.y2938c-c5b4 a:hover { color: var(--white); }

/* utilities */
.x11682-709e { margin-top: 0; }
.w0ffba-ccce { margin-bottom: 0; }
.c6a357-18d4 { padding: 64px 0; }

/* ---- responsive ---- */
@media (max-width: 980px) {
    .z3b65b-b617, .c60cff-d185, .uba903-095d { grid-template-columns: 1fr; gap: 40px; }
    .vc22ce-6ecb { order: -1; }
    .ub0bcd-cd17 { grid-template-columns: repeat(2, 1fr); }
    .z32ebb-ed5f { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .d7667f-e7be, .d7667f-e7be.vcba13-e952, .d7667f-e7be.tad933-e0be { grid-column: span 3; }
    .f914a2-906c { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :root { --section-y: 68px; }
    .xe0cb6-20cb .container { flex-wrap: wrap; min-height: 60px; gap: 12px; }
    .y222cf-2e47 { order: 3; width: 100%; flex-wrap: wrap; gap: 14px 18px; justify-content: center; padding-bottom: 12px; }
    .x199ce-213f, .wd3eec-41b4 { grid-template-columns: 1fr; }
    .yfb7f2-a6e6 { grid-template-columns: 1fr; }
    .d7667f-e7be, .d7667f-e7be.vcba13-e952, .d7667f-e7be.tad933-e0be { grid-column: span 1; }
    .ubcc36-8589 { grid-template-columns: 1fr; }
    .f914a2-906c { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .ub0bcd-cd17 { grid-template-columns: 1fr; }
    .xe0cb6-20cb .c68cf2-e35d .vcbfcd-f710 { display: none; }
}

/* --- app mockup (CSS-only product window, no images) --- */
.b50816-c75c { max-width: 940px; margin: 0 auto; background: var(--panel); border: 1px solid var(--border-color); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.yf0d1c-c33e { max-width: 1040px; }
.yf7867-308a { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border-color); }
.a4e4e5-df1f { display: inline-flex; gap: 7px; }
.a4e4e5-df1f i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-color); }
.a4e4e5-df1f i:nth-child(2) { background: var(--accent-color); }
.a4e4e5-df1f i:nth-child(3) { background: var(--primary-color); }
.a4f46c-aad8 { font-family: var(--font-mono); font-size: 13px; letter-spacing: .02em; color: var(--muted); }
.f9bb70-fda1 { display: grid; grid-template-columns: 200px 1fr; }
.yf01c5-f7f8 { display: grid; align-content: start; gap: 4px; padding: 20px 12px; background: var(--panel-2); border-right: 1px solid var(--border-color); }
.e87d59-f915 { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 14px; color: var(--muted); }
.e87d59-f915:first-child { background: var(--base-300); color: var(--text-color); }
.ta5260-e5e8 { padding: 24px 30px; display: grid; align-content: start; }
.z342eb-2f8f { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--border-color); font-size: 15px; color: var(--text-color); }
.z342eb-2f8f:last-child { border-bottom: 0; }
.d7698a-8f42 { flex: none; width: 46px; height: 26px; border-radius: var(--radius-pill); background: var(--primary-color); position: relative; }
.z342eb-2f8f:last-child .d7698a-8f42 { background: var(--base-300); }
.d7698a-8f42::after { content: ''; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: var(--base-100); }
.z342eb-2f8f:last-child .d7698a-8f42::after { left: 3px; }
.vcdc01-b989 { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); }
.w0b277-9825 { padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; color: var(--muted); background: var(--panel-2); }
.w0b277-9825:first-child { background: var(--primary-color); color: var(--base-100); }
.y21734-7a05 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
@media (max-width: 720px) {
    .f9bb70-fda1 { grid-template-columns: 1fr; }
    .yf01c5-f7f8 { grid-auto-flow: column; justify-content: start; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-color); }
    .ta5260-e5e8 { padding: 20px; }
    .y21734-7a05 { grid-template-columns: 1fr; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .y222cf-2e47 a, .e81c4c-f061 a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .y222cf-2e47 a, .e81c4c-f061 a { display: inline-flex; align-items: center; }
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { font-size: 16px; }
        }

        @media (max-width: 768px) {
            .xe0cb6-20cb .w08301-8374 { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .xe0cb6-20cb .d7dc26-b3a4 { flex-shrink: 0; }
            .xe0cb6-20cb .c68cf2-e35d { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .xe0cb6-20cb .c68cf2-e35d .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .xe0cb6-20cb .x12669-c398 { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #6ee7b7;
    --secondary-color: #34d399;
    --accent-color: #a7f3d0;
    --on-primary-color: #000000;
    --on-secondary-color: #000000;
    --on-accent-color: #000000;
    --on-text-color: #000000;
    --on-surface: #ffffff;
    --on-base-100: #ffffff;
    --on-base-200: #ffffff;
    --on-base-300: #ffffff;
    --neutral-color: #a3b5ac;
    --neutral: #a3b5ac;
    --base-100: #091108;
    --base-200: #121c11;
    --base-300: #212e20;
    --surface: #121c11;
    --border-color: #212e20;
    --text-color: #eff8ee;
    --font-heading: 'Space Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    --font-primary: 'Space Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
    --border-radius: 8px;
    --spacing: 16px;
    --shadow: 0 12px 39px rgba(0,0,0,0.45);
    --heading-tracking: 0.005em;
    --border-width: 1px;
}
body[class] { font-family: var(--font-body, var(--font-primary, inherit)); }
:root{--on-primary-color: #000000;--on-secondary-color: #000000;--on-accent-color: #000000;--on-text-color: #000000;--on-surface: #ffffff;--on-base-100: #ffffff;--on-base-200: #ffffff;--on-base-300: #ffffff;}