:root {
    --primary-color: #ff0000;     /* amber — CTAs, links, accents */
    --primary-dark:  #d97706;
    --secondary-color: #fb7185;   /* rose — mid/gradient stop */
    --accent-color: #00fffb;      /* amber-light — gradient end, highlights */
    --neutral-color: #c4b8b2;     /* body text */
    --base-100: #0c0a0a;          /* warm near-black canvas */
    --base-200: #181312;          /* elevated panels */
    --base-300: #2a211f;          /* hairline borders */
    --text-color: #faf7f5;        /* warm white — headings */

    --bg: #0c0a0a;
    --panel: #181312;
    --panel-2: #211a18;
    --border-color: #2a211f;
    --muted: #c4b8b2;
    --dim: #8a7d77;
    --white: #faf7f5;

    --gradient: linear-gradient(135deg, #ff0000 0%, #fb7185 100%);
    --gradient-soft: linear-gradient(135deg, rgba(255,0,0,0.16), rgba(251,113,133,0.10));

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

    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 18px;
    --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(255,0,0,0.35), 0 12px 40px rgba(255,0,0,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.02em);
}
h1 { font-size: clamp(2.3rem, 5vw, 3.6rem); }
h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
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: #fcd34d; }
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; }

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

.ux-4aa688 {
    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;
}
.ux-6ac70e { font-size: 1.12rem; color: var(--muted); }
.ux-604448 { color: var(--muted); }
.ux-7a17fc { color: var(--dim); }
.ux-2b8b73 { 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;
}
.ux-dfa725 { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(255,0,0,0.32); }
.ux-dfa725:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255,0,0,0.45); }
.ux-28eeba { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(255,0,0,0.32); }
.ux-28eeba:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255,0,0,0.45); }
.ux-6d7ca0 { background: rgba(255,255,255,0.02); color: var(--white); border-color: var(--border-color); }
.ux-6d7ca0:hover { border-color: var(--primary-color); color: var(--white); transform: translateY(-2px); }
.ux-5b348b { background: transparent; color: var(--muted); }
.ux-5b348b:hover { color: var(--white); }
.ux-5aa9ea { padding: 15px 30px; font-size: 1rem; }

/* ---- header ---- */
.ux-819a5a {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(12,10,10,0.72);
    backdrop-filter: blur(14px);
    border-bottom: var(--border-width, 1px) solid var(--border-color);
}
.ux-819a5a .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; }
.ux-3bd0bc { 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.02em; }
.ux-3bd0bc:hover { color: var(--white); }
.ux-582526 {
    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(255,0,0,0.45);
}
.ux-866ef0 { display: flex; align-items: center; gap: 28px; }
.ux-866ef0 a { color: var(--muted); font-family: var(--font-body); font-weight: 500; font-size: 0.93rem; }
.ux-866ef0 a:hover { color: var(--white); }
.ux-5efddb { display: flex; align-items: center; gap: 14px; }

/* ---- hero ---- */
.ux-47f60f { position: relative; padding: clamp(64px, 9vw, 128px) 0 clamp(48px, 7vw, 96px); overflow: hidden; }
.ux-47f60f::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(255,0,0,0.18), transparent 60%),
        radial-gradient(50% 45% at 95% 10%, rgba(251,113,133,0.12), transparent 60%);
    pointer-events: none;
}
.ux-47f60f .container { position: relative; z-index: 1; }
.ux-acea49 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.ux-42a1ff {
    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;
}
.ux-42a1ff .ux-627f95 { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px var(--accent-color); }
.ux-47f60f h1 { margin-bottom: 20px; }
.ux-47f60f .ux-6ac70e { margin-bottom: 30px; max-width: 40ch; }
.ux-26344f { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.ux-ed1f7f { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 26px; }
.ux-ed1f7f 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); }
.ux-ed1f7f li::before {
    content: "→"; color: var(--accent-color); font-weight: 700;
}
.ux-0ced41 { position: relative; }
.ux-0ced41 .ux-122dfc {
    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;
}
.ux-0ced41 .ux-122dfc::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;
}
.ux-0ced41 img { border-radius: var(--radius); width: 100%; object-fit: cover; aspect-ratio: 16 / 11; }

