:root{
  --cc-blue:#0B3D66;
  --cc-yellow:#E5B93E;
  --cc-blue-950:#071c2d;
  --cc-blue-900:#0a2d4b;
  --cc-blue-800:#123f64;
  --cc-blue-700:#1c527a;
  --cc-blue-100:#e7f0f6;
  --cc-yellow-700:#b98913;
  --cc-yellow-200:#f2dda1;
  --cc-yellow-100:#faf0ca;
  --cc-ink:#0d1f2d;
  --cc-body:#526472;
  --cc-muted:#7b8994;
  --cc-line:#e3e9ee;
  --cc-line-strong:#d4dde4;
  --cc-surface:#ffffff;
  --cc-bg:#f8fafc;
  --cc-soft:#f2f5f8;
  --cc-success:#16855a;
  --cc-danger:#c84646;
  --cc-warning:#b98119;
  --cc-shadow-sm:0 8px 24px rgba(8,35,55,.06);
  --cc-shadow:0 22px 58px rgba(8,35,55,.10);
  --cc-shadow-lg:0 36px 90px rgba(8,35,55,.16);
  --cc-radius:16px;
  --cc-radius-lg:24px;
  --cc-shell:1440px;
  --cc-gutter:64px;
  --cc-section:120px;
  --cc-header:88px;
  --cc-ease:cubic-bezier(.2,.75,.25,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body.ccf-standalone-page{margin:0;background:var(--cc-bg)!important;color:var(--cc-ink)!important;overflow-x:hidden;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.ccf-standalone-page.menu-open{overflow:hidden}
.ccf-site{min-height:100vh;background:var(--cc-bg);color:var(--cc-ink);font-family:inherit;line-height:1.62;font-size:16px;overflow:hidden}
.ccf-site *{box-sizing:border-box}
.ccf-site img{display:block;max-width:100%;height:auto}
.ccf-site a{color:inherit;text-decoration:none}
.ccf-site button,.ccf-site input,.ccf-site textarea{font:inherit}
.ccf-site button{cursor:pointer}
.ccf-site p,.ccf-site h1,.ccf-site h2,.ccf-site h3,.ccf-site h4,.ccf-site blockquote{margin:0}
.ccf-site ul{margin:0;padding:0;list-style:none}
.ccf-site ::selection{background:var(--cc-yellow-200);color:var(--cc-blue-950)}
.ccf-site :focus-visible{outline:3px solid color-mix(in srgb,var(--cc-yellow) 78%,white);outline-offset:3px}
.ccf-site svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ccf-shell{width:min(var(--cc-shell),calc(100% - var(--cc-gutter)));margin-inline:auto}
.ccf-section{padding:var(--cc-section) 0;position:relative}
.ccf-skip{position:fixed;left:16px;top:-90px;z-index:9999;padding:10px 14px;background:#fff;border:1px solid var(--cc-line);border-radius:8px;transition:top .2s}
.ccf-skip:focus{top:12px}

.ccf-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cc-blue);font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:19px}
.ccf-eyebrow:before{content:"";width:26px;height:2px;background:var(--cc-yellow);border-radius:999px}
.ccf-section-heading{max-width:810px;margin-bottom:58px}
.ccf-section-heading h2,.ccf-problem-copy h2,.ccf-reporting-copy h2,.ccf-trust-statement h2,.ccf-about-copy h2,.ccf-demo-copy h2{font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-.052em;font-weight:760;color:var(--cc-ink)}
.ccf-section-heading>p,.ccf-problem-copy>p,.ccf-reporting-copy>p,.ccf-trust-statement>p,.ccf-about-copy>p,.ccf-demo-copy>p{font-size:18px;line-height:1.75;color:var(--cc-body);margin-top:20px;max-width:760px}
.ccf-heading-light h2,.ccf-heading-light p{color:#fff}
.ccf-heading-light p{color:#b7c9d7}

.ccf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:-.01em;transition:transform .22s var(--cc-ease),box-shadow .22s var(--cc-ease),background .22s var(--cc-ease),border-color .22s var(--cc-ease),color .22s var(--cc-ease)}
.ccf-btn svg{width:17px;height:17px;transition:transform .22s var(--cc-ease)}
.ccf-btn:hover{transform:translateY(-2px)}
.ccf-btn:hover svg{transform:translateX(3px)}
.ccf-btn-primary{background:var(--cc-yellow);border-color:var(--cc-yellow);color:var(--cc-blue-950);box-shadow:0 12px 28px color-mix(in srgb,var(--cc-yellow) 24%,transparent)}
.ccf-btn-primary:hover{background:color-mix(in srgb,var(--cc-yellow) 88%,white);box-shadow:0 16px 34px color-mix(in srgb,var(--cc-yellow) 32%,transparent)}
.ccf-btn-secondary{background:#fff;border-color:var(--cc-line-strong);color:var(--cc-blue-950);box-shadow:var(--cc-shadow-sm)}
.ccf-btn-secondary:hover{border-color:color-mix(in srgb,var(--cc-blue) 36%,var(--cc-line));color:var(--cc-blue)}
.ccf-btn-sm{min-height:46px;padding:0 17px;font-size:13px}
.ccf-btn-block{width:100%}
.ccf-text-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:var(--cc-blue);margin-top:26px}
.ccf-text-link svg{transition:.2s}
.ccf-text-link:hover svg{transform:translateX(4px)}
.ccf-light-link{color:#fff}

/* Header */
.ccf-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--cc-header);border-bottom:1px solid transparent;transition:height .25s var(--cc-ease),background .25s var(--cc-ease),border-color .25s var(--cc-ease),box-shadow .25s var(--cc-ease);background:rgba(248,250,252,.80);backdrop-filter:saturate(145%) blur(16px)}
.ccf-header.is-scrolled{height:74px;background:rgba(255,255,255,.92);border-color:var(--cc-line);box-shadow:0 8px 30px rgba(9,41,63,.06)}
.ccf-nav-wrap{height:100%;display:flex;align-items:center;gap:36px}
.ccf-brand{display:flex;align-items:center;flex:0 0 auto}
.ccf-brand img{width:246px;max-height:64px;object-fit:contain;object-position:left center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ccf-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.ccf-nav a{position:relative;color:#32495a;font-size:13.5px;font-weight:700;white-space:nowrap}
.ccf-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--cc-yellow);transition:right .2s var(--cc-ease)}
.ccf-nav a:hover{color:var(--cc-blue)}
.ccf-nav a:hover:after{right:0}
.ccf-nav-actions{display:flex;align-items:center;gap:14px;margin-left:8px}
.ccf-login{font-size:13.5px;font-weight:800;color:var(--cc-blue)}
.ccf-menu-btn{display:none;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue);width:44px;height:44px;border-radius:10px;place-items:center;margin-left:auto}
.ccf-menu-btn svg{width:22px;height:22px}
.ccf-mobile-menu{position:fixed;inset:0;z-index:1100;background:rgba(5,24,38,.32);backdrop-filter:blur(10px)}
.ccf-mobile-inner{position:absolute;right:0;top:0;height:100%;width:min(420px,92vw);padding:24px;background:#fff;box-shadow:-30px 0 80px rgba(4,26,41,.18);display:flex;flex-direction:column;gap:4px;animation:ccfSlideIn .24s var(--cc-ease)}
.ccf-mobile-top{display:flex;align-items:center;justify-content:space-between;color:var(--cc-muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:20px}
.ccf-mobile-top button{width:42px;height:42px;border-radius:10px;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue);display:grid;place-items:center}
.ccf-mobile-inner>a:not(.ccf-btn){padding:13px 4px;border-bottom:1px solid var(--cc-line);font-size:18px;font-weight:730;color:var(--cc-ink)}
.ccf-mobile-inner .ccf-btn{margin-top:18px}
@keyframes ccfSlideIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}

/* Hero */
.ccf-hero{position:relative;padding:calc(var(--cc-header) + 88px) 0 88px;background:linear-gradient(180deg,#fbfcfd 0%,#f6f9fb 100%);border-bottom:1px solid var(--cc-line)}
.ccf-hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(rgba(11,61,102,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,61,102,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black 0%,black 44%,transparent 92%)}
.ccf-hero:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;left:-360px;top:70px;background:radial-gradient(circle,color-mix(in srgb,var(--cc-yellow) 18%,transparent),transparent 68%);pointer-events:none}
.ccf-hero-layout{display:grid;grid-template-columns:minmax(420px,.83fr) minmax(680px,1.25fr);gap:72px;align-items:center;position:relative}
.ccf-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--cc-blue);font-weight:850;margin-bottom:24px}
.ccf-kicker span{width:8px;height:8px;border-radius:50%;background:var(--cc-yellow);box-shadow:0 0 0 5px color-mix(in srgb,var(--cc-yellow) 18%,transparent)}
.ccf-hero-copy h1{font-size:clamp(58px,5.4vw,88px);line-height:.94;letter-spacing:-.066em;font-weight:780;max-width:740px;color:var(--cc-blue-950)}
.ccf-lead{font-size:clamp(18px,1.25vw,21px);line-height:1.72;color:var(--cc-body);max-width:690px;margin-top:27px}
.ccf-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ccf-hero-proof{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px;padding-top:25px;border-top:1px solid var(--cc-line);max-width:720px}
.ccf-hero-proof span{display:inline-flex;align-items:center;gap:7px;color:#536675;font-size:12px;font-weight:700}
.ccf-hero-proof svg{color:var(--cc-blue);width:15px;height:15px}

.ccf-product-stage{position:relative;min-width:0}
.ccf-stage-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6f818e;font-weight:800}
.ccf-stage-label strong{font-size:10px;color:var(--cc-blue);background:var(--cc-yellow-100);border:1px solid var(--cc-yellow-200);padding:5px 8px;border-radius:999px}
.ccf-app-window{display:grid;grid-template-columns:168px 1fr;background:#fff;border:1px solid var(--cc-line-strong);border-radius:20px;overflow:hidden;box-shadow:var(--cc-shadow-lg);min-height:600px;transform:perspective(1400px) rotateY(-1.5deg);transform-origin:center left}
.ccf-app-sidebar{background:linear-gradient(180deg,var(--cc-blue-950),var(--cc-blue-900));padding:20px 14px;color:#dbe7ef}
.ccf-app-logo{height:50px;display:flex;align-items:center;padding:0 8px 12px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.ccf-app-logo img{width:136px;max-height:38px;object-fit:contain;object-position:left center;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.ccf-app-nav{display:grid;gap:5px}
.ccf-app-nav span{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:9px;font-size:11px;font-weight:700;color:#aac0cf}
.ccf-app-nav span svg{width:15px;height:15px}
.ccf-app-nav .is-active{background:var(--cc-yellow);color:var(--cc-blue-950)}
.ccf-app-main{padding:24px;background:#f9fbfc;min-width:0}
.ccf-app-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.ccf-app-topbar div{display:grid;gap:2px}
.ccf-app-topbar small{font-size:10px;color:#7b8c98}
.ccf-app-topbar strong{font-size:17px;letter-spacing:-.02em}
.ccf-demo-chip{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--cc-blue);padding:5px 8px;background:var(--cc-yellow-100);border:1px solid var(--cc-yellow-200);border-radius:999px}
.ccf-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ccf-kpi{background:#fff;border:1px solid #e4ebef;border-radius:12px;padding:14px 15px;display:grid;gap:5px;min-width:0}
.ccf-kpi span{font-size:9.5px;color:#7a8a95;font-weight:650}
.ccf-kpi strong{font-size:20px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.ccf-kpi em{font-style:normal;font-size:9px;font-weight:750}
.ccf-kpi-highlight{border-color:var(--cc-yellow-200);background:linear-gradient(145deg,#fffdf6,#fff)}
.is-positive{color:var(--cc-success)!important}.is-negative{color:var(--cc-danger)!important}.is-muted{color:#7e8f99!important}
.ccf-app-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr);gap:10px;margin-top:10px}
.ccf-chart-panel,.ccf-activity-panel{background:#fff;border:1px solid #e4ebef;border-radius:12px;padding:14px;min-width:0}
.ccf-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ccf-panel-head div{display:grid;gap:2px}.ccf-panel-head small{font-size:9px;color:#7b8d99}.ccf-panel-head strong{font-size:12px}.ccf-panel-head>span{font-size:8.5px;color:#5c7080;background:#f2f5f7;padding:4px 7px;border-radius:999px}
.ccf-line-chart{width:100%;height:210px;color:var(--cc-blue);margin-top:4px;overflow:visible}
.ccf-line-chart .grid path{stroke:#e8eef1;stroke-width:1}.ccf-line-chart .area{fill:color-mix(in srgb,var(--cc-yellow) 13%,transparent);stroke:none}.ccf-line-chart .line{fill:none;stroke:var(--cc-blue);stroke-width:3;stroke-linecap:round}.ccf-line-chart .dots circle{fill:var(--cc-yellow);stroke:#fff;stroke-width:2}
.ccf-chart-axis{display:grid;grid-template-columns:repeat(6,1fr);font-size:8px;color:#8a99a3;text-align:center;margin-top:-8px}
.ccf-activity-panel{display:grid;align-content:start}
.ccf-activity{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f4}
.ccf-activity:last-child{border-bottom:0}
.ccf-activity i{font-style:normal;font-size:8.5px;font-weight:850;text-align:center;padding:5px;border-radius:7px;background:#f3f6f8;color:#566e7e;font-variant-numeric:tabular-nums}
.ccf-activity i.is-in{background:#eaf6f0;color:var(--cc-success)}.ccf-activity i.is-out{background:#fbecec;color:var(--cc-danger)}.ccf-activity i.is-info{background:var(--cc-yellow-100);color:var(--cc-blue)}
.ccf-activity div{display:grid;gap:2px}.ccf-activity strong{font-size:9.5px}.ccf-activity span{font-size:8px;color:#86959f}
.ccf-float-note{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--cc-line);box-shadow:0 16px 38px rgba(9,41,63,.14);padding:11px 13px;border-radius:11px;z-index:3}
.ccf-float-note small{display:block;font-size:8px;color:#7a8b97}.ccf-float-note strong{display:block;font-size:9.5px;margin-top:2px}.ccf-note-dot{width:8px;height:8px;border-radius:50%;background:var(--cc-yellow);box-shadow:0 0 0 5px var(--cc-yellow-100)}.ccf-note-dot.is-positive{background:var(--cc-success);box-shadow:0 0 0 5px #eaf6f0}
.ccf-note-one{left:-34px;bottom:82px}.ccf-note-two{right:-26px;top:130px}

/* Trust */
.ccf-trust{background:#fff;border-bottom:1px solid var(--cc-line);padding:34px 0 38px}
.ccf-trust-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}.ccf-trust-head span{font-size:11px;color:#7a8b98;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.ccf-trust-head strong{font-size:17px;color:var(--cc-blue-950);letter-spacing:-.02em}
.ccf-client-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ccf-client-logo{min-width:0;min-height:112px;background:#fff;border:1px solid var(--cc-line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:15px;transition:.22s var(--cc-ease)}
.ccf-client-logo:hover{border-color:color-mix(in srgb,var(--cc-blue) 25%,var(--cc-line));box-shadow:var(--cc-shadow-sm);transform:translateY(-2px)}
.ccf-client-logo img{max-width:150px;max-height:50px;object-fit:contain;filter:saturate(.78);transition:.2s}.ccf-client-logo:hover img{filter:none}
.ccf-client-logo span{font-size:10px;color:#72838e;text-align:center;line-height:1.3}

/* Problem / solution */
.ccf-problem{background:#fff}
.ccf-problem-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:86px;align-items:center}
.ccf-problem-copy{max-width:630px}
.ccf-before-after{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;border:1px solid var(--cc-line);background:#f8fafb;min-height:480px;padding:26px;box-shadow:var(--cc-shadow-sm)}
.ccf-messy-side,.ccf-connected-side{position:relative;min-height:360px;padding:20px;background:#fff;border:1px solid var(--cc-line)}
.ccf-side-label{display:inline-flex;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#778994;margin-bottom:18px}
.ccf-paper{position:absolute;width:160px;padding:13px;background:#fff;border:1px solid #dfe6ea;box-shadow:0 8px 20px rgba(7,30,46,.08);font-size:10px;color:#6b7c87}.ccf-paper b{display:block;font-size:12px;color:var(--cc-ink);margin-top:4px}.ccf-paper.p1{left:20px;top:70px;transform:rotate(-4deg)}.ccf-paper.p2{right:18px;top:105px;transform:rotate(3deg)}.ccf-paper.p3{left:42px;top:194px;transform:rotate(2deg)}.ccf-paper.p4{right:28px;top:245px;transform:rotate(-3deg)}
.ccf-connector{display:grid;place-items:center;color:var(--cc-yellow-700)}.ccf-connector span{position:absolute;width:1px;height:90px;background:linear-gradient(transparent,var(--cc-yellow),transparent)}.ccf-connector svg{position:relative;width:22px;height:22px;background:#fff;border:1px solid var(--cc-yellow-200);border-radius:50%;padding:4px}
.ccf-connected-side{display:grid;align-content:start;gap:9px;background:linear-gradient(180deg,#fff,#fbfcfd)}
.ccf-source-row{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #e4eaee;background:#fff}.ccf-source-row>span{width:32px;height:32px;display:grid;place-items:center;background:var(--cc-blue-100);color:var(--cc-blue);border-radius:8px}.ccf-source-row>div{display:grid;gap:1px}.ccf-source-row strong{font-size:11px}.ccf-source-row small{font-size:8.5px;color:#7e8e98}
.ccf-source-result{margin-top:6px;padding:16px;background:var(--cc-blue);color:#fff;display:grid;gap:3px}.ccf-source-result strong{font-size:14px}.ccf-source-result span{font-size:9px;color:#c6d5df}

/* Product showcase */
.ccf-product{background:linear-gradient(150deg,var(--cc-blue-950),#0a3554 58%,#0b466f);color:#fff;overflow:hidden}
.ccf-product:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-340px;top:-280px;background:radial-gradient(circle,color-mix(in srgb,var(--cc-yellow) 14%,transparent),transparent 68%);pointer-events:none}
.ccf-product .ccf-eyebrow{color:var(--cc-yellow)}
.ccf-showcase{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:22px}
.ccf-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:14px;scrollbar-width:none}.ccf-tabs::-webkit-scrollbar{display:none}
.ccf-tabs button{flex:0 0 auto;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#b9cad5;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:800;transition:.2s}
.ccf-tabs button:hover{border-color:rgba(255,255,255,.25);color:#fff}.ccf-tabs button[aria-selected="true"]{background:var(--cc-yellow);border-color:var(--cc-yellow);color:var(--cc-blue-950)}
.ccf-showcase-body{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:stretch}
.ccf-showcase-copy{padding:34px 20px 22px 8px;min-height:540px}
.ccf-product-panel-copy{display:none}.ccf-product-panel-copy.is-active{display:block;animation:ccfFade .25s var(--cc-ease)}
.ccf-product-panel-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cc-yellow);font-weight:850}.ccf-product-panel-copy h3{font-size:36px;line-height:1.04;letter-spacing:-.04em;margin-top:13px;color:#fff}.ccf-product-panel-copy p{font-size:15px;color:#b5c7d2;line-height:1.7;margin-top:18px}.ccf-product-panel-copy ul{display:grid;gap:10px;margin-top:25px}.ccf-product-panel-copy li{font-size:12px;color:#d2dde4;display:flex;gap:9px}.ccf-product-panel-copy li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc-yellow);margin-top:7px;flex:0 0 auto}
.ccf-showcase-screen{background:#f8fafb;border:1px solid rgba(255,255,255,.18);min-height:560px;color:var(--cc-ink);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.ccf-screen-chrome{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e2e9ed;background:#fff}.ccf-screen-chrome>span{width:7px;height:7px;border-radius:50%;background:#d8e0e5}.ccf-screen-chrome>span:nth-child(1){background:#ecb2a8}.ccf-screen-chrome>span:nth-child(2){background:#efd582}.ccf-screen-chrome>span:nth-child(3){background:#9bc7aa}.ccf-screen-chrome b{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#778994}
.ccf-product-screen{padding:26px;min-height:518px;animation:ccfFade .24s var(--cc-ease)}
@keyframes ccfFade{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}
.ccf-screen-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.ccf-screen-title>div{display:grid;gap:2px}.ccf-screen-title small{font-size:9px;color:#7d8d98}.ccf-screen-title strong{font-size:18px;letter-spacing:-.025em}.ccf-screen-title>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--cc-blue);background:var(--cc-yellow-100);border:1px solid var(--cc-yellow-200);padding:5px 7px;border-radius:999px}
.ccf-screen-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ccf-screen-kpis>div,.ccf-inventory-cards>div,.ccf-two-kpi>div{padding:13px;background:#fff;border:1px solid #e1e8ec;display:grid;gap:4px}.ccf-screen-kpis span,.ccf-inventory-cards small,.ccf-two-kpi small{font-size:8px;color:#7b8b96}.ccf-screen-kpis b,.ccf-inventory-cards b,.ccf-two-kpi b{font-size:16px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ccf-overview-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:9px;margin-top:9px}.ccf-mini-chart,.ccf-mini-list{background:#fff;border:1px solid #e1e8ec;padding:13px}.ccf-mini-chart>span,.ccf-mini-list>span{font-size:9px;font-weight:750;color:#667a88}.ccf-mini-chart svg{width:100%;height:250px;margin-top:4px}.ccf-mini-chart .grid{fill:none;stroke:#e9eef1;stroke-width:1}.ccf-mini-chart .fill{fill:color-mix(in srgb,var(--cc-yellow) 17%,transparent);stroke:none}.ccf-mini-chart .stroke{fill:none;stroke:var(--cc-blue);stroke-width:3;stroke-linecap:round}.ccf-mini-list p{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f3;font-size:9px}.ccf-mini-list p:last-child{border-bottom:0}.ccf-mini-list b{font-size:9px}.ccf-mini-list em{font-style:normal;font-size:8.5px;font-weight:850}
.ccf-data-table{border:1px solid #e1e8ec;background:#fff}.ccf-data-table>div{display:grid;grid-template-columns:1.5fr .8fr .8fr .9fr;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #edf1f3;font-size:9px}.ccf-data-table>div:last-child{border-bottom:0}.ccf-data-table .head{background:#f3f6f8;color:#748691;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ccf-data-table b{font-size:9px}.ccf-data-table strong{font-size:9px;font-variant-numeric:tabular-nums}.ccf-data-table span{font-variant-numeric:tabular-nums;color:#5f7381}
.ccf-screen-footer-note{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.ccf-screen-footer-note span{font-size:8px;color:#536b7b;border:1px solid #dce5ea;background:#fff;padding:6px 8px;border-radius:999px}
.ccf-inventory-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.ccf-inventory-cards .warn{border-color:#ecd7a4;background:#fffbf1}.ccf-inventory-cards .danger{border-color:#f0cdcd;background:#fff8f8}
.ccf-data-table.inventory .badge,.ccf-data-table.compact .badge{justify-self:start;padding:4px 7px;border-radius:999px;font-size:7.5px}.badge.good{background:#eaf6f0;color:var(--cc-success)}.badge.warn{background:#fff5df;color:var(--cc-warning)}.badge.bad{background:#fbecec;color:var(--cc-danger)}.badge.neutral{background:var(--cc-blue-100);color:var(--cc-blue)}
.ccf-two-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.ccf-two-kpi em{font-style:normal;font-size:8px;color:#80919b}
.ccf-report-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ccf-report-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e8ec;padding:13px}.ccf-report-list svg{width:17px;height:17px;color:var(--cc-blue)}.ccf-report-list span{display:grid;gap:2px}.ccf-report-list b{font-size:9px}.ccf-report-list small{font-size:8px;color:#82929c}.ccf-report-list em{font-style:normal;font-size:8px;color:var(--cc-blue);font-weight:800}

/* Benefits */
.ccf-benefits{background:#fff}
.ccf-benefit-list{border-top:1px solid var(--cc-line)}
.ccf-benefit{display:grid;grid-template-columns:70px 1fr minmax(270px,.65fr);gap:42px;align-items:center;padding:36px 0;border-bottom:1px solid var(--cc-line)}
.ccf-benefit>span{font-size:12px;font-weight:850;color:var(--cc-yellow-700)}.ccf-benefit h3{font-size:28px;letter-spacing:-.035em;line-height:1.1}.ccf-benefit p{margin-top:8px;color:var(--cc-body);font-size:15px;max-width:650px}
.ccf-benefit-visual,.ccf-balance-visual,.ccf-profit-visual,.ccf-flow-visual{min-height:120px;border:1px solid var(--cc-line);background:#f8fafb;padding:18px}
.ccf-benefit-visual.stock{display:flex;align-items:flex-end;gap:9px}.ccf-benefit-visual.stock i{display:block;flex:1;background:linear-gradient(180deg,var(--cc-yellow),color-mix(in srgb,var(--cc-yellow) 42%,var(--cc-blue-100)));height:var(--h);min-height:30px}.ccf-benefit-visual.stock i:nth-child(1){--h:54px}.ccf-benefit-visual.stock i:nth-child(2){--h:92px}.ccf-benefit-visual.stock i:nth-child(3){--h:68px}.ccf-benefit-visual.stock i:nth-child(4){--h:110px}.ccf-benefit-visual.stock i:nth-child(5){--h:82px}
.ccf-balance-visual,.ccf-profit-visual{display:grid;align-content:center;gap:3px}.ccf-balance-visual b,.ccf-profit-visual small{font-size:9px;color:#7b8c97}.ccf-balance-visual em,.ccf-profit-visual b{font-style:normal;font-size:28px;font-weight:800;color:var(--cc-blue);letter-spacing:-.04em}.ccf-balance-visual small,.ccf-profit-visual span{font-size:8.5px;color:#84939c}
.ccf-flow-visual{display:flex;align-items:center;justify-content:center;gap:7px}.ccf-flow-visual i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;background:var(--cc-blue-100);color:var(--cc-blue);font-size:9px;font-weight:850;border-radius:50%}.ccf-flow-visual strong{color:var(--cc-yellow-700);display:grid;place-items:center}.ccf-flow-visual b{font-size:10px;background:var(--cc-blue);color:#fff;padding:8px 10px}

/* Features */
.ccf-features{background:#f7f9fb}
.ccf-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cc-line);border-left:1px solid var(--cc-line)}
.ccf-feature{position:relative;padding:30px;border-right:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);background:#fff;min-height:280px;transition:.22s var(--cc-ease)}
.ccf-feature:hover{z-index:1;box-shadow:0 18px 42px rgba(8,35,55,.08);transform:translateY(-3px)}
.ccf-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--cc-yellow-100);color:var(--cc-blue);border:1px solid var(--cc-yellow-200);border-radius:10px;margin-bottom:31px}.ccf-icon svg{width:20px;height:20px}
.ccf-feature h3{font-size:23px;letter-spacing:-.03em}.ccf-feature p{font-size:14px;color:var(--cc-body);margin-top:10px;max-width:370px}.ccf-feature-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.ccf-feature-line span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#617583;background:#f3f6f8;padding:6px 8px;border-radius:999px}

/* Solutions */
.ccf-solutions{background:#fff}
.ccf-solutions-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:start}.ccf-solutions .ccf-section-heading{position:sticky;top:120px;margin-bottom:0}
.ccf-solution-list{display:grid;border-top:1px solid var(--cc-line)}.ccf-solution{padding:34px 4px;border-bottom:1px solid var(--cc-line)}.ccf-solution>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--cc-yellow-700)}.ccf-solution h3{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin-top:8px;max-width:690px}.ccf-solution p{font-size:14px;color:var(--cc-body);margin-top:10px;max-width:670px}

/* How it works */
.ccf-how{background:var(--cc-blue-950);color:#fff}.ccf-how .ccf-eyebrow{color:var(--cc-yellow)}.ccf-how .ccf-section-heading h2{color:#fff}.ccf-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.ccf-step{padding:34px 32px;border-right:1px solid rgba(255,255,255,.13);min-height:260px}.ccf-step:last-child{border-right:0}.ccf-step>span{display:block;font-size:12px;color:var(--cc-yellow);font-weight:850;margin-bottom:65px}.ccf-step h3{font-size:28px;letter-spacing:-.035em}.ccf-step p{color:#b6c6d0;font-size:14px;margin-top:10px}

/* Reporting */
.ccf-reporting{background:#f7f9fb}.ccf-reporting-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.ccf-report-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.ccf-report-tags span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#526b7a;border:1px solid var(--cc-line-strong);background:#fff;padding:7px 9px;border-radius:999px}.ccf-reporting-copy>small{display:block;margin-top:15px;color:#84949e;font-size:10px}
.ccf-reporting-screen{background:#fff;border:1px solid var(--cc-line-strong);box-shadow:var(--cc-shadow);padding:28px;min-height:490px}.ccf-report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--cc-line)}.ccf-report-header>div{display:grid;gap:2px}.ccf-report-header small{font-size:9px;color:#7c8e99}.ccf-report-header strong{font-size:18px}.ccf-report-header>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-blue);background:var(--cc-yellow-100);border:1px solid var(--cc-yellow-200);padding:5px 7px;border-radius:999px}
.ccf-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.ccf-report-summary>div{display:grid;gap:4px;padding:14px;background:#f7f9fb;border:1px solid #e7edf0}.ccf-report-summary span{font-size:8px;color:#7b8d98}.ccf-report-summary b{font-size:17px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.ccf-report-summary .result{background:#fffdf5;border-color:var(--cc-yellow-200)}
.ccf-report-bars{display:grid;gap:16px;padding-top:8px}.ccf-report-bars>div{display:grid;grid-template-columns:70px 1fr 75px;align-items:center;gap:10px}.ccf-report-bars span{font-size:9px;color:#607685}.ccf-report-bars i{position:relative;display:block;height:10px;background:#edf2f4;overflow:hidden}.ccf-report-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,var(--cc-blue),color-mix(in srgb,var(--cc-blue) 76%,var(--cc-yellow)));transform-origin:left;animation:ccfBar 1s var(--cc-ease) both}.ccf-report-bars>div:last-child i:after{background:var(--cc-yellow)}.ccf-report-bars b{font-size:9px;text-align:right;font-variant-numeric:tabular-nums}
@keyframes ccfBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ccf-report-note{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--cc-line)}.ccf-report-note span{display:flex;gap:6px;align-items:center;font-size:9px;color:#5d7280}.ccf-report-note svg{color:var(--cc-success)}

/* Trust details */
.ccf-trust-details{background:#fff}.ccf-trust-details-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:start}.ccf-trust-statement p{max-width:660px}.ccf-trust-points{display:grid;border-top:1px solid var(--cc-line)}.ccf-trust-point{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:26px 0;border-bottom:1px solid var(--cc-line)}.ccf-trust-point>span{width:42px;height:42px;border:1px solid var(--cc-line);display:grid;place-items:center;color:var(--cc-blue);background:#f7f9fb;border-radius:10px}.ccf-trust-point h3{font-size:18px}.ccf-trust-point p{font-size:13px;color:var(--cc-body);margin-top:5px}

/* Stories */
.ccf-stories{background:#f7f9fb}.ccf-story-stage{position:relative;background:#fff;border:1px solid var(--cc-line-strong);padding:56px;min-height:390px}.ccf-story{max-width:980px}.ccf-quote-mark{font-family:Georgia,serif;font-size:80px;line-height:.7;color:var(--cc-yellow);height:54px}.ccf-story blockquote{font-size:clamp(24px,2.5vw,39px);line-height:1.25;letter-spacing:-.035em;color:var(--cc-blue-950);max-width:1000px}.ccf-story-person{display:grid;gap:2px;margin-top:32px}.ccf-story-person strong{font-size:14px}.ccf-story-person span{font-size:11px;color:#788a95}.ccf-story-controls{position:absolute;right:30px;bottom:30px;display:flex;align-items:center;gap:10px}.ccf-story-controls button{width:40px;height:40px;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue);border-radius:10px}.ccf-story-controls span{font-size:9px;color:#748691;font-weight:800;min-width:42px;text-align:center}

/* About */
.ccf-about{background:#fff}.ccf-about-layout{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:start}.ccf-about-copy p+p{margin-top:13px}.ccf-resource{border-left:3px solid var(--cc-yellow);background:#f7f9fb;padding:34px}.ccf-resource>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--cc-yellow-700)}.ccf-resource h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin-top:12px}.ccf-resource p{font-size:12px;color:#7a8b96;margin-top:10px}.ccf-resource .ccf-btn{margin-top:25px}

/* FAQ */
.ccf-faq{background:#f7f9fb}.ccf-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.ccf-faq .ccf-section-heading{position:sticky;top:110px;margin-bottom:0}.ccf-faq-list{border-top:1px solid var(--cc-line)}.ccf-faq-item{border-bottom:1px solid var(--cc-line)}.ccf-faq-item h3{font-size:inherit}.ccf-faq-item button{width:100%;border:0;background:transparent;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:var(--cc-ink);font-size:16px;font-weight:750}.ccf-faq-item button svg{width:19px;height:19px;color:var(--cc-blue);transition:transform .2s}.ccf-faq-item button[aria-expanded="true"] svg{transform:rotate(45deg)}.ccf-faq-answer{padding:0 48px 22px 0}.ccf-faq-answer p{font-size:14px;color:var(--cc-body);max-width:760px}

/* Demo */
.ccf-demo{background:var(--cc-blue-950);padding:90px 0}.ccf-demo-card{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:start}.ccf-demo .ccf-eyebrow{color:var(--cc-yellow)}.ccf-demo-copy h2{color:#fff}.ccf-demo-copy>p{color:#b6c8d4}.ccf-contact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.ccf-contact-list>a,.ccf-contact-list>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.10);color:#fff}.ccf-contact-list svg{width:18px;height:18px;color:var(--cc-yellow)}.ccf-contact-list span{display:grid;gap:2px}.ccf-contact-list small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8fa8b8}.ccf-contact-list strong{font-size:11px;font-weight:700}.ccf-demo-form-wrap{background:#fff;padding:30px;box-shadow:0 26px 70px rgba(0,0,0,.22)}
.ccf-demo-form{display:grid;gap:16px}.ccf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ccf-field{display:grid;gap:6px}.ccf-field label{font-size:10px;font-weight:800;color:#4e6574}.ccf-field label span{color:var(--cc-danger)}.ccf-field input,.ccf-field textarea{width:100%;border:1px solid #d6e0e6;background:#fff;color:var(--cc-ink);padding:12px 13px;border-radius:9px;outline:0;transition:border-color .2s,box-shadow .2s}.ccf-field input{height:46px}.ccf-field textarea{resize:vertical;min-height:104px}.ccf-field input:focus,.ccf-field textarea:focus{border-color:var(--cc-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-blue) 12%,transparent)}.ccf-field small{min-height:0;color:var(--cc-danger);font-size:9px}.ccf-field.has-error input{border-color:var(--cc-danger)}.ccf-form-note{font-size:9px;color:#7d8e98;text-align:center}.ccf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ccf-form-message{padding:12px 14px;margin-bottom:14px;font-size:11px;border-left:3px solid}.ccf-form-message.success{background:#eef8f3;border-color:var(--cc-success);color:#276c50}.ccf-form-message.warning{background:#fff8e9;border-color:var(--cc-warning);color:#775610}.ccf-form-message.error{background:#fff0f0;border-color:var(--cc-danger);color:#8a3434}

/* Footer */
.ccf-footer-main{background:#f6f8fa;border-top:1px solid var(--cc-line);padding:68px 0 58px}.ccf-footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:56px}.ccf-footer-brand>a{display:inline-flex}.ccf-footer-brand img{width:245px;max-height:72px;object-fit:contain;object-position:left center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.ccf-footer-brand p{font-size:13px;color:#617482;max-width:430px;margin-top:20px}.ccf-footer-grid>div:not(.ccf-footer-brand){display:grid;align-content:start;gap:9px}.ccf-footer-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--cc-blue);margin-bottom:7px}.ccf-footer-grid a,.ccf-footer-grid>div:not(.ccf-footer-brand) p{font-size:12px;color:#5c7080}.ccf-footer-grid a:hover{color:var(--cc-blue)}
.ccf-footer-bottom{background:var(--cc-blue-950);color:#9cb1bf;padding:17px 0}.ccf-footer-bottom .ccf-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.ccf-footer-bottom a{color:#d7e2e9}.ccf-footer-bottom a:hover{color:var(--cc-yellow)}

/* Reveal */
.js .ccf-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--cc-ease),transform .6s var(--cc-ease)}
.js .ccf-reveal.is-visible{opacity:1;transform:none}

/* Admin bar */
.admin-bar .ccf-header{top:32px}.admin-bar .ccf-mobile-menu{top:32px}

/* Responsive */
@media (max-width:1280px){
  :root{--cc-gutter:46px;--cc-section:104px}
  .ccf-hero-layout{grid-template-columns:minmax(370px,.8fr) minmax(590px,1.2fr);gap:46px}
  .ccf-hero-copy h1{font-size:clamp(54px,5vw,72px)}
  .ccf-app-window{grid-template-columns:150px 1fr;min-height:560px}
  .ccf-app-main{padding:18px}.ccf-line-chart{height:185px}
  .ccf-note-one{left:-18px}.ccf-note-two{right:-12px}
  .ccf-showcase-body{grid-template-columns:290px 1fr}
  .ccf-benefit{grid-template-columns:56px 1fr minmax(230px,.58fr);gap:28px}
}

@media (max-width:1080px){
  :root{--cc-gutter:36px;--cc-section:92px}
  .ccf-nav{display:none}.ccf-nav-actions{margin-left:auto}.ccf-nav-actions .ccf-login{display:none}.ccf-menu-btn{display:grid}
  .ccf-hero{padding-top:calc(var(--cc-header) + 58px)}
  .ccf-hero-layout{grid-template-columns:1fr;gap:56px}.ccf-hero-copy{max-width:850px}.ccf-hero-copy h1{font-size:clamp(58px,8vw,80px);max-width:850px}.ccf-lead{max-width:770px}
  .ccf-product-stage{max-width:930px;width:100%;margin-inline:auto}.ccf-app-window{transform:none}
  .ccf-client-row{grid-template-columns:repeat(5,minmax(180px,1fr));overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.ccf-client-logo{scroll-snap-align:start}
  .ccf-problem-layout,.ccf-reporting-layout,.ccf-trust-details-layout,.ccf-about-layout,.ccf-faq-layout{grid-template-columns:1fr;gap:50px}.ccf-problem-copy,.ccf-reporting-copy{max-width:850px}
  .ccf-solutions-layout{grid-template-columns:1fr;gap:38px}.ccf-solutions .ccf-section-heading,.ccf-faq .ccf-section-heading{position:static}
  .ccf-showcase-body{grid-template-columns:1fr}.ccf-showcase-copy{min-height:auto;padding:22px 8px 16px}.ccf-product-panel-copy h3{font-size:32px}.ccf-product-panel-copy ul{grid-template-columns:repeat(3,1fr)}
  .ccf-benefit{grid-template-columns:52px 1fr;gap:24px}.ccf-benefit>div:last-child{grid-column:2;max-width:560px}.ccf-feature-grid{grid-template-columns:repeat(2,1fr)}
  .ccf-demo-card{grid-template-columns:1fr;gap:50px}.ccf-demo-copy{max-width:850px}.ccf-demo-form-wrap{max-width:760px;width:100%}
  .ccf-footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:38px}.ccf-footer-grid>div:last-child{grid-column:2/4}
}

@media (max-width:782px){.admin-bar .ccf-header{top:46px}.admin-bar .ccf-mobile-menu{top:46px}}

@media (max-width:800px){
  :root{--cc-gutter:28px;--cc-section:78px;--cc-header:78px}
  .ccf-header.is-scrolled{height:70px}.ccf-brand img{width:205px;max-height:54px}.ccf-nav-actions{display:none}
  .ccf-hero{padding-top:calc(var(--cc-header) + 46px);padding-bottom:64px}.ccf-hero-copy h1{font-size:clamp(48px,11vw,66px);line-height:.96}.ccf-lead{font-size:17px}.ccf-hero-proof{gap:11px 16px}
  .ccf-stage-label{align-items:flex-start;flex-direction:column;gap:7px}
  .ccf-app-window{grid-template-columns:1fr;min-height:0}.ccf-app-sidebar{display:none}.ccf-app-main{padding:15px}.ccf-kpi-grid{grid-template-columns:1fr 1fr}.ccf-kpi:last-child{grid-column:1/-1}.ccf-app-dashboard-grid{grid-template-columns:1fr}.ccf-activity-panel{display:none}.ccf-line-chart{height:200px}.ccf-float-note{display:none}
  .ccf-trust-head{align-items:flex-start;flex-direction:column;gap:7px}.ccf-client-row{grid-template-columns:repeat(5,minmax(160px,1fr))}.ccf-client-logo{min-height:100px}
  .ccf-before-after{grid-template-columns:1fr;gap:18px}.ccf-connector{height:28px}.ccf-connector span{height:1px;width:90px}.ccf-connector svg{transform:rotate(90deg)}.ccf-messy-side,.ccf-connected-side{min-height:310px}
  .ccf-showcase{padding:14px}.ccf-showcase-screen{min-height:500px}.ccf-product-screen{padding:18px;min-height:458px}.ccf-screen-kpis{grid-template-columns:1fr 1fr}.ccf-overview-grid{grid-template-columns:1fr}.ccf-mini-chart svg{height:200px}.ccf-mini-list{display:none}.ccf-product-panel-copy ul{grid-template-columns:1fr}.ccf-data-table{overflow:auto}.ccf-data-table>div{min-width:600px}.ccf-report-list{grid-template-columns:1fr}.ccf-inventory-cards{grid-template-columns:1fr 1fr}
  .ccf-benefit{grid-template-columns:42px 1fr;gap:16px}.ccf-benefit>div:last-child{grid-column:1/-1;margin-left:58px}.ccf-benefit h3{font-size:24px}
  .ccf-feature-grid{grid-template-columns:1fr}.ccf-feature{min-height:0}.ccf-solution h3{font-size:25px}
  .ccf-steps{grid-template-columns:1fr}.ccf-step{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:0;display:grid;grid-template-columns:52px 1fr;gap:12px}.ccf-step:last-child{border-bottom:0}.ccf-step>span{margin-bottom:0}
  .ccf-reporting-screen{padding:20px}.ccf-report-summary{grid-template-columns:1fr}.ccf-report-bars>div{grid-template-columns:58px 1fr 64px}
  .ccf-story-stage{padding:38px 28px 90px}.ccf-story blockquote{font-size:clamp(23px,6vw,33px)}.ccf-story-controls{left:28px;right:auto}
  .ccf-contact-list{grid-template-columns:1fr}.ccf-form-row{grid-template-columns:1fr}
  .ccf-footer-grid{grid-template-columns:1fr 1fr;gap:34px}.ccf-footer-grid>div:last-child{grid-column:auto}.ccf-footer-brand{grid-column:1/-1}.ccf-footer-bottom .ccf-shell{align-items:flex-start;flex-direction:column;gap:5px}
}

@media (max-width:520px){
  :root{--cc-gutter:22px;--cc-section:66px}
  .ccf-brand img{width:178px;max-height:48px}.ccf-menu-btn{width:42px;height:42px}
  .ccf-kicker{font-size:10px;line-height:1.35}.ccf-hero-copy h1{font-size:clamp(43px,13vw,57px)}.ccf-lead{font-size:16px;line-height:1.67}.ccf-hero-actions{display:grid}.ccf-btn{width:100%}.ccf-hero-proof{display:grid;gap:9px}
  .ccf-kpi-grid{grid-template-columns:1fr}.ccf-kpi:last-child{grid-column:auto}.ccf-line-chart{height:170px}.ccf-app-topbar strong{font-size:15px}
  .ccf-section-heading h2,.ccf-problem-copy h2,.ccf-reporting-copy h2,.ccf-trust-statement h2,.ccf-about-copy h2,.ccf-demo-copy h2{font-size:clamp(34px,10vw,45px)}.ccf-section-heading>p,.ccf-problem-copy>p,.ccf-reporting-copy>p,.ccf-trust-statement>p,.ccf-about-copy>p,.ccf-demo-copy>p{font-size:16px}
  .ccf-messy-side{min-height:300px}.ccf-paper{width:135px}.ccf-paper.p1{left:12px}.ccf-paper.p2{right:10px}.ccf-paper.p3{left:18px}.ccf-paper.p4{right:12px}
  .ccf-showcase{margin-inline:-5px}.ccf-tabs{margin-inline:-2px}.ccf-product-panel-copy h3{font-size:28px}.ccf-showcase-screen{margin-inline:-7px}.ccf-product-screen{padding:14px}.ccf-screen-kpis{gap:6px}.ccf-screen-kpis>div{padding:10px}.ccf-screen-kpis b{font-size:14px}.ccf-mini-chart{padding:10px}.ccf-mini-chart svg{height:165px}.ccf-data-table>div{min-width:540px}.ccf-inventory-cards{gap:6px}.ccf-inventory-cards>div{padding:10px}.ccf-two-kpi{grid-template-columns:1fr}
  .ccf-benefit{grid-template-columns:1fr;padding:28px 0}.ccf-benefit>span{margin-bottom:-10px}.ccf-benefit>div:last-child{grid-column:auto;margin-left:0}.ccf-flow-visual{gap:4px}.ccf-flow-visual i{width:27px;height:27px}
  .ccf-step{padding:26px 8px;grid-template-columns:44px 1fr}.ccf-step h3{font-size:24px}
  .ccf-reporting-screen{padding:15px;margin-inline:-4px}.ccf-report-bars>div{grid-template-columns:55px 1fr}.ccf-report-bars b{grid-column:2;text-align:left;margin-top:-7px}.ccf-report-note{display:grid}
  .ccf-trust-point{grid-template-columns:42px 1fr}.ccf-story-stage{padding:30px 20px 82px}.ccf-quote-mark{font-size:64px}.ccf-resource{padding:26px}.ccf-resource h3{font-size:24px}
  .ccf-demo{padding:66px 0}.ccf-demo-form-wrap{padding:21px;margin-inline:-5px}.ccf-contact-list strong{font-size:10.5px}.ccf-footer-grid{grid-template-columns:1fr}.ccf-footer-brand{grid-column:auto}.ccf-footer-main{padding:54px 0 46px}.ccf-footer-brand img{width:220px}
}

@media (max-width:360px){
  :root{--cc-gutter:18px}.ccf-brand img{width:164px}.ccf-hero-copy h1{font-size:42px}.ccf-showcase{padding:11px}.ccf-screen-chrome b{display:none}.ccf-product-screen{padding:12px}.ccf-app-main{padding:12px}.ccf-kpi{padding:12px}.ccf-reporting-screen{margin-inline:-3px}.ccf-demo-form-wrap{margin-inline:0}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.ccf-site *,.ccf-site *:before,.ccf-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .ccf-reveal{opacity:1!important;transform:none!important}
}

.ccf-demo .ccf-light-link{color:#dbe8f0}.ccf-demo .ccf-light-link:hover{color:var(--cc-yellow)}
\n\n/* Approved moving customer strip — V10.1 */\n.ccf-trust{overflow:hidden;padding:46px 0 48px}\n.ccf-trust-head{align-items:flex-end;margin-bottom:24px}\n.ccf-trust-head>div{display:grid;gap:8px}\n.ccf-trust-head>div>span{font-size:11px;color:#7a8b98;text-transform:uppercase;letter-spacing:.09em;font-weight:800}\n.ccf-trust-head>div>strong{font-size:20px;color:var(--cc-blue-950);letter-spacing:-.026em}\n.ccf-marquee-toggle{appearance:none;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue-950);min-height:38px;padding:0 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap;transition:.2s var(--cc-ease)}\n.ccf-marquee-toggle:hover{border-color:color-mix(in srgb,var(--cc-blue) 28%,var(--cc-line));box-shadow:var(--cc-shadow-sm);transform:translateY(-1px)}\n.ccf-marquee-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--cc-yellow) 42%,transparent);outline-offset:3px}\n.ccf-client-marquee-shell{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:6px 0 10px;contain:layout paint;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%)}\n.ccf-client-marquee-track{display:flex;width:max-content;gap:12px;will-change:transform;animation:ccf-client-scroll 30s linear infinite}\n.ccf-client-marquee-group{display:flex;gap:12px;flex-shrink:0}\n.ccf-client-logo{width:276px;min-width:276px;min-height:122px;background:#fff;border:1px solid var(--cc-line);display:grid;grid-template-rows:68px auto;align-items:center;justify-items:center;gap:7px;padding:17px 20px 14px;border-radius:10px;box-shadow:0 8px 30px rgba(9,41,63,.035);transition:transform .2s var(--cc-ease),border-color .2s var(--cc-ease),box-shadow .2s var(--cc-ease)}\n.ccf-client-logo:hover{border-color:color-mix(in srgb,var(--cc-blue) 27%,var(--cc-line));box-shadow:0 15px 34px rgba(9,41,63,.075);transform:translateY(-3px)}\n.ccf-client-logo-box{height:64px;width:100%;display:grid;place-items:center}\n.ccf-client-logo img{max-width:148px;max-height:54px;width:auto;height:auto;object-fit:contain;filter:saturate(.82);transition:filter .2s var(--cc-ease),transform .2s var(--cc-ease)}\n.ccf-client-logo:hover img{filter:none;transform:scale(1.015)}\n.ccf-client-name{font-size:10.5px;color:#6f808c;text-align:center;line-height:1.28;max-width:220px}\n.ccf-client-marquee-shell:hover .ccf-client-marquee-track,.ccf-client-marquee-shell:focus-within .ccf-client-marquee-track,.ccf-client-marquee-shell.is-paused .ccf-client-marquee-track{animation-play-state:paused}\n@keyframes ccf-client-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 6px),0,0)}}\n\n@media(max-width:800px){\n  .ccf-trust{padding:38px 0 42px}\n  .ccf-trust-head{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:20px}\n  .ccf-trust-head>div>strong{font-size:18px}\n  .ccf-client-marquee-shell{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}\n  .ccf-client-marquee-track,.ccf-client-marquee-group{gap:10px}\n  .ccf-client-marquee-track{animation-duration:24s}\n  .ccf-client-logo{width:226px;min-width:226px;min-height:108px;grid-template-rows:58px auto;padding:14px 15px 12px}\n  .ccf-client-logo-box{height:55px}.ccf-client-logo img{max-width:124px;max-height:47px}.ccf-client-name{font-size:10px;max-width:190px}\n  @keyframes ccf-client-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 5px),0,0)}}\n}\n@media(max-width:520px){\n  .ccf-trust{padding:34px 0 38px}\n  .ccf-marquee-toggle{min-height:36px;padding-inline:13px}\n  .ccf-client-logo{width:194px;min-width:194px;min-height:100px;grid-template-rows:52px auto;padding:12px 13px 11px}\n  .ccf-client-logo-box{height:49px}.ccf-client-logo img{max-width:106px;max-height:42px}.ccf-client-name{font-size:9.5px;max-width:166px}\n  .ccf-client-marquee-track{animation-duration:21s}\n}\n@media(prefers-reduced-motion:reduce){\n  .ccf-client-marquee-shell{overflow-x:auto;contain:none;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin;overscroll-behavior-inline:contain}\n  .ccf-client-marquee-track{animation:none}\n  .ccf-client-marquee-group[aria-hidden="true"]{display:none}\n  .ccf-marquee-toggle{display:none}\n  .ccf-client-logo{transition:none}\n}\n

/* =========================================================
   MOTION STUDY — inspired by premium editorial SaaS motion:
   restrained, scroll-led, responsive, reduced-motion aware.
   ========================================================= */

:root{
  --cc-motion-fast:180ms;
  --cc-motion-base:420ms;
  --cc-motion-slow:760ms;
  --cc-motion-ease:cubic-bezier(.22,1,.36,1);
  --cc-motion-soft:cubic-bezier(.16,1,.3,1);
}

/* page progress */
.ccf-motion-progress{
  position:fixed;left:0;top:0;z-index:2001;height:2px;width:100%;
  pointer-events:none;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--cc-blue),var(--cc-yellow));
  box-shadow:0 1px 12px color-mix(in srgb,var(--cc-yellow) 30%,transparent);
}

/* navbar motion */
.ccf-header{will-change:height,background,box-shadow}
.ccf-nav a{position:relative}
.ccf-nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;
  background:var(--cc-yellow);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--cc-motion-ease)
}
.ccf-nav a:hover:after,.ccf-nav a.is-current:after{transform:scaleX(1)}

/* buttons */
.ccf-btn{
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .28s var(--cc-motion-ease),box-shadow .28s var(--cc-motion-ease),
             border-color .28s var(--cc-motion-ease),color .28s var(--cc-motion-ease),
             background .28s var(--cc-motion-ease)
}
.ccf-btn:before{
  content:"";position:absolute;inset:-1px;z-index:-1;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 76%);
  transform:translateX(-130%);transition:transform .7s var(--cc-motion-ease)
}
.ccf-btn:hover:before{transform:translateX(130%)}
.ccf-btn:hover{transform:translateY(-3px)}
.ccf-btn:active{transform:translateY(0) scale(.985)}
.ccf-btn svg{transition:transform .3s var(--cc-motion-ease)}
.ccf-btn:hover svg{transform:translateX(5px)}

/* hero entrance */
.js .ccf-hero-copy .ccf-kicker,
.js .ccf-hero-copy h1,
.js .ccf-hero-copy .ccf-lead,
.js .ccf-hero-actions,
.js .ccf-hero-proof{
  opacity:0;transform:translateY(22px);clip-path:inset(0 0 18% 0);
}
html.ccf-motion-ready .ccf-hero-copy .ccf-kicker{animation:ccfHeroIn .72s .08s var(--cc-motion-ease) forwards}
html.ccf-motion-ready .ccf-hero-copy h1{animation:ccfHeroIn .86s .16s var(--cc-motion-ease) forwards}
html.ccf-motion-ready .ccf-hero-copy .ccf-lead{animation:ccfHeroIn .72s .31s var(--cc-motion-ease) forwards}
html.ccf-motion-ready .ccf-hero-actions{animation:ccfHeroIn .66s .42s var(--cc-motion-ease) forwards}
html.ccf-motion-ready .ccf-hero-proof{animation:ccfHeroIn .66s .50s var(--cc-motion-ease) forwards}
@keyframes ccfHeroIn{
  to{opacity:1;transform:none;clip-path:inset(0)}
}

/* hero dashboard: entrance + pointer parallax only, not endless floating */
.ccf-product-stage{
  transform-style:preserve-3d;will-change:transform;
  transition:transform .65s var(--cc-motion-ease)
}
html.ccf-motion-ready .ccf-product-stage{
  animation:ccfStageIn .95s .22s var(--cc-motion-ease) both
}
@keyframes ccfStageIn{
  from{opacity:0;transform:perspective(1400px) translateY(34px) rotateX(3deg) rotateY(-5deg) scale(.97)}
  to{opacity:1;transform:perspective(1400px) translateY(0) rotateX(0) rotateY(0) scale(1)}
}
.ccf-app-window{
  transition:box-shadow .5s var(--cc-motion-ease),transform .5s var(--cc-motion-ease);
  box-shadow:0 24px 70px rgba(9,41,63,.14),0 2px 0 rgba(255,255,255,.75) inset
}
.ccf-product-stage:hover .ccf-app-window{box-shadow:0 34px 90px rgba(9,41,63,.18)}

/* chart draw */
html.ccf-motion-ready .ccf-line-chart .line{
  stroke-dasharray:900;stroke-dashoffset:900;
  animation:ccfDrawLine 1.45s .72s var(--cc-motion-ease) forwards
}
html.ccf-motion-ready .ccf-line-chart .area{
  opacity:0;animation:ccfAreaIn .8s 1.15s ease forwards
}
html.ccf-motion-ready .ccf-line-chart .dots circle{
  transform-box:fill-box;transform-origin:center;transform:scale(0);
  animation:ccfDotIn .35s var(--cc-motion-ease) forwards
}
html.ccf-motion-ready .ccf-line-chart .dots circle:nth-child(1){animation-delay:1.18s}
html.ccf-motion-ready .ccf-line-chart .dots circle:nth-child(2){animation-delay:1.30s}
html.ccf-motion-ready .ccf-line-chart .dots circle:nth-child(3){animation-delay:1.42s}
html.ccf-motion-ready .ccf-line-chart .dots circle:nth-child(4){animation-delay:1.54s}
html.ccf-motion-ready .ccf-line-chart .dots circle:nth-child(5){animation-delay:1.66s}
@keyframes ccfDrawLine{to{stroke-dashoffset:0}}
@keyframes ccfAreaIn{to{opacity:1}}
@keyframes ccfDotIn{to{transform:scale(1)}}

/* floating notes settle rather than bob forever */
.ccf-float-note{animation:none!important;transition:transform .5s var(--cc-motion-ease),box-shadow .35s var(--cc-motion-ease)}
.ccf-product-stage:hover .ccf-note-one{transform:translate3d(-5px,-6px,24px)}
.ccf-product-stage:hover .ccf-note-two{transform:translate3d(5px,5px,18px)}

/* premium reveal system: clip + distance + blur */
.js .ccf-reveal{
  opacity:0;transform:translateY(28px);filter:blur(5px);
  clip-path:inset(0 0 12% 0);
  transition:
    opacity .68s var(--cc-motion-ease),
    transform .78s var(--cc-motion-ease),
    filter .68s ease,
    clip-path .78s var(--cc-motion-ease)
}
.js .ccf-reveal.is-visible{
  opacity:1;transform:none;filter:none;clip-path:inset(0)
}

/* section heading line motion */
.ccf-section-heading h2,
.ccf-trust-statement h2,
.ccf-about-copy h2,
.ccf-demo-copy h2{
  transition:letter-spacing .5s var(--cc-motion-ease)
}
.ccf-reveal.is-visible h2{letter-spacing:-.045em}

/* feature/card hover polish */
.ccf-feature,
.ccf-solution,
.ccf-trust-point,
.ccf-client-logo,
.ccf-faq-item,
.ccf-resource{
  transition:
    transform .32s var(--cc-motion-ease),
    box-shadow .32s var(--cc-motion-ease),
    border-color .32s var(--cc-motion-ease),
    background-color .32s ease
}
.ccf-feature:hover,
.ccf-solution:hover,
.ccf-trust-point:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 48px rgba(9,41,63,.08)
}

/* product tabs + content transition */
.ccf-tabs button{
  position:relative;transition:color .25s var(--cc-motion-ease),background .25s var(--cc-motion-ease),
  transform .25s var(--cc-motion-ease)
}
.ccf-tabs button:hover{transform:translateY(-2px)}
.ccf-product-screen.is-active,
.ccf-product-panel-copy.is-active{
  animation:ccfPanelIn .46s var(--cc-motion-ease) both
}
@keyframes ccfPanelIn{
  from{opacity:0;transform:translateY(12px) scale(.992);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}

/* product screen subtle internal stagger */
.ccf-product-screen.is-active > *{
  animation:ccfInnerIn .42s var(--cc-motion-ease) both
}
.ccf-product-screen.is-active > *:nth-child(2){animation-delay:.05s}
.ccf-product-screen.is-active > *:nth-child(3){animation-delay:.10s}
@keyframes ccfInnerIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

/* benefit rows sweep in from alternating sides */
.ccf-benefit:nth-child(odd).ccf-reveal{transform:translateX(-30px)}
.ccf-benefit:nth-child(even).ccf-reveal{transform:translateX(30px)}
.ccf-benefit.ccf-reveal.is-visible{transform:none}
.ccf-benefit:after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--cc-yellow);
  transition:width .7s .12s var(--cc-motion-ease)
}
.ccf-benefit.is-visible:after{width:100%}

/* visual bars/charts scale from baseline */
.ccf-benefit-visual i,
.ccf-report-bars i,
.ccf-mini-chart rect{
  transform-origin:center bottom
}
.ccf-reveal:not(.is-visible) .ccf-benefit-visual i,
.ccf-reveal:not(.is-visible) .ccf-report-bars i{transform:scaleY(.12);opacity:.45}
.ccf-reveal.is-visible .ccf-benefit-visual i,
.ccf-reveal.is-visible .ccf-report-bars i{
  transform:scaleY(1);opacity:1;transition:transform .9s var(--cc-motion-ease),opacity .4s ease
}

/* testimonial story slide */
.ccf-story.is-active{animation:ccfStoryIn .55s var(--cc-motion-ease) both}
@keyframes ccfStoryIn{
  from{opacity:0;transform:translateX(18px);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
.ccf-story-controls button{
  transition:transform .25s var(--cc-motion-ease),background .25s ease,border-color .25s ease
}
.ccf-story-controls button:hover{transform:translateY(-2px) scale(1.04)}

/* FAQ: animate open answer */
.ccf-faq-answer{overflow:hidden}
.ccf-faq-item button svg{transition:transform .32s var(--cc-motion-ease)}
.ccf-faq-item button[aria-expanded="true"] svg{transform:rotate(45deg)}
.ccf-faq-item:has(button[aria-expanded="true"]){border-color:color-mix(in srgb,var(--cc-blue) 26%,var(--cc-line));background:#fff}

/* form controls */
.ccf-field input,.ccf-field textarea{
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s var(--cc-motion-ease)
}
.ccf-field input:focus,.ccf-field textarea:focus{
  transform:translateY(-1px);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cc-yellow) 16%,transparent)
}

/* moving client strip */
.ccf-trust{overflow:hidden;padding:46px 0 48px}
.ccf-trust-head{align-items:flex-end;margin-bottom:24px}
.ccf-trust-head>div{display:grid;gap:8px}
.ccf-trust-head>div>span{font-size:11px;color:#7a8b98;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.ccf-trust-head>div>strong{font-size:20px;color:var(--cc-blue-950);letter-spacing:-.026em}
.ccf-marquee-toggle{
  appearance:none;border:1px solid var(--cc-line);background:#fff;color:var(--cc-blue-950);
  min-height:38px;padding:0 14px;border-radius:999px;font-size:11px;font-weight:800;
  transition:.2s var(--cc-motion-ease)
}
.ccf-marquee-toggle:hover{transform:translateY(-1px);box-shadow:var(--cc-shadow-sm)}
.ccf-client-marquee-shell{
  position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:6px 0 10px;
  contain:layout paint;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4.5%,#000 95.5%,transparent 100%)
}
.ccf-client-marquee-track{
  display:flex;width:max-content;gap:12px;will-change:transform;
  animation:ccfClientScroll 30s linear infinite
}
.ccf-client-marquee-group{display:flex;gap:12px;flex-shrink:0}
.ccf-client-logo{
  width:276px;min-width:276px;min-height:122px;background:#fff;border:1px solid var(--cc-line);
  display:grid;grid-template-rows:68px auto;align-items:center;justify-items:center;gap:7px;
  padding:17px 20px 14px;border-radius:10px;box-shadow:0 8px 30px rgba(9,41,63,.035)
}
.ccf-client-logo:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(9,41,63,.075)}
.ccf-client-logo-box{height:64px;width:100%;display:grid;place-items:center}
.ccf-client-logo img{
  max-width:148px;max-height:54px;width:auto;height:auto;object-fit:contain;filter:saturate(.82);
  transition:filter .2s var(--cc-motion-ease),transform .2s var(--cc-motion-ease)
}
.ccf-client-logo:hover img{filter:none;transform:scale(1.015)}
.ccf-client-name{font-size:10.5px;color:#6f808c;text-align:center;line-height:1.28;max-width:220px}
.ccf-client-marquee-shell:hover .ccf-client-marquee-track,
.ccf-client-marquee-shell:focus-within .ccf-client-marquee-track,
.ccf-client-marquee-shell.is-paused .ccf-client-marquee-track{animation-play-state:paused}
@keyframes ccfClientScroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 6px),0,0)}
}

/* CTA background motion, subtle and slow */
.ccf-demo-card{position:relative;overflow:hidden}
.ccf-demo-card:before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  right:-170px;top:-190px;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--cc-yellow) 18%,transparent),transparent 68%);
  transform:translate3d(0,0,0);
  animation:ccfHalo 8s ease-in-out infinite alternate
}
@keyframes ccfHalo{to{transform:translate3d(-26px,24px,0) scale(1.08)}}

/* footer link micro motion */
.ccf-footer a{transition:color .22s ease,transform .22s var(--cc-motion-ease)}
.ccf-footer a:hover{color:var(--cc-blue);transform:translateX(2px)}

/* responsive motion restraint */
@media(max-width:800px){
  .ccf-client-marquee-track{animation-duration:24s}
  .ccf-client-logo{width:226px;min-width:226px;min-height:108px;grid-template-rows:58px auto;padding:14px 15px 12px}
  .ccf-client-logo-box{height:55px}
  .ccf-client-logo img{max-width:124px;max-height:47px}
  .ccf-client-name{font-size:10px;max-width:190px}
  .ccf-benefit:nth-child(odd).ccf-reveal,
  .ccf-benefit:nth-child(even).ccf-reveal{transform:translateY(22px)}
  .ccf-benefit.ccf-reveal.is-visible{transform:none}
  .ccf-product-stage{transform:none!important}
}
@media(max-width:520px){
  .ccf-client-logo{width:194px;min-width:194px;min-height:100px;grid-template-rows:52px auto;padding:12px 13px 11px}
  .ccf-client-logo-box{height:49px}
  .ccf-client-logo img{max-width:106px;max-height:42px}
  .ccf-client-name{font-size:9.5px;max-width:166px}
  .ccf-client-marquee-track{animation-duration:21s}
}

/* reduced motion: keep the site functional and calm */
@media(prefers-reduced-motion:reduce){
  .ccf-motion-progress{display:none}
  html.ccf-motion-ready .ccf-hero-copy .ccf-kicker,
  html.ccf-motion-ready .ccf-hero-copy h1,
  html.ccf-motion-ready .ccf-hero-copy .ccf-lead,
  html.ccf-motion-ready .ccf-hero-actions,
  html.ccf-motion-ready .ccf-hero-proof,
  html.ccf-motion-ready .ccf-product-stage,
  html.ccf-motion-ready .ccf-line-chart .line,
  html.ccf-motion-ready .ccf-line-chart .area,
  html.ccf-motion-ready .ccf-line-chart .dots circle,
  .ccf-demo-card:before{
    animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important
  }
  .ccf-client-marquee-shell{
    overflow-x:auto;contain:none;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin
  }
  .ccf-client-marquee-track{animation:none}
  .ccf-client-marquee-group[aria-hidden="true"]{display:none}
  .ccf-marquee-toggle{display:none}
}

/* =========================================================
   HERO POSITION + MOTION FIX
   ========================================================= */

/* Better first-screen composition */
.ccf-hero{
  padding-top:calc(var(--cc-header) + 52px);
  padding-bottom:94px;
}
.ccf-hero-layout{
  align-items:start;
}
.ccf-hero-copy{
  padding-top:32px;
}
.ccf-product-stage{
  margin-top:0;
}

/* Explicit animation properties fix the hidden hero-copy bug */
html.ccf-motion-ready .ccf-hero-copy .ccf-kicker{
  animation-name:ccfHeroIn;
  animation-duration:.72s;
  animation-delay:.08s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-hero-copy h1{
  animation-name:ccfHeroIn;
  animation-duration:.86s;
  animation-delay:.16s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-hero-copy .ccf-lead{
  animation-name:ccfHeroIn;
  animation-duration:.72s;
  animation-delay:.31s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-hero-actions{
  animation-name:ccfHeroIn;
  animation-duration:.66s;
  animation-delay:.42s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-hero-proof{
  animation-name:ccfHeroIn;
  animation-duration:.66s;
  animation-delay:.50s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}

/* Explicit dashboard entrance */
html.ccf-motion-ready .ccf-product-stage{
  animation-name:ccfStageIn;
  animation-duration:.95s;
  animation-delay:.22s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:both;
}

/* Explicit chart animation */
html.ccf-motion-ready .ccf-line-chart .line{
  animation-name:ccfDrawLine;
  animation-duration:1.45s;
  animation-delay:.72s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-line-chart .area{
  animation-name:ccfAreaIn;
  animation-duration:.8s;
  animation-delay:1.15s;
  animation-timing-function:ease;
  animation-fill-mode:forwards;
}
html.ccf-motion-ready .ccf-line-chart .dots circle{
  animation-name:ccfDotIn;
  animation-duration:.35s;
  animation-timing-function:var(--cc-motion-ease);
  animation-fill-mode:forwards;
}

/* Keep the top composition deliberate on intermediate screens */
@media (max-width:1280px){
  .ccf-hero{
    padding-top:calc(var(--cc-header) + 44px);
    padding-bottom:82px;
  }
  .ccf-hero-copy{padding-top:24px}
}

@media (max-width:1080px){
  .ccf-hero{
    padding-top:calc(var(--cc-header) + 42px);
  }
  .ccf-hero-layout{
    align-items:stretch;
  }
  .ccf-hero-copy{
    padding-top:0;
    max-width:850px;
  }
  .ccf-product-stage{
    margin-top:4px;
  }
}

@media (max-width:800px){
  .ccf-hero{
    padding-top:calc(var(--cc-header) + 36px);
    padding-bottom:60px;
  }
  .ccf-hero-layout{
    gap:44px;
  }
  .ccf-product-stage{
    margin-top:0;
  }
}

@media (max-width:520px){
  .ccf-hero{
    padding-top:calc(var(--cc-header) + 28px);
    padding-bottom:54px;
  }
  .ccf-hero-layout{
    gap:36px;
  }
}

/* =========================================================
   LIVE-READY QA FIXES
   ========================================================= */
@media (max-width:1080px) and (min-width:801px){
  .ccf-menu-btn{margin-left:0}
  .ccf-nav-actions{margin-left:auto}
}
@media (max-width:800px){
  .ccf-tabs button{min-height:44px}
  .ccf-story-controls button{width:44px;height:44px}
  .ccf-marquee-toggle{min-height:44px}
  .ccf-footer-grid a{display:inline-flex;align-items:center;min-height:40px}
}
/* Slightly improve legibility of the smallest product-UI labels without changing layout. */
.ccf-data-table.inventory .badge,.ccf-data-table.compact .badge{font-size:8.5px}
.ccf-data-table .head,.ccf-screen-title>span,.ccf-report-header>span{font-size:8.5px}
.ccf-chart-axis,.ccf-activity span,.ccf-screen-kpis span,.ccf-inventory-cards small,.ccf-two-kpi small{font-size:8.5px}

/* If animation initialization is unavailable, the page remains fully readable. */
html:not(.js) .ccf-reveal{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}