.overview-screenshot{width:100%;border-radius:24px}.clion-overview-header-section{min-height:498px;padding-top:144px;padding-bottom:96px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='svg' width='1200' height='1200' viewBox='0 0 1200 1200'%3E %3Cdefs%3E %3ClinearGradient id='vortex-clion' color-interpolation='linearRGB' x1='0' y1='1' x2='0' y2='0'%3E %3Cstop stop-color='%23FF318C'/%3E %3Cstop offset='0.23' stop-color='%23A356C7'/%3E %3Cstop offset='0.56' stop-color='%23009AE5' stop-opacity='0.9'/%3E %3Cstop offset='1' stop-color='%2321D789' stop-opacity='0.7'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' values='0 0.5 0.5; -360 0.5 0.5;' dur='120s' repeatCount='indefinite'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg transform='translate(-10 230)'%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.24' transform='rotate(-439) scale(6.8)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.24' transform='rotate(-406) scale(6)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.32' transform='rotate(-373) scale(5.2)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.48' transform='rotate(-340) scale(4.44)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.64' transform='rotate(-307) scale(3.76)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.72' transform='rotate(-274) scale(3.18)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.8' transform='rotate(-241) scale(2.7)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.8' transform='rotate(-208) scale(2.29)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.88' transform='rotate(-175) scale(1.94)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='0.96' transform='rotate(-142) scale(1.64)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-109) scale(1.39)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-76) scale(1.18)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-43) scale(1)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3Crect x='748' y='363.5' width='120' height='120' rx='24' ry='24' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-10) scale(0.9)' transform-origin='805px 455.5px'%3E %3CanimateTransform values='0 3 -32;360 3 -32;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'%3E%3C/animateTransform%3E %3C/rect%3E %3C/g%3E %3C/svg%3E") scroll no-repeat left calc(50% + 364px) top -478px/1200px 1200px}@media screen and (max-width:1276px){.clion-overview-header-section{background-position:left calc(50% + 224px) top -478px}}@media screen and (max-width:1000px){.clion-overview-header-section{background-position:right -326px top -478px}}@media screen and (max-width:640px){.clion-overview-header-section{padding-top:64px;padding-bottom:64px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='svg' width='1000' height='1000' viewBox='0 0 1000 1000'%3E %3Cdefs%3E %3ClinearGradient id='vortex-clion' color-interpolation='linearRGB' x1='0' y1='1' x2='0' y2='0'%3E %3Cstop stop-color='%23FF318C'/%3E %3Cstop offset='0.23' stop-color='%23A356C7'/%3E %3Cstop offset='0.56' stop-color='%23009AE5' stop-opacity='0.9'/%3E %3Cstop offset='1' stop-color='%2321D789' stop-opacity='0.7'/%3E %3CanimateTransform attributeName='gradientTransform' type='rotate' values='0 0.5 0.5; -360 0.5 0.5;' dur='120s' repeatCount='indefinite'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg transform='translate(-400 70)'%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.32' transform='rotate(-307) scale(4.3)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.32' transform='rotate(-274) scale(3.6)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.4' transform='rotate(-241) scale(3)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.56' transform='rotate(-208) scale(2.49)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.8' transform='rotate(-175) scale(2.07)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='0.88' transform='rotate(-142) scale(1.73)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-109) scale(1.44)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-76) scale(1.2)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-43) scale(1)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3Crect x='748' y='363.5' width='96' height='96' rx='20' ry='20' fill='url(%23vortex-clion)' fill-opacity='1' transform='rotate(-10) scale(0.84)' transform-origin='793px 437.5px'%3E %3CanimateTransform values='0 3 -26;360 3 -26;' attributeName='transform' dur='120s' repeatCount='indefinite' type='rotate' additive='sum'/%3E %3C/rect%3E %3C/g%3E %3C/svg%3E") scroll no-repeat left -350px top -396px/1000px 1000px}}.clion-logo{height:96px;width:96px}@media screen and (max-width:640px){.clion-logo{height:72px;width:72px}}
.jb-slides-carousel__wrapper{overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;position:relative;display:flex;gap:32px}.jb-slides-carousel__wrapper::-webkit-scrollbar{display:none}.jb-slides-carousel__slide{flex:0 0 auto;min-width:100px;scroll-snap-align:center;width:100%}
.text-marine{color:#1fbba1}.text-strawberry{color:#ff318c}.needs-card{background-color:#1fbba1}.clion-cpp-icon{color:#19191c;font-size:22px;font-style:normal;font-weight:800;line-height:28px}
._l_xli8eo_1{width:auto;height:74px}._m_xli8eo_6{width:auto;height:64px}._s_xli8eo_11{width:auto;height:34px}._l_xli8eo_1,._m_xli8eo_6,._s_xli8eo_11{text-align:center;display:inline-block}._l_xli8eo_1 img,._m_xli8eo_6 img,._s_xli8eo_11 img{width:auto;height:100%}
.clion-customers-logos{--marquee-gap:96px;display:flex}@media screen and (max-width:640px){.clion-customers-logos{--marquee-gap:48px}}@media screen and (max-width:640px){.clion-customer-logo{max-height:48px}}
.jb-slide-buttons-carousel{--container-actual-width:1232px;--slide-width:200px;--padding:24px;position:relative;overflow-x:hidden;margin:0 -24px}@media screen and (max-width:1276px){.jb-slide-buttons-carousel{--container-actual-width:952px}}@mediascreen and (max-width:640px){.jb-slide-buttons-carousel{--container-actual-width:608px}}.jb-slide-buttons-carousel:after{content:"";width:200px;height:100%;background:linear-gradient(90deg,transparent,#1fbba1 77%);position:absolute;top:0;right:0}.jb-slide-buttons-carousel__wrapper{overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;position:relative;display:flex;gap:4px;padding-right:calc(var(--container-actual-width) - var(--slide-width) + var(--padding));padding-left:var(--padding);scroll-padding-left:var(--padding)}.jb-slide-buttons-carousel__wrapper::-webkit-scrollbar{display:none}.jb-slide-buttons-carousel__slide{scroll-snap-align:start}
.slider-toggle-button{display:flex;align-items:center;position:relative;width:-moz-fit-content;width:fit-content;min-width:200px;padding:0 24px;height:72px;border-radius:24px;background-color:#19191c;background-color:var(--rs-color-black);border:none;text-align:start;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.slider-toggle-button:focus-visible{box-shadow:0 0 0 4px rgba(132,115,255,.8);box-shadow:var(--rs-color-primary-t-dim-dark-theme) 0 0 0 4px}.slider-toggle-button:before{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#d52774;will-change:width}.slider-toggle-button__text{position:relative}.slider-toggle-button_active.slider-toggle-button_playing:before{width:100%;transition:width 10s linear;transition:width var(--autoplay-slide-duration,10s) linear}.slider-toggle-button_active.slider-toggle-button_playing:hover svg{opacity:1}.slider-toggle-button svg{position:absolute;right:24px;z-index:1;opacity:0;transition:opacity .05s ease-in}
.clion-slide{background-color:transparent}.clion-slide__image{border-radius:24px;max-width:100%}
.clion-compact-slide{border-radius:24px;background-color:#1fbba1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.clion-compact-slide__text{margin:24px}.clion-compact-slide__image{border-radius:24px;width:100%;align-self:end}
.clion-marine-container_lg{background-color:#1fbba1;border-radius:32px;margin:48px -24px 0;padding:24px}@media screen and (max-width:1000px){.clion-marine-container_lg{background-color:transparent;margin:0;padding:0}}@media screen and (max-width:1000px){.clion-marine-container_md{background-color:#1fbba1;border-radius:32px;margin:96px -22px 0;padding:24px 22px}}@media screen and (max-width:640px){.clion-marine-container_md{background-color:transparent;margin:48px 0 0;padding:0}}.clion-whatsnew-card{background-color:#19191c}
.clion-integrations-card{background-color:#252528;background-color:var(--rs-color-grey-95);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.clion-integrations-card__tag{margin-right:8px}.clion-ai-card{background-image:url(/clion/img/ai-card-bg.png);background-repeat:no-repeat;background-size:392px 160px;background-position:right 0 bottom 0}
.jb-testimonial-background-1{background:#28b8a0}.jb-testimonial-background-2{background:#ff318c}@media screen and (max-width:640px){.clion-testimonials .testimonials-card__image-container{display:none}}.clion-testimonials .testimonials-card__name.rs-h3{letter-spacing:normal;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:20px;font-size:var(--rs-h3-font-size,20px);font-weight:600;font-weight:var(--rs-font-weight-semi-bold,600);line-height:28px;line-height:var(--rs-h3-line-height,28px);color:#19191c;color:var(--rs-typography-color-hard,#19191c)}.clion-testimonials .testimonials-card__description.rs-text-3{letter-spacing:.0045em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:13px;font-size:var(--rs-text-3-font-size,13px);line-height:20px;line-height:var(--rs-text-3-line-height,20px)}.rs-reset-letter-spacing .clion-testimonials .testimonials-card__description.rs-text-3{letter-spacing:normal}.clion-testimonials .testimonials-card__description.rs-text-3{color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7))}.clion-testimonials .testimonials-card__children.rs-text-2{letter-spacing:.0015em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:16px;font-size:var(--rs-text-2-font-size,16px);font-weight:400;line-height:24px;line-height:var(--rs-text-2-line-height,24px)}.rs-reset-letter-spacing .clion-testimonials .testimonials-card__children.rs-text-2{letter-spacing:normal}.clion-testimonials .testimonials-card__children.rs-text-2{color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7))}
.start-now-card{background-color:#000;border:2px solid #ff318c;border-radius:24px;padding:24px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;align-items:flex-start;justify-content:space-between}
.clion-social-footer-section{border-bottom:1px solid hsla(0,0%,100%,.2)}
body{background-color:#27282c}.clion-overview-page{background-color:#000;background-image:url(/clion/img/bg-overview-footer.svg);background-repeat:no-repeat;background-position:bottom -1528px left calc(50% + 600px)}@media screen and (max-width:1000px){.clion-overview-page{background-position:bottom -1282px left calc(50% + 500px)}}@media screen and (max-width:640px){.clion-overview-page{background-position:bottom -1230px left calc(50% + 750px)}}.section_bg-transparent{background-color:transparent}.section_bg-dark-grey{background-color:#27282c}@media screen and (max-width:640px){.clion-wide-button{width:100%}}@media screen and (max-width:640px){.clion-wide-button__label{text-align:center}}