/* ---- sections ---- */
.ux-167704 { padding: var(--section-y) 0; }
.ux-54918a { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.ux-e145d6 { max-width: 660px; margin: 0 auto 56px; text-align: center; }
.ux-e145d6 p { margin-bottom: 0; }

/* ---- grids ---- */
.ux-d27dcc { display: grid; gap: var(--gap); }
.ux-795808 { grid-template-columns: repeat(2, 1fr); }
.ux-6d966c { grid-template-columns: repeat(3, 1fr); }
.ux-b156c5 { grid-template-columns: repeat(4, 1fr); }

/* ---- cards ---- */
.ux-98f1c7 {
    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;
}
.ux-98f1c7:hover { transform: translateY(-4px); border-color: rgba(255,0,0,0.4); box-shadow: var(--shadow-md); }
.ux-5729a4 { aspect-ratio: 16 / 10; overflow: hidden; background: var(--panel-2); }
.ux-5729a4 img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ux-98f1c7:hover .ux-5729a4 img { transform: scale(1.04); }
.ux-b97c97 { padding: 24px; flex: 1; }
.ux-b97c97 h3 { margin-bottom: 10px; color: var(--white); }
.ux-b97c97 p { color: var(--muted); margin-bottom: 0; font-size: 0.96rem; }
.ux-ad9a3d { 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); }
.ux-ad9a3d::after { content: "→"; transition: transform .2s ease; }
.ux-98f1c7:hover .ux-ad9a3d::after { transform: translateX(4px); }

/* mono micro-label used across cards/sections */
.ux-bbe718 { 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 */
.ux-c622a6 {
    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) */
.ux-3a1fbe{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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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")}
.ux-3a1fbe[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) ---- */
.ux-0195f0 { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--gap); grid-auto-rows: 1fr; }
.ux-610f24 {
    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;
}
.ux-610f24:hover { transform: translateY(-4px); border-color: rgba(255,0,0,0.4); box-shadow: var(--shadow-md); }
.ux-610f24.ux-a26cf3 { grid-column: span 3; }
.ux-610f24.ux-e935fb { grid-column: span 4; }
/* asymmetric bento rhythm (tiles a 6-col grid cleanly per 6 items) */
.ux-610f24:nth-child(6n+1) { grid-column: span 4; }
.ux-610f24:nth-child(6n+2) { grid-column: span 2; }
.ux-610f24:nth-child(6n+3) { grid-column: span 2; }
.ux-610f24:nth-child(6n+4) { grid-column: span 4; }
.ux-610f24:nth-child(6n+5) { grid-column: span 3; }
.ux-610f24:nth-child(6n+6) { grid-column: span 3; }
.ux-610f24 .ux-bbe718 { margin-bottom: 12px; }
.ux-610f24 h3 { margin-bottom: 8px; }
.ux-610f24 p { color: var(--muted); margin-bottom: 0; font-size: 0.95rem; }
.ux-610f24 .ux-ad9a3d { margin-top: auto; padding-top: 16px; }
.ux-861232 { margin: 18px -28px -28px; border-top: var(--border-width, 1px) solid var(--border-color); background: var(--panel-2); aspect-ratio: 16 / 8; overflow: hidden; }
.ux-861232 img { width: 100%; height: 100%; object-fit: cover; }

/* ---- logos strip ---- */
.ux-48319c { padding: 48px 0; border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.ux-c7d9b0 { 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; }
.ux-ab4296 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 52px; }
.ux-3c5cb9 { font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; color: #9c8f88; letter-spacing: -0.01em; opacity: 0.85; transition: color .2s ease, opacity .2s ease; }
.ux-3c5cb9:hover { color: var(--white); opacity: 1; }

/* ---- integrations ---- */
.ux-9d0889 { 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; }
.ux-9d0889:hover { border-color: rgba(255,0,0,0.4); transform: translateY(-3px); }
.ux-b72757 { 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; }
.ux-9d0889 h4 { margin: 0; color: var(--white); font-size: 1rem; }
.ux-9d0889 span { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); }

/* ---- pricing ---- */
.ux-c0c907 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); align-items: stretch; }
.ux-e4314c { 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; }
.ux-c0c907 .ux-e4314c: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; }
.ux-c0c907 .ux-e4314c: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; }
.ux-53fed0 { font-family: var(--font-heading); font-weight: 600; font-size: 1.15rem; color: var(--white); margin-bottom: 8px; }
.ux-451411 { color: var(--muted); font-size: 0.92rem; margin-bottom: 22px; min-height: 42px; }
.ux-2d9a44 { display: flex; align-items: baseline; gap: 6px; margin-bottom: 24px; }
.ux-2d9a44 .ux-66abb4 { font-family: var(--font-heading); font-weight: 700; font-size: 2.6rem; color: var(--white); letter-spacing: -0.03em; }
.ux-2d9a44 .ux-2ee1c8 { color: var(--dim); font-size: 0.9rem; }
.ux-db4c98 { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 12px; }
.ux-db4c98 li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.93rem; color: var(--muted); }
.ux-db4c98 li::before { content: "✓"; color: var(--accent-color); font-weight: 700; flex: 0 0 auto; }
.ux-e4314c .btn { margin-top: auto; width: 100%; }

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

