:root {
    --primary-color: #003580;     /* indigo — CTAs, links, accents */
    --primary-dark:  #4338ca;
    --secondary-color: #2563eb;   /* blue — mid-gradient stop */
    --accent-color: #cc1400;      /* 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, #003580 0%, #2563eb 50%, #cc1400 100%);
    --gradient-soft: linear-gradient(135deg, rgba(0,53,128,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(0,53,128,0.25), 0 12px 40px rgba(0,53,128,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; }

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

.link_strip-3853 {
    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;
}
.outer_btn-3384 { font-size: 1.12rem; color: var(--muted); }
.link_hero-fb7b { color: var(--muted); }
.strip_col-b446 { color: var(--dim); }
.inner_text-2be5 { 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;
}
.link_head-9d3d { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(0,53,128,0.28); }
.link_head-9d3d:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,53,128,0.38); }
.outer_brand-309a { background: var(--gradient); color: var(--on-primary-color, #fff); box-shadow: 0 6px 22px rgba(0,53,128,0.28); }
.outer_brand-309a:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,53,128,0.38); }
.nav_side-90be { background: rgba(0,0,0,0.02); color: var(--white); border-color: var(--border-color); }
.nav_side-90be:hover { border-color: var(--primary-color); color: var(--white); transform: translateY(-2px); }
.bar_sect-32d8 { background: transparent; color: var(--muted); }
.bar_sect-32d8:hover { color: var(--white); }
.top_side-e8ad { padding: 15px 30px; font-size: 1rem; }

/* ---- header ---- */
.grid_row-a387 {
    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);
}
.grid_row-a387 .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; }
.outer_lay-9945 { 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; }
.outer_lay-9945:hover { color: var(--white); }
.hero_btn-613f {
    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(0,53,128,0.35);
}
.grid_item-a8c9 { display: flex; align-items: center; gap: 28px; }
.grid_item-a8c9 a { color: var(--muted); font-family: var(--font-body); font-weight: 500; font-size: 0.93rem; }
.grid_item-a8c9 a:hover { color: var(--white); }
.tile_pane-3e75 { display: flex; align-items: center; gap: 14px; }

/* ---- hero ---- */
.wrap_col-9f8d { position: relative; padding: clamp(64px, 9vw, 128px) 0 clamp(48px, 7vw, 96px); overflow: hidden; }
.wrap_col-9f8d::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(60% 50% at 18% 0%, rgba(0,53,128,0.10), transparent 60%),
        radial-gradient(50% 45% at 95% 10%, rgba(37,99,235,0.08), transparent 60%);
    pointer-events: none;
}
.wrap_col-9f8d .container { position: relative; z-index: 1; }
.band_link-887f { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.box_link-ed30 {
    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;
}
.box_link-ed30 .band_side-c1b5 { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-color); box-shadow: 0 0 10px var(--accent-color); }
.wrap_col-9f8d h1 { margin-bottom: 20px; }
.wrap_col-9f8d .outer_btn-3384 { margin-bottom: 30px; max-width: 40ch; }
.brand_sect-4753 { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.hub_row-ff1b { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px 26px; }
.hub_row-ff1b 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); }
.hub_row-ff1b li::before {
    content: "→"; color: var(--accent-color); font-weight: 700;
}
.card_foot-7c2c { position: relative; }
.card_foot-7c2c .col_strip-210b {
    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;
}
.card_foot-7c2c .col_strip-210b::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;
}
.card_foot-7c2c img { border-radius: var(--radius); width: 100%; object-fit: cover; aspect-ratio: 16 / 11; }

