:root {
    --primary-color: #1d6987;     /* amber — CTAs, links, accents */
    --primary-dark:  #d97706;
    --secondary-color: #fb7185;   /* rose — mid/gradient stop */
    --accent-color: #fbbf24;      /* 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, #1d6987 0%, #fb7185 100%);
    --gradient-soft: linear-gradient(135deg, rgba(29,105,135,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(29,105,135,0.35), 0 12px 40px rgba(29,105,135,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; }

.text-cont-v1-833a {
    background: var(--gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.row-strip-v3-70b3 {
    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;
}
.list-nav-v3-401c { font-size: 1.12rem; color: var(--muted); }
.col-foot-v4-69c8 { color: var(--muted); }
.item-side-v3-643a { color: var(--dim); }
.grid-foot-v4-f190 { 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;
}
.pane-list-v4-2a8e { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(29,105,135,0.32); }
.pane-list-v4-2a8e:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(29,105,135,0.45); }
.btn-head-v1-245f { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(29,105,135,0.32); }
.btn-head-v1-245f:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(29,105,135,0.45); }
.block-row-v3-5fd2 { background: rgba(255,255,255,0.02); color: var(--white); border-color: var(--border-color); }
.block-row-v3-5fd2:hover { border-color: var(--primary-color); color: var(--white); transform: translateY(-2px); }
.brand-list-v4-87b0 { background: transparent; color: var(--muted); }
.brand-list-v4-87b0:hover { color: var(--white); }
.item-bar-v4-51bb { padding: 15px 30px; font-size: 1rem; }

/* ---- header ---- */
.bar-block-v1-3d7e {
    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);
}
.bar-block-v1-3d7e .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; }
.box-inner-v3-5132 { 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; }
.box-inner-v3-5132:hover { color: var(--white); }
.side-foot-v1-2811 {
    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(29,105,135,0.45);
}
.sect-hub-v2-35cc { display: flex; align-items: center; gap: 28px; }
.sect-hub-v2-35cc a { color: var(--muted); font-family: var(--font-body); font-weight: 500; font-size: 0.93rem; }
.sect-hub-v2-35cc a:hover { color: var(--white); }
.col-text-v2-2738 { display: flex; align-items: center; gap: 14px; }

/* ---- hero ---- */
.grid-link-v3-0c79 { position: relative; padding: clamp(64px, 9vw, 128px) 0 clamp(48px, 7vw, 96px); overflow: hidden; }
.grid-link-v3-0c79::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(29,105,135,0.18), transparent 60%),
        radial-gradient(50% 45% at 95% 10%, rgba(251,113,133,0.12), transparent 60%);
    pointer-events: none;
}
.grid-link-v3-0c79 .container { position: relative; z-index: 1; }
.lay-item-v2-3f53 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.pane-lay-v1-974f {
    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;
}
.pane-lay-v1-974f .band-outer-v4-2d5b { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px var(--accent-color); }
.grid-link-v3-0c79 h1 { margin-bottom: 20px; }
.grid-link-v3-0c79 .list-nav-v3-401c { margin-bottom: 30px; max-width: 40ch; }
.sect-pane-v4-a3cc { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.main-top-v3-bf45 { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 26px; }
.main-top-v3-bf45 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); }
.main-top-v3-bf45 li::before {
    content: "→"; color: var(--accent-color); font-weight: 700;
}
.inner-bar-v1-d721 { position: relative; }
.inner-bar-v1-d721 .pane-panel-v3-2019 {
    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;
}
.inner-bar-v1-d721 .pane-panel-v3-2019::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;
}
.inner-bar-v1-d721 img { border-radius: var(--radius); width: 100%; object-fit: cover; aspect-ratio: 16 / 11; }