/* ---- stats ---- */
.ux-fd66d0 { text-align: center; padding: 24px; border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); background: var(--panel); }
.ux-54e9ab { font-family: var(--font-heading); font-weight: 700; font-size: 2.4rem; line-height: 1; margin-bottom: 8px; }
.ux-571e30 { color: var(--muted); font-weight: 500; font-size: 0.92rem; }

/* ---- team ---- */
.ux-471938 { text-align: center; }
.ux-471938 .ux-5729a4 { aspect-ratio: 1 / 1; }
.ux-471938 .ux-b97c97 { padding: 22px; }
.ux-fe0ce6 { 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; }
.ux-471938 .ux-b6626f { font-size: 0.92rem; }

/* ---- cta band ---- */
.ux-2eb1fa { 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); }
.ux-2eb1fa::before { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 120% at 50% 0%, rgba(255,0,0,0.22), transparent 60%), radial-gradient(50% 80% at 80% 100%, rgba(251,113,133,0.14), transparent 60%); }
.ux-2eb1fa > * { position: relative; }
.ux-2eb1fa h2 { color: var(--white); }
.ux-2eb1fa p { color: var(--muted); max-width: 56ch; margin: 0 auto 30px; }
.ux-61fa58 { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

/* ---- feature list (detail) ---- */
.ux-ebf125 { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; }
.ux-ebf125 li { display: flex; gap: 14px; }
.ux-ebf125 .ux-081daf { 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; }
.ux-ebf125 h4 { margin: 0 0 4px; color: var(--white); }
.ux-ebf125 p { margin: 0; color: var(--muted); font-size: 0.94rem; }

/* metric pill (feature detail) */
.ux-9b6724 { 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; }
.ux-9b6724 .ux-f0da36 { font-family: var(--font-heading); font-weight: 700; font-size: 1.8rem; color: var(--white); line-height: 1; }
.ux-9b6724 .ux-a4ac85 { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }

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

/* ---- split (about/detail) ---- */
.ux-b21034 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ux-b21034 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 ---- */
.ux-a8383e { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-lg); padding: 34px; }
.ux-3809db { display: grid; gap: 18px; }
.ux-0f1c1c { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ux-6d4f70 { display: flex; flex-direction: column; gap: 7px; }
.ux-6d4f70 label { font-family: var(--font-heading); font-weight: 600; font-size: 0.86rem; color: var(--white); }
.ux-6d4f70 input, .ux-6d4f70 select, .ux-6d4f70 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%;
}
.ux-6d4f70 input::placeholder, .ux-6d4f70 textarea::placeholder { color: var(--dim); }
.ux-6d4f70 input:focus, .ux-6d4f70 select:focus, .ux-6d4f70 textarea:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(255,0,0,0.18); }
.ux-6d4f70 textarea { resize: vertical; min-height: 120px; }

