html{scroll-behavior:smooth}*{margin:0;padding:0}[id]{scroll-margin-top:80px}
:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-serif:"georgia",serif;--font-mono:"Courier New",monospace;--main-text-color:#fffc;--main-bg-color:#111;--content-max-width:1800px;--side-margin:60px;--side-margin-xl:90px;--carbon-size:650px;--outer-speed:60s;--inner-speed:40s;--electron-size:55px}@media screen and (max-width:860px){:root{--carbon-size:500px;--electron-size:50px}}@media screen and (max-width:660px){:root{--carbon-size:400px;--electron-size:40px}}@media screen and (max-width:560px){:root{--carbon-size:350px;--electron-size:35px}}@media screen and (max-width:490px){:root{--side-margin:30px}}@media screen and (max-width:430px){:root{--side-margin:22px}}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--main-bg-color);color:var(--main-text-color);min-height:100vh;font-family:var(--font-sans)}p{color:#fff9;font-size:14px;line-height:20px}p+p{margin-top:20px}p strong{color:#fff;font-weight:700}p small{font-size:12px}code{background:#f5f5f5;border-radius:3px;padding:.2em .4em;font-family:Roboto Mono,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em;font-weight:600}pre{background:#f5f5f5;border-radius:4px;margin-block:1em;padding:1rem;line-height:1.4;overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.95rem}th,td{text-align:left;vertical-align:top;border:1px solid #ddd;padding:.6rem}th{background-color:#f9f9f9;font-weight:600}hr{background-color:#ddd;border:none;height:1px;margin:2rem 0}body>#carbonads,body>.carbonads-wrapper,body>[id^=carbonads],body>div[data-carbon]{display:none!important}
.cta-button{color:#fff;border:2px solid #fff;border-radius:25px;height:46px;padding:0 36px;font-size:16px;line-height:46px;text-decoration:none;transition:background .3s;display:inline-block;position:relative}.solid-button{color:#111;background:#fff}.cta-button:not(.solid-button):hover{background:#ffffff14}.cta-button:not(.solid-button):after{content:"";background:var(--main-bg-color);box-sizing:border-box;border:2px solid #fff;border-radius:50px;width:15px;height:15px;transition:background .3s;display:block;position:absolute;top:-2px;right:-6px}.cta-button+.cta-button{margin-left:20px}.controllers{min-height:22px}.controller{border:5px solid var(--main-bg-color);cursor:pointer;background:#ffffff26;border-radius:50%;width:8px;height:8px;margin:0;transition:background .3s,box-shadow .3s;display:inline-block;box-shadow:0 0 #fff0}.controller.active,.controller:hover{background:#fff}
.carbon-cover,.carbon-cover .carbon-logo,.carbon-cover .carbon-main,.carbon-cover>a:first-child{display:flex}.carbon-cover,.carbon-cover .carbon-logo,.carbon-cover .carbon-main,.carbon-cover .carbon-text{flex-direction:column}.carbon-cover *{margin:initial;padding:initial;line-height:initial}.carbon-cover button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;outline:0;margin:0;padding:0}.carbon-cover .carbon-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.carbon-cover{--carbon-font-family:system-ui;--carbon-font-size:14px;--carbon-shadow:0 0 1px #00000016,0 0 2px #00000016,0 0 4px #00000016,0 0 8px #00000016;--carbon-icon-size:.75em;--cover-bg-image:url(/images/examples/cover/auth0-hero.jpg);--cover-overlay-color:#131212cc;z-index:10;max-inline-size:400px;font-size:var(--carbon-font-size);font-family:var(--carbon-font-family);flex-direction:column;align-items:flex-start;display:flex}.carbon-cover>a:first-child{z-index:2;box-shadow:var(--carbon-shadow);border-radius:6px;flex-flow:row-reverse wrap;justify-content:center;align-items:flex-start;gap:2ch;padding:5%;text-decoration:none;display:flex;position:relative;overflow:hidden}.carbon-cover>a:first-child:after,.carbon-cover>a:first-child:before{content:"";position:absolute;inset:0}.carbon-cover>a:before{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--cover-bg-image)}.carbon-cover>a:after{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--cover-overlay-color);content:""}.carbon-cover>a>*{z-index:3}.carbon-cover .carbon-main{color:#fff;flex-direction:column;flex-grow:1;flex-basis:calc(100% - 250px);row-gap:1ch;transition:opacity 10ms ease-in-out;display:flex}.carbon-cover .carbon-logo{flex-direction:column;justify-content:flex-start;min-height:72px;display:flex}.carbon-cover .carbon-logo img{max-width:125px;height:auto}.carbon-cover .carbon-tagline{max-inline-size:16ch;margin-top:auto;font-weight:500;line-height:1.3}.carbon-cover .carbon-text{flex-direction:column;align-items:flex-start;height:100px;display:flex}.carbon-cover .carbon-description{opacity:0;flex-grow:1;max-inline-size:54ch;font-size:.9em;line-height:1.35;transition:opacity .1s ease-out;overflow:hidden}.carbon-cover .carbon-cta{box-shadow:var(--carbon-shadow);color:#111;background:#fff;border-radius:3px;padding:1ex 1ch;font-weight:600}.carbon-cover .carbon-large-image{width:50%;max-inline-size:250px;box-shadow:var(--carbon-shadow);border-radius:5px;transition:width .25s ease-in-out;display:block}.carbon-cover a:hover .carbon-large-image{width:20%}.carbon-cover .carbon-footer{color:#7f7f7f;justify-content:stretch;align-items:center;column-gap:1ch;width:100%;margin-block-start:.75ex;text-decoration:none;display:flex;position:relative}.carbon-cover .carbon-footer a{color:#b2b2b2;text-decoration:none}.carbon-cover .carbon-footer button{background-color:#f2f2f2;border-radius:3px;place-content:center;padding:.5ch;display:grid}.carbon-cover .carbon-footer button:hover{background-color:#e5e5e5;transition:background-color .2s ease-in-out}.carbon-cover button>svg{stroke:#b3b3b3;stroke-width:3px;width:var(--carbon-icon-size);height:var(--carbon-icon-size)}.carbon-cover .carbon-via{margin-left:auto;font-size:.9em}.carbon-cover .carbon-footer a.carbon-no-hover .carbon-share{display:none;position:relative}.carbon-cover .carbon-share-icon:not(.carbon-no-hover):hover+.carbon-share,.carbon-cover .carbon-share:hover{z-index:3;opacity:1}.carbon-cover .carbon-share-icon:not(.carbon-no-hover):hover:before{z-index:2;content:"";width:14ch;height:5ex;display:block;position:absolute;top:-10px}.carbon-cover .carbon-share{bottom:calc(var(--carbon-icon-size) + 14px);box-shadow:var(--carbon-shadow);opacity:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:.2em;transition:opacity .2s ease-in-out;position:absolute;left:0}.carbon-cover .carbon-share ul{color:#212121;padding:.5em;font-size:12px;font-weight:500;list-style-type:none}.carbon-cover .carbon-share ul>*+*{margin-top:10px}.carbon-cover a:hover .carbon-description{opacity:1;transition:opacity .5s ease-in .25s}@property --reveal-mask{syntax:"<percentage>";inherits:false;initial-value:0%}.carbon-cover .carbon-reveal{animation:var(--reveal-duration,1.5s)var(--reveal-delay,0s)carbon-reveal forwards;-webkit-mask-image:linear-gradient(var(--reveal-angle,135deg),black calc(var(--reveal-mask) - 100%),transparent var(--reveal-mask));mask-image:linear-gradient(var(--reveal-angle,135deg),black calc(var(--reveal-mask) - 100%),transparent var(--reveal-mask))}@keyframes carbon-reveal{to,70%{--reveal-mask:200%}}@media (max-width:360px){.carbon-cover>a:first-child{aspect-ratio:unset}.carbon-cover .carbon-large-image{width:unset;max-width:100%}.carbon-cover a:hover .carbon-large-image{width:unset}.carbon-cover .carbon-logo{min-height:unset;row-gap:1ch}.carbon-cover .carbon-text{height:unset;align-items:stretch;row-gap:1ch}.carbon-cover .carbon-tagline{min-height:unset;max-inline-size:unset}.carbon-cover .carbon-description{flex-grow:unset;opacity:unset;line-height:1.4}.carbon-cover .carbon-cta{text-align:center;align-self:stretch}}#page-content .carbon-cover a{border:initial}
.carbon-cpc #samples{background-color:#f7f7fd}.carbon-cpc #samples h2{text-align:center;margin-bottom:40px}@media screen and (max-width:767px){.carbon-cpc #samples h2{margin-bottom:20px}.carbon-cpc #samples .single-sample{right:0}}.carbon-cpc #samples .single-sample>.two-col{border-bottom:1px solid #ddd5d547}.carbon-cpc #samples .single-sample .two-col{align-items:flex-start;margin-bottom:30px;padding-bottom:65px}@media screen and (max-width:991px){.carbon-cpc #samples .single-sample .two-col{text-align:left;display:flex}.carbon-cpc #samples .single-sample .two-col .asset-hex{flex-wrap:wrap;justify-content:flex-start}}@media screen and (min-width:768px){.carbon-cpc #samples .single-sample .two-col>:first-of-type{width:60%;padding-right:20px}.carbon-cpc #samples .single-sample .two-col>:last-of-type{width:40%;padding-left:20px;padding-right:40px}}@media screen and (max-width:767px){.carbon-cpc #samples .single-sample .two-col{flex-wrap:wrap}.carbon-cpc #samples .single-sample .two-col>*{width:100%}.carbon-cpc #samples .single-sample .two-col>:first-of-type{order:2}.carbon-cpc #samples .single-sample .two-col>:last-of-type{order:1}}.carbon-cpc #samples .single-sample h2{text-align:left}.carbon-cpc #samples .single-sample h4{margin:0}@media screen and (min-width:768px){.carbon-cpc #samples .asset-row{align-items:flex-start;display:flex}.carbon-cpc #samples .asset-row>.col:first-child{width:30%;padding-right:10px}.carbon-cpc #samples .asset-row>.col:last-child{width:70%;padding-left:20px}}.carbon-cpc #samples .asset-row:not(:first-child){margin-top:20px}.carbon-cpc #samples .asset-row>.col p{margin:0;font-size:18px}.carbon-cpc #samples .asset-row>.col p.small-print{margin-top:0;font-size:12px;font-style:italic}@media screen and (max-width:767px){.carbon-cpc #samples .asset-row>.col p.small-print{margin-bottom:10px}}.carbon-cpc #samples .asset-hex{justify-content:space-between;display:flex}.carbon-cpc #samples .asset-hex li{text-indent:100%;white-space:nowrap;border:4px solid #fff;border-radius:100%;width:40px;height:40px;margin:0 5px 15px 0;padding-left:0;overflow:hidden}.carbon-cpc #samples .asset-logo{display:flex}.carbon-cpc #samples .asset-logo li{margin-bottom:10px;padding:10px 13px}.carbon-cpc #samples .asset-logo li:not(:last-child){margin-right:15px}.carbon-cpc #samples .asset-logo li img{display:block;position:relative;top:50%;transform:translateY(-50%)}.carbon-cpc .slide-controls{border-bottom:1px solid #ddd5d547;margin-bottom:48px;padding-bottom:60px;padding-left:0}@media screen and (max-width:767px){.carbon-cpc .slide-controls{margin-bottom:38px;padding-bottom:40px}}.carbon-cpc .slide-controls li{cursor:pointer;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:169px;height:64px;margin:10px 5px;padding:10px;transition:box-shadow .15s;display:flex}.carbon-cpc .slide-controls li.is-selected,.carbon-cpc .slide-controls li:hover{box-shadow:0 2px 20px #0000001a}.carbon-cpc .slide-controls li img{max-height:100%}.carbon-cpc .slide-controls .flickity-button{display:none}.carbon-cpc .card-example span,.carbon-cpc .native-example span{font-weight:400;display:block}.carbon-cpc .card-example img,.carbon-cpc .native-example img{margin:0 auto;display:block}.carbon-cpc .native-example{border-radius:6px;padding:10px 10px 46px;position:relative}.carbon-cpc .native-example:not(.native-wrap-example){background-color:#fff;max-width:275px;box-shadow:0 2px 20px #0000001a}@media screen and (max-width:767px){.carbon-cpc .native-example:not(.native-wrap-example){max-width:350px}}.carbon-cpc .native-example:not(.native-wrap-example) .native-banner{height:160px}.carbon-cpc .native-example:not(.native-wrap-example) .native-banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carbon-cpc .native-example:not(.native-wrap-example) .native-sponsor{color:#111;background:#e3e6e84d repeating-linear-gradient(-45deg,#0000,#0000 5px,#00000006 0 10px);padding:8px 10px;position:absolute;bottom:0;left:0;right:0}.carbon-cpc .native-example:not(.native-wrap-example) .native-description{padding:8px 10px}.carbon-cpc .native-example.native-full{min-height:375px;margin:80px auto 0;padding:0 0 35px}@media screen and (max-width:767px){.carbon-cpc .native-example.native-full{margin:12px 0 40px}}.carbon-cpc .native-example.native-full .native-banner{border-radius:6px 6px 0 0}.carbon-cpc .native-example.native-vertical{box-shadow:none;max-width:240px;min-height:250px}.carbon-cpc .native-example.native-vertical .native-description{padding-left:0;padding-right:0}.carbon-cpc .native-example.native-vertical .via-carbon{bottom:10px}@media screen and (min-width:769px){.carbon-cpc .other-examples{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}}@media screen and (max-width:768px){.carbon-cpc .other-examples>*{margin-left:auto;margin-right:auto;width:100%!important}}.carbon-cpc .other-examples>*{margin-top:45px}.carbon-cpc .card-example{background-color:#fff;width:30%;max-width:288px;padding:8px;display:flex}.carbon-cpc .card-example .native-banner{width:43%;padding:13px;position:relative}.carbon-cpc .card-example .native-banner img{max-width:calc(100% - 26px);position:absolute;top:50%;transform:translateY(-50%)}.carbon-cpc .card-example .inner-wrapper{width:57%;padding:8px 0 20px 12px;position:relative}.carbon-cpc .card-example .inner-wrapper .native-description{padding:0;font-size:12px}.carbon-cpc .via-carbon{color:#c5cdd0;text-transform:uppercase;font-size:8px;position:absolute;bottom:0}.carbon-cpc .native-wrap-example{align-items:center;max-width:780px;padding:20px;display:flex}.carbon-cpc .native-wrap-example:not(.native-inline){width:calc(68% - 7px)}.carbon-cpc .native-wrap-example:not(.native-inline) .native-banner{width:125px}@media screen and (max-width:767px){.carbon-cpc .native-wrap-example:not(.native-inline):not(.native-large){flex-wrap:wrap}.carbon-cpc .native-wrap-example:not(.native-inline):not(.native-large) .inner-wrapper{width:calc(100% - 145px);margin-right:0!important}.carbon-cpc .native-wrap-example:not(.native-inline):not(.native-large) .cta-wrapper{margin:20px auto 0}}.carbon-cpc .native-wrap-example .native-banner{margin-right:20px}.carbon-cpc .native-wrap-example:not(.native-inline) img{min-width:100px}.carbon-cpc .native-wrap-example:not(.native-inline) .inner-wrapper{margin-right:20px}.carbon-cpc .native-wrap-example .native-cta{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:10px 14px;font-size:12px;transition:all .3s ease-in-out;transform:translateY(-1px);box-shadow:0 6px 13px #00000026}.carbon-cpc .native-wrap-example .native-sponsor{letter-spacing:2px;font-size:10px}.carbon-cpc .native-wrap-example .native-description{font-size:16px}.carbon-cpc .native-inline{width:calc(50% - 7px);padding:14px 24px}.carbon-cpc .native-inline img{min-width:60px}.carbon-cpc .native-inline .native-description span{font-weight:400}.carbon-cpc .native-large{justify-content:center;align-items:stretch;width:calc(83% - 7px);max-width:897px;padding:30px 0 30px 50px}@media screen and (min-width:769px) and (max-width:1000px){.carbon-cpc .native-large{padding:30px;display:block}.carbon-cpc .native-large .cta-wrapper{float:right;margin-right:-30px}.carbon-cpc .native-large .cta-wrapper .native-cta{margin:40px 0 0!important}}@media screen and (max-width:767px){.carbon-cpc .native-large{padding:30px;display:block}.carbon-cpc .native-large .inner-wrapper{margin-right:0!important}.carbon-cpc .native-large .cta-wrapper{float:right;margin-right:-30px}.carbon-cpc .native-large .cta-wrapper .native-cta{margin:40px 0 0!important}}.carbon-cpc .native-large:after{clear:both;content:"";width:0;height:0;display:block}.carbon-cpc .native-large img{max-height:50px;margin:0}.carbon-cpc .native-large .no-mins img{min-width:0;max-height:none}.carbon-cpc .native-large .inner-wrapper{flex-direction:column;flex:1;justify-content:center;display:flex}.carbon-cpc .native-large .native-tagline{letter-spacing:1px;margin:4px 0;font-size:36px;font-weight:600;line-height:1.4}.carbon-cpc .native-large .native-description{letter-spacing:1px;max-width:620px;font-size:26px;font-weight:300;line-height:1.3}.carbon-cpc .native-large .cta-wrapper{align-items:flex-end;display:flex}.carbon-cpc .native-large .cta-wrapper svg{width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;right:20px}.carbon-cpc .native-large .native-cta{box-shadow:none;letter-spacing:1px;text-transform:uppercase;border-radius:0;margin-bottom:40px;padding:10px 50px 10px 20px;font-size:18px;font-weight:600}.carbon-cpc .native-banner{text-align:center;position:relative}.carbon-cpc .native-cta{text-align:center;text-transform:uppercase;padding:6px 0 4px;font-size:10px;font-weight:500;display:block}.carbon-cpc .native-description{font-size:14px;line-height:1.5}.carbon-cpc .native-description span,.carbon-cpc .native-sponsor span{font-weight:700;display:inline-block}.carbon-cpc .native-sponsor{letter-spacing:.2px;text-transform:uppercase;font-size:9px}.flickity-slider{color:#333;padding:0 var(--side-margin-xl)var(--side-margin-xl)inherit;margin:-30px auto 0;position:relative;overflow:hidden}.flickity-slider *{box-sizing:border-box}.flickity-slider h2.data-cpc-content-company{margin-bottom:50px;font-size:30px;font-weight:600;line-height:1em}.flickity-slider p{color:#333;font-size:16px;line-height:1.45em}.flickity-slider .data-cpc-content-description{max-width:520px}.flickity-slider img{object-fit:contain;max-width:100%;height:auto}.flickity-slider li{list-style:none;display:inline-block}.single-sample{padding:var(--side-margin-xl);background:#0000000d;margin-bottom:60px}.single-sample>*{max-width:1060px;margin:0 auto}.asset-row{align-items:flex-start;display:flex}.asset-row:not(:first-child){margin-top:20px}.asset-row>.col:first-child{width:30%;padding-right:10px}.asset-row>.col:last-child{width:70%;padding-left:20px}.asset-row>.col p.small-print{margin-top:0;font-size:12px;font-style:italic}.flickity-slider .asset-hex li{text-indent:100%;white-space:nowrap;box-sizing:border-box;border:2px solid #00000026;border-radius:100%;width:30px;height:30px;margin:0 5px 5px 0;padding-left:0;list-style:none;display:inline-block;overflow:hidden}.asset-logo{display:flex}.asset-logo li{margin-bottom:10px;padding:10px 13px;display:inline-block}.asset-logo li:not(:last-child){margin-right:15px}.asset-logo li img{width:auto;height:30px;display:block;position:relative;top:50%;transform:translateY(-50%)}.carbon-cpc .native-example.native-full{box-sizing:border-box;margin:0 0 0 auto}.carbon-cpc .native-example.native-vertical{display:none}.flex-wrapper{justify-content:space-between;align-items:center;display:flex}.single-sample .two-col{border-bottom:1px dotted #00000059;align-items:flex-start;margin-bottom:15px;padding-bottom:60px}.single-sample .two-col>:last-of-type{width:40%;padding-left:20px;padding-right:0}.native-example.native-full{min-height:375px;margin:80px auto 0;padding:0 0 35px}.native-example span{font-weight:400;display:block}.native-banner{text-align:center;position:relative}.native-example{border-radius:6px;padding:10px 10px 46px;position:relative}.native-example:not(.native-wrap-example) .native-banner{height:160px}.native-example:not(.native-wrap-example) .native-banner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-sample:not(.is-selected){visibility:hidden;position:absolute}.single-sample:not(.is-selected)>*{opacity:0;transform:scale(.98)}.single-sample.is-selected{visibility:visible;position:relative}.single-sample.is-selected>*{opacity:1;transition:opacity .6s,transform .6s,visibility;transform:scale(1)}#slider-controls{text-align:center;z-index:3;box-sizing:border-box;background-image:url(/images/dip-accent-3.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:387px;height:55px;margin:0 auto -45px;padding-top:10px;display:block;position:relative}.slider-control{cursor:pointer;vertical-align:top;box-sizing:content-box;background:#00000026;border:8px solid #fff;border-radius:50%;width:8px;height:8px;transition:background .3s;display:inline-block}.slider-control.active,.slider-control:hover{background:#333}.slider-prev,.slider-next{color:#00000026;cursor:pointer;vertical-align:top;background:0 0;border:none;border-radius:4px;padding:0 15px;transition:color .3s;display:inline-block}.slider-prev:hover,.slider-next:hover{color:#000}@media screen and (max-width:1260px){body.carbon-cpc .single-sample{padding:90px var(--side-margin)var(--side-margin)}body.carbon-cpc .single-sample .two-col{border:none;margin:0;padding-bottom:0}body.carbon-cpc .other-examples{display:none}}@media screen and (max-width:960px){.flex-wrapper.two-col{display:block}.single-sample .two-col>:last-of-type{width:40%;padding-left:0;padding-right:0}.carbon-cpc .native-example.native-full{margin:30px 0 0}body.carbon-cpc .other-examples{display:block}}@media screen and (max-width:760px){.single-sample .two-col>:last-of-type{width:290px;margin:60px auto 0}.carbon-cpc .native-wrap-example:not(.native-inline){display:none}#slider-controls{width:100%;max-width:387px}}@media screen and (max-width:660px){.carbon-cpc .asset-row{display:block}body.carbon-cpc .asset-row>.col h4,body.carbon-cpc .asset-row>.col p.small-print{display:inline-block}.carbon-cpc .asset-row>.col:first-child{width:100%}.carbon-cpc .asset-row>.col:last-child{margin-top:10px;padding-left:0}.carbon-cpc .native-inline{display:none}}
#main-navigation{z-index:100;padding:0 var(--side-margin);opacity:0;pointer-events:none;align-items:center;height:70px;transition:opacity .4s,transform .4s,background .4s,box-shadow .4s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}#main-navigation.nav-scrolled{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111c;transform:translateY(0);box-shadow:0 1px #ffffff0f}.nav-logo{flex-shrink:0;align-items:center;display:flex}.nav-logo img{width:auto;height:20px;display:block}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:#fff9;border-radius:8px;padding:7px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:#ffffff14}.nav-cta{color:#111;background:#fff;border-radius:20px;flex-shrink:0;margin-left:20px;padding:8px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}#nav-toggle{display:none}@media screen and (max-width:775px){body.nav-overlay-active{overflow:hidden}#nav-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;display:flex}#nav-toggle span{background:#fff;border-radius:2px;width:24px;height:2px;margin:0 auto;transition:transform .3s,opacity .3s;display:block}#nav-toggle.nav-open span:first-child{transform:translateY(7px)rotate(45deg)}#nav-toggle.nav-open span:nth-child(2){opacity:0}#nav-toggle.nav-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links,.nav-cta{display:none}#main-navigation.nav-open{background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:auto;position:fixed;bottom:0}#main-navigation.nav-open .nav-logo{top:22px;left:var(--side-margin);position:absolute}#main-navigation.nav-open #nav-toggle{top:10px;right:var(--side-margin);position:absolute}#main-navigation.nav-open .nav-links,#main-navigation.nav-open .nav-cta{display:flex}#main-navigation.nav-open .nav-links{flex-direction:column;align-items:center;gap:0;margin:0}#main-navigation.nav-open .nav-links a{text-align:center;color:#fffc;background:0 0;padding:16px 30px;font-size:28px;font-weight:600}#main-navigation.nav-open .nav-links a:active{color:#fff}#main-navigation.nav-open .nav-cta{margin:10px 0 0;padding:12px 32px;font-size:18px}}
header:not(.contact-hero){text-align:center;margin:0 auto;padding:60px 0 0;position:relative;overflow:hidden}header:not(.contact-hero):after{content:"";z-index:1;background:linear-gradient(#0000,var(--main-bg-color)420px);pointer-events:none;width:100%;height:650px;display:block;position:absolute;bottom:100px;left:0}body:not(.home) header:not(.contact-hero):after{height:100%;bottom:0}header:not(.contact-hero)>*{z-index:2;position:relative}header:not(.contact-hero)>a{mix-blend-mode:difference;width:150px;margin:0 auto;display:block}#carbon-logo{mix-blend-mode:difference;width:auto;height:30px;margin:0 auto 120px;display:block}header:not(.contact-hero) p{max-width:532px;margin:0 auto 60px;font-size:18px;font-weight:400;line-height:30px;display:block}#header-ctas{max-width:420px;margin:0 auto 140px}@media screen and (max-width:630px){#carbon-logo{margin:0 auto 60px}header:not(.contact-hero) p{max-width:360px;font-size:16px;line-height:1.5em}#header-ctas{margin:0 auto 60px}#header-ctas .cta-button{width:150px;margin:15px auto 0;display:block}}
header .header-decorative-container{column-count:2px;z-index:0;width:280px;position:absolute;top:0}#left-side-deco{left:-80px}#right-side-deco{text-align:right;right:-130px}.header-decorative-container img{float:left;opacity:0;width:130px;height:100px;margin:0 10px 10px 0;transition:opacity .4s}.header-decorative-container img:first-child,.header-decorative-container img:nth-child(5),.header-decorative-container img:nth-child(9),.header-decorative-container img:nth-child(13),.header-decorative-container img:nth-child(17),.header-decorative-container img:nth-child(21),.header-decorative-container img:nth-child(25),.header-decorative-container img:nth-child(29){margin-left:-50px}#left-side-deco img.ready:nth-child(odd):not(.animating),#right-side-deco img.ready:nth-child(2n):not(.animating){opacity:.16}#left-side-deco img.ready:nth-child(2n):not(.animating),#right-side-deco img.ready:nth-child(odd):not(.animating){opacity:.08}.header-decorative-container img:hover{opacity:.32!important}.animating{pointer-events:none!important}@media screen and (max-width:860px){.header-decorative-container{filter:blur(4px)}}@media screen and (max-width:630px){#left-side-deco{left:50%}#right-side-deco{right:50%}}
#footer-container{width:100%;height:auto;padding:150px var(--side-margin-xl)var(--side-margin-xl);color:#909090;box-sizing:border-box;background:#fff;margin:0 auto;position:relative;overflow:hidden}#back-to-top{text-align:center;color:#ffffff59;cursor:pointer;z-index:1;background-color:#0000;background-image:url(/images/dip-accent.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;border:none;width:387px;height:55px;padding:0;font-family:courier new;font-size:14px;font-weight:700;line-height:45px;transition:color .3s;position:absolute;top:-10px;left:50%;transform:translate(-50%)}#back-to-top:hover{color:#fff}#back-to-top svg{opacity:.35;width:1em;margin-left:5px;transition:opacity .3s;display:inline-block}#back-to-top:hover svg{opacity:1}#footer-logo{height:33px;margin-bottom:40px;display:block}#footer-cta{margin-bottom:40px}.footer-cta-button{color:#fff;background:#111;border-radius:25px;height:46px;padding:0 36px;font-size:16px;line-height:46px;text-decoration:none;transition:background .3s;display:inline-block}.footer-cta-button:hover{background:#333}#footer-menu-container{gap:60px;max-width:760px;margin-bottom:100px;display:flex}.footer-menu-column{white-space:nowrap;flex:1;font-size:16px;line-height:35px}.footer-menu-column strong{color:#000;font-weight:600;display:block}.footer-menu-column a{color:#909090;text-decoration:none;transition:color .3s;display:block}.footer-menu-column a:hover{color:#000}#footer-decorative-container{column-count:2;z-index:0;text-align:right;width:280px;position:absolute;top:0;right:-130px}#footer-decorative-container img{float:left;width:130px;height:100px;margin:0 10px 10px 0;transition:opacity .6s}#footer-decorative-container img:first-child,#footer-decorative-container img:nth-child(5),#footer-decorative-container img:nth-child(9),#footer-decorative-container img:nth-child(13),#footer-decorative-container img:nth-child(17),#footer-decorative-container img:nth-child(21),#footer-decorative-container img:nth-child(25),#footer-decorative-container img:nth-child(29){margin-left:-50px}#footer-decorative-container img:nth-child(2n){opacity:.6}#footer-decorative-container img:nth-child(odd){opacity:.3}#footer-decorative-container img.animating{opacity:0}#footer-decorative-container img:hover{opacity:1!important}@media screen and (max-width:1120px){#back-to-top{width:265px;height:41px;font-size:13px;line-height:32px}}@media screen and (max-width:960px){#footer-container{padding:120px var(--side-margin)var(--side-margin)}#footer-menu-container{gap:unset;max-width:100%;margin-bottom:90px;display:block}.footer-menu-column{vertical-align:top;width:24%;display:inline-block}#footer-decorative-container{display:none}}@media screen and (max-width:760px){#footer-logo{height:22px}.footer-menu-column{font-size:14px}}@media screen and (max-width:630px){#footer-menu-container{margin-bottom:30px}#footer-logo{margin-bottom:50px}.footer-menu-column{width:100%;margin-bottom:30px}#footer-decorative-container{display:block;left:330px;right:auto}}@media screen and (max-width:490px){#footer-decorative-container{left:280px}}
#contact-container{width:calc(100% - (var(--side-margin-xl)*2));max-width:var(--content-max-width);background:#242424;border-top:1px solid #ffffff0d;border-radius:15px;height:auto;margin:0 auto 150px;padding:0;position:relative}#contact-title{z-index:10;text-align:center;color:#ffffff59;background-image:url(/images/dip-accent.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:387px;height:55px;font-family:courier new;font-size:14px;font-weight:700;line-height:45px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}#contact-content{box-sizing:border-box;max-width:670px;margin:0 auto;padding:180px 0 150px}#contact-content h4{color:#fff;margin-bottom:15px;font-size:38px;line-height:1em}#contact-content p{margin-bottom:80px;font-size:16px;line-height:26px}#contact-form{position:relative}#contact-form.blocked:before{content:"";text-align:center;background:#202020;border:2px dashed #ffffff26;border-radius:15px;width:100%;height:400px;font-size:18px;display:block}#contact-form.blocked:after{content:"!! FORM BLOCKED !!\a \a " "This form may be blocked by your ad blocker.\a " "Try temporarily disabling it for this site.\a \a " "Or email us directly: info@carbonads.net";text-align:center;white-space:pre;width:100%;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#contact-form form>fieldset,#contact-form form>.field{width:100%;max-width:100%;margin-bottom:30px;display:block;position:relative}#contact-form fieldset.form-columns-2>div,#contact-form form>.field.hs-firstname,#contact-form form>.field.hs-lastname{width:calc(50% - 15px);display:inline-block}#contact-form fieldset.form-columns-2>div.field:not(:first-child),#contact-form form>.field.hs-lastname{margin-left:30px}#contact-form .hs-field-desc{background-color:#2c2c2c;border:2px solid #3b3b3b;border-radius:4px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem;line-height:1.5;max-width:fit-content!important}#contact-form .field>label{font-size:14px;font-weight:500;line-height:35px;display:block}#contact-form .field>.input{margin:0}.hs-form-required{color:red;margin-left:3px}#contact-form input,#contact-form select{color:#fff;box-sizing:border-box;appearance:none;background:#ffffff17;border:none;border-radius:8px;width:100%;padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:55px}#contact-form input:active,#contact-form input:focus{outline-offset:-1px;outline:1px solid #fffc}#contact-form textarea{color:#fff;box-sizing:border-box;appearance:none;background:#ffffff17;border:none;border-radius:8px;width:100%;height:200px;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px}#contact-form textarea:active,#contact-form textarea:focus{outline-offset:-1px;outline:1px solid #fffc}.hs-error-msgs.inputs-list{color:red;margin:5px 0 0;padding:0;font-size:12px;line-height:1em;list-style:none;position:absolute;top:100%}.hs_error_rollup{position:relative}.hs_error_rollup:not(:empty){margin-bottom:85px}#contact-form .hs-submit{width:250px;margin:100px auto 0;position:relative}#contact-form .hs-submit:after{content:"";background:var(--main-bg-color);box-sizing:border-box;border:2px solid #fff;border-radius:50px;width:15px;height:15px;transition:background .3s;display:block;position:absolute;top:0;right:-3px}#contact-form input[type=submit]{color:#fff;background:#fff0;border:2px solid #fff;border-radius:25px;height:50px;padding:0 36px;font-size:16px;font-weight:600;line-height:45px;text-decoration:none;transition:background .3s;display:inline-block;position:relative}#contact-form input[type=submit]:hover{cursor:pointer;background:#ffffff14}@media screen and (max-width:1260px){#contact-container{margin-bottom:var(--side-margin-xl);border-radius:0;width:100%}#contact-content{padding:180px var(--side-margin-xl)150px;max-width:100%}#contact-form fieldset.form-columns-2>div,#contact-form form>.field.hs-firstname,#contact-form form>.field.hs-lastname{width:100%;margin-left:0}#contact-form fieldset.form-columns-2>div.field:not(:first-child){margin:30px 0 0}}@media screen and (max-width:1120px){#contact-title{width:265px;height:41px;font-size:13px;line-height:32px;top:-11px}#contact-content{padding:120px var(--side-margin-xl)}}@media screen and (max-width:1080px){#contact-content{padding:120px var(--side-margin)}}@media screen and (max-width:760px){#contact-container{margin-bottom:var(--side-margin)}}.contact-layout{grid-template-columns:45fr 55fr;min-height:100vh;display:grid}.contact-hero{background:radial-gradient(at 30%,#282828cc 0%,#0000 60%),radial-gradient(at 70% 80%,#1e1e1e99 0%,#0000 50%),#0a0a0a;flex-direction:column;justify-content:space-between;padding:clamp(36px,5vh,56px) clamp(32px,5vw,64px);display:flex}.contact-hero .logo img{width:auto;height:clamp(20px,1.8vw,28px)}.contact-hero-content{max-width:480px}.contact-hero h1{color:#fff;margin-bottom:clamp(20px,2.5vh,32px);font-size:clamp(2rem,3vw,3.2rem);font-weight:400;line-height:1.2}.contact-hero h1 strong{font-weight:800}.contact-hero h1 em{color:#9ca3af;font-style:italic}.contact-hero p{color:#9ca3af;max-width:400px;font-size:clamp(14px,1vw,16px);line-height:1.7}.contact-hero-footer{color:#6b7280;font-size:13px}.contact-hero-footer a{color:inherit;text-decoration:none}.contact-form-panel{background:#f8f8f8;flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,5vh,60px) clamp(32px,5vw,80px);display:flex;overflow-y:auto}.contact-form-inner{width:100%;max-width:520px}.contact-form-inner h2{color:#111;margin-bottom:clamp(8px,1vh,12px);font-size:clamp(1.5rem,2vw,2rem);font-weight:700;line-height:1.2}.contact-form-inner .form-intro{color:#6b7280;border-bottom:1px solid #e5e7eb;margin-bottom:clamp(28px,4vh,48px);padding-bottom:clamp(28px,4vh,48px);font-size:clamp(14px,1.05vw,16px);line-height:1.6}.contact-form-panel #contact-form{min-height:600px}.contact-form-panel #contact-form .hbspt-form form{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.contact-form-panel #contact-form fieldset{border:none!important;width:100%!important;max-width:100%!important;margin:0 0 clamp(16px,1.8vh,24px)!important;padding:0!important}.contact-form-panel #contact-form fieldset.form-columns-2{grid-template-columns:1fr 1fr!important;gap:clamp(12px,1.4vw,20px)!important;display:grid!important}.contact-form-panel #contact-form fieldset.form-columns-2 .hs-form-field{float:none!important;width:100%!important}.contact-form-panel #contact-form .input{margin-right:0!important}.contact-form-panel #contact-form .form-placeholder{flex-direction:column;gap:20px;display:flex}.contact-form-panel #contact-form .form-placeholder .ph-row{gap:16px;display:flex}.contact-form-panel #contact-form .form-placeholder .ph{background:#e5e7eb;border-radius:8px;animation:1.5s ease-in-out infinite ph-pulse}.contact-form-panel #contact-form .form-placeholder .ph-label{border-radius:4px;width:80px;height:14px;margin-bottom:-12px}.contact-form-panel #contact-form .form-placeholder .ph-input{flex:1;height:48px}.contact-form-panel #contact-form .form-placeholder .ph-textarea{flex:1;height:120px}.contact-form-panel #contact-form .form-placeholder .ph-button{height:50px}@keyframes ph-pulse{0%,to{opacity:1}50%{opacity:.4}}.contact-form-panel #contact-form .hbspt-form~.form-placeholder{display:none}.contact-form-panel #contact-form .hs-form-field>label{color:#374151!important;margin-bottom:6px!important;font-size:clamp(13px,.9vw,14px)!important;font-weight:500!important;line-height:1.4!important;display:block!important}.contact-form-panel #contact-form .hs-form-required{color:#9ca3af!important;margin-left:1px!important}.contact-form-panel #contact-form .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]){color:#111!important;appearance:none!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;width:100%!important;max-width:100%!important;height:clamp(42px,3.4vw,48px)!important;padding:0 14px!important;font-family:inherit!important;font-size:clamp(14px,1vw,15px)!important;line-height:clamp(42px,3.4vw,48px)!important;transition:border-color .15s,box-shadow .15s!important}.contact-form-panel #contact-form .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]):focus{border-color:#111!important;outline:none!important;box-shadow:0 0 0 1px #111!important}.contact-form-panel #contact-form textarea.hs-input{color:#111!important;resize:vertical!important;appearance:none!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:clamp(90px,10vh,120px)!important;padding:12px 14px!important;font-family:inherit!important;font-size:clamp(14px,1vw,15px)!important;line-height:1.5!important;transition:border-color .15s,box-shadow .15s!important}.contact-form-panel #contact-form textarea.hs-input:focus{border-color:#111!important;outline:none!important;box-shadow:0 0 0 1px #111!important}.contact-form-panel #contact-form ul.inputs-list:not(.no-list):not(.hs-error-msgs){grid-template-columns:repeat(3,1fr)!important;gap:clamp(8px,.8vw,10px)!important;margin:0!important;padding:0!important;list-style:none!important;display:grid!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li{margin:0!important;padding:0!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li label{cursor:pointer!important;display:block!important;position:relative!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li label input[type=radio]{opacity:0!important;width:0!important;height:0!important;position:absolute!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li label span{text-align:center!important;color:#374151!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:clamp(10px,1vh,12px) 8px!important;font-size:clamp(13px,.9vw,14px)!important;transition:background .15s,color .15s,border-color .15s!important;display:block!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li label:hover span{color:#111!important;border-color:#9ca3af!important}.contact-form-panel #contact-form ul.inputs-list:not(.hs-error-msgs) li label input[type=radio]:checked+span{color:#fff!important;background:#111!important;border-color:#111!important}.contact-form-panel #contact-form .hs-submit{width:auto!important;margin-top:clamp(24px,3vh,36px)!important}.contact-form-panel #contact-form .hs-submit:after{display:none}.contact-form-panel #contact-form .hs-submit .actions{margin:0!important;padding:0!important}.contact-form-panel #contact-form input[type=submit],.contact-form-panel #contact-form .hs-button{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:#111!important;border:none!important;border-radius:8px!important;width:100%!important;height:clamp(44px,3.6vw,50px)!important;padding:0!important;font-family:inherit!important;font-size:clamp(14px,1vw,15px)!important;font-weight:600!important;line-height:clamp(44px,3.6vw,50px)!important;transition:background .2s!important}.contact-form-panel #contact-form input[type=submit]:hover,.contact-form-panel #contact-form .hs-button:hover{background:#1f2937!important}.contact-form-panel #contact-form .hs-error-msgs{margin:4px 0 0!important;padding:0!important;list-style:none!important}.contact-form-panel #contact-form .hs-error-msgs li{margin:0!important;padding:0!important}.contact-form-panel #contact-form .hs-error-msgs label,.contact-form-panel #contact-form .hs-error-msg{color:#dc2626!important;background:0 0!important;border-radius:0!important;margin-top:4px!important;padding:0!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;display:block!important}.contact-form-panel #contact-form .hs_error_rollup{margin-bottom:12px!important}.contact-form-panel #contact-form .hs_error_rollup .hs-error-msgs label,.contact-form-panel #contact-form .hs_error_rollup .hs-error-msg{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:6px!important;padding:8px 12px!important;font-size:14px!important}.contact-form-panel #contact-form .hs-field-desc{color:#888!important;margin-bottom:8px!important;font-size:13px!important;line-height:1.5!important;display:none!important}.contact-form-panel #contact-form .hubspot-link__container{display:none!important}@media screen and (max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-hero{min-height:45vh;padding:36px 28px}.contact-form-panel{padding:40px 28px}}@media screen and (max-width:600px){.contact-hero{min-height:38vh;padding:32px 20px}.contact-form-panel{padding:32px 20px}.contact-form-panel #contact-form fieldset.form-columns-2,.contact-form-panel #contact-form ul.inputs-list{grid-template-columns:1fr!important}}