/* ---- sections ---- */
.box-cont-v3-5a19 { padding: var(--section-y) 0; }
.btn-outer-v4-6e98 { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.text-top-v1-7ead { max-width: 660px; margin: 0 auto 56px; text-align: center; }
.text-top-v1-7ead p { margin-bottom: 0; }

/* ---- grids ---- */
.sect-row-v2-5324 { display: grid; gap: var(--gap); }
.inner-lay-v2-fc8b { grid-template-columns: repeat(2, 1fr); }
.block-text-v4-b1af { grid-template-columns: repeat(3, 1fr); }
.card-cont-v3-23bc { grid-template-columns: repeat(4, 1fr); }

/* ---- cards ---- */
.bar-panel-v2-fff8 {
    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;
}
.bar-panel-v2-fff8:hover { transform: translateY(-4px); border-color: rgba(29,105,135,0.4); box-shadow: var(--shadow-md); }
.text-inner-v3-ffcf { aspect-ratio: 16 / 10; overflow: hidden; background: var(--panel-2); }
.text-inner-v3-ffcf img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bar-panel-v2-fff8:hover .text-inner-v3-ffcf img { transform: scale(1.04); }
.box-tile-v4-0be7 { padding: 24px; flex: 1; }
.box-tile-v4-0be7 h3 { margin-bottom: 10px; color: var(--white); }
.box-tile-v4-0be7 p { color: var(--muted); margin-bottom: 0; font-size: 0.96rem; }
.row-row-v2-7d4f { 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); }
.row-row-v2-7d4f::after { content: "→"; transition: transform .2s ease; }
.bar-panel-v2-fff8:hover .row-row-v2-7d4f::after { transform: translateX(4px); }

/* mono micro-label used across cards/sections */
.cont-hub-v3-cf51 { 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 */
.nav-wrap-v3-77cf {
    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) */
.box-band-v1-2d0c{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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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")}
.box-band-v1-2d0c[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) ---- */
.list-panel-v1-3b5a { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--gap); grid-auto-rows: 1fr; }
.card-sect-v3-4238 {
    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;
}
.card-sect-v3-4238:hover { transform: translateY(-4px); border-color: rgba(29,105,135,0.4); box-shadow: var(--shadow-md); }
.card-sect-v3-4238.panel-outer-v2-e131 { grid-column: span 3; }
.card-sect-v3-4238.box-top-v4-a5a7 { grid-column: span 4; }
/* asymmetric bento rhythm (tiles a 6-col grid cleanly per 6 items) */
.card-sect-v3-4238:nth-child(6n+1) { grid-column: span 4; }
.card-sect-v3-4238:nth-child(6n+2) { grid-column: span 2; }
.card-sect-v3-4238:nth-child(6n+3) { grid-column: span 2; }
.card-sect-v3-4238:nth-child(6n+4) { grid-column: span 4; }
.card-sect-v3-4238:nth-child(6n+5) { grid-column: span 3; }
.card-sect-v3-4238:nth-child(6n+6) { grid-column: span 3; }
.card-sect-v3-4238 .cont-hub-v3-cf51 { margin-bottom: 12px; }
.card-sect-v3-4238 h3 { margin-bottom: 8px; }
.card-sect-v3-4238 p { color: var(--muted); margin-bottom: 0; font-size: 0.95rem; }
.card-sect-v3-4238 .row-row-v2-7d4f { margin-top: auto; padding-top: 16px; }
.outer-hero-v2-0bc7 { margin: 18px -28px -28px; border-top: var(--border-width, 1px) solid var(--border-color); background: var(--panel-2); aspect-ratio: 16 / 8; overflow: hidden; }
.outer-hero-v2-0bc7 img { width: 100%; height: 100%; object-fit: cover; }

/* ---- logos strip ---- */
.col-main-v2-883a { padding: 48px 0; border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.col-link-v2-1803 { 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; }
.list-grid-v2-c049 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 52px; }
.sect-link-v2-788d { 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; }
.sect-link-v2-788d:hover { color: var(--white); opacity: 1; }

/* ---- integrations ---- */
.row-panel-v2-e03f { 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; }
.row-panel-v2-e03f:hover { border-color: rgba(29,105,135,0.4); transform: translateY(-3px); }
.box-lay-v3-9c10 { 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; }
.row-panel-v2-e03f h4 { margin: 0; color: var(--white); font-size: 1rem; }
.row-panel-v2-e03f span { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); }