/* ---- contact info ---- */
.ux-034729 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.ux-181179 { display: grid; gap: 20px; }
.ux-33eaa7 { 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; }
.ux-33eaa7 .ux-0a307f { 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; }
.ux-33eaa7 h4 { margin: 0 0 3px; color: var(--white); }
.ux-33eaa7 p { margin: 0; color: var(--muted); }

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

/* ---- footer ---- */
.ux-d9849c { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); padding: 72px 0 28px; }
.ux-cb093d { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 48px; }
.ux-d9849c h4 { color: var(--white); font-family: var(--font-heading); font-size: 0.95rem; margin-bottom: 18px; letter-spacing: 0; }
.ux-6cd25b { color: var(--muted); font-size: 0.94rem; margin-top: 16px; max-width: 34ch; }
.ux-cb175e { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.ux-cb175e a { color: var(--muted); font-size: 0.93rem; }
.ux-cb175e a:hover { color: var(--white); }
.ux-82b255 { display: grid; gap: 12px; font-size: 0.93rem; color: var(--muted); }
.ux-82b255 a { color: var(--muted); }
.ux-82b255 a:hover { color: var(--white); }
.ux-858ca6 { 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); }
.ux-858ca6 nav { display: flex; gap: 20px; flex-wrap: wrap; }
.ux-858ca6 a { color: var(--dim); }
.ux-858ca6 a:hover { color: var(--white); }

/* utilities */
.ux-562938 { margin-top: 0; }
.ux-698aba { margin-bottom: 0; }
.ux-a8c9c2 { padding: 64px 0; }

