.SectTopf73c{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: #4f46e5;     /* indigo — CTAs, links, accents */
    --primary-dark:  #4338ca;
    --secondary-color: #2563eb;   /* blue — mid-gradient stop */
    --accent-color: #6366f1;      /* indigo-light — gradient end, highlights */
    --neutral-color: #5b6472;     /* slate body text */
    --base-100: #ffffff;          /* white canvas */
    --base-200: #f7f8fa;          /* light panels */
    --base-300: #e6e8ee;          /* hairline borders */
    --text-color: #0f172a;        /* near-black — headings */

    --bg: #ffffff;
    --panel: #f7f8fa;
    --panel-2: #eef0f5;
    --border-color: #e6e8ee;
    --muted: #5b6472;
    --dim: #94a0b0;
    --white: #0f172a;             /* primary text/ink on light canvas */

    --gradient: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #6366f1 100%);
    --gradient-soft: linear-gradient(135deg, rgba(79,70,229,0.10), rgba(37,99,235,0.06));

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

    --radius: 8px;
    --radius-sm: 6px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.06);
    --shadow-md: var(--shadow, 0 8px 30px rgba(15,23,42,0.10));
    --shadow-glow: 0 0 0 1px rgba(79,70,229,0.25), 0 12px 40px rgba(79,70,229,0.18);
    --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: #4338ca; }
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; }

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

.ContText1dc9 {
    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;
}
.InnerText7f34 { font-size: 1.12rem; color: var(--muted); }
.BarMainf7ee { color: var(--muted); }
.SideSide18a0 { color: var(--dim); }
.GridTile73c9 { 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;
}
.HeadStrip7541 { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(79,70,229,0.28); }
.HeadStrip7541:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(79,70,229,0.38); }
.ContWrapfbf3 { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(79,70,229,0.28); }
.ContWrapfbf3:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(79,70,229,0.38); }
.TopMaina64a { background: rgba(0,0,0,0.02); color: var(--white); border-color: var(--border-color); }
.TopMaina64a:hover { border-color: var(--primary-color); color: var(--white); transform: translateY(-2px); }
.HeroList9d63 { background: transparent; color: var(--muted); }
.HeroList9d63:hover { color: var(--white); }
.BtnFootaae9 { padding: 15px 30px; font-size: 1rem; }

/* ---- header ---- */
.RowBand446c {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(14px);
    border-bottom: var(--border-width, 1px) solid var(--border-color);
}
.RowBand446c .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; }
.CardHubb52c { 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; }
.CardHubb52c:hover { color: var(--white); }
.NavHead1a0a {
    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(79,70,229,0.35);
}
.ContWrapb28c { display: flex; align-items: center; gap: 28px; }
.ContWrapb28c a { color: var(--muted); font-family: var(--font-body); font-weight: 500; font-size: 0.93rem; }
.ContWrapb28c a:hover { color: var(--white); }
.ContBtn1b06 { display: flex; align-items: center; gap: 14px; }

/* ---- hero ---- */
.NavRow6651 { position: relative; padding: clamp(64px, 9vw, 128px) 0 clamp(48px, 7vw, 96px); overflow: hidden; }
.NavRow6651::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(79,70,229,0.10), transparent 60%),
        radial-gradient(50% 45% at 95% 10%, rgba(37,99,235,0.08), transparent 60%);
    pointer-events: none;
}
.NavRow6651 .container { position: relative; z-index: 1; }
.SideBand7b36 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.InnerContac99 {
    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;
}
.InnerContac99 .BarCard6df8 { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px var(--accent-color); }
.NavRow6651 h1 { margin-bottom: 20px; }
.NavRow6651 .InnerText7f34 { margin-bottom: 30px; max-width: 40ch; }
.StripMain9bbb { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.ColTop0df3 { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 26px; }
.ColTop0df3 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); }
.ColTop0df3 li::before {
    content: "→"; color: var(--accent-color); font-weight: 700;
}
.LinkPane04a3 { position: relative; }
.LinkPane04a3 .ContText1831 {
    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;
}
.LinkPane04a3 .ContText1831::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;
}
.LinkPane04a3 img { border-radius: var(--radius); width: 100%; object-fit: cover; aspect-ratio: 16 / 11; }

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

/* ---- grids ---- */
.BlockCard427e { display: grid; gap: var(--gap); }
.BarLayfa15 { grid-template-columns: repeat(2, 1fr); }
.TextPanelb850 { grid-template-columns: repeat(3, 1fr); }
.TextTile78db { grid-template-columns: repeat(4, 1fr); }

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

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

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

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

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

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

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

/* ---- team ---- */
.BlockMainb722 { text-align: center; }
.BlockMainb722 .OuterBoxa1bc { aspect-ratio: 1 / 1; }
.BlockMainb722 .ContLinkdad3 { padding: 22px; }
.CardPaneld552 { 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; }
.BlockMainb722 .FootBtn6ad4 { font-size: 0.92rem; }

