html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}a img{outline:none}img,svg,i{max-width:100%;vertical-align:middle}a{color:#0957ff;cursor:pointer;transition:all 160ms linear}a:not(.btn):hover{color:#fbb03b}*::selection{color:#fff;background-color:#fbb03b}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLight.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLight.ttf) format("truetype");font-weight:100;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLightItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraLightItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Light.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Light.ttf) format("truetype");font-weight:200;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-LightItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-LightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Thin.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Thin.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ThinItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ThinItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Regular.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-RegularItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Medium.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-MediumItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Bold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-BoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBold.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBoldItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-Black.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-Black.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:"Metropolis";src:url(https://codemagic.io/landing-assets/fonts/Metropolis-BlackItalic.woff2) format("woff2"),url(https://codemagic.io/landing-assets/fonts/Metropolis-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-Regular.woff2) format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://codemagic.io/landing-assets/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"FiraCode";src:url(https://codemagic.io/landing-assets/fonts/FiraCode-Regular.woff2) format("woff2");font-weight:normal;font-style:normal;font-display:swap}body{min-height:100vh;font-family:"Metropolis";font-size:14px;font-weight:400;color:#9da4af;background-color:#13161d}.light-theme body{color:#06225d}.light-theme body{background-color:#fff}body.loggedIn [hide_on_authenticated]{display:none !important}body.loggedIn [hide_on_unauthenticated]{display:inline-block !important}body .inner{width:1280px;margin:auto}@media(max-width: 1360px){body .inner{width:auto;margin:auto 50px}}@media(max-width: 800px){body .inner{margin:auto 30px}}body h1,body h2,body h3{font-weight:800}body h1{font-size:80px;line-height:1.2em}@media(max-width: 768px){body h1{font-size:60px}}@media(max-width: 560px){body h1{font-size:48px}}@media(max-width: 480px){body h1{font-size:42px}}body h2{font-size:60px;line-height:1.2em}@media(max-width: 768px){body h2{font-size:40px}}@media(max-width: 480px){body h2{font-size:30px}}body h3{font-size:30px;line-height:1.2em}@media(max-width: 480px){body h3{font-size:24px}}body b{font-weight:bold}body section li,body section p{font-size:18px;line-height:1.5em}.btn{display:inline-block;background-color:#f8f8f8;color:#000626;font-weight:600;font-size:16px;height:48px;line-height:48px;padding:0 40px;border-radius:10px;text-align:center;cursor:pointer;text-decoration:none;transition:all 300ms linear;box-sizing:border-box}.btn>*{cursor:pointer}.btn--red.btn--with-arrow::after,.btn--blue.btn--with-arrow::after,.btn--plum.btn--with-arrow::after,.btn--aqua.btn--with-arrow::after,.btn--blue-gradient.btn--with-arrow::after,.btn--gradient-border.btn--with-arrow::after,.btn--border-blue.btn--with-arrow::after,.btn--btn--light-blue.btn--with-arrow::after,.btn--border-white.btn--with-arrow::after{background:#fff}.btn--grey-shadow{color:#fff;background-color:#2a313f;box-shadow:none}.light-theme .btn--grey-shadow{color:#06225d}.light-theme .btn--grey-shadow{background-color:#fff}.light-theme .btn--grey-shadow{box-shadow:0px 4px 30px 0px rgba(44,83,166,.15)}.btn--grey-shadow.btn--with-arrow::after{background:#fff}.light-theme .btn--grey-shadow.btn--with-arrow::after{background:#06225d}.btn--grey{color:#fff;background-color:#232a3f;box-shadow:none}.light-theme .btn--grey{color:#06225d}.light-theme .btn--grey{background-color:#f5f7fb}.light-theme .btn--grey{box-shadow:0px 4px 30px 0px rgba(44,83,166,.15)}.btn--grey.btn--with-arrow::after{background:#fff}.light-theme .btn--grey.btn--with-arrow::after{background:#06225d}.btn--grey:hover{background-color:#121d2f}.light-theme .btn--grey:hover{background-color:#e4ecfc}.btn--grey-disable{color:#5f6570;pointer-events:none}.light-theme .btn--grey-disable{color:#b2b9c8}.btn--secondary{color:#fff;background-color:#28344d;box-shadow:0px 0px 30px 0px rgba(12,44,115,.15)}.light-theme .btn--secondary{color:#11285b}.light-theme .btn--secondary{background-color:#fff}.btn--secondary:hover{background-color:#3a4865;box-shadow:0px 0px 30px 0px rgba(12,44,115,.25)}.light-theme .btn--secondary:hover{background-color:#fff}.btn--secondary:focus-visible{outline:none;box-shadow:0px 0px 0px 4px rgba(58,72,101,.1),inset 0px 0px 0px 1px #162035}.light-theme .btn--secondary:focus-visible{box-shadow:0px 0px 0px 4px rgba(58,72,101,.1),inset 0px 0px 0px 1px #d2dbee}.btn--secondary:active{background-color:#28344d;box-shadow:0px 0px 30px 0px rgba(12,44,115,.15)}.light-theme .btn--secondary:active{background-color:#fff}.btn--secondary:disabled{color:#3a4865;background-color:#162035;box-shadow:none;pointer-events:none}.light-theme .btn--secondary:disabled{color:#b8c3d9}.light-theme .btn--secondary:disabled{background-color:#d2dbee}.btn--red{color:#fff;background:linear-gradient(90deg, #ff9100 0%, #fe19ff 100%);box-shadow:none}.light-theme .btn--red{box-shadow:0 10px 20px rgba(254,25,255,.4)}.btn--plum{color:#fff;background:linear-gradient(90deg, #0051ff 0%, #fe19ff 100%);box-shadow:0px 0px 30px 0px rgba(0,81,255,.23)}.btn--aqua{color:#fff;background:linear-gradient(90deg, #008bf7 0%, #00ceff 100%);box-shadow:none}.light-theme .btn--aqua{box-shadow:0 10px 20px rgba(0,206,255,.4)}.btn--light-blue{color:#fff;background:#374358}.light-theme .btn--light-blue{color:#0051ff}.light-theme .btn--light-blue{background:#e9efff}.btn--white{color:#fff;background-color:#2a313f;border:2px solid;box-sizing:content-box;border-color:#363945}.light-theme .btn--white{color:#06225d}.light-theme .btn--white{background-color:#fff}.light-theme .btn--white{border-color:#f0f0f0}.btn--white.btn--with-arrow::after{background:#fff}.light-theme .btn--white.btn--with-arrow::after{background:#06225d}.btn--white-blue{color:#0051ff;background:#fff;box-shadow:0 7px 30px -5px rgba(0,0,0,.2)}.btn--white-blue.btn--with-arrow::after{background:#0051ff}.btn--white-black{color:#06225d;background:#fff;box-shadow:0 7px 30px -5px rgba(0,0,0,.2)}.btn--white-black.btn--with-arrow::after{background:#06225d}.btn--with-red-hover{transition:none}.btn--with-red-hover:hover{color:#fff}.btn--with-red-hover:hover.btn--with-arrow::after{background:#fff;right:30px;z-index:1}.btn--with-red-hover::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:10px;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%);transition:opacity 300ms linear;opacity:0}.btn--with-red-hover:hover::before{opacity:1}.btn--with-red-hover--text{position:relative;z-index:1}.btn--blue{color:#fff;background:#0051ff}.btn--blue:hover{background:#2032eb}.btn--blue-gradient{color:#fff;background-color:#0051ff;background:linear-gradient(90deg, #0031ea 0%, #008bf7 100%);box-shadow:none}.light-theme .btn--blue-gradient{box-shadow:0 10px 20px rgba(0,81,255,.4)}.btn--blue-gradient-hover{color:#fff;background-color:#0051ff;background:linear-gradient(90deg, #0031ea 0%, #008bf7 100%);box-shadow:none;position:relative;isolation:isolate}.light-theme .btn--blue-gradient-hover{box-shadow:0 10px 20px rgba(0,81,255,.4)}.btn--blue-gradient-hover.btn--with-arrow::after{background:#fff}.btn--blue-gradient-hover::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, #0421d9 0%, #0274ff 100%);opacity:0;transition:opacity 300ms linear;z-index:-1}.btn--blue-gradient-hover:hover::before{opacity:1}.btn--gradient-border{background:linear-gradient(#12161d, #12161d) padding-box,linear-gradient(90deg, #ff9116 0%, #fe19fe 100%) border-box;border-radius:10px;border:2px solid rgba(0,0,0,0);background-origin:border-box;color:#fff}.btn--border-blue{border:2px solid #0051ff;background:rgba(0,0,0,0);color:#fff}.btn--border-white{border:2px solid #fff;background:rgba(0,0,0,0);color:#fff}.btn--border-gray{border:2px solid;background:rgba(0,0,0,0);border-color:#4f5263;color:#fff;line-height:50px !important}.light-theme .btn--border-gray{border-color:#f0f0f0}.light-theme .btn--border-gray{color:#06225d}.btn--border-gray.btn--with-arrow::after{background:#fff}.light-theme .btn--border-gray.btn--with-arrow::after{background:#06225d}.btn--cta{height:53px;line-height:53px;font-size:14px}.btn--cta:active{scale:.95}@media(max-width: 560px){.btn--cta{height:48px;line-height:48px}}.btn--with-arrow{position:relative;padding-right:65px;text-align:left}.btn--with-arrow::after{position:absolute;right:30px;top:calc(50% - 7px);width:12px;height:14px;display:inline-block;content:"";-webkit-mask:url(https://codemagic.io/landing-assets/svg/arrow-right-long-thick.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/arrow-right-long-thick.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;transition:right 160ms linear}.btn--with-arrow:hover::after{right:28px}.btn--small{height:30px;line-height:30px;padding:0 20px;font-size:10px}.btn--no-shadow{box-shadow:none}.light-theme .btn--no-shadow{box-shadow:none}button:not(:disabled),button:not(:disabled) *{cursor:pointer}.patch-logo{display:inline-flex;align-items:center;gap:8px}.patch-logo__star{flex-shrink:0;width:22px;height:22px;fill:#ff4d13}.patch-logo__text{font-size:18px;font-weight:700;line-height:22px;letter-spacing:2px;text-transform:uppercase;background-image:linear-gradient(90deg, #ff2d00 0%, #fe19ff 100%);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.patch-header{padding:20px 40px;background-color:#101829}.light-theme .patch-header{background-color:#fff}@media(max-width: 768px){.patch-header{padding:20px}}.patch-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto}.patch-header__logo{flex-shrink:0;display:inline-flex;align-items:center}.patch-header__social{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.patch-header__social svg{width:37px;height:37px}.patch-header__social svg path{transition:fill 200ms ease-in-out;fill:#fff}.light-theme .patch-header__social svg path{fill:#28344d}.patch-header__social:hover svg path{fill:#6b9aff}.light-theme .patch-header__social:hover svg path{fill:#0957ff}.patch{font-size:16px;line-height:1.5;background-color:#0a101d;color:#d2dbee}.light-theme .patch{background-color:#fff}.light-theme .patch{color:#3a4865}.patch__inner{width:100%;max-width:1280px;margin:0 auto}.patch__inner--stack{display:flex;flex-direction:column;align-items:center;gap:40px}.patch__inner--stack-wide{display:flex;flex-direction:column;align-items:center;gap:60px}@media(max-width: 768px){.patch__inner--stack-wide{gap:40px}}.patch__section-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.patch__section-title{font-size:42px;font-weight:700;line-height:52px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__section-title{color:#11285b}@media(max-width: 768px){.patch__section-title{font-size:26px;line-height:30px}}.patch__section-description{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.2px;color:#d2dbee}.light-theme .patch__section-description{color:#3a4865}@media(max-width: 768px){.patch__section-description{font-size:14px;line-height:20px}}.patch__section-description--narrow{max-width:500px}.patch__section-description--medium{max-width:600px}.patch__section-description--wide{max-width:640px}.patch__accent{background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.patch__accent--sunrise{background-image:linear-gradient(90deg, #ff9100 0%, #fe19ff 100%)}.patch__accent--berry{background-image:linear-gradient(90deg, #fe19ff 0%, #0957ff 100%)}.patch__accent--space{background-image:linear-gradient(90deg, #0957ff 0%, #fe19ff 100%)}.patch__hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:60px;padding:100px 40px 80px;overflow:hidden}@media(max-width: 768px){.patch__hero{padding:100px 20px 60px}}.patch__hero-glow{position:absolute;top:0;left:50%;width:2000px;height:1273px;transform:translateX(-50%);background-repeat:no-repeat;background-position:center;pointer-events:none;background-image:url("https://codemagic.io/media/landing/patch/patch-hero-bg--dark.svg")}.light-theme .patch__hero-glow{background-image:url("https://codemagic.io/media/landing/patch/patch-hero-bg--light.svg")}@media(max-width: 768px){.patch__hero-glow{width:951px;height:507px;background-image:url("https://codemagic.io/media/landing/patch/patch-hero-bg--mobile.svg")}.light-theme .patch__hero-glow{background-image:url("https://codemagic.io/media/landing/patch/patch-hero-bg--mobile.svg")}}.patch__hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.patch__hero-title{max-width:900px;font-size:54px;font-weight:700;line-height:68px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__hero-title{color:#11285b}@media(max-width: 1024px){.patch__hero-title{font-size:42px;line-height:52px}}@media(max-width: 768px){.patch__hero-title{font-size:28px;line-height:32px}}.patch__hero-description{max-width:600px;font-size:18px;font-weight:400;line-height:26px;letter-spacing:-0.2px;color:#d2dbee}.light-theme .patch__hero-description{color:#3a4865}@media(max-width: 768px){.patch__hero-description{font-size:16px;line-height:24px}}.patch__hero-frame{position:relative;z-index:1;width:100%;max-width:1160px;padding:12px;border-radius:20px;border:2px solid rgba(255,255,255,.58);background-image:linear-gradient(138deg, rgba(255, 255, 255, 0.51) 10%, rgba(255, 255, 255, 0.46) 79%);backdrop-filter:blur(85px);box-shadow:0 9px 46px rgba(16,57,146,.3),inset 0 1px 1px rgba(255,255,255,.6)}@media(max-width: 600px){.patch__hero-frame{padding:8px;border-radius:16px}}.patch__hero-media{display:block;width:100%;height:auto;border-radius:16px}@media(max-width: 600px){.patch__hero-media{border-radius:12px}}.patch__approval{padding:80px 40px}@media(max-width: 768px){.patch__approval{padding:60px 20px}}.patch__approval-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;width:100%;max-width:1164px;list-style:none}@media(max-width: 1024px){.patch__approval-cards{grid-template-columns:1fr;gap:32px}}.patch__approval-card{display:flex;flex-direction:column;gap:12px;padding:40px;border-radius:20px;background-color:#162035}.light-theme .patch__approval-card{background-color:#f5f7fb}@media(max-width: 768px){.patch__approval-card{padding:24px}}.patch__approval-card-title{font-size:22px;font-weight:700;line-height:28px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__approval-card-title{color:#11285b}@media(max-width: 768px){.patch__approval-card-title{font-size:18px;line-height:20px}}.patch__approval-card-text{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.2px;color:#d2dbee}.light-theme .patch__approval-card-text{color:#3a4865}@media(max-width: 768px){.patch__approval-card-text{font-size:14px;line-height:20px}}.patch__features{padding:80px 40px}@media(max-width: 768px){.patch__features{padding:60px 20px}}.patch__feature-rows{display:flex;flex-direction:column;gap:140px;width:100%;max-width:1024px}@media(max-width: 1024px){.patch__feature-rows{gap:80px}}.patch__feature-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width: 1024px){.patch__feature-row{grid-template-columns:1fr;gap:32px}}.patch__feature-card{display:flex;flex-direction:column;gap:20px}.patch__feature-title{font-size:22px;font-weight:700;line-height:28px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__feature-title{color:#11285b}@media(max-width: 768px){.patch__feature-title{font-size:18px;line-height:20px}}.patch__feature-list{display:flex;flex-direction:column;gap:12px;list-style:none}.patch__feature-list-item{display:flex;gap:8px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.2px;color:#d2dbee}.light-theme .patch__feature-list-item{color:#3a4865}@media(max-width: 768px){.patch__feature-list-item{font-size:14px;line-height:20px}}.patch__feature-list-item::before{content:"";flex-shrink:0;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:10px 2px;background-image:linear-gradient(#0957ff, #0957ff)}.light-theme .patch__feature-list-item::before{background-image:linear-gradient(#0957ff, #0957ff)}.patch__feature-media{aspect-ratio:472/335;border-radius:20px;background-repeat:no-repeat;background-position:center;background-size:89% auto,cover}@media(max-width: 1024px){.patch__feature-media{order:-1}}.patch__feature-media--invisible-updates{background-image:url("https://codemagic.io/media/landing/patch/patch-code-snippets-1--light.png"),url("https://codemagic.io/media/landing/patch/patch-code-snippets-bg-1.png")}.patch__feature-media--reliable-delivery{background-image:url("https://codemagic.io/media/landing/patch/patch-code-snippets-2--light.png"),url("https://codemagic.io/media/landing/patch/patch-code-snippets-bg-2.png")}.patch__feature-media--publish-releases{background-image:url("https://codemagic.io/media/landing/patch/patch-code-snippets-3--light.png"),url("https://codemagic.io/media/landing/patch/patch-code-snippets-bg-3.png")}.patch__feature-media--run-yourself{background-image:url("https://codemagic.io/media/landing/patch/patch-code-snippets-4--light.png"),url("https://codemagic.io/media/landing/patch/patch-code-snippets-bg-4.png")}.patch__feature-media--first{order:-1}.patch__comparison{position:relative;padding:80px 40px;overflow:hidden}@media(max-width: 768px){.patch__comparison{padding:60px 20px}}.patch__comparison-glow{position:absolute;top:0;bottom:0;left:50%;width:100%;max-width:1500px;transform:translateX(-50%);background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none;background-image:url("https://codemagic.io/media/landing/patch/patch-table-bg--dark.svg")}.light-theme .patch__comparison-glow{background-image:url("https://codemagic.io/media/landing/patch/patch-table-bg--light.svg")}@media(max-width: 768px){.patch__comparison-glow{left:0;width:200%;max-width:none;transform:translate(-12%, -3%)}}.patch__comparison-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1024px}.patch__comparison-scroll{overflow-x:auto;padding:16px;border-radius:20px;background-color:#101829;box-shadow:none}@media(max-width: 768px){.patch__comparison-scroll{display:none}}.light-theme .patch__comparison-scroll{background-color:#fff}.light-theme .patch__comparison-scroll{box-shadow:0 24px 60px rgba(12,44,115,.14)}.patch__comparison-table{width:100%;min-width:700px;border-collapse:separate;border-spacing:0}.patch__comparison-row{height:58px;transition:background-color 200ms ease-in-out}.patch__comparison-row:hover{background-color:#162035}.light-theme .patch__comparison-row:hover{background-color:#f5f7fb}.patch__comparison-row--head{border-bottom:1px solid #162035}.light-theme .patch__comparison-row--head{border-bottom:1px solid #e5eaf2}.patch__comparison-corner{width:25%}.patch__comparison-column{padding:16px 20px;font-size:18px;font-weight:700;line-height:26px;letter-spacing:-0.2px;text-align:center;vertical-align:middle;color:#fff}.light-theme .patch__comparison-column{color:#11285b}.patch__comparison-label{padding:16px 20px;border-radius:12px 0 0 12px;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-0.2px;text-align:left;vertical-align:middle;color:#d2dbee}.light-theme .patch__comparison-label{color:#3a4865}.patch__comparison-cell{padding:16px 20px;text-align:center;vertical-align:middle}.patch__comparison-cell:last-child{border-radius:0 12px 12px 0}.patch__comparison-value{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__comparison-value{color:#11285b}.patch__comparison-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;vertical-align:middle}.patch__comparison-icon::after{content:"";width:20px;height:20px}.patch__comparison-icon--check::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/checkmark-new.svg) no-repeat calc(50% - 1px) 50%;mask:url(https://codemagic.io/landing-assets/svg/checkmark-new.svg) no-repeat calc(50% - 1px) 50%;-webkit-mask-size:contain;mask-size:contain}.patch__comparison-icon--cross::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/cross-new.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/cross-new.svg) no-repeat 50% 50%;-webkit-mask-size:12.5px 12.5px;mask-size:12.5px 12.5px}.patch__comparison-icon--default{background-color:#162035}.light-theme .patch__comparison-icon--default{background-color:#f5f7fb}.patch__comparison-icon--default::after{background-color:#4379ff}.patch__comparison-icon--positive{background-color:#0957ff}.patch__comparison-icon--positive::after{background-color:#fff}.patch__comparison-icon--negative{background-color:#fe19ff}.patch__comparison-icon--negative::after{background-color:#fff}.patch__comparison-note{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.2px;text-align:center;color:#d2dbee}.light-theme .patch__comparison-note{color:#3a4865}@media(max-width: 768px){.patch__comparison-note{line-height:18px}}.patch__built-by{padding:80px 40px}@media(max-width: 768px){.patch__built-by{padding:60px 20px}}.patch-footer{padding:60px 40px;background-color:#101829;border-top:1px solid #162035}.light-theme .patch-footer{background-color:#fff}.light-theme .patch-footer{border-top:1px solid #e5eaf2}@media(max-width: 768px){.patch-footer{padding:40px 20px}}.patch-footer__inner{max-width:1280px;margin:0 auto}.patch-footer__mode{display:flex;align-items:center;justify-content:space-between;gap:20px}.patch-footer__logo{display:inline-flex;align-items:center}.patch-footer__switch{display:flex;align-items:center;gap:4px;padding:4px;border-radius:50px;background-color:#28344d}.light-theme .patch-footer__switch{background-color:#e5eaf2}.patch-footer__mode-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:50%;outline:none;cursor:pointer;transition:background-color 200ms ease-in-out;background-color:#0a101d}.light-theme .patch-footer__mode-button{background-color:#fff}.patch-footer__mode-button::after{content:"";width:16px;height:16px;mask-size:contain;-webkit-mask-size:contain;background-color:#d2dbee}.light-theme .patch-footer__mode-button::after{background-color:#28344d}.patch-footer__mode-button.active{background-color:#0957ff}.patch-footer__mode-button.active::after{background-color:#fff}.light-theme .patch-footer__mode-button.active::after{background-color:#fff}.patch-footer__mode-button--light::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/sun.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/sun.svg) no-repeat 50% 50%}.patch-footer__mode-button--dark::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/moon.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/moon.svg) no-repeat 50% 50%}.patch-footer__mode-button--system::after{-webkit-mask:url(https://codemagic.io/landing-assets/svg/system.svg) no-repeat 50% 50%;mask:url(https://codemagic.io/landing-assets/svg/system.svg) no-repeat 50% 50%}.patch-footer__menu{display:flex;gap:100px;padding:40px 0}@media(max-width: 768px){.patch-footer__menu{flex-direction:column;gap:40px}}.patch-footer__links{display:flex;flex-direction:column;gap:20px}.patch-footer__links-header{font-size:18px;font-weight:700;line-height:22px;letter-spacing:-0.2px;color:#fff}.light-theme .patch-footer__links-header{color:#11285b}.patch-footer__list{display:flex;flex-direction:column;gap:12px;list-style:none}.patch-footer__link{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.2px;color:#fff}.light-theme .patch-footer__link{color:#0d1e45}.patch-footer__link:not(.btn):hover{color:#6b9aff}.light-theme .patch-footer__link:not(.btn):hover{color:#0957ff}.patch-footer__social{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:40px 0}@media(max-width: 768px){.patch-footer__social{justify-content:flex-start;padding:0 0 40px}}.patch-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:#28344d;transition:opacity 200ms ease-in-out}.patch-footer__social-link:hover{opacity:.7}.patch-footer__social-link svg path{fill:#fff}.patch-footer__social-link--github svg{width:28px;height:28px}.patch-footer__copyright{padding-top:20px;font-size:12px;font-weight:400;line-height:16px;letter-spacing:-0.2px;text-align:center;color:#d2dbee;border-top:1px solid #162035}.light-theme .patch-footer__copyright{color:#3a4865}.light-theme .patch-footer__copyright{border-top:1px solid #d2dbee}.patch__comparison-mobile{display:none;width:100%;max-width:1024px}@media(max-width: 768px){.patch__comparison-mobile{display:flex;flex-direction:column;gap:32px}}.patch__comparison-tabs{display:flex;align-items:center;height:24px;padding:2px;border-radius:8px;background-color:#162035}.light-theme .patch__comparison-tabs{background-color:#f5f7fb}.patch__comparison-tab{flex:1 0 0;display:flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border:none;border-radius:6px;background-color:rgba(0,0,0,0);font-size:12px;font-weight:600;line-height:14px;letter-spacing:-0.2px;white-space:nowrap;cursor:pointer;color:#fff}.light-theme .patch__comparison-tab{color:#0d1e45}.patch__comparison-tab.active{border-radius:8px;background-image:linear-gradient(90deg, #ff9100 0%, #fe19ff 100%);color:#fff}.light-theme .patch__comparison-tab.active{color:#fff}.patch__comparison-card{display:none;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background-color:#101829;box-shadow:none}.light-theme .patch__comparison-card{background-color:#fff}.light-theme .patch__comparison-card{box-shadow:0 24px 60px rgba(12,44,115,.14)}.patch__comparison-card.active{display:flex}.patch__comparison-card--highlighted{border:1px solid rgba(0,0,0,0);background-origin:border-box;background:linear-gradient(#101829, #101829) padding-box,linear-gradient(45deg, #00ceff 0%, #fe19ff 100%) border-box}.light-theme .patch__comparison-card--highlighted{background:linear-gradient(#ffffff, #ffffff) padding-box,linear-gradient(45deg, #00ceff 0%, #fe19ff 100%) border-box}.patch__comparison-card-title{font-size:16px;font-weight:700;line-height:18px;letter-spacing:-0.2px;color:#fff}.light-theme .patch__comparison-card-title{color:#11285b}.patch__comparison-card-rows{display:flex;flex-direction:column;gap:10px}.patch__comparison-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #162035}.light-theme .patch__comparison-card-row{border-bottom:1px solid #e5eaf2}.patch__comparison-card-row:last-child{border-bottom:none}.patch__comparison-card-label{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.2px;color:#d2dbee}.light-theme .patch__comparison-card-label{color:#3a4865}.patch__comparison-card-value{display:flex;align-items:center;font-size:14px;font-weight:700;line-height:20px;letter-spacing:-0.2px;text-align:right;color:#fff}.light-theme .patch__comparison-card-value{color:#11285b}