/* ---- pricing ---- */
.hub-side-v1-7880 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); align-items: stretch; }
.band-inner-v1-ac70 { 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; }
.hub-side-v1-7880 .band-inner-v1-ac70: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; }
.hub-side-v1-7880 .band-inner-v1-ac70: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; }
.band-lay-v1-0def { font-family: var(--font-heading); font-weight: 600; font-size: 1.15rem; color: var(--white); margin-bottom: 8px; }
.brand-list-v2-c70c { color: var(--muted); font-size: 0.92rem; margin-bottom: 22px; min-height: 42px; }
.inner-lay-v4-f6a9 { display: flex; align-items: baseline; gap: 6px; margin-bottom: 24px; }
.inner-lay-v4-f6a9 .nav-hero-v1-55ca { font-family: var(--font-heading); font-weight: 700; font-size: 2.6rem; color: var(--white); letter-spacing: -0.03em; }
.inner-lay-v4-f6a9 .foot-lay-v1-278f { color: var(--dim); font-size: 0.9rem; }
.row-side-v1-6add { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 12px; }
.row-side-v1-6add li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.93rem; color: var(--muted); }
.row-side-v1-6add li::before { content: "✓"; color: var(--accent-color); font-weight: 700; flex: 0 0 auto; }
.band-inner-v1-ac70 .btn { margin-top: auto; width: 100%; }

/* ---- faq ---- */
.pane-lay-v2-9fbe { max-width: 760px; margin: 0 auto; display: grid; gap: 14px; }
.bar-top-v4-0510 { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); padding: 24px 26px; }
.bar-top-v4-0510 h3 { margin-bottom: 8px; font-size: 1.08rem; }
.bar-top-v4-0510 p { margin: 0; color: var(--muted); font-size: 0.96rem; }

/* ---- stats ---- */
.col-list-v4-3645 { text-align: center; padding: 24px; border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius); background: var(--panel); }
.top-brand-v2-c540 { font-family: var(--font-heading); font-weight: 700; font-size: 2.4rem; line-height: 1; margin-bottom: 8px; }
.hub-link-v2-3cad { color: var(--muted); font-weight: 500; font-size: 0.92rem; }

/* ---- team ---- */
.list-item-v1-51b5 { text-align: center; }
.list-item-v1-51b5 .text-inner-v3-ffcf { aspect-ratio: 1 / 1; }
.list-item-v1-51b5 .box-tile-v4-0be7 { padding: 22px; }
.btn-hero-v3-bbc6 { 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; }
.list-item-v1-51b5 .foot-lay-v2-35d8 { font-size: 0.92rem; }

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

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

/* metric pill (feature detail) */
.main-pane-v2-0633 { 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; }
.main-pane-v2-0633 .btn-nav-v2-2388 { font-family: var(--font-heading); font-weight: 700; font-size: 1.8rem; color: var(--white); line-height: 1; }
.main-pane-v2-0633 .block-hero-v4-f24e { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }

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

/* ---- split (about/detail) ---- */
.band-lay-v4-ff1c { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.band-lay-v4-ff1c 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 ---- */
.sect-cont-v3-8b84 { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-lg); padding: 34px; }
.inner-outer-v4-86b1 { display: grid; gap: 18px; }
.tile-bar-v3-b895 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.hub-bar-v3-192d { display: flex; flex-direction: column; gap: 7px; }
.hub-bar-v3-192d label { font-family: var(--font-heading); font-weight: 600; font-size: 0.86rem; color: var(--white); }
.hub-bar-v3-192d input, .hub-bar-v3-192d select, .hub-bar-v3-192d 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%;
}
.hub-bar-v3-192d input::placeholder, .hub-bar-v3-192d textarea::placeholder { color: var(--dim); }
.hub-bar-v3-192d input:focus, .hub-bar-v3-192d select:focus, .hub-bar-v3-192d textarea:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(29,105,135,0.18); }
.hub-bar-v3-192d textarea { resize: vertical; min-height: 120px; }

