:root { color-scheme: light; --ink:#07101f; --muted:#5f6b7c; --blue:#3b82f6; --cyan:#55d5e8; --green:#65d6aa; --line:#dbe3ec; --shell:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:#0d1728; background:#fff; font-family:Inter,system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.skip-link { position:fixed; z-index:1000; top:12px; left:12px; padding:12px 16px; border-radius:10px; color:#07101f; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.25); transform:translateY(-150%); transition:transform .18s; }
.skip-link:focus { transform:translateY(0); }
a:focus-visible,button:focus-visible { outline:3px solid #67e8f9; outline-offset:4px; }
.shell { width:min(var(--shell),calc(100% - 48px)); margin-inline:auto; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(4,10,22,.45); color:#fff; backdrop-filter:blur(16px); }
.header-inner { height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:14px; }
.brand img { display:block; height:28px; width:auto; margin-left:-9px; }
.brand span { padding:6px 10px; border:1px solid rgba(147,197,253,.2); border-radius:999px; background:rgba(96,165,250,.1); color:#bfdbfe; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.site-header nav { display:flex; gap:32px; color:#cbd5e1; font-size:14px; font-weight:500; }
.site-header nav a:hover { color:#fff; }
.header-cta { display:inline-flex; align-items:center; gap:10px; padding:11px 18px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.1); font-size:14px; font-weight:600; }
.header-actions { display:flex; align-items:center; gap:14px; }
.language-link { color:#bfdbfe; font-size:12px; font-weight:700; letter-spacing:.12em; }
.language-link:hover { color:#fff; }
.hero { position:relative; overflow:hidden; padding:176px 0 112px; color:#fff; background:linear-gradient(145deg,#07101f 0%,#081326 55%,#050a14 100%); }
.hero::after { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 78%); }
.hero-glow { position:absolute; width:560px; height:560px; border-radius:50%; filter:blur(90px); opacity:.2; }
.hero-glow-left { left:-280px; top:40px; background:#14b8a6; }
.hero-glow-right { right:-130px; top:30px; background:#2563eb; }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:56px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; padding:8px 14px; border:1px solid rgba(125,211,252,.15); border-radius:999px; color:#dbeafe; background:rgba(59,130,246,.1); font-size:12px; font-weight:600; }
.eyebrow i,.status i { width:8px; height:8px; border-radius:50%; background:#5ee6b3; box-shadow:0 0 18px rgba(94,230,179,.85); }
h1,h2,h3 { margin:0; font-family:"Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.04em; }
h1 { margin-top:32px; font-size:clamp(46px,5vw,68px); line-height:1.02; }
.hero-copy>p { max-width:650px; margin:26px 0 0; color:#c9d2df; font-size:19px; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:12px; padding:13px 24px; border-radius:999px; font-size:14px; font-weight:700; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#fff; background:linear-gradient(110deg,#55cfe5,#3478f6); box-shadow:0 18px 45px -18px rgba(59,130,246,.75); }
.button-secondary { border:1px solid rgba(255,255,255,.12); color:#fff; background:rgba(255,255,255,.06); }
.hero-points { display:flex; flex-wrap:wrap; gap:12px 26px; margin:34px 0 0; padding:0; color:#aeb9c9; list-style:none; font-size:12px; }
.hero-points li::before,.check-list li::before { content:"✓"; display:inline-grid; place-items:center; width:17px; height:17px; margin-right:9px; border:1px solid #4fd3a4; border-radius:50%; color:#4fd3a4; font-size:10px; }
.pipeline-card { padding:28px; border:1px solid rgba(148,163,184,.13); border-radius:32px; background:rgba(7,13,27,.8); box-shadow:0 30px 90px rgba(37,99,235,.3); }
.pipeline-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.pipeline-head small { display:block; color:#718096; font-size:11px; font-weight:700; letter-spacing:.18em; }
.pipeline-head strong { display:block; margin-top:8px; font-size:14px; }
.status { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(52,211,153,.12); border-radius:999px; color:#86efc2; background:rgba(16,185,129,.09); font-size:12px; white-space:nowrap; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:36px; }
.step { position:relative; min-height:112px; padding:16px 13px; border:1px solid rgba(148,163,184,.05); border-radius:22px; background:rgba(255,255,255,.035); }
.step:not(:last-child)::after { content:"›"; position:absolute; z-index:2; right:-9px; top:43px; color:#66a4ff; font-size:22px; }
.step small { color:#5c6a7d; font-size:10px; }
.step b,.step span { display:block; }
.step b { margin-top:15px; font-size:12px; }
.step span { margin-top:6px; color:#667489; font-size:10px; line-height:1.45; }
.capability-row { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }
.capability-row div { padding:18px 8px; border:1px solid rgba(148,163,184,.08); border-radius:22px; background:rgba(255,255,255,.04); text-align:center; }
.capability-row strong,.capability-row span { display:block; }
.capability-row strong { font-size:20px; }
.capability-row span { margin-top:7px; color:#6f7c90; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.connection { display:flex; align-items:center; gap:12px; margin-top:14px; padding:14px 18px; border-radius:18px; background:rgba(15,27,47,.9); font-size:12px; }
.connection>span { color:#70b8ff; font-size:22px; }.connection em { margin-left:auto; color:#72ddb3; font-style:normal; }
.integration-strip { border-bottom:1px solid #e5eaf0; background:#f8fafc; }
.integration-inner { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.integration-inner>p { color:#718096; font-size:11px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; white-space:nowrap; }
.chips { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.chips span { padding:9px 15px; border:1px solid #dbe3ec; border-radius:999px; color:#536174; background:#fff; box-shadow:0 2px 4px rgba(15,23,42,.06); font-size:12px; }
.section { padding:112px 0; }
.light { background:#fff; }.dark { color:#fff; background:#050918; }
.section-heading { max-width:590px; }.section-heading.centered { max-width:780px; margin-inline:auto; text-align:center; }
.section-heading>span,.cta-card>span { color:#316ef5; font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.dark .section-heading>span { color:#6fd7e8; }
.section-heading h2,.cta-card h2 { margin-top:18px; font-size:clamp(34px,4vw,50px); line-height:1.1; }
.section-heading p { margin:20px 0 0; color:#647084; font-size:16px; line-height:1.75; }
.dark .section-heading p { color:#aab5c6; }
.source-link { display:inline-flex; margin-top:22px; align-items:center; gap:7px; color:#2563eb; font-size:13px; font-weight:700; text-decoration:underline; text-decoration-color:#bfdbfe; text-underline-offset:4px; }
.source-link:hover { color:#1d4ed8; text-decoration-color:#60a5fa; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:60px; }
.feature-grid article,.security-grid article { padding:30px; border:1px solid #e4e9ef; border-radius:28px; background:#fff; box-shadow:0 24px 60px -42px rgba(15,23,42,.45); }
.icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid #dbeafe; border-radius:16px; color:#2871ed; background:#eff6ff; font-size:21px; font-weight:700; }
.feature-grid small { display:block; margin-top:28px; color:#2767e8; font-size:11px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.feature-grid h3,.security-grid h3 { margin-top:15px; font-size:20px; line-height:1.35; letter-spacing:-.025em; }
.feature-grid p,.security-grid p { margin:16px 0 0; color:#647084; font-size:14px; line-height:1.8; }
.split { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:80px; }
.check-list { display:grid; gap:18px; margin:32px 0 0; padding:0; color:#c3ccda; list-style:none; font-size:13px; }
.terminology-note { padding:15px 17px; border:1px solid rgba(125,211,252,.14); border-radius:16px; color:#cbd5e1!important; background:rgba(59,130,246,.08); font-size:13px!important; line-height:1.65!important; }
.terminology-note strong { color:#7dd3fc; }
.model-card { padding:32px; border:1px solid rgba(148,163,184,.09); border-radius:30px; background:#0c1223; box-shadow:0 30px 80px rgba(0,0,0,.3); }
.model-card header { display:flex; align-items:center; gap:14px; }.model-card header>span { width:46px; height:46px; display:grid; place-items:center; border-radius:16px; color:#67d4e5; background:#10293c; font-family:monospace; }
.model-card header b,.model-card header small { display:block; }.model-card header b { font-size:14px; }.model-card header small { margin-top:5px; color:#59677c; font-size:11px; }
.model-card dl { display:grid; gap:10px; margin:30px 0 0; }.model-card dl div { display:grid; grid-template-columns:100px 1fr; gap:12px; padding:14px 16px; border-radius:14px; background:#080e1e; font-family:monospace; font-size:12px; }
.model-card dt { color:#4c5b70; }.model-card dd { margin:0; color:#a8c5ff; }.model-card .pass { color:#73dcae; }
.product-tour { overflow:hidden; background:radial-gradient(circle at 7% 8%,rgba(85,213,232,.12),transparent 25%),radial-gradient(circle at 92% 24%,rgba(59,130,246,.1),transparent 28%),#f4f8fc; }
.product-studio { display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; margin-top:62px; padding:12px; border:1px solid rgba(203,213,225,.85); border-radius:34px; background:rgba(255,255,255,.72); box-shadow:0 40px 90px -48px rgba(15,23,42,.58); backdrop-filter:blur(18px); }
.product-tabs { display:flex; min-width:0; padding:7px; flex-direction:column; gap:6px; }
.product-tabs button { position:relative; display:grid; width:100%; min-height:92px; padding:15px 13px; grid-template-columns:30px minmax(0,1fr) 18px; align-items:center; gap:11px; border:1px solid transparent; border-radius:19px; color:#667386; background:transparent; text-align:left; cursor:pointer; transition:border-color .24s,background .24s,box-shadow .24s,transform .24s,color .24s; }
.product-tabs button:hover { color:#172033; background:rgba(255,255,255,.72); transform:translateX(2px); }
.product-tabs button[aria-selected="true"] { border-color:#d8e7fb; color:#0d1728; background:linear-gradient(135deg,#fff,#f5f9ff); box-shadow:0 14px 34px -22px rgba(37,99,235,.52); }
.product-tabs button[aria-selected="true"]::before { content:""; position:absolute; inset:17px auto 17px -7px; width:3px; border-radius:4px; background:linear-gradient(#55d5e8,#3478f6); box-shadow:0 0 18px rgba(59,130,246,.55); }
.product-tabs button>span:nth-child(2) { min-width:0; }
.product-tab-index { color:#9aa9bc; font-family:"Plus Jakarta Sans",Inter,sans-serif; font-size:11px; font-weight:700; }
.product-tabs strong,.product-tabs small { display:block; }
.product-tabs strong { color:inherit; font-size:14px; line-height:1.3; }
.product-tabs small { overflow:hidden; margin-top:7px; color:#7a8799; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.product-tabs button>i { color:#94a3b8; font-size:16px; font-style:normal; opacity:0; transform:translateX(-5px); transition:opacity .24s,transform .24s,color .24s; }
.product-tabs button[aria-selected="true"]>i { color:#3478f6; opacity:1; transform:none; }
.product-stage { min-width:0; overflow:hidden; border:1px solid #dce5ef; border-radius:25px; background:#fff; box-shadow:0 26px 58px -38px rgba(15,23,42,.52); }
.product-stage-top { min-height:46px; display:flex; padding:0 16px; align-items:center; justify-content:space-between; border-bottom:1px solid #e5eaf0; background:#f8fafc; }
.product-stage-top>span { display:flex; align-items:center; gap:6px; }
.product-stage-top>span i { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }.product-stage-top>span i:first-child { background:#f87171; }.product-stage-top>span i:nth-child(2) { background:#fbbf24; }.product-stage-top>span i:nth-child(3) { background:#4ade80; }
.product-stage-top>span b { margin-left:8px; color:#667386; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.product-stage-top button { display:inline-flex; padding:7px 10px; align-items:center; gap:7px; border:0; border-radius:10px; color:#526176; background:transparent; cursor:pointer; font-size:10px; font-weight:700; }
.product-stage-top button:hover { color:#1d4ed8; background:#eaf2ff; }
.product-canvas { position:relative; display:block; width:100%; padding:0; overflow:hidden; border:0; border-bottom:1px solid #e5eaf0; background:#e9eff6; cursor:zoom-in; }
.product-canvas picture,.product-canvas img { display:block; width:100%; }
.product-canvas img { height:auto; opacity:1; transform:scale(1); transition:opacity .18s,transform .45s cubic-bezier(.16,1,.3,1); }
.product-canvas:hover img { transform:scale(1.012); }
.product-canvas.is-changing img { opacity:.18; transform:scale(.992); }
.product-zoom-hint { position:absolute; right:18px; bottom:18px; display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.58); border-radius:14px; color:#fff; background:rgba(7,16,31,.74); box-shadow:0 12px 30px rgba(15,23,42,.18); font-size:19px; opacity:0; transform:translateY(5px); backdrop-filter:blur(12px); transition:opacity .2s,transform .2s; }
.product-canvas:hover .product-zoom-hint,.product-canvas:focus-visible .product-zoom-hint { opacity:1; transform:none; }
.product-stage-copy { display:grid; min-height:138px; padding:23px 26px 25px; grid-template-columns:minmax(230px,.78fr) minmax(280px,1.22fr); align-items:center; gap:34px; }
.product-stage-copy small { color:#2767e8; font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.product-stage-copy h3 { margin-top:9px; font-size:22px; line-height:1.27; letter-spacing:-.03em; }
.product-stage-copy p { margin:0; color:#647084; font-size:13px; line-height:1.72; }
.product-dialog { width:min(1460px,calc(100vw - 32px)); max-width:none; height:min(94vh,980px); max-height:none; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:24px; color:#fff; background:#07101f; box-shadow:0 45px 130px rgba(2,6,23,.65); }
.product-dialog::backdrop { background:rgba(2,6,23,.82); backdrop-filter:blur(10px); }
.product-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr); animation:product-dialog-in .25s cubic-bezier(.16,1,.3,1); }
.product-dialog-bar { min-height:70px; display:flex; padding:12px 18px 12px 24px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(255,255,255,.1); }
.product-dialog-bar span,.product-dialog-bar strong { display:block; }.product-dialog-bar span { color:#7dd3fc; font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.product-dialog-bar strong { margin-top:6px; font-size:14px; }
.product-dialog-bar button { width:42px; height:42px; border:1px solid rgba(255,255,255,.12); border-radius:13px; color:#fff; background:rgba(255,255,255,.06); cursor:pointer; font-size:25px; line-height:1; }.product-dialog-bar button:hover { background:rgba(255,255,255,.13); }
.product-dialog-canvas { min-height:0; overflow:auto; background:#dfe7f0; }.product-dialog-canvas img { display:block; width:max(100%,1100px); height:auto; margin-inline:auto; }
@keyframes product-dialog-in { from { opacity:0; transform:translateY(12px) scale(.985); } }
.security-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:56px; }
.extended-capabilities { background:#f8fafc; }
.extended-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:56px; }
.extended-grid article { padding:30px; border:1px solid #e4e9ef; border-radius:28px; background:#fff; box-shadow:0 24px 60px -42px rgba(15,23,42,.45); }
.extended-grid small { display:block; margin-top:28px; color:#2767e8; font-size:11px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.extended-grid h3 { margin-top:15px; font-size:20px; line-height:1.35; letter-spacing:-.025em; }
.extended-grid p { margin:16px 0 0; color:#647084; font-size:14px; line-height:1.8; }
.integration-options { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:48px; margin-top:24px; padding:36px; border:1px solid #dce5ef; border-radius:28px; background:#eef5fd; }
.integration-options>div>span { color:#316ef5; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.integration-options h3 { margin-top:12px; font-size:24px; line-height:1.3; letter-spacing:-.03em; }
.integration-options p { margin:14px 0 0; color:#647084; font-size:14px; line-height:1.75; }
.format-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.format-tags span { padding:9px 13px; border:1px solid #d4e0ed; border-radius:999px; color:#536174; background:#fff; font-size:11px; font-weight:600; box-shadow:0 2px 4px rgba(15,23,42,.04); }
.cta-section { padding:20px 0 100px; background:#fff; }.cta-card { position:relative; overflow:hidden; padding:72px; border-radius:36px; color:#fff; background:radial-gradient(circle at 15% 0,rgba(20,184,166,.2),transparent 35%),radial-gradient(circle at 90% 80%,rgba(37,99,235,.3),transparent 45%),#0a1223; text-align:center; }
.cta-card h2 { max-width:850px; margin-inline:auto; }.cta-card p { max-width:740px; margin:22px auto 30px; color:#bac5d4; font-size:16px; line-height:1.7; }
.site-footer { position:relative; overflow:hidden; border-top:1px solid #e5eaf0; background:radial-gradient(circle at 5% 0,rgba(56,189,248,.11),transparent 28%),radial-gradient(circle at 94% 14%,rgba(59,130,246,.08),transparent 24%),#f8fafc; }
.footer-main { display:grid; grid-template-columns:minmax(300px,1.5fr) 1fr 1fr; gap:72px; padding-block:64px 42px; }
.footer-brand>a { display:inline-flex; margin-left:-12px; }.footer-brand img { display:block; height:37px; width:auto; }.footer-brand>span { display:block; margin-top:20px; color:#2563eb; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.footer-brand p { max-width:360px; margin:13px 0 0; color:#465468; font-family:"Plus Jakarta Sans",Inter,sans-serif; font-size:18px; font-weight:600; line-height:1.5; letter-spacing:-.025em; }.footer-brand small { display:inline-flex; margin-top:20px; padding:7px 11px; border:1px solid #d9e2ec; border-radius:999px; color:#647084; background:rgba(255,255,255,.65); font-size:11px; font-weight:600; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }.footer-column h2 { margin:0 0 8px; color:#0d1728; font-size:11px; letter-spacing:.16em; text-transform:uppercase; }.footer-column a { color:#5f6b7c; font-size:13px; line-height:1.5; }.footer-column a:hover { color:#1d4ed8; }
.footer-contact { display:flex; min-height:84px; padding:16px 20px; align-items:center; justify-content:space-between; gap:24px; border-radius:22px; color:#fff; background:radial-gradient(circle at 90% 0,rgba(37,99,235,.28),transparent 35%),#091326; box-shadow:0 20px 55px -36px rgba(2,6,23,.7); }.footer-contact>div { display:flex; align-items:center; gap:13px; }.footer-contact-icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:13px; color:#7dd3fc; background:rgba(255,255,255,.07); font-size:17px; font-weight:700; }.footer-contact p,.footer-contact p small,.footer-contact p a { display:block; margin:0; }.footer-contact p small { color:#8d9aae; font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }.footer-contact p a { margin-top:5px; font-size:14px; font-weight:600; }.footer-contact p a:hover { color:#7dd3fc; }
.linkedin-link { display:inline-flex; min-height:42px; padding:10px 14px; align-items:center; gap:8px; border-radius:12px; color:#0d1728; background:#fff; font-size:12px; font-weight:700; }.linkedin-link:hover { color:#1d4ed8; background:#eff6ff; }.linkedin-link svg { width:15px; height:15px; fill:currentColor; }.linkedin-link span { color:#7b8797; }
.footer-legal { display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px 30px; padding-block:28px 34px; color:#6b7788; font-size:11px; }.footer-legal>div { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; }.footer-legal strong { color:#334155; }.footer-legal nav { display:flex; flex-wrap:wrap; gap:14px; }.footer-legal nav a:hover,.footer-legal nav button:hover { color:#1d4ed8; }.footer-legal>p { grid-column:1/-1; margin:0; padding-top:16px; border-top:1px solid #e1e7ee; line-height:1.6; }.back-to-top { display:inline-flex; padding:8px 12px; align-items:center; gap:8px; border:1px solid #d9e2ec; border-radius:999px; background:rgba(255,255,255,.7); font-weight:600; }.back-to-top:hover { color:#1d4ed8; border-color:#bfdbfe; }
.footer-link { padding:0; border:0; color:inherit; background:transparent; cursor:pointer; }
.footer-link:hover { color:#0d1728; }
.cookie-banner[hidden] { display:none; }
.cookie-banner { position:fixed; z-index:100; right:24px; bottom:24px; left:24px; display:flex; max-width:760px; margin-inline:auto; padding:22px; align-items:center; gap:24px; border:1px solid rgba(148,163,184,.28); border-radius:22px; color:#fff; background:rgba(7,16,31,.98); box-shadow:0 28px 80px rgba(2,6,23,.42); backdrop-filter:blur(18px); }
.cookie-banner h2 { font-size:17px; letter-spacing:-.02em; }
.cookie-banner p { margin:7px 0 0; color:#cbd5e1; font-size:13px; line-height:1.55; }
.cookie-banner p a { color:#93c5fd; text-decoration:underline; text-underline-offset:3px; }
.cookie-actions { display:flex; flex-shrink:0; gap:9px; }
.cookie-actions button { min-height:42px; padding:10px 15px; border-radius:999px; cursor:pointer; font-size:12px; font-weight:700; }
.cookie-secondary { border:1px solid rgba(255,255,255,.18); color:#fff; background:rgba(255,255,255,.07); }
.cookie-primary { border:0; color:#fff; background:linear-gradient(110deg,#55cfe5,#3478f6); }
@media (max-width:980px) { .hero-grid,.split { grid-template-columns:1fr; }.hero-copy { max-width:760px; }.pipeline-card { max-width:700px; }.integration-inner { padding:22px 0; align-items:flex-start; flex-direction:column; }.chips { justify-content:flex-start; }.product-studio { grid-template-columns:1fr; }.product-tabs { overflow-x:auto; padding:4px; flex-direction:row; scroll-snap-type:x proximity; scrollbar-width:none; }.product-tabs::-webkit-scrollbar { display:none; }.product-tabs button { min-width:220px; min-height:78px; padding:12px; grid-template-columns:27px minmax(0,1fr); scroll-snap-align:start; }.product-tabs button>i { display:none; }.product-tabs button[aria-selected="true"]::before { inset:auto 18px -5px; width:auto; height:3px; }.security-grid { grid-template-columns:repeat(2,1fr); }.integration-options { grid-template-columns:1fr; }.format-tags { justify-content:flex-start; }.footer-main { grid-template-columns:1.4fr 1fr 1fr; gap:38px; } }
@media (max-width:720px) { .shell { width:min(100% - 32px,var(--shell)); }.site-header nav { display:none; }.header-inner { height:70px; }.brand span { display:none; }.header-actions { gap:9px; }.header-cta { max-width:190px; padding:10px 14px; text-align:center; }.hero { padding:130px 0 76px; }.hero-grid { gap:38px; }.hero-copy>p { font-size:16px; line-height:1.65; }.hero-actions { align-items:stretch; flex-direction:column; }.button { width:100%; }.pipeline-card { padding:18px; border-radius:24px; }.pipeline-head { align-items:flex-start; flex-direction:column; }.steps { grid-template-columns:repeat(2,1fr); }.step:not(:last-child)::after { display:none; }.capability-row { grid-template-columns:1fr; }.connection em { display:none; }.section { padding:78px 0; }.feature-grid,.security-grid,.extended-grid { grid-template-columns:1fr; margin-top:42px; }.product-studio { margin-top:42px; margin-inline:-4px; padding:6px; border-radius:24px; }.product-tabs { margin:0 -1px; }.product-tabs button { min-width:184px; min-height:72px; }.product-tabs small { font-size:9px; }.product-stage { border-radius:19px; }.product-stage-top { min-height:40px; padding-inline:12px; }.product-stage-top button span { display:none; }.product-stage-copy { min-height:0; padding:20px; grid-template-columns:1fr; gap:12px; }.product-stage-copy h3 { font-size:20px; }.product-zoom-hint { display:none; }.product-dialog { width:calc(100vw - 16px); height:calc(100vh - 16px); border-radius:18px; }.product-dialog-bar { min-height:62px; padding:10px 10px 10px 16px; }.product-dialog-canvas img { width:1100px; max-width:none; }.integration-options { padding:26px 22px; }.split { gap:46px; }.model-card { padding:20px; }.model-card dl div { grid-template-columns:1fr; gap:6px; }.cta-section { padding-bottom:70px; }.cta-card { padding:54px 24px; }.footer-main { grid-template-columns:1fr 1fr; gap:42px 28px; padding-block:50px 34px; }.footer-brand { grid-column:1/-1; }.footer-brand p { font-size:17px; }.footer-contact { align-items:stretch; flex-direction:column; }.linkedin-link { justify-content:center; }.footer-legal { grid-template-columns:1fr; padding-bottom:30px; }.footer-legal>div { align-items:flex-start; flex-direction:column; }.back-to-top { justify-self:start; }.cookie-banner { right:12px; bottom:12px; left:12px; padding:18px; align-items:stretch; flex-direction:column; gap:16px; }.cookie-actions { display:grid; grid-template-columns:1fr 1fr; }.cookie-actions button { padding-inline:11px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }