body.cg-demo-creative{margin:0;background:#fff;color:#010c45;font:500 14px/1.85 "Montserrat",Arial,sans-serif;--demo-orange:#f27421;--demo-line:#d9e0e9;--demo-muted:#66728a}
.cg-demo-creative *,.cg-demo-creative *:before,.cg-demo-creative *:after{box-sizing:border-box}
.cg-demo-creative .cg-page-shell{overflow:clip;background:#fff}
.cg-demo-creative .cg-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.cg-demo-creative main :is(h1,h2,h3,p){margin:0;letter-spacing:0}
.cg-demo-creative main a{color:inherit;text-decoration:none}
.cg-demo-creative main button{font-family:inherit;cursor:pointer}
.cg-demo-creative main svg{width:20px;height:20px;flex:none}
.cg-demo-creative main :is(a,button,[tabindex]):focus-visible{outline:3px solid #14b1e6;outline-offset:4px}
.cg-demo-creative main [hidden]{display:none!important}
.cg-demo-creative .cg-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:999px;background:var(--demo-orange);color:#fff;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}
.cg-demo-creative .cg-btn:hover{background:#da601b;transform:translateY(-2px)}
.cg-demo-creative .cg-btn--outline{background:transparent;border-color:#ffffff90}
.cg-demo-creative .cg-btn--outline:hover{background:#ffffff16;border-color:#fff}
.cg-demo-creative .cg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
html:root body.cg-demo-creative main .cg-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px!important;font-weight:600!important;line-height:1.5!important;color:#ffb280;text-transform:uppercase;margin:0 0 22px}
.cg-demo-creative .cg-eyebrow:before{content:"";width:5px;height:5px;background:currentColor;flex:none}
.cg-demo-creative .cg-demo-hero{position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100svh;overflow:hidden;border-radius:0 0 44px 44px;background:#010c45;color:#fff}
.cg-demo-creative .demo-hero-photo{position:absolute;z-index:-3;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:65% center;transform:translateY(var(--demo-photo-y,0px));will-change:transform}
.cg-demo-creative .cg-demo-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#010c45e0,#010c4570 40%,#010c4510 72%,transparent),linear-gradient(0deg,#010c45d4,transparent 38%);pointer-events:none}
.cg-demo-creative .demo-hero-inner{display:flex;flex-direction:column;padding:164px 0 36px}
.cg-demo-creative .cg-hero-breadcrumb{display:flex;align-items:center;gap:10px;color:#d5dfed;font-size:12px;margin-bottom:68px}
.cg-demo-creative .cg-hero-breadcrumb svg{width:14px;height:14px;opacity:.65}
.cg-demo-creative .cg-hero-breadcrumb span{color:#fff}
.cg-demo-creative .demo-hero-copy{max-width:670px;margin-bottom:72px}
.cg-demo-creative .demo-hero-copy h1{max-width:580px}
html:root body.cg-demo-creative main .demo-hero-copy>p:not(.cg-eyebrow){font-size:16px!important;line-height:1.85!important;max-width:510px;margin-top:26px;color:#e1e8f3}
.cg-demo-creative .demo-hero-bottom{display:flex;gap:32px;align-items:center;margin-top:auto;border-top:1px solid #ffffff55;padding-top:26px}
.cg-demo-creative .demo-hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:0}
.cg-demo-creative .demo-hero-strip>a{display:flex;align-items:center;gap:16px;border-inline-start:1px solid #ffffff35;padding:4px 28px;font-size:12px;font-weight:600;line-height:1.7}
.cg-demo-creative .demo-hero-strip>a:first-child{border:0;padding-inline-start:0}
.cg-demo-creative .demo-hero-strip svg{color:#8bddf9;width:22px;height:22px;transition:transform .2s}
.cg-demo-creative .demo-hero-strip>a:hover svg{transform:translateY(-3px)}
.cg-demo-creative .demo-motion{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff;padding:0;flex:none}
.cg-demo-creative .demo-motion svg{width:14px;height:14px}
.cg-demo-creative .demo-motion:disabled{opacity:.45;cursor:default}
.cg-demo-creative .cg-section{padding:88px 0;scroll-margin-top:110px}
.cg-demo-creative .cg-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:48px}
.cg-demo-creative .cg-section-head>p{color:var(--demo-muted);max-width:470px}
.cg-demo-creative .cg-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid #010c45}
.cg-demo-creative .cg-benefit-card{position:relative;min-width:0;padding:30px 0 0;transition:transform .25s}
.cg-demo-creative .cg-benefit-card:hover{transform:translateY(-4px)}
.cg-demo-creative .demo-benefit-icon{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;color:var(--demo-orange)}
.cg-demo-creative .demo-benefit-icon svg{width:28px;height:28px}
.cg-demo-creative .demo-benefit-icon bdi{color:#8190a5;font-size:11px}
.cg-demo-creative .cg-benefit-card p{color:var(--demo-muted);margin-top:14px}
.cg-demo-creative .cg-feature-band{background:#010c45;color:#fff;overflow:hidden}
.cg-demo-creative .cg-feature-band .cg-section-head>p{color:#b9c7dd}
.cg-demo-creative .demo-platform-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:64px;align-items:start}
.cg-demo-creative .demo-feature-tabs{display:flex;flex-direction:column;border-top:1px solid #ffffff45}
.cg-demo-creative .demo-feature-tab{display:grid;grid-template-columns:20px 28px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:26px 16px;text-align:start;min-height:106px;background:none;color:#a8b9d1;border:0;border-bottom:1px solid #ffffff30;border-inline-start:2px solid transparent;transition:color .2s,background .2s}
.cg-demo-creative .demo-feature-tab>strong{font-size:17px;font-weight:600;line-height:1.5}
.cg-demo-creative .demo-feature-tab>bdi{font-size:10px;color:#8ea1bc}
.cg-demo-creative .demo-feature-tab>svg:first-of-type{color:#14b1e6;width:25px;height:25px}
.cg-demo-creative .demo-feature-tab>svg:last-of-type{width:16px;height:16px;color:#ffb280;opacity:0;transition:opacity .2s}
.cg-demo-creative .demo-feature-tab[aria-selected=true]{color:#fff;background:#ffffff09;border-inline-start-color:#f27421}
.cg-demo-creative .demo-feature-tab[aria-selected=true]>svg:last-of-type{opacity:1}
.cg-demo-creative .demo-platform-visual{min-width:0}
.cg-demo-creative .demo-visual-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#a8b9d1;border-bottom:1px solid #ffffff30;padding-bottom:16px}
.cg-demo-creative .demo-platform-visual>img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;height:auto}
.cg-demo-creative .demo-feature-panels{padding-top:24px;border-top:1px solid #ffffff30;min-height:145px}
.cg-demo-creative .demo-feature-panel+ .demo-feature-panel{margin-top:24px}
.cg-demo-creative main[data-ready] .demo-feature-panel{margin:0}
.cg-demo-creative .demo-feature-panel p{margin-top:12px;max-width:560px;color:#b9c7dd}
.cg-demo-creative .demo-text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;padding-block:8px;margin-top:16px}
.cg-demo-creative .demo-text-link svg{width:17px;height:17px;color:var(--demo-orange);transition:transform .2s}
.cg-demo-creative .demo-text-link:hover svg{transform:translate(2px,-2px)}
.cg-demo-creative #open-demo>.cg-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:start;gap:100px}
.cg-demo-creative #open-demo .cg-section-head{display:flex;flex-direction:column;align-items:start;gap:24px;margin:0}
.cg-demo-creative .cg-steps{border-top:2px solid #010c45;min-width:0}
.cg-demo-creative .cg-step{border-bottom:1px solid var(--demo-line)}
.cg-demo-creative .demo-step-button{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:24px;align-items:center;width:100%;padding:26px 0;color:#010c45;background:none;border:0;text-align:start}
html:root body.cg-demo-creative main .demo-step-button>span{font-size:21px;font-weight:600;line-height:1.5}
.cg-demo-creative .demo-step-button>bdi{font-size:11px;color:#f27421}
.cg-demo-creative .demo-step-button svg{width:18px;height:18px;color:#f27421}
.cg-demo-creative .demo-step-panel{padding:0 44px 28px 54px}
.cg-demo-creative .demo-step-panel p{color:var(--demo-muted)}
.cg-demo-creative .demo-step-panel>.demo-text-link{margin-inline-end:24px}
.cg-demo-creative .demo-final-section{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#010c45;padding:88px 0}
.cg-demo-creative .demo-final-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.cg-demo-creative .demo-final-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#010c45ed,#010c45ba 42%,#010c4540)}
.cg-demo-creative .demo-final-content h2{max-width:650px}
.cg-demo-creative .demo-final-content>p{max-width:510px;color:#d4deed;margin-top:22px}
.cg-demo-creative .reveal{transition:opacity .65s ease,transform .65s ease}
.cg-demo-creative.demo-motion-ready .reveal:not(.is-visible):not(:focus-within){opacity:0;transform:translateY(22px)}
.cg-demo-creative.demo-paused .reveal{transition:none}
.cg-demo-creative [data-no-translate]{direction:ltr;unicode-bidi:isolate}
.cg-demo-creative .cg-hero__header:not(.is-sticky-scrolled) .cg-hero__nav{background:#010c456b}
.cg-demo-creative .cg-hero__header:not(.is-sticky-scrolled) .cg-hero__login{background:#010c455c}
html[dir=rtl] .cg-demo-creative .demo-hero-inner{direction:ltr}
html[dir=rtl] .cg-demo-creative :is(.demo-hero-copy,.demo-hero-bottom,.cg-hero-breadcrumb){direction:rtl;text-align:right}
html[dir=rtl] .cg-demo-creative :is(.demo-hero-copy,.cg-hero-breadcrumb){align-self:flex-start}
html[dir=rtl] .cg-demo-creative .cg-hero-breadcrumb svg{transform:scaleX(-1)}
html[dir=rtl] .cg-demo-creative .demo-step-panel{padding:0 54px 28px 44px}
@media(min-width:981px) and (max-height:800px){.cg-demo-creative .demo-hero-inner{padding-top:124px}.cg-demo-creative .cg-hero-breadcrumb{margin-bottom:38px}.cg-demo-creative .demo-hero-copy{margin-bottom:48px}}
@media(max-width:1100px){.cg-demo-creative .cg-wrap{width:calc(100% - 64px)}.cg-demo-creative .cg-section-head{gap:50px}.cg-demo-creative .demo-platform-layout{gap:36px}.cg-demo-creative .cg-benefit-grid{gap:24px}.cg-demo-creative #open-demo>.cg-wrap{gap:50px}.cg-demo-creative .demo-feature-tab{gap:12px;padding-inline:12px}}
@media(max-width:980px){.cg-demo-creative .demo-hero-inner{padding-top:208px}.cg-demo-creative .cg-section-head{grid-template-columns:1fr;gap:24px}.cg-demo-creative .cg-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.cg-demo-creative .demo-platform-layout{grid-template-columns:1fr;gap:36px}.cg-demo-creative .demo-feature-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.cg-demo-creative .demo-platform-visual{max-width:760px;margin-inline:auto;width:100%}.cg-demo-creative #open-demo>.cg-wrap{grid-template-columns:1fr;gap:36px}}
@media(max-width:760px){.cg-demo-creative .cg-section{padding:64px 0;scroll-margin-top:220px}.cg-demo-creative .cg-section-head{margin-bottom:32px}.cg-demo-creative .demo-feature-tab{min-height:94px}.cg-demo-creative .demo-hero-strip>a{padding-inline:18px;gap:12px}.cg-demo-creative .demo-final-section{padding:64px 0}}
@media(max-width:600px){.cg-demo-creative .cg-wrap{width:calc(100% - 40px)}.cg-demo-creative .cg-demo-hero{border-radius:0 0 28px 28px}.cg-demo-creative .demo-hero-inner{padding:208px 0 28px}.cg-demo-creative .demo-hero-photo{object-position:78% center}.cg-demo-creative .cg-demo-hero:before{background:linear-gradient(90deg,#010c45bd,#010c4552),linear-gradient(0deg,#010c45e8,transparent 90%)}.cg-demo-creative .cg-hero-breadcrumb{margin-bottom:38px}.cg-demo-creative .demo-hero-copy{margin-bottom:40px}html:root body.cg-demo-creative main .demo-hero-copy>p:not(.cg-eyebrow){font-size:14px!important}.cg-demo-creative .cg-actions{margin-top:26px;gap:10px}.cg-demo-creative .cg-btn{padding-inline:20px;gap:12px}.cg-demo-creative .demo-hero-bottom{gap:16px}.cg-demo-creative .demo-hero-strip{gap:0}.cg-demo-creative .demo-hero-strip>a{flex-direction:column;align-items:start;font-size:10px;padding-inline:12px;gap:10px}.cg-demo-creative .demo-hero-strip svg{width:18px;height:18px}.cg-demo-creative .demo-motion{width:28px;height:28px}.cg-demo-creative .cg-benefit-grid{grid-template-columns:1fr;gap:0}.cg-demo-creative .cg-benefit-card{padding:26px 0;border-bottom:1px solid var(--demo-line)}.cg-demo-creative .cg-benefit-card:last-child{border:0}.cg-demo-creative .demo-benefit-icon{margin-bottom:18px}.cg-demo-creative .demo-feature-tabs{grid-template-columns:1fr;gap:0}.cg-demo-creative .demo-feature-tab{padding-inline:12px;grid-template-columns:20px 24px minmax(0,1fr) 16px;gap:14px;min-height:82px}.cg-demo-creative .demo-feature-tab>strong{font-size:16px}.cg-demo-creative .demo-visual-top{font-size:9px;gap:12px}.cg-demo-creative .demo-feature-panels{min-height:155px}.cg-demo-creative .demo-step-button{gap:16px;grid-template-columns:24px minmax(0,1fr) 18px}.cg-demo-creative .demo-step-panel{padding-inline:40px 0}.cg-demo-creative .demo-final-photo{object-position:78% center}html[dir=rtl] .cg-demo-creative .demo-step-panel{padding-inline:40px 0}}
@media(prefers-reduced-motion:reduce){html:has(body.cg-demo-creative){scroll-behavior:auto}.cg-demo-creative main *{transition:none!important;animation:none!important}.cg-demo-creative.demo-motion-ready .reveal{opacity:1!important;transform:none!important}.cg-demo-creative .demo-hero-photo{transform:none!important;will-change:auto}}