/* ---- contact info ---- */
.head-foot-v1-099a { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.item-card-v2-e8d2 { display: grid; gap: 20px; }
.sect-card-v3-4891 { 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; }
.sect-card-v3-4891 .inner-outer-v4-bf26 { 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; }
.sect-card-v3-4891 h4 { margin: 0 0 3px; color: var(--white); }
.sect-card-v3-4891 p { margin: 0; color: var(--muted); }

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

/* ---- footer ---- */
.sect-lay-v3-b128 { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); padding: 72px 0 28px; }
.top-hero-v3-4fb8 { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 48px; }
.sect-lay-v3-b128 h4 { color: var(--white); font-family: var(--font-heading); font-size: 0.95rem; margin-bottom: 18px; letter-spacing: 0; }
.box-brand-v3-2bd9 { color: var(--muted); font-size: 0.94rem; margin-top: 16px; max-width: 34ch; }
.top-hub-v2-d6a9 { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.top-hub-v2-d6a9 a { color: var(--muted); font-size: 0.93rem; }
.top-hub-v2-d6a9 a:hover { color: var(--white); }
.wrap-item-v1-1870 { display: grid; gap: 12px; font-size: 0.93rem; color: var(--muted); }
.wrap-item-v1-1870 a { color: var(--muted); }
.wrap-item-v1-1870 a:hover { color: var(--white); }
.side-item-v2-b69e { 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); }
.side-item-v2-b69e nav { display: flex; gap: 20px; flex-wrap: wrap; }
.side-item-v2-b69e a { color: var(--dim); }
.side-item-v2-b69e a:hover { color: var(--white); }

/* utilities */
.col-card-v2-713b { margin-top: 0; }
.col-nav-v2-a45d { margin-bottom: 0; }
.nav-strip-v2-cf45 { padding: 64px 0; }

