:root {
    --c32-orange:#f97316;
    --c32-orange-deep:#ea580c;
    --c32-orange-soft:#fff1e8;
    --c32-bg:#fff;
    --c32-soft:#f8fafc;
    --c32-card:#fff;
    --c32-text:#111827;
    --c32-muted:#667085;
    --c32-line:#e8edf2;
    --c32-navy:#0b1220;
    --c32-navy-2:#111b2e;
    --c32-shadow:0 20px 55px rgba(15,23,42,.08);
}
html[data-theme="dark"] {
    --c32-bg:#08101d;
    --c32-soft:#0c1626;
    --c32-card:#101b2d;
    --c32-text:#f7f9fc;
    --c32-muted:#93a3b8;
    --c32-line:rgba(255,255,255,.09);
    --c32-shadow:0 24px 70px rgba(0,0,0,.28);
    color-scheme:dark;
}
html[data-theme="light"] { color-scheme:light; }
.cfx32-body {
    margin:0;
    overflow-x:hidden;
    color:var(--c32-text);
    background:var(--c32-bg);
    font-family:"Alexandria","Segoe UI",Tahoma,Arial,sans-serif;
    transition:background .25s ease,color .25s ease;
}
.cfx32-body * { box-sizing:border-box; }
.cfx32-body a { color:inherit;text-decoration:none; }
.cfx32-body img { max-width:100%;display:block; }
.cfx32-body svg { fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.cfx32-noise {
    position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.018;
    background-image:radial-gradient(circle at 20% 20%,currentColor 0 1px,transparent 1px);
    background-size:20px 20px;
}
.cfx32-global-fx { position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none; }
.cfx32-global-fx .orb { position:absolute;border-radius:50%;filter:blur(35px);opacity:.1; }
.cfx32-global-fx .orb-a { width:360px;height:360px;left:-180px;top:20%;background:var(--c32-orange); }
.cfx32-global-fx .orb-b { width:420px;height:420px;right:-220px;top:65%;background:#3b82f6; }
.cfx32-global-fx .code { position:absolute;opacity:.025;font:bold 54px Consolas,monospace;animation:c32Float 9s ease-in-out infinite; }
.cfx32-global-fx .code-a { left:5%;top:25%; }
.cfx32-global-fx .code-b { right:5%;top:52%;font-size:40px;animation-delay:-3s; }
.cfx32-global-fx .code-c { left:14%;top:78%;font-size:70px;animation-delay:-5s; }

.cfx32-announcement { color:#fff;background:linear-gradient(90deg,var(--c32-orange-deep),var(--c32-orange));font-size:11px;font-weight:650; }
.cfx32-announcement .cfx-container { min-height:35px;display:flex;align-items:center;justify-content:center;gap:8px; }
.cfx32-announcement .cfx-container > span:first-child { width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.15); }

.cfx32-header {
    position:sticky;top:0;z-index:70;
    border-bottom:1px solid var(--c32-line);
    background:color-mix(in srgb,var(--c32-bg) 88%,transparent);
    backdrop-filter:blur(20px);
}
.cfx32-header.scrolled { box-shadow:0 10px 34px rgba(15,23,42,.07); }
.cfx32-header-inner { min-height:78px;display:flex;align-items:center;gap:22px; }
.cfx32-brand { display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-weight:800; }
.cfx32-logo-box { width:142px;height:45px;display:grid;place-items:center; }
.cfx32-logo-box img { max-width:138px;max-height:42px;object-fit:contain; }
.cfx32-brand-code { color:var(--c32-orange);font-size:23px; }
.cfx32-nav { display:flex;align-items:center;justify-content:center;gap:25px;margin-inline:auto; }
.cfx32-nav a { position:relative;color:var(--c32-text);opacity:.8;font-size:11px;font-weight:650; }
.cfx32-nav a::after { content:"";position:absolute;inset-inline:50%;bottom:-10px;height:2px;background:var(--c32-orange);transition:.18s; }
.cfx32-nav a:hover { color:var(--c32-orange);opacity:1; }
.cfx32-nav a:hover::after { inset-inline:0; }
.cfx32-header-actions { display:flex;align-items:center;gap:7px; }
.cfx32-icon-action,.cfx32-mobile-toggle {
    height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    border:1px solid var(--c32-line);border-radius:11px;color:var(--c32-text);
    background:var(--c32-card);cursor:pointer;
}
.cfx32-icon-action { padding-inline:10px; }
.cfx32-icon-action svg { width:16px;height:16px; }
.cfx32-language { position:relative; }
.cfx32-language-trigger strong { font-size:9px; }
.cfx32-language-menu {
    position:absolute;top:calc(100% + 9px);inset-inline-end:0;width:180px;display:none;
    padding:8px;border:1px solid var(--c32-line);border-radius:15px;background:var(--c32-card);box-shadow:var(--c32-shadow);
}
.cfx32-language.open .cfx32-language-menu { display:grid; }
.cfx32-language-menu a { display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;padding:9px;border-radius:10px; }
.cfx32-language-menu a:hover,.cfx32-language-menu a.active { background:var(--c32-orange-soft); }
html[data-theme="dark"] .cfx32-language-menu a:hover,
html[data-theme="dark"] .cfx32-language-menu a.active { background:rgba(249,115,22,.12); }
.cfx32-language-menu strong { font-size:10px; }
.cfx32-language-menu small { color:var(--c32-muted);font-size:8px; }
.cfx32-theme-toggle { width:40px;padding:0; }
.cfx32-theme-toggle .moon { display:none; }
html[data-theme="dark"] .cfx32-theme-toggle .sun { display:none; }
html[data-theme="dark"] .cfx32-theme-toggle .moon { display:block; }
.cfx32-support-button span { font-size:9px;font-weight:650; }
.cfx32-customer-button {
    min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:11px;
    color:#fff;background:linear-gradient(135deg,var(--c32-orange-deep),var(--c32-orange));
    box-shadow:0 8px 22px rgba(249,115,22,.2);font-size:9px;font-weight:750;
}
.cfx32-customer-button svg { width:16px;height:16px; }
.cfx32-mobile-toggle { width:42px;display:none;flex-direction:column;gap:4px; }
.cfx32-mobile-toggle span { width:17px;height:1.5px;background:currentColor; }
.cfx32-mobile-menu { display:none;border-top:1px solid var(--c32-line);background:var(--c32-card); }
.cfx32-mobile-menu.open { display:block; }
.cfx32-mobile-menu .cfx-container { display:grid;padding-block:10px 18px; }
.cfx32-mobile-menu a { padding:11px 4px;border-bottom:1px solid var(--c32-line);font-size:11px;font-weight:650; }

.cfx32-hero {
    position:relative;min-height:640px;overflow:hidden;border-bottom:1px solid var(--c32-line);
    background:radial-gradient(circle at 15% 20%,rgba(249,115,22,.14),transparent 24%),
               radial-gradient(circle at 88% 35%,rgba(59,130,246,.07),transparent 25%),var(--c32-bg);
}
.cfx32-hero-grid {
    position:absolute;inset:0;opacity:.34;
    background-image:linear-gradient(var(--c32-line) 1px,transparent 1px),linear-gradient(90deg,var(--c32-line) 1px,transparent 1px);
    background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%);
}
.cfx32-hero-orb { position:absolute;border:1px dashed rgba(249,115,22,.2);border-radius:50%; }
.cfx32-hero-orb.orb-a { width:340px;height:340px;right:-140px;top:-90px;box-shadow:0 0 0 45px rgba(249,115,22,.025); }
.cfx32-hero-orb.orb-b { width:190px;height:190px;left:5%;bottom:-60px; }
.cfx32-slide { position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(18px);transition:opacity .65s ease,transform .65s ease; }
.cfx-rtl .cfx32-slide { transform:translateX(-18px); }
.cfx32-slide.active { position:relative;opacity:1;pointer-events:auto;transform:none; }
.cfx32-slide.animation-zoom { transform:scale(.985); }
.cfx32-slide.animation-zoom.active { transform:scale(1); }
.cfx32-slide-bg { position:absolute;inset:0;opacity:.08;background-position:center;background-size:cover; }
.cfx32-shape { position:absolute;border:1px solid color-mix(in srgb,var(--slide-accent) 28%,transparent);pointer-events:none;animation:c32Shape 9s ease-in-out infinite; }
.cfx32-shape.shape-a { width:180px;height:180px;left:4%;top:15%;border-radius:30% 70% 52% 48%;transform:rotate(18deg); }
.cfx32-shape.shape-b { width:90px;height:90px;right:8%;top:20%;border-radius:20px;transform:rotate(35deg);animation-direction:reverse; }
.cfx32-shape.shape-c { width:260px;height:85px;left:35%;bottom:9%;border-radius:999px;opacity:.3; }
.cfx32-slide-inner { position:relative;z-index:3;min-height:600px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);align-items:center;gap:60px;padding-block:65px 75px; }
.cfx32-slide.layout-media_right .cfx32-slide-copy { order:2; }
.cfx32-slide.layout-media_right .cfx32-slide-media { order:1; }
.cfx32-slide.layout-centered .cfx32-slide-inner { grid-template-columns:1fr;text-align:center; }
.cfx32-slide.layout-centered .cfx32-slide-media { display:none; }
.cfx32-kicker,.cfx32-heading > div > span,.cfx32-featured .copy > span,.cfx32-ecosystem .copy > span,.cfx32-help > div:last-child > span,.cfx32-faq-layout > div:first-child > span,.cfx32-cta > div > span {
    display:inline-flex;align-items:center;gap:8px;color:var(--c32-orange);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.cfx32-kicker i { width:7px;height:7px;border-radius:50%;background:var(--slide-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--slide-accent) 12%,transparent); }