/* ---- sections ---- */
.grid_bar-4b87 { padding: var(--section-y) 0; }
.bar_strip-e5c7 { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.hub_grid-ba52 { max-width: 660px; margin: 0 auto 56px; text-align: center; }
.hub_grid-ba52 p { margin-bottom: 0; }

/* ---- grids ---- */
.btn_col-f413 { display: grid; gap: var(--gap); }
.grid_hub-47ca { grid-template-columns: repeat(2, 1fr); }
.bar_tile-1d43 { grid-template-columns: repeat(3, 1fr); }
.box_hub-9ef2 { grid-template-columns: repeat(4, 1fr); }

/* ---- cards ---- */
.cont_lay-9b17 {
    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;
}
.cont_lay-9b17:hover { transform: translateY(-4px); border-color: rgba(0,53,128,0.4); box-shadow: var(--shadow-md); }
.row_side-5ccf { aspect-ratio: 16 / 10; overflow: hidden; background: var(--panel-2); }
.row_side-5ccf img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.cont_lay-9b17:hover .row_side-5ccf img { transform: scale(1.04); }
.main_block-bc8e { padding: 24px; flex: 1; }
.main_block-bc8e h3 { margin-bottom: 10px; color: var(--white); }
.main_block-bc8e p { color: var(--muted); margin-bottom: 0; font-size: 0.96rem; }
.col_strip-312d { 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); }
.col_strip-312d::after { content: "→"; transition: transform .2s ease; }
.cont_lay-9b17:hover .col_strip-312d::after { transform: translateX(4px); }

/* mono micro-label used across cards/sections */
.side_hero-95a5 { 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 */
.link_cont-c1b7 {
    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) */
.band_col-ad57{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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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")}
.band_col-ad57[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) ---- */
.sect_item-1bb8 { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--gap); grid-auto-rows: 1fr; }
.band_panel-f39a {
    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;
}
.band_panel-f39a:hover { transform: translateY(-4px); border-color: rgba(0,53,128,0.4); box-shadow: var(--shadow-md); }
.band_panel-f39a.strip_nav-aee5 { grid-column: span 3; }
.band_panel-f39a.col_row-6cf0 { grid-column: span 4; }
/* asymmetric bento rhythm (tiles a 6-col grid cleanly per 6 items) */
.band_panel-f39a:nth-child(6n+1) { grid-column: span 4; }
.band_panel-f39a:nth-child(6n+2) { grid-column: span 2; }
.band_panel-f39a:nth-child(6n+3) { grid-column: span 2; }
.band_panel-f39a:nth-child(6n+4) { grid-column: span 4; }
.band_panel-f39a:nth-child(6n+5) { grid-column: span 3; }
.band_panel-f39a:nth-child(6n+6) { grid-column: span 3; }
.band_panel-f39a .side_hero-95a5 { margin-bottom: 12px; }
.band_panel-f39a h3 { margin-bottom: 8px; }
.band_panel-f39a p { color: var(--muted); margin-bottom: 0; font-size: 0.95rem; }
.band_panel-f39a .col_strip-312d { margin-top: auto; padding-top: 16px; }
.hub_panel-3300 { margin: 18px -28px -28px; border-top: var(--border-width, 1px) solid var(--border-color); background: var(--panel-2); aspect-ratio: 16 / 8; overflow: hidden; }
.hub_panel-3300 img { width: 100%; height: 100%; object-fit: cover; }

/* ---- logos strip ---- */
.panel_panel-79f5 { padding: 48px 0; border-top: var(--border-width, 1px) solid var(--border-color); border-bottom: var(--border-width, 1px) solid var(--border-color); }
.nav_strip-aad6 { 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; }
.outer_tile-4f09 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 52px; }
.grid_text-9a0e { 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; }
.grid_text-9a0e:hover { color: var(--white); opacity: 1; }

/* ---- integrations ---- */
.card_foot-72c9 { 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; }
.card_foot-72c9:hover { border-color: rgba(0,53,128,0.4); transform: translateY(-3px); }
.head_box-37ab { 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; }
.card_foot-72c9 h4 { margin: 0; color: var(--white); font-size: 1rem; }
.card_foot-72c9 span { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); }

/* ---- pricing ---- */
.row_row-5f00 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); align-items: stretch; }
.top_text-b7ef { 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; }
.row_row-5f00 .top_text-b7ef: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; }
.row_row-5f00 .top_text-b7ef: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; }
.strip_wrap-3d92 { font-family: var(--font-heading); font-weight: 600; font-size: 1.15rem; color: var(--white); margin-bottom: 8px; }
.cont_bar-0beb { color: var(--muted); font-size: 0.92rem; margin-bottom: 22px; min-height: 42px; }
.item_top-6465 { display: flex; align-items: baseline; gap: 6px; margin-bottom: 24px; }
.item_top-6465 .row_grid-03c6 { font-family: var(--font-heading); font-weight: 700; font-size: 2.6rem; color: var(--white); letter-spacing: -0.03em; }
.item_top-6465 .lay_link-9a7d { color: var(--dim); font-size: 0.9rem; }
.brand_box-071e { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 12px; }
.brand_box-071e li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.93rem; color: var(--muted); }
.brand_box-071e li::before { content: "✓"; color: var(--accent-color); font-weight: 700; flex: 0 0 auto; }
.top_text-b7ef .btn { margin-top: auto; width: 100%; }

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

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

/* ---- team ---- */
.sect_box-a6a8 { text-align: center; }
.sect_box-a6a8 .row_side-5ccf { aspect-ratio: 1 / 1; }
.sect_box-a6a8 .main_block-bc8e { padding: 22px; }
.row_hub-aeaa { 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; }
.sect_box-a6a8 .list_block-da07 { font-size: 0.92rem; }

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

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

/* metric pill (feature detail) */
.link_item-193b { 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; }
.link_item-193b .list_card-0ae3 { font-family: var(--font-heading); font-weight: 700; font-size: 1.8rem; color: var(--white); line-height: 1; }
.link_item-193b .pane_col-61df { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }

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

/* ---- split (about/detail) ---- */
.wrap_outer-da69 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.wrap_outer-da69 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 ---- */
.lay_wrap-e9ac { background: var(--panel); border: var(--border-width, 1px) solid var(--border-color); border-radius: var(--radius-lg); padding: 34px; }
.text_cont-2943 { display: grid; gap: 18px; }
.grid_list-046e { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.col_hub-707c { display: flex; flex-direction: column; gap: 7px; }
.col_hub-707c label { font-family: var(--font-heading); font-weight: 600; font-size: 0.86rem; color: var(--white); }
.col_hub-707c input, .col_hub-707c select, .col_hub-707c 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%;
}
.col_hub-707c input::placeholder, .col_hub-707c textarea::placeholder { color: var(--dim); }
.col_hub-707c input:focus, .col_hub-707c select:focus, .col_hub-707c textarea:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0,53,128,0.18); }
.col_hub-707c textarea { resize: vertical; min-height: 120px; }

/* ---- contact info ---- */
.col_cont-3343 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.btn_btn-07b9 { display: grid; gap: 20px; }
.outer_panel-448a { 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; }
.outer_panel-448a .wrap_panel-f4c0 { 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; }
.outer_panel-448a h4 { margin: 0 0 3px; color: var(--white); }
.outer_panel-448a p { margin: 0; color: var(--muted); }

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

/* ---- footer ---- */
.text_item-5919 { background: var(--panel); border-top: var(--border-width, 1px) solid var(--border-color); padding: 72px 0 28px; }
.tile_wrap-92d7 { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 48px; }
.text_item-5919 h4 { color: var(--white); font-family: var(--font-heading); font-size: 0.95rem; margin-bottom: 18px; letter-spacing: 0; }
.lay_btn-09c5 { color: var(--muted); font-size: 0.94rem; margin-top: 16px; max-width: 34ch; }
.outer_cont-a82b { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.outer_cont-a82b a { color: var(--muted); font-size: 0.93rem; }
.outer_cont-a82b a:hover { color: var(--white); }
.pane_top-0085 { display: grid; gap: 12px; font-size: 0.93rem; color: var(--muted); }
.pane_top-0085 a { color: var(--muted); }
.pane_top-0085 a:hover { color: var(--white); }
.band_pane-71e7 { 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); }
.band_pane-71e7 nav { display: flex; gap: 20px; flex-wrap: wrap; }
.band_pane-71e7 a { color: var(--dim); }
.band_pane-71e7 a:hover { color: var(--white); }

/* utilities */
.card_link-4e7e { margin-top: 0; }
.hero_item-b3ec { margin-bottom: 0; }
.band_text-6c9c { padding: 64px 0; }

/* ---- responsive ---- */
@media (max-width: 980px) {
    .band_link-887f, .wrap_outer-da69, .col_cont-3343 { grid-template-columns: 1fr; gap: 40px; }
    .card_foot-7c2c { order: -1; }
    .box_hub-9ef2 { grid-template-columns: repeat(2, 1fr); }
    .row_row-5f00 { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .band_panel-f39a, .band_panel-f39a.strip_nav-aee5, .band_panel-f39a.col_row-6cf0 { grid-column: span 3; }
    .tile_wrap-92d7 { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    :root { --section-y: 68px; }
    .grid_row-a387 .container { flex-wrap: wrap; min-height: 60px; gap: 12px; }
    .grid_item-a8c9 { order: 3; width: 100%; flex-wrap: wrap; gap: 14px 18px; justify-content: center; padding-bottom: 12px; }
    .bar_tile-1d43, .grid_hub-47ca { grid-template-columns: 1fr; }
    .sect_item-1bb8 { grid-template-columns: 1fr; }
    .band_panel-f39a, .band_panel-f39a.strip_nav-aee5, .band_panel-f39a.col_row-6cf0 { grid-column: span 1; }
    .grid_list-046e { grid-template-columns: 1fr; }
    .tile_wrap-92d7 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .box_hub-9ef2 { grid-template-columns: 1fr; }
    .grid_row-a387 .tile_pane-3e75 .nav_side-90be { display: none; }
}

/* --- app mockup (CSS-only product window, no images) --- */
.foot_outer-e189 { 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); }
.top_cont-d8eb { max-width: 1040px; }
.top_top-0806 { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border-color); }
.main_hub-6ddd { display: inline-flex; gap: 7px; }
.main_hub-6ddd i { width: 11px; height: 11px; border-radius: 50%; background: var(--border-color); }
.main_hub-6ddd i:nth-child(2) { background: var(--accent-color); }
.main_hub-6ddd i:nth-child(3) { background: var(--primary-color); }
.bar_hub-43cf { font-family: var(--font-mono); font-size: 13px; letter-spacing: .02em; color: var(--muted); }
.tile_top-6d20 { display: grid; grid-template-columns: 200px 1fr; }
.side_card-cbe0 { display: grid; align-content: start; gap: 4px; padding: 20px 12px; background: var(--panel-2); border-right: 1px solid var(--border-color); }
.panel_side-61f8 { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 14px; color: var(--muted); }
.panel_side-61f8:first-child { background: var(--base-300); color: var(--text-color); }
.strip_box-b40d { padding: 24px 30px; display: grid; align-content: start; }
.panel_link-2e84 { 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); }
.panel_link-2e84:last-child { border-bottom: 0; }
.block_strip-9641 { flex: none; width: 46px; height: 26px; border-radius: var(--radius-pill); background: var(--primary-color); position: relative; }
.panel_link-2e84:last-child .block_strip-9641 { background: var(--base-300); }
.block_strip-9641::after { content: ''; position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: var(--base-100); }
.panel_link-2e84:last-child .block_strip-9641::after { left: 3px; }
.panel_band-1def { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); }
.top_box-7cf8 { padding: 7px 14px; border-radius: var(--radius-pill); font-size: 13px; color: var(--muted); background: var(--panel-2); }
.top_box-7cf8:first-child { background: var(--primary-color); color: var(--base-100); }
.side_row-186b { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
@media (max-width: 720px) {
    .tile_top-6d20 { grid-template-columns: 1fr; }
    .side_card-cbe0 { grid-auto-flow: column; justify-content: start; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-color); }
    .strip_box-b40d { padding: 20px; }
    .side_row-186b { grid-template-columns: 1fr; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .grid_item-a8c9 a, .brand_head-a283 a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .grid_item-a8c9 a, .brand_head-a283 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) {
            .grid_row-a387 .outer_lay-9945 { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .grid_row-a387 .hero_btn-613f { flex-shrink: 0; }
            .grid_row-a387 .tile_pane-3e75 { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .grid_row-a387 .tile_pane-3e75 .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .grid_row-a387 .list_grid-5a38 { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #003580;
    --secondary-color: #286ed9;
    --accent-color: #cc1400;
    --on-primary-color: #ffffff;
    --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: #5b5472;
    --neutral: #5b5472;
    --base-100: #ffffff;
    --base-200: #f8f7fc;
    --base-300: #e9e6f4;
    --surface: #f8f7fc;
    --border-color: #e9e6f4;
    --text-color: #1e1b2e;
    --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: 12px;
    --spacing: 16px;
    --shadow: 0 8px 30px rgba(15,23,42,0.10);
    --heading-tracking: -0.02em;
    --border-width: 1px;
}
body[class] { font-family: var(--font-body, var(--font-primary, inherit)); }
:root{--on-primary-color: #ffffff;--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}
}