/* ---- responsive ---- */
@media (max-width: 980px) {
    .lay-item-v2-3f53, .band-lay-v4-ff1c, .head-foot-v1-099a { grid-template-columns: 1fr; gap: 40px; }
    .inner-bar-v1-d721 { order: -1; }
    .card-cont-v3-23bc { grid-template-columns: repeat(2, 1fr); }
    .hub-side-v1-7880 { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .card-sect-v3-4238, .card-sect-v3-4238.panel-outer-v2-e131, .card-sect-v3-4238.box-top-v4-a5a7 { grid-column: span 3; }
    .top-hero-v3-4fb8 { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :root { --section-y: 68px; }
    .bar-block-v1-3d7e .container { flex-wrap: wrap; min-height: 60px; gap: 12px; }
    .sect-hub-v2-35cc { order: 3; width: 100%; flex-wrap: wrap; gap: 14px 18px; justify-content: center; padding-bottom: 12px; }
    .block-text-v4-b1af, .inner-lay-v2-fc8b { grid-template-columns: 1fr; }
    .list-panel-v1-3b5a { grid-template-columns: 1fr; }
    .card-sect-v3-4238, .card-sect-v3-4238.panel-outer-v2-e131, .card-sect-v3-4238.box-top-v4-a5a7 { grid-column: span 1; }
    .tile-bar-v3-b895 { grid-template-columns: 1fr; }
    .top-hero-v3-4fb8 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .card-cont-v3-23bc { grid-template-columns: 1fr; }
    .bar-block-v1-3d7e .col-text-v2-2738 .block-row-v3-5fd2 { display: none; }
}

/* --- app mockup (CSS-only product window, no images) --- */
.outer-item-v4-f6f0 { 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); }
.foot-link-v1-a5bb { max-width: 1040px; }
.item-lay-v3-7cc6 { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border-color); }
.top-box-v1-e7b9 { display: inline-flex; gap: 7px; }
.top-box-v1-e7b9 i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-color); }
.top-box-v1-e7b9 i:nth-child(2) { background: var(--accent-color); }
.top-box-v1-e7b9 i:nth-child(3) { background: var(--primary-color); }
.text-row-v3-9aa0 { font-family: var(--font-mono); font-size: 13px; letter-spacing: .02em; color: var(--muted); }
.band-btn-v2-5c01 { display: grid; grid-template-columns: 200px 1fr; }
.row-wrap-v2-45e9 { display: grid; align-content: start; gap: 4px; padding: 20px 12px; background: var(--panel-2); border-right: 1px solid var(--border-color); }
.brand-link-v4-94bd { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 14px; color: var(--muted); }
.brand-link-v4-94bd:first-child { background: var(--base-300); color: var(--text-color); }
.box-box-v4-a4f9 { padding: 24px 30px; display: grid; align-content: start; }
.hub-main-v3-e39e { 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); }
.hub-main-v3-e39e:last-child { border-bottom: 0; }
.wrap-grid-v1-be2b { flex: none; width: 46px; height: 26px; border-radius: var(--radius-pill); background: var(--primary-color); position: relative; }
.hub-main-v3-e39e:last-child .wrap-grid-v1-be2b { background: var(--base-300); }
.wrap-grid-v1-be2b::after { content: ''; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: var(--base-100); }
.hub-main-v3-e39e:last-child .wrap-grid-v1-be2b::after { left: 3px; }
.hub-head-v3-9613 { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); }
.wrap-box-v2-b3f1 { padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; color: var(--muted); background: var(--panel-2); }
.wrap-box-v2-b3f1:first-child { background: var(--primary-color); color: var(--base-100); }
.pane-main-v2-7c4a { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
@media (max-width: 720px) {
    .band-btn-v2-5c01 { grid-template-columns: 1fr; }
    .row-wrap-v2-45e9 { grid-auto-flow: column; justify-content: start; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-color); }
    .box-box-v4-a4f9 { padding: 20px; }
    .pane-main-v2-7c4a { grid-template-columns: 1fr; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .sect-hub-v2-35cc a, .sect-panel-v2-185a a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .sect-hub-v2-35cc a, .sect-panel-v2-185a 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) {
            .bar-block-v1-3d7e .box-inner-v3-5132 { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .bar-block-v1-3d7e .side-foot-v1-2811 { flex-shrink: 0; }
            .bar-block-v1-3d7e .col-text-v2-2738 { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .bar-block-v1-3d7e .col-text-v2-2738 .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .bar-block-v1-3d7e .tile-foot-v4-6334 { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #1d6987;
    --secondary-color: #26a8dc;
    --accent-color: #f87171;
    --on-primary-color: #ffffff;
    --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: #c9b4b0;
    --neutral: #c9b4b0;
    --base-100: #110a09;
    --base-200: #1b1211;
    --base-300: #2d201e;
    --surface: #1b1211;
    --border-color: #2d201e;
    --text-color: #faf1ef;
    --font-heading: 'Red Hat Display', 'Helvetica Neue', Arial, sans-serif;
    --font-primary: 'Red Hat Display', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Red Hat Text', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Red Hat Text', 'Helvetica Neue', Arial, sans-serif;
    --border-radius: 14px;
    --spacing: 24px;
    --shadow: 0 12px 39px rgba(0,0,0,0.45);
    --heading-tracking: -0.02em;
    --border-width: 2px;
}
body[class] { font-family: var(--font-body, var(--font-primary, inherit)); }
:root{--on-primary-color: #ffffff;--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;}
[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}
}