.cfx32-slide-copy h1 { max-width:730px;margin:16px 0 0;font-size:clamp(42px,5.5vw,76px);line-height:1.14;letter-spacing:-.05em;font-weight:800; }
.cfx32-slide-copy h2 { max-width:700px;margin:12px 0 0;color:var(--c32-orange);font-size:clamp(19px,2vw,29px);line-height:1.5; }
.cfx32-slide-copy p { max-width:680px;margin:14px 0 0;color:var(--c32-muted);font-size:12px;line-height:2; }
.cfx32-slide-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:26px; }
.cfx32-btn { min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:10px;font-weight:750;transition:.18s; }
.cfx32-btn:hover { transform:translateY(-2px); }
.cfx32-btn.primary { color:#fff;background:linear-gradient(135deg,var(--c32-orange-deep),var(--c32-orange));box-shadow:0 12px 28px rgba(249,115,22,.22); }
.cfx32-btn.secondary { border-color:var(--c32-line);background:var(--c32-card); }
.cfx32-btn.light { color:#111827;background:#fff; }
.cfx32-proof { display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--c32-muted);font-size:8px; }
.cfx32-proof svg { width:28px;height:28px;padding:6px;border:1px solid var(--c32-line);border-radius:9px;color:var(--c32-orange);background:var(--c32-card); }
.cfx32-slide-media { position:relative;min-height:420px;display:grid;place-items:center; }
.cfx32-slide-media picture img { max-height:470px;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(15,23,42,.16)); }
.cfx32-code-window { position:relative;z-index:4;width:100%;max-width:600px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:19px;color:#d8e1ea;background:#0b1422;box-shadow:0 35px 70px rgba(15,23,42,.25); }
.cfx32-code-bar { height:42px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.06);background:#121e30; }
.cfx32-code-bar > span { width:7px;height:7px;border-radius:50%;background:#4f5e72; }
.cfx32-code-bar > span:first-child { background:var(--c32-orange); }
.cfx32-code-bar small { margin-inline:auto;color:#66758b;font-size:7px; }
.cfx32-code-bar i { width:6px;height:6px;border-radius:50%;background:#3bd079; }
.cfx32-code-body { min-height:320px;display:grid;grid-template-columns:70px 1fr; }
.cfx32-code-body aside { padding:18px 11px;border-inline-end:1px solid rgba(255,255,255,.06);background:#0d1726; }
.cfx32-code-body aside b { height:26px;display:block;margin-bottom:6px;border-radius:6px;background:linear-gradient(90deg,#39485d 25%,transparent 26%); }
.cfx32-code-body aside b.active { background:linear-gradient(90deg,var(--c32-orange) 25%,rgba(249,115,22,.09) 26%); }
.cfx32-code-body > div { padding:16px; }
.cfx32-code-tabs { display:flex;gap:4px; }
.cfx32-code-tabs span { padding:7px 9px;border-radius:7px 7px 0 0;color:#708097;background:#101c2d;font-size:6px; }
.cfx32-code-tabs span:first-child { color:#e3e9ef;background:#17263a; }
.cfx32-code-window pre { min-height:160px;margin:0;padding:18px 14px;border-radius:0 8px 8px;color:#9cabbc;background:#09121f;font:8px/1.9 Consolas,monospace;white-space:pre-wrap; }
.cfx32-code-window pre em { color:#46566b;font-style:normal; }
.cfx32-code-window pre b { color:#c792ea; }
.cfx32-code-window pre strong { color:#ff9a54; }
.cfx32-code-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px; }
.cfx32-code-metrics span { padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#111e30; }
.cfx32-code-metrics small { display:block;color:#6d7c90;font-size:6px; }
.cfx32-code-metrics strong { display:block;margin-top:4px;color:#fff;font-size:8px; }
.cfx32-code-metrics span:first-child strong { color:var(--c32-orange); }
.cfx32-float-chip { position:absolute;z-index:8;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--c32-line);border-radius:11px;background:color-mix(in srgb,var(--c32-card) 94%,transparent);box-shadow:var(--c32-shadow);font-size:8px;font-weight:700;backdrop-filter:blur(10px);animation:c32Chip 5s ease-in-out infinite; }
.cfx32-float-chip b { color:var(--c32-orange); }
.cfx32-float-chip.chip-a { top:15%;inset-inline-start:-10px; }
.cfx32-float-chip.chip-b { bottom:12%;inset-inline-end:-5px;animation-delay:-2.5s; }
.cfx32-slider-controls { position:absolute;z-index:10;left:50%;bottom:22px;display:flex;align-items:center;gap:10px;transform:translateX(-50%); }
.cfx32-slider-controls > button { width:32px;height:32px;border:1px solid var(--c32-line);border-radius:50%;color:var(--c32-text);background:var(--c32-card);cursor:pointer; }
.cfx32-slider-controls > div { display:flex;gap:6px; }
.cfx32-slider-controls > div button { width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#bcc5cf;transition:.2s; }
.cfx32-slider-controls > div button.active { width:27px;background:var(--c32-orange); }

.cfx32-tech-strip { display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:88px;overflow:hidden;border-bottom:1px solid var(--c32-line);background:var(--c32-card); }
.cfx32-tech-title { min-width:180px;height:88px;display:flex;align-items:center;gap:8px;padding-inline:28px 20px;border-inline-end:1px solid var(--c32-line);color:var(--c32-muted);font-size:9px;font-weight:700; }
.cfx32-tech-title i { width:6px;height:6px;border-radius:50%;background:var(--c32-orange); }
.cfx32-tech-viewport { overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.cfx32-tech-track { width:max-content;display:flex;gap:17px;animation:c32Marquee 32s linear infinite; }
.cfx-rtl .cfx32-tech-track { animation-direction:reverse; }
.cfx32-tech-strip:hover .cfx32-tech-track { animation-play-state:paused; }
.cfx32-tech-item { min-width:125px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--c32-line);border-radius:12px;background:var(--c32-soft); }
.cfx32-tech-item span { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);font-size:8px;font-weight:850; }
.cfx32-tech-item strong { font-size:9px; }

.cfx32-section { position:relative;padding:92px 0;background:var(--c32-bg); }
.cfx32-soft { background:var(--c32-soft); }
.cfx32-geo { position:absolute;border:1px solid rgba(249,115,22,.12);pointer-events:none; }
.cfx32-geo.geo-a { width:170px;height:170px;left:-60px;top:40px;border-radius:35px;transform:rotate(25deg); }
.cfx32-geo.geo-b { width:110px;height:110px;right:5%;bottom:14%;border-radius:50%; }
.cfx32-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px; }
.cfx32-heading > div { max-width:760px; }
.cfx32-heading.centered { justify-content:center;text-align:center; }
.cfx32-heading h2,.cfx32-featured h2,.cfx32-ecosystem h2,.cfx32-help h2,.cfx32-faq-layout h2,.cfx32-cta h2 { margin:8px 0 0;font-size:clamp(29px,4vw,48px);line-height:1.28;letter-spacing:-.04em; }
.cfx32-heading p,.cfx32-featured p,.cfx32-ecosystem p,.cfx32-help p,.cfx32-faq-layout p,.cfx32-cta p { margin:11px 0 0;color:var(--c32-muted);font-size:10px;line-height:1.95; }
.cfx32-heading > a { color:var(--c32-orange);font-size:9px;font-weight:750; }

.cfx32-products { display:grid;grid-template-columns:repeat(3,1fr);gap:15px; }
.cfx32-product { overflow:hidden;border:1px solid var(--c32-line);border-radius:20px;background:var(--c32-card);box-shadow:0 10px 30px rgba(15,23,42,.04);transition:.2s; }
.cfx32-product:hover { transform:translateY(-5px);box-shadow:var(--c32-shadow);border-color:rgba(249,115,22,.25); }
.cfx32-product-media { position:relative;height:205px;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(249,115,22,.13),transparent 25%),var(--c32-soft); }
.cfx32-product-media img { width:100%;height:100%;object-fit:cover; }
.cfx32-product-placeholder { width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:4px;background-image:linear-gradient(var(--c32-line) 1px,transparent 1px),linear-gradient(90deg,var(--c32-line) 1px,transparent 1px);background-size:28px 28px; }
.cfx32-product-placeholder span { color:var(--c32-orange);font-size:28px;font-weight:850; }
.cfx32-product-media > b { position:absolute;top:12px;inset-inline-start:12px;padding:5px 8px;border-radius:999px;color:var(--c32-orange);background:color-mix(in srgb,var(--c32-card) 90%,transparent);font-size:7px; }
.cfx32-product-body { padding:19px; }
.cfx32-product-body > small { color:var(--c32-muted);font-size:7px; }
.cfx32-product-body h3 { margin:7px 0 0;font-size:15px; }
.cfx32-product-body p { min-height:54px;color:var(--c32-muted);font-size:8px;line-height:1.85; }
.cfx32-product-body > div { display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--c32-line); }
.cfx32-product-body > div small { display:block;color:var(--c32-muted);font-size:7px; }
.cfx32-product-body > div strong { font-size:10px; }
.cfx32-product-body > div > a { color:var(--c32-orange);font-size:8px;font-weight:750; }

.cfx32-services { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.cfx32-service { position:relative;min-height:225px;padding:20px;border:1px solid var(--c32-line);border-radius:18px;background:var(--c32-card);transition:.2s; }
.cfx32-service:hover { transform:translateY(-4px);border-color:rgba(249,115,22,.28);box-shadow:var(--c32-shadow); }
.cfx32-service > small { color:var(--c32-muted);font-size:7px; }
.cfx32-service .icon { width:41px;height:41px;display:grid;place-items:center;margin-top:24px;border-radius:12px;color:var(--c32-orange);background:var(--c32-orange-soft);font-size:10px;font-weight:800; }
html[data-theme="dark"] .cfx32-service .icon { background:rgba(249,115,22,.1); }
.cfx32-service h3 { margin:16px 0 0;font-size:13px; }
.cfx32-service p { color:var(--c32-muted);font-size:8px;line-height:1.8; }
.cfx32-service > b { position:absolute;inset-inline-end:18px;bottom:16px;color:var(--c32-orange); }

.cfx32-featured { position:relative;min-height:410px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;overflow:hidden;padding:44px;border:1px solid var(--c32-line);border-radius:27px;background:radial-gradient(circle at 85% 15%,rgba(249,115,22,.15),transparent 25%),var(--c32-card);box-shadow:var(--c32-shadow); }
.cfx32-featured .grid { position:absolute;inset:0;opacity:.35;background-image:linear-gradient(var(--c32-line) 1px,transparent 1px),linear-gradient(90deg,var(--c32-line) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000); }
.cfx32-featured .copy,.cfx32-featured .media { position:relative;z-index:2; }
.cfx32-featured .tags { display:flex;flex-wrap:wrap;gap:7px;margin:18px 0; }
.cfx32-featured .tags b { padding:6px 9px;border:1px solid var(--c32-line);border-radius:999px;color:var(--c32-muted);background:var(--c32-soft);font-size:7px; }
.cfx32-featured .media img { max-height:330px;margin:auto;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(15,23,42,.15)); }
.cfx32-laptop { max-width:510px;margin:auto; }
.cfx32-laptop > div { min-height:250px;padding:12px;border:1px solid var(--c32-line);border-radius:18px 18px 10px 10px;background:#0b1422;box-shadow:0 28px 50px rgba(15,23,42,.24); }
.cfx32-laptop > div > span { width:6px;height:6px;display:inline-block;margin-inline-end:3px;border-radius:50%;background:#48566a; }
.cfx32-laptop > div > span:first-child { background:var(--c32-orange); }
.cfx32-laptop > div strong { display:block;margin:30px 0;color:#fff;text-align:center; }
.cfx32-laptop > div i { width:28%;height:70px;display:inline-block;margin:2%;border-radius:8px;background:#111f33; }
.cfx32-laptop > b { width:90%;height:12px;display:block;margin:auto;border-radius:0 0 22px 22px;background:#bec7d1; }

.cfx32-ecosystem { color:#fff;background:radial-gradient(circle at 25% 30%,rgba(249,115,22,.11),transparent 25%),var(--c32-navy); }
.cfx32-ecosystem-inner { min-height:560px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px; }
.cfx32-ecosystem .copy h2 { color:#fff; }
.cfx32-ecosystem .copy p { color:#9eabba;margin-bottom:22px; }
.cfx32-ecosystem .orbit { position:relative;min-height:450px; }
.cfx32-ecosystem .core { position:absolute;z-index:5;top:50%;left:50%;width:130px;height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(249,115,22,.4);border-radius:50%;background:#111d2f;box-shadow:0 0 0 22px rgba(249,115,22,.035),0 0 0 50px rgba(255,255,255,.018);transform:translate(-50%,-50%); }
.cfx32-ecosystem .core span { color:var(--c32-orange);font-size:22px;font-weight:850; }
.cfx32-ecosystem .core small { color:#69788c;font-size:6px; }
.cfx32-ecosystem .node { position:absolute;width:145px;min-height:74px;display:flex;align-items:center;gap:8px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#111d2f;box-shadow:0 16px 35px rgba(0,0,0,.15); }
.cfx32-ecosystem .node span { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--c32-orange);background:rgba(249,115,22,.1);font-size:7px;font-weight:800; }
.cfx32-ecosystem .node strong { font-size:8px; }
.cfx32-ecosystem .n1 { top:6%;left:12%; }.cfx32-ecosystem .n2 { top:6%;right:10%; }.cfx32-ecosystem .n3 { top:42%;right:0; }.cfx32-ecosystem .n4 { bottom:6%;right:12%; }.cfx32-ecosystem .n5 { bottom:6%;left:12%; }.cfx32-ecosystem .n6 { top:42%;left:0; }

.cfx32-why { display:grid;grid-template-columns:repeat(4,1fr);gap:13px; }
.cfx32-why article { min-height:225px;padding:22px;border:1px solid var(--c32-line);border-radius:18px;background:var(--c32-card); }
.cfx32-why article > span { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--c32-orange);background:var(--c32-orange-soft);font-size:18px; }
html[data-theme="dark"] .cfx32-why article > span { background:rgba(249,115,22,.1); }
.cfx32-why h3 { margin:26px 0 0;font-size:13px; }
.cfx32-why p { color:var(--c32-muted);font-size:8px;line-height:1.85; }

.cfx32-process { display:grid;grid-template-columns:repeat(4,1fr); }
.cfx32-process article { min-height:205px;padding:20px 22px;border-inline-end:1px solid var(--c32-line); }
.cfx32-process article:last-child { border-inline-end:0; }
.cfx32-process article > span { color:var(--c32-orange);font-size:9px;font-weight:800; }
.cfx32-process article > i { height:1px;display:block;position:relative;margin:23px 0;background:var(--c32-line); }
.cfx32-process article > i::before { content:"";position:absolute;top:-3px;inset-inline-start:0;width:7px;height:7px;border-radius:50%;background:var(--c32-orange); }
.cfx32-process h3 { font-size:12px; }
.cfx32-process p { color:var(--c32-muted);font-size:8px;line-height:1.85; }

.stats-section { padding-top:0; }
.cfx32-stats { display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--c32-line);border-radius:20px;background:var(--c32-card);box-shadow:var(--c32-shadow); }
.cfx32-stats > div { min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-inline-end:1px solid var(--c32-line); }
.cfx32-stats > div:last-child { border-inline-end:0; }
.cfx32-stats strong { font-size:30px; }
.cfx32-stats span { margin-top:8px;color:var(--c32-muted);font-size:8px; }

.cfx32-work { display:grid;grid-template-columns:repeat(2,1fr);gap:15px; }
.cfx32-work > a { overflow:hidden;padding-bottom:18px;border:1px solid var(--c32-line);border-radius:20px;background:var(--c32-card);box-shadow:0 10px 28px rgba(15,23,42,.04); }
.cfx32-work > a > div { height:235px;display:grid;place-items:center;overflow:hidden;color:var(--c32-orange);background:var(--c32-navy); }
.cfx32-work img { width:100%;height:100%;object-fit:cover;transition:.3s; }
.cfx32-work > a:hover img { transform:scale(1.03); }
.cfx32-work > a > small,.cfx32-work > a > h3,.cfx32-work > a > p,.cfx32-work > a > b { display:block;margin-inline:18px; }
.cfx32-work > a > small { margin-top:16px;color:var(--c32-orange);font-size:7px; }
.cfx32-work h3 { font-size:14px; }
.cfx32-work p { color:var(--c32-muted);font-size:8px;line-height:1.8; }
.cfx32-work b { font-size:8px; }

.cfx32-help { min-height:290px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:42px;padding:36px 45px;overflow:hidden;border:1px solid var(--c32-line);border-radius:25px;background:radial-gradient(circle at 10% 50%,rgba(249,115,22,.13),transparent 23%),var(--c32-card);box-shadow:var(--c32-shadow); }
.cfx32-help .visual { position:relative;height:200px; }
.cfx32-help .visual > span { position:absolute;left:30px;top:5px;color:var(--c32-orange);font-size:145px;line-height:1;font-weight:800; }
.cfx32-help .visual > b { position:absolute;right:10px;bottom:8px;opacity:.08;font-size:60px; }

.cfx32-faq-layout { display:grid;grid-template-columns:.65fr 1.35fr;gap:70px; }
.cfx32-faq-layout > div:last-child { border-top:1px solid var(--c32-line); }
.cfx32-faq { border-bottom:1px solid var(--c32-line); }
.cfx32-faq summary { min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:10px;font-weight:650; }
.cfx32-faq summary::-webkit-details-marker { display:none; }
.cfx32-faq summary i { position:relative;width:22px;height:22px; }
.cfx32-faq summary i::before,.cfx32-faq summary i::after { content:"";position:absolute;top:50%;left:50%;width:12px;height:1px;background:var(--c32-orange);transform:translate(-50%,-50%); }
.cfx32-faq summary i::after { transform:translate(-50%,-50%) rotate(90deg);transition:.16s; }
.cfx32-faq[open] summary i::after { transform:translate(-50%,-50%); }
.cfx32-faq > div { padding:0 0 20px;color:var(--c32-muted);font-size:9px;line-height:1.9; }

.cfx32-cta { min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px;border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(249,115,22,.25),transparent 25%),var(--c32-navy); }
.cfx32-cta h2 { color:#fff; }
.cfx32-cta p { color:#a8b4c3; }

.cfx32-posts { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.cfx32-posts article { overflow:hidden;border:1px solid var(--c32-line);border-radius:19px;background:var(--c32-card);box-shadow:0 10px 28px rgba(15,23,42,.04); }
.cfx32-posts .media { height:185px;display:grid;place-items:center;overflow:hidden;color:var(--c32-orange);background:var(--c32-navy);font-weight:800; }
.cfx32-posts .media img { width:100%;height:100%;object-fit:cover;transition:.3s; }
.cfx32-posts article:hover .media img { transform:scale(1.03); }
.cfx32-posts .body { padding:18px; }
.cfx32-posts small { color:var(--c32-orange);font-size:7px; }
.cfx32-posts h3 { font-size:13px;line-height:1.55; }
.cfx32-posts p { min-height:48px;color:var(--c32-muted);font-size:8px;line-height:1.8; }
.cfx32-posts .body > a { color:var(--c32-orange);font-size:8px;font-weight:750; }

.cfx32-footer { color:#9aa8ba;background:var(--c32-navy); }
.cfx32-footer-grid { display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:45px;padding:60px 0 40px; }
.cfx32-footer-grid > div { display:grid;align-content:start;gap:8px; }
.cfx32-footer .cfx32-brand { color:#fff; }
.cfx32-footer p { max-width:380px;color:#718096;font-size:8px;line-height:1.9; }
.cfx32-footer h4 { margin:3px 0 10px;color:#fff;font-size:9px; }
.cfx32-footer a { color:#7b899b;font-size:8px; }
.cfx32-footer a:hover { color:var(--c32-orange); }
.cfx32-system-status { width:fit-content;display:flex;align-items:center;gap:7px;margin-top:8px;padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;font-size:7px; }
.cfx32-system-status i { width:5px;height:5px;border-radius:50%;background:#42c77a; }
.cfx32-footer-bottom { min-height:64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);color:#667488;font-size:7px; }

[data-cfx32-reveal] { opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease; }
[data-cfx32-reveal].revealed { opacity:1;transform:none; }

@keyframes c32Marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes c32Float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-18px)} }
@keyframes c32Chip { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes c32Shape { 0%,100%{translate:0 0} 50%{translate:0 -12px} }

@media(max-width:1100px){
    .cfx32-nav{gap:15px}.cfx32-support-button span{display:none}.cfx32-slide-inner{grid-template-columns:1fr 1fr;gap:34px}
    .cfx32-services{grid-template-columns:repeat(2,1fr)}.cfx32-why{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .cfx32-nav{display:none}.cfx32-mobile-toggle{display:flex}.cfx32-customer-button span{display:none}.cfx32-customer-button{width:42px;padding:0;justify-content:center}
    .cfx32-slide-inner{grid-template-columns:1fr;min-height:auto;gap:20px;padding-block:54px 75px}.cfx32-slide.layout-media_right .cfx32-slide-copy,.cfx32-slide.layout-media_right .cfx32-slide-media{order:initial}
    .cfx32-products,.cfx32-posts{grid-template-columns:repeat(2,1fr)}.cfx32-featured,.cfx32-ecosystem-inner{grid-template-columns:1fr}.cfx32-featured .media{order:-1}
    .cfx32-process{grid-template-columns:repeat(2,1fr)}.cfx32-stats{grid-template-columns:repeat(2,1fr)}.cfx32-faq-layout{grid-template-columns:1fr;gap:28px}.cfx32-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .cfx-container{width:min(100% - 28px,600px)}.cfx32-header-inner{min-height:68px;gap:6px}.cfx32-logo-box{width:110px}.cfx32-language-trigger strong{display:none}
    .cfx32-theme-toggle,.cfx32-support-button{width:37px;padding:0}.cfx32-slide-copy h1{font-size:39px}.cfx32-slide-copy h2{font-size:18px}.cfx32-slide-media{min-height:285px}
    .cfx32-code-body{grid-template-columns:48px 1fr}.cfx32-code-metrics span:nth-child(n+2){display:none}.cfx32-tech-strip{grid-template-columns:1fr}.cfx32-tech-title{display:none}
    .cfx32-section{padding:66px 0}.cfx32-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:27px}
    .cfx32-products,.cfx32-services,.cfx32-why,.cfx32-process,.cfx32-stats,.cfx32-work,.cfx32-posts{grid-template-columns:1fr}
    .cfx32-process article,.cfx32-stats>div{border-inline-end:0;border-bottom:1px solid var(--c32-line)}.cfx32-featured{padding:28px 22px}
    .cfx32-ecosystem .orbit{min-height:560px;transform:scale(.88);margin-inline:-28px}.cfx32-help{grid-template-columns:1fr;padding:28px 22px}.cfx32-help .visual{height:150px}
    .cfx32-cta{align-items:flex-start;flex-direction:column;padding:32px 24px}.cfx32-footer-grid{grid-template-columns:1fr}.cfx32-footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding-block:18px}
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    [data-cfx32-reveal]{opacity:1;transform:none}
}