/* ---- cta band ---- */
.BandPanel3051 { 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); }
.BandPanel3051::before { content: ""; position: absolute; inset: 0; background: radial-gradient(70% 120% at 50% 0%, rgba(79,70,229,0.10), transparent 60%), radial-gradient(50% 80% at 80% 100%, rgba(37,99,235,0.07), transparent 60%); }
.BandPanel3051 > * { position: relative; }
.BandPanel3051 h2 { color: var(--white); }
.BandPanel3051 p { color: var(--muted); max-width: 56ch; margin: 0 auto 30px; }
.HeroOuter70d6 { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

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

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

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

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

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

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

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

/* utilities */
.HeroText42a4 { margin-top: 0; }
.MainTile89da { margin-bottom: 0; }
.FootSectfc4a { padding: 64px 0; }

/* ---- responsive ---- */
@media (max-width: 980px) {
    .SideBand7b36, .HeadFootc9e8, .StripHead3e88 { grid-template-columns: 1fr; gap: 40px; }
    .LinkPane04a3 { order: -1; }
    .TextTile78db { grid-template-columns: repeat(2, 1fr); }
    .HeadBrand79a4 { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .ColMainfeae, .ColMainfeae.HubBtnb02a, .ColMainfeae.GridTop4776 { grid-column: span 3; }
    .PaneBoxb271 { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :root { --section-y: 68px; }
    .RowBand446c .container { flex-wrap: wrap; min-height: 60px; gap: 12px; }
    .ContWrapb28c { order: 3; width: 100%; flex-wrap: wrap; gap: 14px 18px; justify-content: center; padding-bottom: 12px; }
    .TextPanelb850, .BarLayfa15 { grid-template-columns: 1fr; }
    .StripCont7c0e { grid-template-columns: 1fr; }
    .ColMainfeae, .ColMainfeae.HubBtnb02a, .ColMainfeae.GridTop4776 { grid-column: span 1; }
    .MainHeaded1b { grid-template-columns: 1fr; }
    .PaneBoxb271 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .TextTile78db { grid-template-columns: 1fr; }
    .RowBand446c .ContBtn1b06 .TopMaina64a { display: none; }
}

/* --- app mockup (CSS-only product window, no images) --- */
.GridSidee2ff { 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); }
.PaneHub671c { max-width: 1040px; }
.OuterFoot1f35 { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border-color); }
.HeadHub7a5f { display: inline-flex; gap: 7px; }
.HeadHub7a5f i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-color); }
.HeadHub7a5f i:nth-child(2) { background: var(--accent-color); }
.HeadHub7a5f i:nth-child(3) { background: var(--primary-color); }
.MainMain73f8 { font-family: var(--font-mono); font-size: 13px; letter-spacing: .02em; color: var(--muted); }
.ContText1e61 { display: grid; grid-template-columns: 200px 1fr; }
.InnerPane72e4 { display: grid; align-content: start; gap: 4px; padding: 20px 12px; background: var(--panel-2); border-right: 1px solid var(--border-color); }
.NavHubb480 { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 14px; color: var(--muted); }
.NavHubb480:first-child { background: var(--base-300); color: var(--text-color); }
.ListHubaffa { padding: 24px 30px; display: grid; align-content: start; }
.BandCole5bd { 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); }
.BandCole5bd:last-child { border-bottom: 0; }
.ListBlockd7d7 { flex: none; width: 46px; height: 26px; border-radius: var(--radius-pill); background: var(--primary-color); position: relative; }
.BandCole5bd:last-child .ListBlockd7d7 { background: var(--base-300); }
.ListBlockd7d7::after { content: ''; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: var(--base-100); }
.BandCole5bd:last-child .ListBlockd7d7::after { left: 3px; }
.ListBox6581 { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); }
.RowOuterc12b { padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; color: var(--muted); background: var(--panel-2); }
.RowOuterc12b:first-child { background: var(--primary-color); color: var(--base-100); }
.PaneLink939a { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
@media (max-width: 720px) {
    .ContText1e61 { grid-template-columns: 1fr; }
    .InnerPane72e4 { grid-auto-flow: column; justify-content: start; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-color); }
    .ListHubaffa { padding: 20px; }
    .PaneLink939a { grid-template-columns: 1fr; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .ContWrapb28c a, .ColNavd19b a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .ContWrapb28c a, .ColNavd19b 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) {
            .RowBand446c .CardHubb52c { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .RowBand446c .NavHead1a0a { flex-shrink: 0; }
            .RowBand446c .ContBtn1b06 { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .RowBand446c .ContBtn1b06 .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .RowBand446c .OuterStripd07b { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #0d9488;
    --secondary-color: #0f766e;
    --accent-color: #0e7490;
    --on-primary-color: #000000;
    --on-secondary-color: #ffffff;
    --on-accent-color: #ffffff;
    --on-text-color: #ffffff;
    --on-surface: #000000;
    --on-base-100: #000000;
    --on-base-200: #000000;
    --on-base-300: #000000;
    --neutral-color: #4f5f60;
    --neutral: #4f5f60;
    --base-100: #ffffff;
    --base-200: #f5fafa;
    --base-300: #e2eeee;
    --surface: #f5fafa;
    --border-color: #e2eeee;
    --text-color: #0e2426;
    --font-heading: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --font-primary: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --border-radius: 8px;
    --spacing: 16px;
    --shadow: 0 12px 39px rgba(15,23,42,0.10);
    --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: #ffffff;--on-accent-color: #ffffff;--on-text-color: #ffffff;--on-surface: #000000;--on-base-100: #000000;--on-base-200: #000000;--on-base-300: #000000;}
[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}
}