:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B1B26; }
.cf-product-page {
  --cf-bg:#0B1B26; --cf-graphite:#233037; --cf-technical-gray:#434D53; --cf-light-gray:#BCC1C4; --cf-yellow:#F8E20E; --cf-blue:#013266; --cf-white:#FFFFFF; --cf-border:rgba(188,193,196,.18); --cf-shadow:0 24px 90px rgba(0,0,0,.38); --cf-radius-lg:28px; --cf-radius-md:18px;
  position:relative; overflow:hidden; background:radial-gradient(circle at 72% 12%, rgba(1,50,102,.42), transparent 34%), radial-gradient(circle at 18% 22%, rgba(248,226,14,.08), transparent 26%), linear-gradient(180deg,#0B1B26 0%,#0B1B26 42%,#091822 100%); color:var(--cf-white); font-family:Arimo,Arial,sans-serif; min-height:100vh; isolation:isolate;
}
.cf-product-page *{box-sizing:border-box}.cf-product-page a{color:inherit;text-decoration:none}.cf-container{width:min(1180px,calc(100% - 40px));margin:0 auto;position:relative;z-index:2}
.cf-topbar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 0}.cf-brand{display:inline-flex;align-items:center;gap:12px}.cf-brand-mark{width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 70% 22%,rgba(248,226,14,.9),transparent 26%),linear-gradient(145deg,rgba(248,226,14,.18),rgba(255,255,255,.04));border:1px solid rgba(248,226,14,.42);display:grid;place-items:center;color:var(--cf-yellow);font-family:Montserrat,Arial,sans-serif;font-weight:900}.cf-brand-name{font-family:Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:.02em}.cf-topbar-links{display:flex;gap:22px;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.64)}.cf-topbar-links a:hover{color:var(--cf-yellow)}
.cf-bg-grid{position:absolute;pointer-events:none;z-index:0;opacity:.34}.cf-bg-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(188,193,196,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(188,193,196,.16) 1px,transparent 1px);background-size:48px 48px;transform:perspective(700px) rotateX(62deg) rotateZ(-12deg);mask-image:radial-gradient(circle,black 0%,transparent 68%)}.cf-bg-grid-one{width:760px;height:540px;right:-180px;top:80px}.cf-bg-grid-two{width:720px;height:520px;left:-260px;bottom:18%;opacity:.2}.cf-glow{position:absolute;border-radius:999px;filter:blur(80px);pointer-events:none;z-index:0}.cf-glow-one{width:330px;height:330px;background:rgba(1,50,102,.45);right:14%;top:150px}.cf-glow-two{width:240px;height:240px;background:rgba(248,226,14,.11);left:7%;top:42%}
.cf-hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;padding:86px 0 72px}.cf-eyebrow,.cf-section-kicker,.cf-module-kicker{font-family:Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.cf-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--cf-yellow);font-size:12px;margin-bottom:22px}.cf-eyebrow-dot{width:8px;height:8px;background:var(--cf-yellow);border-radius:999px;box-shadow:0 0 26px rgba(248,226,14,.75)}.cf-hero-title{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.06em;max-width:770px;margin:0 0 26px}.cf-hero-subtitle{max-width:650px;color:rgba(255,255,255,.74);font-size:clamp(17px,1.5vw,21px);line-height:1.58;margin:0 0 34px}.cf-hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.cf-btn{font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;min-height:52px;transition:transform .18s ease}.cf-btn:hover{transform:translateY(-2px)}.cf-btn-primary{background:var(--cf-yellow);color:#091822;box-shadow:0 16px 44px rgba(248,226,14,.18)}.cf-btn-secondary{border:1px solid rgba(188,193,196,.36);background:rgba(255,255,255,.04);backdrop-filter:blur(16px)}.cf-hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;max-width:720px;border:1px solid rgba(188,193,196,.15);border-radius:var(--cf-radius-md);overflow:hidden;background:rgba(255,255,255,.04)}.cf-point{padding:20px;background:rgba(255,255,255,.03)}.cf-point-value{display:block;font-family:Montserrat,Arial,sans-serif;color:var(--cf-yellow);font-weight:800;margin-bottom:8px}.cf-point-label{color:rgba(255,255,255,.76);font-size:14px}
.cf-hero-visual{position:relative;min-height:620px}.cf-orbit{position:relative;width:min(560px,100%);height:620px;margin-left:auto}.cf-orbit-ring{position:absolute;border:1px solid rgba(188,193,196,.14);border-radius:999px;transform:rotateX(62deg) rotateZ(-18deg);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}.cf-orbit-ring-one{width:530px;height:530px;right:0;top:60px}.cf-orbit-ring-two{width:380px;height:380px;right:74px;top:138px;border-color:rgba(248,226,14,.18)}.cf-core{position:absolute;top:232px;right:190px;width:150px;height:150px;border-radius:34px;border:1px solid rgba(248,226,14,.36);background:linear-gradient(145deg,rgba(248,226,14,.16),rgba(255,255,255,.04)),rgba(11,27,38,.8);backdrop-filter:blur(22px);display:grid;place-items:center;box-shadow:var(--cf-shadow),inset 0 0 0 1px rgba(255,255,255,.04)}.cf-core span{font-family:Montserrat,Arial,sans-serif;font-weight:900;font-size:36px;color:var(--cf-yellow);letter-spacing:-.05em}.cf-core-mark{position:absolute;inset:18px;border:1px solid rgba(248,226,14,.2);border-radius:24px}.cf-module{position:absolute;width:230px;min-height:136px;border-radius:24px;padding:18px;border:1px solid var(--cf-border);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),rgba(35,48,55,.46);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.24)}.cf-module strong{display:block;font-size:17px;margin:8px 0}.cf-module small{display:block;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45}.cf-module-kicker{color:var(--cf-yellow);font-size:10px}.cf-module-one{top:70px;right:220px}.cf-module-two{top:196px;right:0}.cf-module-three{bottom:140px;right:270px}.cf-module-four{bottom:62px;right:32px}.cf-connector{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(248,226,14,.55),transparent);transform-origin:left}.cf-connector-one{width:200px;top:210px;right:175px;transform:rotate(28deg)}.cf-connector-two{width:180px;top:340px;right:152px;transform:rotate(-16deg)}.cf-connector-three{width:210px;bottom:210px;right:145px;transform:rotate(18deg)}
.cf-section{padding:92px 0;position:relative}.cf-section-head{max-width:760px;margin-bottom:38px}.cf-section-head-center{margin-left:auto;margin-right:auto;text-align:center}.cf-section-kicker{display:inline-block;color:var(--cf-yellow);font-size:11px;margin-bottom:14px}.cf-section h2{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.03;letter-spacing:-.05em}.cf-section-head p,.cf-audience-copy p,.cf-integration-panel p,.cf-final-cta p{color:rgba(255,255,255,.68);line-height:1.65;font-size:17px}.cf-problem-grid,.cf-feature-grid,.cf-benefit-grid{display:grid;gap:18px}.cf-problem-grid{grid-template-columns:repeat(3,1fr)}.cf-card,.cf-feature-card,.cf-benefit,.cf-integration-panel,.cf-audience-item,.cf-step,.cf-final-cta-inner{border:1px solid var(--cf-border);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.032)),rgba(35,48,55,.34);border-radius:var(--cf-radius-lg);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.2)}.cf-card{padding:28px;min-height:230px}.cf-card-index{font-family:Montserrat,Arial,sans-serif;color:var(--cf-yellow);font-weight:900;font-size:13px}.cf-card h3,.cf-feature-card h3,.cf-step h3{font-size:22px;line-height:1.15;margin:18px 0 12px;letter-spacing:-.03em}.cf-card p,.cf-feature-card p,.cf-step p,.cf-benefit p,.cf-audience-item span{margin:0;color:rgba(255,255,255,.66);line-height:1.58}.cf-process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.cf-process-line:before{content:"";position:absolute;left:8%;right:8%;top:44px;height:1px;background:linear-gradient(90deg,transparent,rgba(248,226,14,.5),transparent);z-index:0}.cf-step{padding:24px;position:relative;z-index:1}.cf-step-number{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--cf-yellow);color:#0B1B26;font-family:Montserrat,Arial,sans-serif;font-weight:900}.cf-feature-grid{grid-template-columns:repeat(3,1fr)}.cf-feature-card{padding:26px;min-height:240px}.cf-feature-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--cf-yellow);border:1px solid rgba(248,226,14,.34);border-radius:16px;background:rgba(248,226,14,.065);font-family:Montserrat,Arial,sans-serif;font-weight:900}.cf-benefit-grid{grid-template-columns:repeat(6,1fr)}.cf-benefit{padding:22px;min-height:168px}.cf-benefit span{display:block;color:var(--cf-yellow);font-family:Montserrat,Arial,sans-serif;font-weight:800;margin-bottom:12px}.cf-audience{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.cf-audience-list{display:grid;gap:14px}.cf-audience-item{padding:22px}.cf-audience-item strong{display:block;font-size:18px;margin-bottom:8px}.cf-integration-panel{padding:34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:end}.cf-integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.cf-integration-node{border:1px solid rgba(248,226,14,.24);border-radius:999px;padding:18px 20px;background:rgba(248,226,14,.05);font-family:Montserrat,Arial,sans-serif;font-weight:800;text-align:center}.cf-final-cta{padding:92px 0 130px}.cf-final-cta-inner{text-align:center;padding:58px 32px;max-width:920px;margin:0 auto;border-color:rgba(248,226,14,.3);background:radial-gradient(circle at 50% 0%,rgba(248,226,14,.1),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),rgba(35,48,55,.36)}.cf-final-cta h2{max-width:740px;margin:0 auto 18px}.cf-final-cta p{max-width:680px;margin:0 auto 28px}.cf-final-actions{justify-content:center}
@media(max-width:1024px){.cf-topbar{align-items:flex-start}.cf-topbar-links{display:none}.cf-hero{grid-template-columns:1fr;gap:28px;padding-top:86px}.cf-hero-visual{min-height:560px}.cf-orbit{margin:0 auto}.cf-problem-grid,.cf-feature-grid{grid-template-columns:repeat(2,1fr)}.cf-process-line{grid-template-columns:repeat(2,1fr)}.cf-process-line:before{display:none}.cf-benefit-grid{grid-template-columns:repeat(3,1fr)}.cf-audience,.cf-integration-panel{grid-template-columns:1fr}}
@media(max-width:767px){.cf-container{width:min(100% - 28px,1180px)}.cf-hero{min-height:auto;padding:72px 0 48px}.cf-hero-title{font-size:clamp(40px,13vw,58px)}.cf-hero-subtitle{font-size:16px}.cf-hero-points{grid-template-columns:1fr}.cf-hero-visual{min-height:720px}.cf-orbit{width:100%;height:720px}.cf-orbit-ring-one,.cf-orbit-ring-two,.cf-connector{display:none}.cf-core{top:24px;left:50%;right:auto;transform:translateX(-50%)}.cf-module{position:relative;width:100%;right:auto;top:auto;bottom:auto;margin-bottom:14px}.cf-module-one{margin-top:205px}.cf-section{padding:64px 0}.cf-problem-grid,.cf-feature-grid,.cf-process-line,.cf-benefit-grid,.cf-integration-grid{grid-template-columns:1fr}.cf-section h2{font-size:34px}.cf-card,.cf-feature-card,.cf-step,.cf-final-cta-inner{border-radius:22px}.cf-btn{width:100%}}