/* ---- responsive ---- */
@media (max-width: 980px) {
    .ux-acea49, .ux-b21034, .ux-034729 { grid-template-columns: 1fr; gap: 40px; }
    .ux-0ced41 { order: -1; }
    .ux-b156c5 { grid-template-columns: repeat(2, 1fr); }
    .ux-c0c907 { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .ux-610f24, .ux-610f24.ux-a26cf3, .ux-610f24.ux-e935fb { grid-column: span 3; }
    .ux-cb093d { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :root { --section-y: 68px; }
    .ux-819a5a .container { flex-wrap: wrap; min-height: 60px; gap: 12px; }
    .ux-866ef0 { order: 3; width: 100%; flex-wrap: wrap; gap: 14px 18px; justify-content: center; padding-bottom: 12px; }
    .ux-6d966c, .ux-795808 { grid-template-columns: 1fr; }
    .ux-0195f0 { grid-template-columns: 1fr; }
    .ux-610f24, .ux-610f24.ux-a26cf3, .ux-610f24.ux-e935fb { grid-column: span 1; }
    .ux-0f1c1c { grid-template-columns: 1fr; }
    .ux-cb093d { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .ux-b156c5 { grid-template-columns: 1fr; }
    .ux-819a5a .ux-5efddb .ux-6d7ca0 { display: none; }
}

/* --- app mockup (CSS-only product window, no images) --- */
.ux-5b1acb { 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); }
.ux-3d0ea8 { max-width: 1040px; }
.ux-c87963 { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border-color); }
.ux-dde6e3 { display: inline-flex; gap: 7px; }
.ux-dde6e3 i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-color); }
.ux-dde6e3 i:nth-child(2) { background: var(--accent-color); }
.ux-dde6e3 i:nth-child(3) { background: var(--primary-color); }
.ux-a3f7e8 { font-family: var(--font-mono); font-size: 13px; letter-spacing: .02em; color: var(--muted); }
.ux-f150f9 { display: grid; grid-template-columns: 200px 1fr; }
.ux-cb87ad { display: grid; align-content: start; gap: 4px; padding: 20px 12px; background: var(--panel-2); border-right: 1px solid var(--border-color); }
.ux-87975b { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 14px; color: var(--muted); }
.ux-87975b:first-child { background: var(--base-300); color: var(--text-color); }
.ux-9b2638 { padding: 24px 30px; display: grid; align-content: start; }
.ux-3cf77a { 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); }
.ux-3cf77a:last-child { border-bottom: 0; }
.ux-5988d3 { flex: none; width: 46px; height: 26px; border-radius: var(--radius-pill); background: var(--primary-color); position: relative; }
.ux-3cf77a:last-child .ux-5988d3 { background: var(--base-300); }
.ux-5988d3::after { content: ''; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: var(--base-100); }
.ux-3cf77a:last-child .ux-5988d3::after { left: 3px; }
.ux-bb4edd { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); }
.ux-490b20 { padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; color: var(--muted); background: var(--panel-2); }
.ux-490b20:first-child { background: var(--primary-color); color: var(--base-100); }
.ux-a8429e { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
@media (max-width: 720px) {
    .ux-f150f9 { grid-template-columns: 1fr; }
    .ux-cb87ad { grid-auto-flow: column; justify-content: start; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-color); }
    .ux-9b2638 { padding: 20px; }
    .ux-a8429e { grid-template-columns: 1fr; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .ux-866ef0 a, .ux-b54567 a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .ux-866ef0 a, .ux-b54567 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) {
            .ux-819a5a .ux-3bd0bc { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .ux-819a5a .ux-582526 { flex-shrink: 0; }
            .ux-819a5a .ux-5efddb { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .ux-819a5a .ux-5efddb .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .ux-819a5a .ux-39cec7 { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #ff0000;
    --secondary-color: #c20c22;
    --accent-color: #00fffb;
    --on-primary-color: #000000;
    --on-secondary-color: #ffffff;
    --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: #c4b8b2;
    --neutral: #c4b8b2;
    --base-100: #0e0b09;
    --base-200: #181310;
    --base-300: #2a211c;
    --surface: #181310;
    --border-color: #2a211c;
    --text-color: #f9f4f0;
    --font-heading: 'Sora', 'Helvetica Neue', Arial, sans-serif;
    --font-primary: 'Sora', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --border-radius: 18px;
    --spacing: 24px;
    --shadow: 0 4px 18px rgba(0,0,0,0.45);
    --heading-tracking: -0.02em;
    --border-width: 1px;
}
body[class] { font-family: var(--font-body, var(--font-primary, inherit)); }
:root{--on-primary-color: #000000;--on-secondary-color: #ffffff;--on-accent-color: #000000;--on-text-color: #000000;--on-surface: #ffffff;--on-base-100: #ffffff;--on-base-200: #ffffff;--on-base-300: #ffffff;}
[data-wc-burger]{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin-left:auto;background:none;border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
[data-wc-burger] span{display:block;height:2px;width:22px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(2){opacity:0}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:768px){
html[data-wc-nav-ready] [data-wc-burger]{display:flex}
html[data-wc-nav-ready] [data-wc-hrow]{position:relative;flex-wrap:nowrap}
html[data-wc-nav-ready] [data-wc-mnav]{position:absolute!important;top:100%;left:0;right:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:6px 16px 14px!important;background:var(--base-100,var(--surface,#fff));border-top:1px solid var(--border-color,rgba(0,0,0,.08));box-shadow:0 14px 30px rgba(0,0,0,.14);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease;z-index:1200;list-style:none}
html[data-wc-nav-open][data-wc-nav-ready] [data-wc-mnav]{max-height:78vh;overflow:auto;opacity:1;visibility:visible}
html[data-wc-nav-ready] [data-wc-mnav]>*{width:100%}
html[data-wc-nav-ready] [data-wc-mnav] a{display:flex;align-items:center;min-height:44px;padding:11px 2px!important;border-bottom:1px solid var(--border-color,rgba(0,0,0,.07))}
html[data-wc-nav-ready] [data-wc-mnav] li{border:0!important;padding:0!important;margin:0!important}
html[data-wc-nav-ready] [data-wc-mnav] li:last-child a,html[data-wc-nav-ready] [data-wc-mnav] a:last-child{border-bottom:0}
}