/* ---------------- Webflow Extract (shared) ----------------
   Extracted from the former clerk.webflow.css for shared Webflow base,
   header, footer, Astro layouts, and reusable components.
   Page-specific extracts live in public/css/pages/.
   ---------------------------------------------------------- */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,details,figure,footer,header,main,menu,nav,section{display:block}canvas,progress,video{vertical-align:baseline;display:inline-block}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}code{font-family:monospace;font-size:1em}button,input,select{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");font-weight:400;font-style:normal}[class^=w-icon-],[class*=\ w-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.w-icon-dropdown-toggle:before{content:""}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}.w-inline-block{max-width:100%;display:inline-block}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button}h1,h2,h3{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}p{margin-top:0;margin-bottom:10px}figure{margin:0 0 10px}ul{margin-top:0;margin-bottom:10px;padding-left:40px}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}button,[type=button]{cursor:pointer;-webkit-appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input{color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input::placeholder{color:#999}.w-input:focus{border-color:#3898ec;outline:0}.w-input[disabled]{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled){background-color:#eee}.w-file-upload-input{opacity:0;z-index:-100;width:.1px;height:.1px;position:absolute;overflow:hidden}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{color:#333;display:inline-block}.w-file-upload-error{margin-top:10px;display:block}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-toggle{vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.w-dropdown-list.w--open{display:block}.w-richtext:before,.w-richtext:after{content:" ";grid-area:1/1/2/2;display:table}.w-richtext:after{clear:both}.w-richtext ul{overflow:hidden}.w-richtext figure{max-width:60%;position:relative}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure div{color:#0000;font-size:0}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:" ";grid-area:1/1/2/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.w-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.w--nav-link-open{display:block;position:relative}.w-nav-button{float:right;cursor:pointer;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none;position:relative}.w-nav-button:focus{outline:0}.w-nav-button.w--open{color:#fff;background-color:#c8c8c8}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";grid-area:1/1/2/2;display:table}.w-tabs:after{clear:both}.w-tab-link{vertical-align:top;text-align:left;cursor:pointer;color:#222;background-color:#ddd;padding:9px 30px;text-decoration:none;display:inline-block;position:relative}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-pane{display:none;position:relative}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-dyn-bind-empty,.w-condition-invisible{display:none!important}@font-face{font-family:Poppins;src:url(/fonts/67a09498a5754a425553b0b1_Poppins-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/67a095ddeee33c0306d974f2_Poppins-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/67a0967510886eb2e87b3fbf_Poppins-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/67a096895750fdeb07cc262e_Poppins-SemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/67a096b384531257f2b0abee_Poppins-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}:root{--black:#333;--light-grey:#f4f4f4;--white:white;--orange-red:#ff5c28;--dark-grey:#989898;--black-2:#333;--text-style-muted:#717171;--white-smoke:var(--white);--v2-off-white:whitesmoke}.w-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.w-layout-vflex{flex-direction:column;align-items:flex-start;display:flex}body{color:#333;font-family:Poppins,Arial,sans-serif;font-size:1rem;line-height:1.5}h1,h2{margin-top:0;margin-bottom:0;font-size:3rem;font-weight:600;line-height:1.2}h3{margin-top:0;margin-bottom:0;font-size:2.5rem;font-weight:600;line-height:1.2}p{margin-bottom:0;font-size:1rem}a{border-top-color:var(--black);border-right-color:var(--black);border-bottom-style:none;border-bottom-width:1px;border-left-color:var(--black);color:var(--black);text-decoration:underline}ul{margin-top:1rem;margin-bottom:1rem;padding-left:0;font-size:20px;line-height:20px}li{margin-top:.25rem;margin-bottom:.25rem;padding-left:.5rem;font-size:1.1rem;line-height:1.5rem}img{max-width:100%;display:inline-block}label{margin-bottom:.25rem;font-weight:500}strong{font-weight:700}em{font-style:italic}figure{min-width:auto;margin-top:3rem;margin-bottom:3rem}.layer{justify-content:center;align-items:center;position:absolute;inset:0%}.margin-xxsmall{margin:.5rem}.margin-xsmall{margin:1rem}.margin-small{margin:1.5rem}.margin-large{margin:3rem}.margin-0{margin:0}.padding-medium{padding:2rem}.padding-large{padding:3rem}.padding-xxlarge{padding:5rem}.margin-top,.margin-top.margin-small,.margin-top.margin-xxsmall,.margin-top.margin-xsmall,.margin-top.margin-large,.margin-top.margin-0{margin-bottom:0;margin-left:0;margin-right:0}.margin-bottom{margin-top:0;margin-left:0;margin-right:0}.margin-bottom.margin-small,.margin-bottom.margin-large,.margin-bottom.margin-0,.margin-bottom.margin-xxsmall{margin-top:0;margin-left:0;margin-right:0}.margin-bottom.margin-xxsmall.flex{grid-column-gap:10px;grid-row-gap:10px;align-items:center;display:flex}.margin-bottom.margin-xsmall{margin-top:0;margin-left:0;margin-right:0}.margin-left,.margin-left.margin-0,.margin-left.margin-small,.margin-left.margin-xsmall,.margin-left.margin-large,.margin-left.margin-xxsmall{margin-top:0;margin-bottom:0;margin-right:0}.padding-top,.padding-top.padding-large,.padding-top.padding-medium,.padding-top.padding-xxlarge{padding-bottom:0;padding-left:0;padding-right:0}.padding-bottom,.padding-bottom.padding-large,.padding-bottom.padding-xxlarge,.padding-bottom.padding-medium{padding-top:0;padding-left:0;padding-right:0}.padding-left,.padding-left.padding-medium,.padding-left.padding-xxlarge,.padding-left.padding-large{padding-top:0;padding-bottom:0;padding-right:0}.padding-right,.padding-right.padding-large,.padding-right.padding-xxlarge,.padding-right.padding-medium{padding-top:0;padding-bottom:0;padding-left:0}.padding-vertical,.padding-vertical.padding-large,.padding-vertical.padding-medium,.padding-vertical.padding-xxlarge{padding-left:0;padding-right:0}.padding-vertical.padding-custom-footer{padding:4.25rem 0 2rem}.heading-style-h6{font-size:1.125rem;font-weight:700;line-height:1.4}.heading-style-h5{font-size:1.5rem;font-weight:700;line-height:1.4}.button{border:1px solid var(--black);background-color:var(--black);color:var(--white);text-align:center;padding:.75rem 1.5rem}.text-size-regular{font-size:1rem;line-height:1.4}.text-weight-bold{font-weight:700}.text-weight-bold.text-color-orange.margin-top.margin-large.blog_read-more{grid-column-gap:8px;grid-row-gap:8px;display:flex}.heading-style-h3{font-size:2rem;line-height:1.2}.heading-style-h3.text-style-inline{display:inline}.heading-style-h3.text-weight-semibold.large{grid-column-gap:10px;align-items:center;font-size:2.5rem;font-weight:600;display:flex}.heading-style-h3.text-weight-semibold.large.hero{height:auto;font-size:3rem}.heading-style-h3.v2-width-20ch{max-width:25ch}.form-input{border:1px solid var(--black);background-color:var(--white);height:auto;min-height:2.75rem;color:var(--black);margin-bottom:0;padding:.5rem .75rem;font-size:1rem;line-height:1.6}.form-input:focus{border-color:#000}.form-input::placeholder{color:#0009}.form-input.is-search-input{border-color:var(--dark-grey);border-radius:6px;min-height:2.5rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:3rem;font-size:.8rem;line-height:1}.text-color-white{color:var(--white)}.background-color-white{background-color:var(--white)}.text-weight-semibold{font-weight:500}.text-style-muted{color:var(--text-style-muted)}.form{grid-column-gap:1.5rem;grid-row-gap:1.5rem;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid}.text-align-center{text-align:center}.text-size-small{text-transform:none;font-size:.875rem}.text-size-small.text-weight-semibold{color:var(--black-2);font-weight:400}.text-size-small.text-inline{display:inline}.text-size-large{font-size:1.25rem}.padding-global{text-align:left;background-color:#fff0;flex:1;padding-left:5%;padding-right:5%;overflow:visible}.padding-global.flex{grid-column-gap:40px;justify-content:space-between;display:flex}.padding-global.steps{justify-content:center;margin-bottom:140px;display:flex}.padding-global.v2-usp-boxes__container{flex-flow:column;justify-content:center;align-items:center;display:flex}.padding-section-medium{padding-top:5rem;padding-bottom:5rem}.hero{opacity:.9;height:100vh}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding:5em 0;display:flex}.menu{justify-content:flex-start;align-items:flex-end;font-size:1rem;display:flex}.text-color-orange{color:var(--orange-red)}.text-color-orange.text-weight-semibold{font-size:1rem}.tagline_wrapper{grid-column-gap:.5rem;grid-row-gap:1rem;color:var(--orange-red);text-transform:uppercase;flex-direction:row;align-items:flex-start;font-size:.81rem;font-weight:700;display:flex}.tagline_wrapper.change{grid-column-gap:0rem;grid-row-gap:0rem}.footer_component{background-color:var(--black-2);color:var(--white);overflow:hidden}.footer_link{color:var(--white);padding-top:.5rem;padding-bottom:.3rem;font-size:.75rem;text-decoration:none;transition:color .3s cubic-bezier(.165,.84,.44,1);overflow:visible}.footer_link:hover{color:var(--orange-red)}.footer_logo-link{padding-left:0}.footer_text{color:var(--white);padding-top:.5rem;font-size:.9375rem;text-decoration:none}.footer_text.is--spacer{height:2.5rem}.footer_contact-divider{flex-direction:column;flex:1;justify-content:space-between;display:flex}.footer_gutter-wrap{grid-column-gap:1.5625rem;grid-row-gap:1.5625rem;flex:none;grid-template-rows:auto;grid-template-columns:auto 1fr;grid-auto-columns:1fr;place-items:center start;padding-top:.5rem;padding-bottom:.5rem;display:grid}.fotoer_logo{width:4.8rem}.footer_gutter-link-wrap{grid-column-gap:3rem;grid-row-gap:3rem;grid-template-rows:auto;grid-template-columns:auto auto auto auto 1fr;grid-auto-columns:1fr;display:grid}.section-divider{background-color:#98989840;height:1px}.text-style-inline{display:inline}.link-description{display:none}.blogs_category-heading{margin-bottom:1.5rem}.blogs_title-link{flex-direction:column;flex:1;justify-content:space-between;margin-bottom:.5rem;text-decoration:none;display:flex}.blogs_image-wrapper{border-radius:8px;width:100%;padding-top:70%;position:relative;overflow:hidden}.blogs_category-link{border-radius:6px;font-size:.75em;font-weight:500;text-decoration:none}.blogs_menu-link{margin-bottom:.75rem;font-size:.875rem;transition:all .2s}.blogs_menu-link:hover,.blogs_menu-link.w--current{color:var(--orange-red);text-decoration:underline}.blogs_image-link{width:100%;margin-bottom:1rem}.blogs_component{grid-column-gap:4rem;grid-row-gap:2rem;grid-template-rows:auto;grid-template-columns:15rem 1fr;grid-auto-columns:1fr;align-items:start;display:grid}.blogs_component.cc-pad{grid-column-gap:3.13em;grid-template-columns:347px 1fr;width:100%}.blog-head_featured-item{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;padding-top:5rem;display:grid}.blog-head_image-wrapper{border-radius:12px;width:100%;position:relative;overflow:hidden}.blog-head_image-link{width:100%;margin-bottom:1.5rem}.blog-head_image-link.margin-bottom.margin-0{margin-bottom:0}.blogs_read-time-wrap{border-left:1px solid var(--dark-grey);margin-left:.75rem;padding-left:.75rem;font-size:.75rem}.inline-wrap{display:inline}.text-inline{display:inline-block}.filters5_dropdown{width:100%;margin-left:0;margin-right:0;position:static}.filters5_dropdown-toggle{border:1px solid var(--dark-grey);min-height:2.5rem;color:var(--dark-grey);border-radius:6px;align-items:center;padding:.25rem 2.8rem .25rem 1rem;font-size:.8rem;display:flex}.filters5_dropdown-toggle.v2-blog-page__filter{z-index:1;background-color:var(--white)}.search-icon{width:1.2rem;height:1.2rem;position:absolute;inset:.6em auto auto 12px}.filters5_dropdown-icon{margin-top:.75rem;margin-bottom:.75rem;margin-right:1rem}.filters5_keyword-search{align-items:center;display:flex;position:relative}.filters5_keyword-search.c-width_100{width:100%}.blogpost5_share{grid-column-gap:.5rem;grid-row-gap:.5rem;grid-template-rows:auto;grid-template-columns:max-content;grid-auto-columns:1fr;grid-auto-flow:column;justify-items:start;display:grid}.blogpost3_social-icon{width:1rem;height:1.2rem}.blogpost5_social-link{background-color:#eaeaea;border-radius:100px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding-right:0;transition:all .22s;display:flex}.blogpost5_social-link:hover{background-color:var(--orange-red);color:var(--white)}.blogpost5_share-wrapper{flex-direction:column;align-items:flex-start;width:100%;display:flex}.toc_link{flex-direction:row;align-items:flex-start;margin-bottom:.5rem;font-size:.9rem;transition:all .25s;display:flex}.toc_link:hover{color:var(--orange-red)}.toc_link-text{color:var(--black-2);font-size:.9rem;font-weight:500;line-height:1.5;transition:all .25s}.toc_link-text:hover{color:var(--orange-red)}.section_related-blogs{width:100%}.text-style-new{background-color:var(--orange-red);color:var(--white);margin-left:.1rem;padding:.1rem .2rem;font-size:.5rem;display:inline-block}.text-footer-small{margin-bottom:2px;font-size:.75rem}.newsletter-form{color:var(--black-2);font-size:.9rem}.section{background-color:var(--white);outline-offset:0px;outline:3px #555;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:auto}.section.new{padding-top:120px;padding-bottom:100px}.points{margin-top:2rem;margin-bottom:0}.flex{justify-content:space-between;display:flex}.flex.card{justify-content:space-between;margin-top:16px;margin-left:20px;margin-right:20px}.flex.change,.flex.padding{max-width:80rem;margin-left:auto;margin-right:auto}.verticals{flex-direction:column;margin-top:50px;margin-left:0;margin-right:0;padding-left:0%;display:flex}.arrow{margin-top:60px}.absolute{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:url(/images/webflow/cdn-prod-website-files-com/63357df7224a8a49353f3636/64e33c9d806b2a29c39d4e70_-bgglass.png);background-position:50%;background-size:100% 100%;background-attachment:scroll;flex-direction:column;justify-content:center;width:28vw;max-width:500px;height:auto;margin-top:-220px;margin-left:-100px;padding:40px;display:flex;position:static;top:650px;right:20vw}.locale{margin-bottom:10px}.list{cursor:pointer;margin-top:0;margin-bottom:0}.v2-button{grid-column-gap:15px;grid-row-gap:15px;border:1px solid var(--orange-red);background-color:var(--orange-red);outline-color:var(--orange-red);outline-offset:0px;width:auto;color:var(--white);text-align:center;-webkit-text-stroke-color:var(--white);object-fit:fill;border-radius:999px;outline-width:0;outline-style:none;flex-flow:row;flex:none;justify-content:space-between;align-items:center;padding:.8em 2em;font-size:.9rem;font-weight:700;line-height:1em;transition:color .2s;display:flex;position:relative;overflow:hidden}.v2-button:hover{color:var(--black-2)}.v2-button.v2-button--full-width{width:100%;color:var(--white);text-align:left;justify-content:center;align-items:center}.v2-button.v2-button--full-width:hover{color:var(--black-2)}.v2-button.v2-newsletter-form__submit{height:48px;padding-top:.6em;padding-bottom:.6em}.v2-button.v2-newsletter-form__submit.cc-width_100{width:100%}.v2-button.nav-cta.mobile-cta{display:none}.v2-button.center{justify-content:center}.v2-button-secondary{box-sizing:border-box;grid-column-gap:15px;grid-row-gap:15px;border:1px solid var(--black-2);outline-offset:0px;color:var(--black-2);-webkit-text-stroke-width:0px;background-color:#0000;border-radius:999px;outline:2px #333;justify-content:center;align-items:center;padding:.8em 3em;font-size:.9rem;font-weight:700;line-height:1em;transition:border-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.v2-button-secondary:hover{border:2px solid var(--orange-red);outline-offset:0px;color:var(--orange-red);outline:2px #333}.v2-button-secondary.hide-mobile-landscape.hide-tablet{padding-left:2em;padding-right:2em}.v2-button-secondary.show-tablet{display:none}.v2-button-secondary.white{border-color:var(--white);color:var(--white);text-align:center}.v2-cta-icon{z-index:1;flex-direction:column;flex:none;justify-content:center;align-items:center;width:1.4rem;display:flex;position:relative}.v2-section_hero{background-color:#0000;flex-flow:column;justify-content:center;align-items:center;margin-top:3rem;display:flex;overflow:hidden}.v2-margin-medium{margin:2rem}.v2-container-large{text-align:left;flex:0 auto;width:100%;max-width:1300px;margin-left:auto;margin-right:auto}.v2-single-button-wrapper{justify-content:flex-start;align-items:center;display:flex}.v2-footer_top-wrapper{grid-column-gap:0rem;grid-row-gap:0rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr;place-content:stretch space-between;place-items:start stretch;width:100%;display:flex}.v2-footer_top-wrapper.cc-top{grid-column-gap:4rem;grid-row-gap:4rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.v2-footer_column-heading{color:var(--white);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.v2-footer-top-container{grid-column-gap:3rem;grid-row-gap:3rem;flex-flow:column;width:100%;margin-left:auto;margin-right:auto;padding-top:2rem;display:flex}.v2-footer_bottom-wrapper{border-width:1px;border-color:#989898 #000 #000;border-top-style:solid;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.v2-footer_bottom-wrapper.footer-address{justify-content:center;align-items:center}.footer__some-icons{grid-column-gap:10px;grid-row-gap:10px;justify-content:flex-start;align-items:center;display:flex}.v2-navbar_component{z-index:9;background-color:var(--v2-off-white);width:100%;min-height:4.5rem;box-shadow:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0% 0% auto}.v2-navbar_component.white{background-color:var(--white)}.v2-navbar5_container{justify-content:space-between;align-items:center;width:100%;max-width:1300px;height:100%;margin-left:auto;margin-right:auto;padding-top:.4rem;padding-bottom:.25rem;display:flex;position:static}.v2-navbar5_logo-link{padding-left:0}.v2-navbar5_logo{height:2.1rem;margin-bottom:7px}.v2-navbar_menu{flex:0 auto;justify-content:flex-end;align-items:center;height:100%;margin-left:0;display:flex;position:static}.v2-navbar_menu:focus{border-bottom:0 solid #0000}.v2-navbar5_menu-right{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-items:center;display:flex}.v2-navbar5_menu-button{padding:0}.v2-dropdown__list{background-color:var(--white);padding:1em 1em 0}.v2-dropdown__list.w--open{border-radius:15px;left:-.5em;box-shadow:0 5px 5px #0000000d}.v2-dropdown__list.cc-2{left:-17em}.v2-dropdown__top-text{flex:none;justify-content:flex-start;align-items:center;margin-right:.5em;font-size:16px;display:flex}.v2-dropdown__toggle{justify-content:center;align-items:center;padding:1em .5em;transition:color .2s;display:flex}.v2-dropdown__toggle:hover{color:var(--orange-red)}.v2-dropdown__toggle.w--open{justify-content:flex-start;align-items:center;display:flex}.v2-dropdown__item{grid-column-gap:12px;grid-row-gap:12px;min-width:400px;color:var(--black-2);justify-content:flex-start;align-items:center;margin-bottom:1em;transition:color .2s;display:flex;overflow:visible}.v2-dropdown__item:hover{color:var(--orange-red)}.v2-dropdown__item.service-hidden{display:none}.v2-dropdown__item.cc-2{min-width:288px}.v2-dropdown__text-container{align-self:center}.v2-dropdown__link-text{font-size:14px;font-weight:400}.v2-dropdown__link-subtext{color:var(--text-style-muted);font-size:12px;font-weight:300}.v2-dropdown__icon-container{background-color:var(--white-smoke);border-radius:8px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;padding:8px;display:flex}.v2-dropdown__icon{max-width:80%}.v2-dropdown__icon.cc-s{max-width:65%}.v2-dropdown__top-icon{flex:none;justify-content:center;align-items:center;width:10px;height:8px;display:flex}.v2-button-text--arrow{z-index:1;position:relative}.v2-footer_link-list{flex-direction:column;grid-template-rows:auto;grid-template-columns:100%;grid-auto-columns:100%;place-items:flex-start start;display:flex}.v2-section_cta{margin-top:4em;margin-bottom:4em}.v2-section_cta.extra-padding{margin-top:8em}.v2-section_cta.background-color-white.margin-0{margin-top:0;margin-bottom:0}.v2-cta-block{background-color:var(--black-2);color:var(--white);border-radius:30px;justify-content:space-between;align-items:stretch;display:flex}.v2-cta-block.audit.cc-2{overflow:hidden}.v2-cta-block.white{background-color:var(--white);color:var(--black-2)}.v2-cta-block__left{background-image:url(/images/theme/6720b707961f6a507c713776_office-demo.jpg);background-position:50%;background-size:cover;border-top-left-radius:30px;border-bottom-left-radius:30px;width:50%;overflow:hidden}.v2-cta-block__left.audit.cc-2{border-radius:0;width:500px;min-width:500px;height:650px;min-height:650px}.v2-cta-block__left.cc-fit_cover{border-top-right-radius:30px;border-bottom-right-radius:30px}.v2-cta-block__right{width:50%;padding:5em 3em}.v2-cta-block__right.cc-2{flex-flow:column;justify-content:center;align-items:flex-start;padding:1.3em;display:flex}.v2-navbar_wrapper{width:100%;padding-left:5%;padding-right:5%}.v2-menu{justify-content:flex-start;align-items:flex-end;font-size:1rem;display:flex}.v2-footer-newsletter{border-bottom:1px solid #989898;width:100%;margin-left:auto;margin-right:auto;padding-bottom:4.25rem}.v2-newsletter-form{margin-top:2em}.v2-newsletter-form.sticky{position:sticky;top:140px}.v2-newsletter-form__content{grid-column-gap:15px;grid-row-gap:15px;flex-flow:column;justify-content:flex-start;align-items:center;margin-left:auto;margin-right:auto;display:flex}.v2-newsletter-form__content.cc-align_left{justify-content:flex-start;align-items:flex-start}.v2-newsletter-form__field{border:1px solid var(--white);background-color:var(--black-2);height:48px;color:var(--white);border-radius:100px;margin-bottom:0;padding-top:.6em;padding-bottom:.6em;padding-left:1.2em;font-size:14px;line-height:1.3em}.v2-newsletter-form__field.cc-white{background-color:var(--white)}.v2-newsletter-form__top{grid-column-gap:15px;grid-row-gap:15px;justify-content:flex-start;align-items:center;width:100%;max-width:900px;margin-left:auto;margin-right:auto;display:flex}.v2-newsletter-form__top.cc-vertical{grid-column-gap:10px;grid-row-gap:10px;color:var(--white);flex-flow:column}.v2-nav{width:100%}.v2-top-nav{justify-content:flex-end;align-items:center;display:flex}.v2-top-nav.cc-2{display:none}.v2-dropdown__heading{color:#7c7c7c;margin-bottom:.8rem;font-size:.8rem;font-weight:600}.v2-dropdown__2col{grid-column-gap:40px;grid-row-gap:40px;display:flex}.v2-dropdown__2col.cc-2{grid-column-gap:30px;grid-row-gap:15px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.product-highlight__nav{z-index:3;grid-column-gap:15px;grid-row-gap:15px;flex-flow:wrap;justify-content:center;align-items:flex-start;margin-top:1em;padding-top:1em;padding-bottom:1em;display:flex;position:static;top:0}.product-highlight__nav-item{grid-column-gap:15px;grid-row-gap:15px;background-color:var(--white);color:var(--black-2);border-radius:100px;justify-content:flex-start;align-items:center;padding:10px 20px;transition:color .2s cubic-bezier(.455,.03,.515,.955),background-color .2s cubic-bezier(.455,.03,.515,.955);display:flex}.product-highlight__nav-item:hover{background-color:var(--black-2);color:var(--white)}.product-highlight__nav-item.color-grey{background-color:var(--white-smoke)}.product-highlight__nav-item.color-grey:hover,.product-highlight__nav-item.color-grey.w--current{background-color:var(--black-2);color:var(--light-grey)}.product-higlight__nav-text{font-size:.9rem}.p{font-size:12px;display:none}.label{justify-content:center;align-items:flex-start;display:flex}.div{background-color:var(--white);display:none}.v2-newsletter-form__consent{max-width:900px;font-size:12px}.v2-newsletter-form__consent.cc-white{color:var(--light-grey)}.link-15{text-decoration:underline}.success-message-3{background-color:#ddd0}.text-block-54{text-align:center}.error-message-3{background-color:#ffdede00}.paragraph-11{align-self:auto;font-size:.8rem}.v2-blog-head_featured-item-content{flex-direction:column;justify-content:center;align-items:flex-start;padding-top:0;padding-bottom:0;padding-right:2rem;display:flex}.v2-blog-head_title-link{margin-bottom:.5rem;text-decoration:none;display:block}.v2-blog-head_author-wrapper{align-items:center;display:flex}.v2-blog-head_author-text{grid-column-gap:.25rem;grid-row-gap:.25rem;flex-direction:column;display:flex}.v2-blogs_meta-wrapper{grid-column-gap:1rem;grid-row-gap:1rem;flex:none;align-items:center;margin-bottom:.5rem;display:flex}.v2-blogs_meta-wrapper.text-style-muted{grid-column-gap:0rem;grid-row-gap:0rem}.v2-blog-head__icon{width:auto;height:1.1rem;margin-right:.5rem}.v2-blog-head_date-wrapper{align-items:center;display:flex}.v2-blog-head__time{justify-content:flex-start;align-items:center;display:flex}.v2-blogs_image-link{width:100%;margin-bottom:1rem}.v2-blogs_image-link.fs_cmsnest_link{border-radius:30px}.v2-blog-page__image{aspect-ratio:991/694;object-fit:cover;border-radius:15px;width:100%;height:100%}.v2-blogs_tile-content{flex-direction:column;flex:1;height:100%;display:flex}.v2-blogs_list{grid-column-gap:1rem;grid-row-gap:2rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.v2-blogs_list.cc-2{flex-flow:wrap;justify-content:center;align-items:flex-start;display:flex}.v2-blogs_list.cc-gap{grid-column-gap:.63em;grid-row-gap:3.13em}.v2-blogs_item{border-radius:15px;flex-direction:column;justify-content:flex-start;padding:.5rem .5rem .75rem;transition:all .32s;display:flex}.v2-blogs_item:hover{box-shadow:0 8px 20px -7px #00000047}.v2-blogs_item.cc-2{max-width:18rem}.v2-blogs_item.cc-margin_0{padding:0}.v2-blogs_item.cc-margin_0:hover{box-shadow:none}.v2-blog-head_image{object-fit:cover;border-radius:30px;width:100%;height:auto;position:relative;inset:0%}.v2-blogs_button-wrapper{grid-column-gap:8px;grid-row-gap:8px;color:var(--orange-red);text-transform:none;align-items:center;margin-top:1.5rem;font-size:.9rem;font-weight:700;display:flex}.v2-filters5_filters-dropdown-list{font-size:.8rem}.v2-filters5_filters-dropdown-list.w--open{background-color:var(--white);border:1px solid #98989857;border-radius:15px;min-width:18.5rem;max-height:15rem;margin-top:.5rem;padding:.5rem 1rem;overflow:auto;box-shadow:4px 4px 15px #98989896}.v2-blogpost5_content{margin-bottom:4rem}.v2-blogpost5_content-wrapper{grid-column-gap:3rem;grid-row-gap:3rem;flex-flow:column;grid-template-rows:auto;grid-template-columns:.6fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:flex-start;display:flex}.v2-blog-container{max-width:65ch;margin-left:auto;margin-right:auto}.v2-blogs_category-menu-2{background-color:var(--white);opacity:1;border:1px #9898983b;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;padding-top:1rem;padding-left:1rem;padding-right:1rem;display:flex}.v2-blogs_menu-wrap{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;margin-bottom:4rem;display:flex}.v2-blogs_image{object-fit:cover;border-radius:15px;width:100%;height:100%;position:absolute;inset:0%}.v2-blog-bottom{margin-bottom:5rem}.v2-heading-style-feature{margin-top:1rem;margin-bottom:1rem;font-size:3rem;line-height:1.3}.v2-text-rich-text h1{margin-top:2rem;margin-bottom:.5em}.v2-text-rich-text h2{margin-top:1.5rem;margin-bottom:.5em;font-size:2.2rem}.v2-text-rich-text h3{margin-top:1.5rem;margin-bottom:.5em;font-size:1.7rem;font-weight:500}.v2-text-rich-text p{margin-bottom:2em;font-size:1rem;line-height:1.5rem}.v2-text-rich-text a{color:var(--orange-red);text-decoration:underline}.v2-text-rich-text li{font-size:1rem}.v2-text-rich-text.cc-mb_0 ul,.v2-text-rich-text ul{padding-left:1rem}.youtube{border-radius:30px;overflow:hidden}.checkbox{margin-top:2px}.cc-none{display:none}.a-section{flex-direction:column}.tabs-inspiration{grid-column-gap:3.13em;grid-row-gap:3.13em;flex-direction:column;align-items:center;display:flex}.c-wrap{grid-column-gap:.5rem;grid-row-gap:.5rem;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.c-wrap.cc-vertical{flex-direction:column;display:flex}.c-wrap.cc-horizontal{flex-flow:row;justify-content:flex-start;align-items:center;padding-top:15px;padding-bottom:30px;display:flex}.c-wrap.cc-horizontal.cc-width_100.cc-gap{grid-column-gap:1rem;grid-row-gap:1rem}.c-wrap.cc-horizontal.cc-align_center{justify-content:center;align-items:center}.c-wrap.cc-horizontal.cc-align_center.cc-none{display:none}.c-wrap.cc-gap_1{grid-column-gap:1rem;grid-row-gap:1rem}.c-wrap.cc-relative{position:relative}.c-wrap.cc-width_47{width:47%}.c-wrap.cc-align_center{justify-content:center;align-items:center}.blog-cta-form{background-color:var(--black-2);border-radius:15px;padding:1.25em;position:sticky;top:140px}.blog-cta{grid-column-gap:3.13em;grid-row-gap:3.13em;background-color:var(--black-2);color:var(--white);border-radius:30px;justify-content:space-between;align-items:stretch;padding:2.5em;display:flex}.blog-cta.cc-2{padding:1em}.c-knowledge-center_banner-heading{font-size:1.88em;font-weight:600}.blog-cta-info{grid-column-gap:32px;grid-row-gap:32px;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:50%;display:flex}.blog-cta-info.cc-2{grid-column-gap:20px;grid-row-gap:20px}.blog-cta-text{grid-column-gap:8px;grid-row-gap:8px;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.left-form-info{height:100%;position:relative}.c-grid{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;margin-top:78px;display:grid}.cc-mt_0{margin-top:0}.cc-width_100{width:100%}.c-form{width:100%}.cc-fit_cover{object-fit:cover}.c-icon{width:1.3rem}.c-icon.cc-s{width:1rem}.cc-mb_0{margin-bottom:0}.video{width:100%;height:50%;position:absolute;inset:0%}.icon{z-index:102;color:#999;padding-left:5px;padding-right:5px;font-size:16px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;position:relative}.icon:hover{color:#f7941e}.h2{margin-top:0;margin-bottom:0;font-size:36px;line-height:1.3}.cc-relative{position:relative}.body{background-color:var(--light-grey)}@media screen and (min-width:1280px){.v2-cta-block__left.audit.cc-2{width:650px;min-width:650px}}@media screen and (min-width:1440px){.blog-cta.cc-2{padding-left:1.5em}}@media screen and (min-width:1920px){.v2-cta-block__left.audit.cc-2{height:720px;min-height:720px}.v2-text-rich-text.cc-mb_0{text-align:left}.a-section{flex-direction:column;display:flex}.h2{font-size:48px}}@media screen and (max-width:991px){h1{font-size:3.25rem}h2{font-size:2.75rem}h3{font-size:2.25rem}.hide-tablet{display:none}.margin-large{margin:2.5rem}.padding-large{padding:2.5rem}.padding-xxlarge{padding:4.5rem}.margin-top{margin-bottom:0;margin-left:0;margin-right:0}.margin-bottom{margin-top:0;margin-left:0;margin-right:0}.margin-left{margin-top:0;margin-bottom:0;margin-right:0}.padding-top{padding-bottom:0;padding-left:0;padding-right:0}.padding-bottom{padding-top:0;padding-left:0;padding-right:0}.padding-left{padding-top:0;padding-bottom:0;padding-right:0}.padding-right{padding-top:0;padding-bottom:0;padding-left:0}.padding-vertical{padding-left:0;padding-right:0}.heading-style-h3{font-size:2.25rem}.padding-global.flex{flex-direction:column}.padding-section-medium{padding-top:4rem;padding-bottom:4rem}.container{padding-left:6vw;padding-right:6vw}.menu{display:flex}.menu-icon_line-middle-inner{width:7px;height:0;padding-bottom:0;padding-right:0}.footer_gutter-link-wrap{margin-left:0}.blogs_component{grid-column-gap:3rem;grid-template-columns:.25fr 1fr}.blogs_component.cc-pad{flex-flow:column;grid-template-rows:auto;grid-template-columns:auto;grid-auto-columns:1fr;display:grid}.blog-head_featured-item{display:flex}.filters5_dropdown{width:100%}.filters5_dropdown-icon{margin-top:0;margin-bottom:0;inset:auto 0% auto auto}.close{display:none}.flex.change,.flex.padding{flex-direction:column}.arrow{width:40px}.absolute{align-self:center;align-items:center;width:auto;margin-top:-120px;margin-left:0;position:static}.v2-button.nav-cta{display:block}.v2-button.nav-cta.mobile-cta{display:flex}.v2-button-secondary.show-tablet{display:flex}.v2-section_hero{height:auto}.v2-footer_top-wrapper{grid-row-gap:3rem;flex-flow:wrap;grid-template-columns:1fr 1fr 1fr}.v2-footer_bottom-wrapper{flex-direction:column-reverse;align-items:flex-start}.v2-navbar_component{min-height:0}.v2-navbar5_container{justify-content:space-between;align-items:center;padding-top:.5rem;padding-bottom:.5rem}.v2-navbar_menu{background-color:var(--white);-webkit-text-fill-color:inherit;background-clip:border-box;border-bottom:1px solid #000;align-items:flex-start;height:100vh;margin-left:0;padding:1rem 5% 15rem;position:absolute;overflow:auto}.v2-navbar5_menu-right{flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr;align-items:stretch;margin-top:1.5rem}.v2-navbar5_menu-button{margin-left:auto}.v2-navbar5_menu-button.w--open{background-color:#0000}.v2-dropdown__list.w--open{box-shadow:none}.v2-dropdown__toggle.w--open{justify-content:center;align-items:center}.v2-dropdown__item,.v2-dropdown__item.cc-2{min-width:100%}.v2-footer_link-list{width:25%}.v2-cta-block.audit.cc-2{flex-flow:column}.v2-cta-block__left.audit.cc-2{width:100%;min-width:100%;height:90vw;min-height:90vw}.v2-cta-block__right.cc-2{width:100%}.v2-nav_mobile-button-wrap{grid-column-gap:.5rem;color:var(--orange-red);border-radius:10px;justify-content:center;align-items:center;padding:.5rem 0 .5rem 1.6rem;font-size:1rem;display:flex}.v2menu-icon{width:24px;height:24px;color:var(--black-2);flex-direction:column;flex:none;justify-content:center;align-items:flex-start;display:flex}.v2-navbar_wrapper{width:100%;padding-left:5%;padding-right:5%}.v2-menu{color:var(--black-2);display:flex}.v2-close{display:none}.v2-menu-icon_line-top{background-color:var(--black-2);border-radius:4px;flex:none;width:24px;height:3px;padding-bottom:0;padding-right:0}.v2-menu-icon_line-middle{background-color:var(--black-2);border-radius:4px;flex:none;justify-content:center;align-items:center;width:24px;height:3px;margin-top:6px;margin-bottom:6px;padding-right:0;display:flex}.v2-menu-icon_line-bottom{background-color:var(--black-2);border-radius:4px;flex:none;width:24px;height:3px;padding-bottom:0;padding-right:0}.v2-top-nav.cc-2{justify-content:center;align-items:center;display:flex}.v2-top-nav.cc-tablet_none{display:none}.v2-dropdown__2col{flex-flow:column}.v2-dropdown__2col.cc-2{display:flex}.v2-blog-head_date-wrapper{display:none}.v2-blogs_list{grid-column-gap:2rem;grid-template-columns:1fr 1fr}.v2-filters5_filters-dropdown-list{position:static}.v2-filters5_filters-dropdown-list.w--open{width:100%;min-width:auto;max-height:none}.v2-blogpost5_content{margin-bottom:3rem}.v2-blogpost5_content-wrapper{grid-row-gap:3rem;grid-template-columns:1fr}.v2-blogs_menu-wrap{top:5rem}}@media screen and (max-width:767px){h1{font-size:2.4rem}h2{font-size:2.25rem}h3{font-size:2rem}.hide-mobile-landscape{display:none}.margin-xsmall{margin:.75rem}.margin-small{margin:1.25rem}.margin-large{margin:2rem}.padding-medium{padding:1.5rem}.padding-large{padding:2rem}.padding-xxlarge{padding:3rem}.margin-top{margin-bottom:0;margin-left:0;margin-right:0}.margin-bottom{margin-top:0;margin-left:0;margin-right:0}.margin-left{margin-top:0;margin-bottom:0;margin-right:0}.padding-top{padding-bottom:0;padding-left:0;padding-right:0}.padding-bottom{padding-top:0;padding-left:0;padding-right:0}.padding-left{padding-top:0;padding-bottom:0;padding-right:0}.padding-right{padding-top:0;padding-bottom:0;padding-left:0}.padding-vertical{padding-left:0;padding-right:0}.heading-style-h6{font-size:1.125rem}.heading-style-h5{font-size:1.25rem}.heading-style-h3{font-size:2rem}.text-size-large{font-size:1.125rem}.padding-section-medium{padding-top:3rem;padding-bottom:3rem}.container{padding-top:5em;padding-bottom:5em}.footer_link{font-size:.8125rem}.footer_text{font-size:.8125rem}.footer_gutter-wrap{flex-direction:row-reverse;justify-content:space-between;width:100%;display:flex}.fotoer_logo{width:7.25rem}.footer_gutter-link-wrap{border-bottom:1px solid var(--dark-grey);width:100%;margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem}.blogs_list-wrapper{width:100%}.blogs_component{grid-template-columns:1fr}.blogs_component.cc-pad{flex-flow:column}.blog-head_featured-item{grid-row-gap:1.5rem;flex-flow:column;grid-template-columns:1fr;margin-bottom:3.5rem}.filters5_dropdown-toggle{min-height:3rem}.flex.card{flex-direction:column;margin-left:16px;margin-right:16px}.arrow{display:none}.absolute{align-self:center;align-items:center;width:480px;margin-top:-150px;padding:30px;position:static}.v2-button.nav-cta{display:flex}.v2-cta-icon{width:1rem;height:1rem}.v2-margin-medium{margin:1.25rem}.v2-footer_top-wrapper{grid-column-gap:2.5rem;grid-row-gap:2.5rem;flex-flow:wrap;grid-template-columns:1fr 1fr}.v2-footer_top-wrapper.cc-top{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-columns:auto auto}.v2-footer_bottom-wrapper{padding-top:0}.v2-navbar_component{min-height:0}.v2-footer_link-list.cc-top{width:100%}.v2-section_cta.extra-padding{margin-top:4em}.v2-cta-block{flex-flow:column}.v2-cta-block.audit{flex-flow:column-reverse}.v2-cta-block.audit.cc-2{overflow:hidden}.v2-cta-block__left{border-radius:15px;width:100%;min-height:60vw}.v2-cta-block__left.audit{border-top-right-radius:30px;border-bottom-left-radius:0;order:1;width:100%;display:flex}.v2-cta-block__left.audit.cc-2{order:-1}.v2-cta-block__right{width:100%}.v2-nav_mobile-button-wrap{color:var(--black-2)}.v2-newsletter-form__top{flex-flow:column}.v2-newsletter-form__consent{text-align:center}.paragraph-11{padding-top:1em}.v2-blog-head_featured-item-content{padding:0}.v2-blogs_list{grid-row-gap:3rem;grid-template-columns:1fr}.v2-blogs_list.cc-gap{flex-flow:column;display:flex}.v2-blogs_item.cc-2{max-width:none}.v2-blogpost5_content{margin-bottom:2rem}.v2-blogs_category-menu-2{position:static;overflow:visible}.v2-heading-style-feature{font-size:1.9rem}.c-wrap.cc-horizontal.cc-width_100{flex-flow:column}.c-wrap.cc-width_47{width:100%}.blog-cta{grid-column-gap:2.5em;grid-row-gap:2.5em;flex-flow:column}.blog-cta.audit{flex-flow:column-reverse}.blog-cta-info{width:100%}.left-form-info{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr}.cc-mobile_lands-none{display:none}.h2{font-size:32px}}@media screen and (max-width:479px){.main-wrapper{overflow:visible}.margin-top{margin-bottom:0;margin-left:0;margin-right:0}.margin-bottom{margin-top:0;margin-left:0;margin-right:0}.margin-left{margin-top:0;margin-bottom:0;margin-right:0}.padding-top{padding-bottom:0;padding-left:0;padding-right:0}.padding-bottom{padding-top:0;padding-left:0;padding-right:0}.padding-left{padding-top:0;padding-bottom:0;padding-right:0}.padding-right{padding-top:0;padding-bottom:0;padding-left:0}.padding-vertical{padding-left:0;padding-right:0}.text-size-small{font-size:.8rem}.padding-global.flex{padding-top:90px;padding-bottom:90px}.padding-global.steps{margin-bottom:90px}.container{padding-bottom:5rem}.footer_link{margin-left:auto;margin-right:auto}.footer_gutter-link-wrap{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column;justify-content:space-between;align-items:center;display:flex}.blogpost5_share-wrapper{width:100%;margin-bottom:2rem}.text-footer-small{font-size:.8rem}.flex.padding{margin-left:10px;margin-right:10px}.arrow{margin-top:40px}.absolute{align-items:center;width:300px;margin-top:-100px;padding:20px;position:static;inset:800px 20px auto}.v2-section_hero{height:auto;min-height:70svh}.v2-single-button-wrapper.margin-top.margin-small{justify-content:center;align-items:center}.v2-footer_top-wrapper{grid-column-gap:1rem;grid-row-gap:2rem;flex-flow:column;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center}.v2-footer_top-wrapper.cc-top{text-align:center;display:flex}.v2-footer_bottom-wrapper{border:0 solid #000;align-items:flex-start}.footer__some-icons{align-self:center}.v2-navbar_component{min-height:0}.v2-navbar5_container{border:1px #000}.v2-footer_link-list{justify-content:flex-start;align-items:center;width:100%}.paragraph-11{text-align:center}.c-wrap.cc-gap_1.cc-mobile_center{justify-content:flex-start;align-items:center}}#w-node-ca7caa34-b07b-1833-ad09-c126a75acc03-0bd625eb,#w-node-d9ca92a1-b079-d67a-61b4-e36e0bd62606-0bd625eb{grid-area:span 1/span 1/span 1/span 1}#w-node-d9ca92a1-b079-d67a-61b4-e36e0bd6265a-0bd625eb{align-self:center}@media screen and (max-width:479px){#w-node-ca7caa34-b07b-1833-ad09-c126a75acc54-0bd625eb,#w-node-d9ca92a1-b079-d67a-61b4-e36e0bd62631-0bd625eb{grid-area:span 1/span 1/span 1/span 1}}
/* -------------- End Webflow Extract -------------- */

/* ------------------------------------------------------------------ */
/* Custom styles for the Astro rebuild.                                */
/* Global site styles only.
   Keep this file limited to core design rules and reusable patterns used across many pages.
   Put page-specific layout fixes in the page stylesheet listed in that page's frontmatter. */
/* Brand: orange #ff5c28, text #333.                                   */
/* ------------------------------------------------------------------ */

:root {
  --c-orange: #ff5c28;
  --c-text: #333;
  --c-muted: #6b7280;
  --c-border: #e7e7ea;
  --c-bg-soft: #f7f7f8;
  --c-dark: #14151a;
  --c-maxw: 1200px;
}

* {
  box-sizing: border-box;
}

/* Match the live site's font rendering. Without this, macOS uses subpixel
   smoothing which makes Poppins look heavier/bolder than clerk.io. */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  color: var(--c-text);
  /* Match the Webflow base (body line-height: 1.5). Anything else makes the
     verbatim homepage spacing diverge from the live site. */
  line-height: 1.5;
}

main {
  display: block;
}

a {
  color: inherit;
  /* Mirror the live Webflow base reset so links aren't underlined by the UA
     default. The homepage gets this from its inline global-styles block; this
     line applies the same reset to every other page. */
  text-decoration: inherit;
}

/* Webflow ".hide" utility. The live site uses it to hide helper fields (e.g. the
   hidden "Form" input in the newsletter forms) but the rule isn't in the copied
   Webflow stylesheet, so add it here to stay identical to the live site. */
.hide {
  display: none !important;
}

.u-container {
  width: 100%;
  max-width: var(--c-maxw);
  margin: 0 auto;
  padding: 0 24px;
}

/* ----------------------------- Nav -------------------------------- */
.v2-navbar_component {
  background: transparent;
  box-shadow: none;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  transform: translateY(0);
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 260ms ease;
  will-change: transform;
}

@media screen and (min-width: 992px) {
  .home-page > main {
    padding-top: 125px;
  }
}

.v2-navbar_component.is-scrolled {
  background: var(--white);
  box-shadow: 0 2px 14px rgba(51, 51, 51, 0.08);
}

.v2-navbar_component.is-hidden {
  transform: translateY(0);
}

@media screen and (min-width: 992px) {
  .v2-navbar_component .v2-navbar5_container {
    min-height: 110px;
  }
}

.v2-navbar_component .v2-navbar5_container,
.v2-navbar_component .v2-navbar_menu {
  height: auto;
}

.v2-navbar_component .c-wrap.cc-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

/* The Webflow export positions mega menus as desktop popovers. On compact
   viewports the navigation is an accordion instead: every open panel stays in
   document flow and the menu itself owns scrolling. */
@media screen and (max-width: 991px) {
  body.nav-is-open {
    overflow: hidden;
  }

  body > main {
    padding-top: var(--mobile-header-height, 80px);
  }

  .v2-navbar_component {
    --mobile-header-height: 80px;
    background: var(--white);
  }

  .v2-navbar_component.is-hidden {
    transform: none;
  }

  .v2-navbar_component .v2-navbar5_container {
    min-height: var(--mobile-header-height);
  }

  .v2-navbar_component .v2-navbar_menu[data-nav-menu-open] {
    background: var(--white);
    border: 0;
    display: block !important;
    height: calc(100dvh - var(--mobile-header-height));
    inset: var(--mobile-header-height) 0 auto;
    margin: 0;
    max-height: calc(100dvh - var(--mobile-header-height));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem 5% max(2rem, env(safe-area-inset-bottom));
    position: fixed;
    text-align: center;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  .v2-navbar_component .v2-navbar5_menu-right {
    align-items: stretch;
    display: flex;
    gap: 0;
    margin: 0;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown {
    display: block;
    margin: 0;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown__toggle {
    align-items: center;
    display: flex;
    justify-content: space-between !important;
    min-height: 52px;
    padding: 0.75rem 0;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown__top-icon {
    flex: 0 0 auto;
    transition: transform 180ms ease;
  }

  .v2-navbar_component .v2-dropdown.w--open .v2-dropdown__top-icon {
    transform: rotate(180deg);
  }

  .v2-navbar_component .v2-dropdown__list,
  .v2-navbar_component .v2-dropdown__list.cc-2 {
    background: var(--white);
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    inset: auto;
    margin: 0 0 0.75rem;
    max-height: none;
    max-width: none;
    min-width: 0;
    overflow: visible;
    padding: 0.75rem;
    position: static;
    transform: none;
    translate: none;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown__2col,
  .v2-navbar_component .v2-dropdown__2col.cc-2,
  .v2-navbar_component .v2-dropdown-column {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown-column {
    margin-inline: auto;
    max-width: 34rem;
  }

  .v2-navbar_component .v2-dropdown__heading {
    margin: 0.5rem 0 0.25rem;
  }

  .v2-navbar_component .v2-dropdown__item,
  .v2-navbar_component .v2-dropdown__item.cc-2 {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    min-width: 0;
    padding: 0.65rem 0.5rem;
    width: 100%;
  }

  .v2-navbar_component .v2-dropdown__icon-container {
    margin: 0;
    min-width: 2rem;
    width: 2rem;
  }

  .v2-navbar_component .v2-dropdown__text-container {
    min-width: 0;
  }

  .v2-navbar_component .v2-dropdown__link-text,
  .v2-navbar_component .v2-dropdown__link-subtext {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .v2-navbar_component .v2-dropdown__link-subtext {
    line-height: 1.4;
  }

  .v2-navbar_component .mobile-cta,
  .v2-navbar_component .v2-button-secondary.show-tablet {
    margin-top: 0.75rem;
    width: 100%;
  }

  .v2-navbar_component .v2-top-nav.cc-2 {
    padding: 1.25rem 0 0.5rem;
  }

  .v2-navbar5_menu-button.w--open .v2-menu-icon_line-top {
    transform: translateY(9px) rotate(45deg);
  }

  .v2-navbar5_menu-button.w--open .v2-menu-icon_line-middle {
    opacity: 0;
  }

  .v2-navbar5_menu-button.w--open .v2-menu-icon_line-bottom {
    transform: translateY(-9px) rotate(-45deg);
  }

  .v2-menu-icon_line-top,
  .v2-menu-icon_line-middle,
  .v2-menu-icon_line-bottom {
    transition: opacity 160ms ease, transform 160ms ease;
  }
}

@media screen and (min-width: 992px) {
  .v2-navbar_component .v2-dropdown {
    isolation: isolate;
  }

  .v2-navbar_component .v2-dropdown::after {
    content: "";
    display: block;
    height: 12px;
    left: -12px;
    position: absolute;
    right: -12px;
    top: 100%;
    z-index: 998;
  }

  .v2-navbar_component .v2-dropdown__toggle {
    color: var(--black-2);
    justify-content: center;
    transition:
      color 140ms ease;
  }

  .v2-navbar_component .v2-dropdown__toggle:hover,
  .v2-navbar_component .v2-dropdown.w--open .v2-dropdown__toggle,
  .v2-navbar_component .v2-dropdown__toggle.w--open {
    background-color: transparent;
    color: var(--black-2);
    justify-content: center;
    opacity: 1;
  }

  .v2-navbar_component .v2-dropdown__top-icon {
    transform: rotate(-90deg);
    transition: transform 180ms ease;
  }

  .v2-navbar_component .v2-dropdown.w--open .v2-dropdown__top-icon,
  .v2-navbar_component .v2-dropdown__toggle.w--open .v2-dropdown__top-icon {
    transform: rotate(0deg);
  }

  .v2-navbar_component .v2-dropdown__list {
    animation: navDropdownIn 170ms ease both;
    background-color: var(--white);
    border: 1px solid rgba(51, 51, 51, 0.07);
    border-radius: 12px;
    box-shadow: 0 16px 44px rgba(51, 51, 51, 0.08);
    left: 0;
    margin-top: 6px;
    max-width: calc(100vw - 64px);
    overflow: hidden;
    translate: 0 0;
    transform-origin: top center;
    will-change: opacity, transform;
    z-index: 999;
  }

  .v2-navbar_component .v2-dropdown__list.cc-2 {
    left: -3em;
    padding: 1rem;
  }

  .v2-navbar_component .v2-dropdown__list::before {
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
    top: -8px;
  }

  .v2-navbar_component .v2-dropdown__item {
    border-radius: 8px;
    transition:
      background-color 140ms ease,
      color 140ms ease;
  }

  .v2-navbar_component .v2-dropdown__2col.cc-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 0.75rem;
  }

  .v2-navbar_component .v2-dropdown__item.cc-2 {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    grid-column-gap: 0.9rem;
    min-width: 276px;
    padding: 0.65rem 0.8rem;
  }

  .v2-navbar_component .v2-dropdown__item.cc-2 .v2-dropdown__icon-container {
    justify-content: flex-start;
    margin: 0;
    min-width: 2.4rem;
    width: 2.4rem;
  }

  .v2-navbar_component .v2-dropdown__item.cc-2 .v2-dropdown__text-container {
    min-width: 0;
    padding-top: 0.05rem;
  }

  .v2-navbar_component .v2-dropdown__item:hover,
  .v2-navbar_component .v2-dropdown__item:focus-visible {
    background-color: rgba(255, 92, 40, 0.08);
    color: var(--black-2);
    transform: none;
  }

  .v2-navbar_component .v2-dropdown__item:hover .v2-dropdown__link-text,
  .v2-navbar_component .v2-dropdown__item:focus-visible .v2-dropdown__link-text {
    color: var(--black-2);
  }

  .v2-navbar_component .v2-dropdown__icon-container,
  .v2-navbar_component .v2-dropdown__item:hover .v2-dropdown__icon-container,
  .v2-navbar_component .v2-dropdown__item:focus-visible .v2-dropdown__icon-container {
    background-color: transparent;
  }
}

@keyframes navDropdownIn {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* --------------------------- Sections ----------------------------- */
.section {
  padding: 72px 0;
}
.section--soft {
  background: var(--c-bg-soft);
}
.section--dark {
  background: var(--c-dark);
  color: #fff;
}
.section__head {
  max-width: 720px;
  margin: 0 auto 48px;
  text-align: center;
}
.section__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--c-orange);
  margin: 0 0 12px;
}
.section h2 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.15;
  margin: 0 0 16px;
}
.text-color-orange {
  color: var(--c-orange);
}

/* ----------------------------- Hero ------------------------------- */
.hero {
  padding: 80px 0 56px;
  text-align: center;
}
.hero h1 {
  font-size: clamp(2.2rem, 5vw, 3.9rem);
  line-height: 1.05;
  margin: 0 auto 20px;
  max-width: 14ch;
  font-weight: 700;
}
.hero p {
  max-width: 620px;
  margin: 0 auto 28px;
  font-size: 1.15rem;
  color: var(--c-muted);
}
.hero__actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.hero__note {
  font-size: 0.9rem;
  color: var(--c-muted);
}
.hero__image {
  display: block;
  max-width: 980px;
  width: 100%;
  margin: 44px auto 0;
  border-radius: 10px;
}

/* --------------------------- Logo bar ----------------------------- */
.logobar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 8px 0;
}
.logobar img {
  height: 30px;
  width: auto;
  opacity: 0.7;
  filter: grayscale(1);
}

/* ----------------------------- Cards ------------------------------ */
.grid {
  display: grid;
  gap: 24px;
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
.card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 10px;
  padding: 28px;
}
.card h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
}
.card p {
  margin: 0;
  color: var(--c-muted);
}

/* ----------------------------- Stats ------------------------------ */
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  text-align: center;
}
.stats__num {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 700;
  color: var(--c-orange);
  line-height: 1;
}
.stats__label {
  color: var(--c-muted);
  margin-top: 8px;
  font-size: 0.95rem;
}

/* --------------------------- Quote/review ------------------------- */
.quote {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 10px;
  padding: 28px;
}
.quote p {
  font-size: 1.02rem;
  margin: 0 0 16px;
}
.quote__author {
  font-weight: 600;
  font-size: 0.92rem;
}
.quote__role {
  color: var(--c-muted);
  font-size: 0.86rem;
}

/* --------------------------- Blog / listing ----------------------- */
.post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.post-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.post-card:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.post-card__img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  background: var(--c-bg-soft);
}
.post-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.post-card__cat {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--c-orange);
}
.post-card__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  color: var(--c-text);
}
.post-card__meta {
  font-size: 0.82rem;
  color: var(--c-muted);
  margin-top: auto;
}

/* --------------------------- Article ------------------------------ */
.article {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 24px 72px;
}
.article__header {
  margin-bottom: 32px;
}
.article__cat {
  color: var(--c-orange);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8rem;
}
.article h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.1;
  margin: 12px 0;
}
.article__meta {
  color: var(--c-muted);
  font-size: 0.92rem;
}
.article__hero {
  width: 100%;
  border-radius: 8px;
  margin: 24px 0 8px;
}
.article__shell {
  max-width: 65ch;
}
.article__wide {
  width: min(78ch, calc(100vw - 48px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}
.article__description {
  margin: 0 0 24px;
  font-size: 1.12rem;
  line-height: 1.6;
}

.article-head {
  padding: clamp(56px, 8vw, 120px) 0 clamp(28px, 5vw, 56px);
  text-align: center;
}

.article-head__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: min(1160px, calc(100vw - 48px));
  text-align: center;
}

.article-head__eyebrow {
  color: var(--c-orange);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center;
}

.article-head__title {
  color: var(--c-text);
  font-size: clamp(2.25rem, 4vw, 3.75rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
  margin: 0;
  text-align: center;
}

.article-head__meta {
  color: var(--c-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.94rem;
  gap: 12px 20px;
  justify-content: center;
  margin: clamp(14px, 1.5vw, 22px) auto clamp(18px, 2.6vw, 30px);
  max-width: min(780px, 100%);
}

.article-head__meta-item {
  align-items: center;
  display: inline-flex;
}

/* ----------------------------- Video ------------------------------ */
.video {
  aspect-ratio: 16 / 9;
  background: #fff;
  border: 1px solid rgba(20, 21, 26, 0.08);
  border-radius: 24px;
  box-shadow:
    0 18px 45px rgba(20, 21, 26, 0.14),
    0 2px 8px rgba(20, 21, 26, 0.08);
  display: block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.w-richtext figure.video {
  max-width: 100%;
}

.video > div,
.video iframe,
.video video,
.video embed,
.video object {
  border: 0;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.video iframe,
.video video,
.video embed,
.video object {
  border-radius: inherit;
  display: block;
}

article .video,
.article__body .video,
.v2-blogpost5_content .video {
  margin-left: 50%;
  max-width: min(78ch, calc(100vw - 48px));
  transform: translateX(-50%);
  width: min(78ch, calc(100vw - 48px));
}

article .w-richtext figure.video,
.v2-blogpost5_content .w-richtext figure.video {
  max-width: min(78ch, calc(100vw - 48px));
}

.article__hero-video {
  width: min(78ch, calc(100vw - 48px));
  max-width: none;
  margin: 28px 0 36px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.section_blogpost5 {
  padding-top: 0;
}
.article__body {
  font-size: 1.08rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 65ch;
}
.article__body h2 {
  font-size: 1.6rem;
  margin: 36px 0 12px;
}
.article__body h3 {
  font-size: 1.3rem;
  margin: 28px 0 10px;
}
.article__body img {
  max-width: 100%;
  border-radius: 12px;
}
.article__body blockquote {
  border-left: 4px solid var(--c-orange);
  margin: 24px 0;
  padding: 6px 0 6px 20px;
  color: var(--c-muted);
  font-style: italic;
}
.article__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin: 24px 0 36px;
}
.article__cta-row--footer {
  margin-top: 40px;
}
.article__body table {
  display: block;
  width: min(78ch, calc(100vw - 48px));
  max-width: none;
  overflow-x: auto;
  border-collapse: collapse;
  border-style: hidden;
  border-radius: 16px;
  margin: 28px 0;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 0.95rem;
  box-shadow: 0 0 0 1px var(--c-border);
}
.article__body th,
.article__body td {
  border: 1px solid var(--c-border);
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
}
.article__body th {
  background: var(--c-bg-soft);
  font-weight: 700;
}

/* Compare pages reproduce the original two-column hero and narrow article. */
.compare-hero {
  background: #fff;
  padding: 0 5%;
}

.compare-hero__grid {
  align-items: start;
  display: grid;
  gap: 0;
  grid-template-columns: 41.54% 58.46%;
  margin: 0 auto;
  max-width: 1296px;
  height: 1017px;
  padding-top: 125px;
  position: relative;
}

.compare-hero__copy {
  align-self: start;
  padding-top: 0;
  position: relative;
  z-index: 2;
}

.compare-hero__copy h1 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1rem;
}

.compare-hero__copy p {
  font-size: 1.04rem;
  line-height: 1.9;
  margin: 0 0 1.25rem;
}

.compare-hero__visual {
  margin-left: 40px;
  min-height: 431px;
  position: relative;
}

.compare-hero__glow {
  left: 180px;
  position: absolute;
  top: 45px;
  width: 359px;
}

.compare-hero__product {
  height: 300px;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: -2px;
  width: 300px;
  z-index: 1;
}

.compare-hero__platform {
  align-items: center;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(25, 25, 25, 0.15);
  display: flex;
  justify-content: center;
  padding: 1.35rem 1.75rem;
  position: absolute;
  right: 28px;
  top: 288px;
  width: 190px;
  z-index: 2;
}

.compare-hero__platform img {
  width: 100%;
}

.compare-hero__video {
  aspect-ratio: 16 / 9;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: hidden;
  position: absolute;
  top: 636px;
  transform: none;
  width: 41.54%;
  z-index: 3;
}

.compare-hero__video iframe {
  border: 0;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.compare-article {
  padding: 0 0 clamp(56px, 8vw, 104px);
}

.compare-article__shell,
.compare-article .article__body {
  max-width: 640px;
}

.compare-article__shell {
  padding-left: 0;
  padding-right: 0;
}

.compare-article .article__body h2 {
  font-size: 2.2rem;
  line-height: 1.18;
  margin: 0 0 1rem;
}

.compare-article .article__body h2:not(:first-child) {
  margin-top: 3rem;
}

.compare-article .article__body h3 {
  font-size: 1.7rem;
  font-weight: 500;
  margin: 1.5rem 0 0.5rem;
}

.compare-article .article__body p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

.compare-article .article__body table {
  margin-top: 84px;
  width: min(1036px, calc(100vw - 48px));
}

.compare-article .article__body th,
.compare-article .article__body td {
  padding: 20px 16px;
}

.compare-audit {
  padding-top: 0;
}

@media screen and (max-width: 991px) {
  .compare-hero__grid {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    padding-top: 8rem;
  }

  .compare-hero__copy {
    max-width: 640px;
  }

  .compare-hero__visual {
    margin-left: 0;
    min-height: min(72vw, 650px);
  }

  .compare-hero__video {
    left: auto;
    margin: 2rem auto 5rem;
    max-width: 940px;
    position: relative;
    top: auto;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .compare-hero {
    padding: 0 24px;
  }

  .compare-hero__grid {
    padding-top: 7rem;
  }

  .compare-hero__copy h1 {
    font-size: 2.4rem;
  }

  .compare-hero__copy p {
    line-height: 1.6;
  }

  .compare-hero__visual {
    min-height: 78vw;
  }

  .compare-hero__product {
    height: auto;
    width: 48vw;
  }

  .compare-hero__glow {
    left: 24vw;
    top: 7vw;
    width: 52vw;
  }

  .compare-hero__platform {
    border-radius: 12px;
    padding: 0.8rem 1rem;
    top: 48vw;
    width: 32vw;
  }

  .compare-hero__video {
    margin: 1rem auto 4rem;
  }

  .compare-article__shell {
    padding-left: 24px;
    padding-right: 24px;
  }

  .compare-article .article__body h2 {
    font-size: 1.9rem;
  }

  .compare-article .article__body table {
    border-radius: 0;
    box-shadow: none;
    display: block;
    margin: 2rem 0;
    max-width: none;
    overflow: visible;
    transform: none;
    width: 100%;
  }

  .compare-article .article__body thead {
    display: none;
  }

  .compare-article .article__body tbody {
    display: block;
    width: 100%;
  }

  .compare-article .article__body tr {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 20px;
    width: 100%;
  }

  .compare-article .article__body td {
    border: 0;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    padding: 9px 0;
    text-align: left;
    width: 100%;
  }

  .compare-article .article__body td::before {
    color: #98a0ad;
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-bottom: 7px;
    text-transform: uppercase;
  }

  .compare-article .article__body td:nth-child(1) {
    border-bottom: 1px solid var(--c-border);
    font-size: 1.08rem;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 16px;
  }

  .compare-article .article__body td:nth-child(1)::before {
    content: "App";
  }

  .compare-article .article__body td:nth-child(2)::before {
    content: "Pros";
  }

  .compare-article .article__body td:nth-child(3)::before {
    content: "Cons";
  }

  .compare-article .article__body td:nth-child(4) {
    border-top: 1px solid var(--c-border);
    font-weight: 700;
    margin-top: 8px;
    padding-top: 16px;
    text-align: right;
  }

  .compare-article .article__body td:nth-child(4)::before {
    content: "Price*";
    text-align: right;
  }
}

/* ------------------------- Breadcrumb ----------------------------- */
.breadcrumb {
  font-size: 0.85rem;
  color: var(--c-muted);
  margin-bottom: 8px;
}
.breadcrumb a {
  text-decoration: none;
}

/* ----------------------------- Forms ------------------------------ */
.lead-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 16px;
  padding: 28px;
  /* The form is a white card; force dark text so it stays legible even when
     dropped inside a dark-on-white container (e.g. the blog post CTA block,
     which sets color:white on its content). */
  color: var(--c-text);
}
.lead-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lead-form label {
  font-size: 0.88rem;
  font-weight: 500;
}
.lead-form input,
.lead-form textarea,
.lead-form select {
  color: var(--c-text);
  background: #fff;
  padding: 12px 14px;
  border: 1px solid var(--c-border);
  border-radius: 10px;
  font: inherit;
}
.lead-form input:focus,
.lead-form textarea:focus,
.lead-form select:focus {
  outline: 2px solid var(--c-orange);
  border-color: var(--c-orange);
}
.lead-form button {
  border: 0;
  background: var(--c-orange);
  color: #fff;
  font-weight: 700;
  padding: 13px 20px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.95rem;
}
.lead-form button:disabled {
  opacity: 0.6;
  cursor: progress;
}
.lead-form__status {
  font-size: 0.9rem;
  min-height: 1.2em;
}
.lead-form__status.is-error {
  color: #c0392b;
}

/* ----------------------- Webinar / two-col ------------------------ */
.split {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start;
}
.split ul {
  padding-left: 18px;
}
.embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 14px 24px -18px rgba(15, 23, 42, 0.22),
    0 2px 8px -6px rgba(15, 23, 42, 0.16);
}
.embed iframe {
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0;
  border-radius: inherit;
}
.thank-you__shell {
  max-width: 1080px;
}
.thank-you-page main > .section:first-child {
  padding-top: clamp(8rem, 10vw, 10rem);
}
.thank-you__copy {
  max-width: 820px;
  margin: 0 auto;
}
.thank-you__copy .article__body img {
  display: none;
}
.thank-you__video {
  width: min(1080px, 100%);
  margin: 56px auto 32px;
}
.thank-you__demo-cta {
  display: flex;
  justify-content: center;
  margin: 40px auto 0;
  text-align: center;
}
.thank-you__demo-button {
  font-size: 1.05rem;
  min-height: 58px;
  padding: 18px 30px;
}

/* Blog/topic collection hero spacing. */
#blog-header-5 .padding-section-medium {
  padding-top: 12px;
}

.article-head__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  text-align: left;
}

.article-head__image {
  width: 100%;
  border-radius: 18px;
}

.article-inline-video {
  margin: 2rem 0;
}

.v2-blog-container,
.v2-blogpost5_content,
.v2-text-rich-text:is(article) {
  margin-left: auto;
  margin-right: auto;
  max-width: 65ch;
  width: 100%;
}

/* "Book a FREE site audit" CTA spans the full width of the post grid.
   It lives inside the 3-column `.c-grid`; without an explicit column span it
   collapses into a single narrow column and stretches tall. The live site
   spans it across all columns (grid-column: span 3). */
.c-grid .blog-cta {
  grid-column: 1 / -1;
}

/* Blog post Table of Contents: anchor links scroll natively to the H2s. */
html {
  scroll-behavior: smooth;
}
.v2-text-rich-text :is(h1, h2, h3, h4)[id] {
  scroll-margin-top: 90px;
}

/* Blog post "Book a FREE website review" CTA. The left column carries a fixed
   650px background image; our stacked LeadForm makes the right column taller, so
   stretch the image column to fill the block instead of leaving a dark gap. */
.v2-cta-block.audit {
  align-items: stretch;
}
.v2-cta-block.audit .v2-cta-block__left.audit {
  height: auto;
}

@media (max-width: 991px) {
  .grid--3,
  .grid--4,
  .post-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .split {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .grid--3,
  .grid--4,
  .post-grid,
  .stats {
    grid-template-columns: 1fr;
  }
  article .video,
  .article__body .video,
  .v2-blogpost5_content .video,
  .article__hero-video {
    margin-left: 0;
    transform: none;
    width: 100%;
  }
  .video {
    border-radius: 16px;
  }

  .lead-form,
  .v2-demo-page,
  .v2-demo-page__grid,
  .v2-demo-page__form-area,
  .v2-demo-page__form,
  .v2-demo-page .div-block-78,
  .v2-demo-page form {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .v2-demo-page input,
  .v2-demo-page select,
  .v2-demo-page textarea,
  .v2-demo-page iframe,
  .lead-form input,
  .lead-form select,
  .lead-form textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
}

/* Collapsed (burger) nav: hide the standalone "Free trial" CTA that sits next to
   the burger — the collapsed menu already contains its own Free trial button, so
   showing both is redundant. The button carries a `hide-tablet` class for exactly
   this, but Webflow's `.v2-button.nav-cta { display: block }` (≤991px) has higher
   specificity and leaked it back in; this rule out-specifies it. (The secondary
   "Book a demo" CTA is already hidden the same way.) */
@media screen and (max-width: 991px) {
  .v2-button.nav-cta.hide-tablet {
    display: none;
  }

  .v2-navbar5_menu-button {
    margin-right: 24px;
  }
}

/* Fluid root font size. The live site sets a responsive root on <html> via an
   inline style (this exact clamp), so its whole rem-based type scale shrinks to
   ~14.4px on narrow viewports and grows on wide ones. Our copied Webflow CSS only
   carried the browser-default 16px root, which made every rem-based size render
   ~11% larger than live. Replicating the clamp restores identical type sizes
   across all breakpoints. */
html {
  font-size: clamp(0.9rem, 0.8rem + 0.2vw, 1.125rem);
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Webflow exports animated blocks with inline opacity:0. Without the Webflow
   runtime those sections stay blank, so copied marketing content must be visible. */
[data-w-id][style*="opacity: 0"] {
  opacity: 1 !important;
}

main > .main-wrapper,
main > .section:first-child,
main > [class*="section"]:first-child {
  padding-top: 0;
  margin-top: 0;
}

.v2-button,
.v2-button-secondary,
.button-2,
.button-3,
.w-button {
  min-height: 0;
  border-width: 2px;
  transform: none;
  will-change: auto;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.v2-featured-case__quote {
  font-weight: 600;
}

.clerk-vid-desktop,
.clerk-vid-mobile {
  background: transparent !important;
  outline: 0;
}

.v2-button:hover,
.v2-button-secondary:hover,
.button-2:hover,
.button-3:hover,
.w-button:hover {
  transform: none !important;
}

.v2-footer_top-wrapper {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: start;
}

.v2-footer_top-wrapper.cc-top {
  margin-top: 2.5rem;
}

.v2-footer_link-list,
.v2-footer_link-list.cc-top {
  min-width: 0;
}

.v2-logo-carousel,
.logo-carousel,
[class*="logo-bar"],
[class*="logo_marquee"],
[class*="marquee"] {
  max-width: 100%;
  overflow: hidden;
}

.client-carousel__wrapper,
.c-loop_track,
.c-logo_loop {
  max-width: 100%;
  overflow: hidden !important;
}

.client-carousel__wrapper,
.c-loop_track.cc-integrations {
  padding-inline: clamp(1.5rem, 5vw, 5rem);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.client-carousel__wrapper {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  min-width: max-content;
}

.client-carousel__wrapper > * {
  flex: 0 0 auto;
}

.accordion-top-wrapper:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--orange-red) 45%, transparent);
  outline-offset: 3px;
}

.jobs-listings__item {
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.jobs-listings__item:hover,
.jobs-listings__item:focus-visible {
  border-color: var(--orange-red);
  box-shadow: 0 10px 30px rgba(32, 32, 32, 0.11);
  outline: none;
}

.jobs-page .testimonial_slider {
  display: block !important;
}

.jobs-page .section_talents .w-dyn-items {
  display: grid;
  gap: 1rem;
  grid-auto-columns: minmax(20rem, 32rem);
  grid-auto-flow: column;
  overflow-x: auto;
  padding: 0.25rem 0.25rem 1rem;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--orange-red) #eee;
}

.jobs-page .section_talents .w-dyn-item {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(32, 32, 32, 0.08);
  padding: 1.5rem;
  scroll-snap-align: start;
}

.client-carousel__list,
.loop-collection-2 {
  will-change: transform;
}

.client-carousel__container {
  display: flex;
  overflow: hidden;
}

.client-carousel__container > .client-carousel__wrapper {
  flex: 0 0 auto;
  animation: clerk-logo-scroll 42s linear infinite;
}

@keyframes clerk-logo-scroll {
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-carousel__container > .client-carousel__wrapper {
    animation-play-state: paused;
  }
}

.flex-block-4 {
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  width: min(100%, 1090px);
  margin: 1.5rem auto 0;
}

.flex-block-4 .image-52 {
  width: 100%;
  height: auto;
}

.learn-load-more {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  width: 100%;
}

.features-live-hero__reviews {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.features-live-hero__reviews img {
  width: auto;
  height: 31px;
}

.features-page .v2-section_hero.cc-1 {
  margin-top: 3rem;
}

.features-page .v2-header_component.cc-2 {
  grid-column-gap: 40px;
  grid-template-columns: 0.75fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
}

.features-page .v2-header1_content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.features-page .w-layout-hflex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.features-page .v2-double-cta {
  gap: 15px;
  flex-flow: row wrap;
  align-items: stretch;
}

.features-page .v2-reviews-container {
  gap: 20px;
}

.features-page .v2-header1_image-wrapper {
  height: 100%;
  position: relative;
}

@media screen and (max-width: 991px) {
  .features-page .v2-header_component.cc-2 {
    grid-template-columns: 1fr;
  }
}

.article-embed,
.blog-cta-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.article-embed {
  margin: 1.5rem 0 3rem;
}

.article-embed iframe,
.blog-cta-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*
 * Mobile Chrome can leave replaced elements such as iframes at their
 * 300-by-150 intrinsic size when a percentage height is resolved against an
 * aspect-ratio-sized containing block. Give article players their own ratio
 * so their rendered height always follows their responsive width.
 */
.v2-text-rich-text .article-embed iframe,
.v2-text-rich-text .video iframe {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* Blog audit CTA: keep the video and form as one balanced responsive unit. */
.v2-cta-block.audit.cc-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.v2-cta-block.audit.cc-2 .v2-cta-block__left.audit.cc-2 {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  aspect-ratio: 1;
}

.v2-cta-block.audit.cc-2 .blog-cta-video {
  height: 100%;
  aspect-ratio: 1;
  border-radius: 0;
}

/* Crop the 16:9 YouTube player to the square frame, keeping its centre visible. */
.v2-cta-block.audit.cc-2 .blog-cta-video iframe {
  left: 50%;
  width: 177.78%;
  max-width: none;
  transform: translateX(-50%);
}

.v2-cta-block.audit.cc-2 .v2-cta-block__right.cc-2 {
  width: auto;
  padding: 1.25rem;
}

.v2-cta-block.audit.cc-2 .heading-style-h3 {
  font-size: clamp(1.8rem, 2.5vw, 2.25rem);
}

.v2-cta-block.audit.cc-2 .lead-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  gap: 0.625rem 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--white);
}

.v2-cta-block.audit.cc-2 .lead-form__field--website,
.v2-cta-block.audit.cc-2 .lead-form__consent,
.v2-cta-block.audit.cc-2 .lead-form__privacy,
.v2-cta-block.audit.cc-2 .lead-form button,
.v2-cta-block.audit.cc-2 .lead-form__note,
.v2-cta-block.audit.cc-2 .lead-form__status {
  grid-column: 1 / -1;
}

.v2-cta-block.audit.cc-2 .lead-form input {
  width: 100%;
  min-height: 3.25rem;
  background: var(--white);
}

.v2-cta-block.audit.cc-2 .lead-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.v2-cta-block.audit.cc-2 .lead-form__consent input {
  flex: 0 0 auto;
  width: 1rem;
  min-height: 1rem;
  margin-top: 0.15rem;
}

.v2-cta-block.audit.cc-2 .lead-form__privacy,
.v2-cta-block.audit.cc-2 .lead-form__note,
.v2-cta-block.audit.cc-2 .lead-form__status {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
}

.v2-cta-block.audit.cc-2 .lead-form__privacy a {
  color: inherit;
}

.v2-cta-block.audit.cc-2 .lead-form__note {
  display: none;
}

.v2-cta-block.audit.cc-2 .lead-form button {
  justify-self: start;
  width: auto;
  min-width: 14rem;
}

@media screen and (max-width: 991px) {
  .v2-cta-block.audit.cc-2 {
    grid-template-columns: 1fr;
  }

  .v2-cta-block.audit.cc-2 .v2-cta-block__left.audit.cc-2 {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 0;
  }
}

@media screen and (max-width: 600px) {
  .v2-cta-block.audit.cc-2 .lead-form {
    grid-template-columns: 1fr;
  }

  .v2-cta-block.audit.cc-2 .lead-form > * {
    grid-column: 1;
  }
}

.webinar-page .webinar-hero {
  padding-top: clamp(8rem, 10vw, 10rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 4rem) !important;
}

.compare-case-card {
  display: flex;
  flex-direction: column;
  margin: 3rem 0;
  width: 100%;
}

.compare-case-card__image-link {
  border-radius: 15px;
  display: block;
  overflow: hidden;
}

.compare-case-card__image {
  aspect-ratio: 991 / 694;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.compare-case-card__content {
  color: inherit;
  display: block;
  padding-top: 1rem;
  text-decoration: none;
}

.compare-case-card__content h3 {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.compare-case-card__link {
  color: var(--c-orange);
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 700;
  gap: 0.45rem;
  margin-top: 1.5rem;
}

.alternative-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.alternative-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}

.alternative-table th,
.alternative-table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 1rem;
  text-align: left;
  vertical-align: top;
}

.alternative-table thead th {
  background: #333;
  color: #fff;
}

.ebook-page {
  padding: 5rem 0;
}

@media screen and (min-width: 992px) {
  .about-page > main,
  .ebook-site-page > main {
    padding-top: 110px;
  }
}

.ebook-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: start;
}

.ebook-hero__content {
  display: grid;
  gap: 1.5rem;
}

.ebook-hero__content h1 {
  max-width: 15ch;
  font-size: clamp(2.2rem, 3.4vw, 3.75rem);
}

.ebook-hero__cover {
  width: 100%;
  max-width: 34rem;
  border-radius: 16px;
}

.ebook-hero__form {
  padding-top: 4.5rem;
}

.ebook-content {
  display: grid;
  gap: 4rem;
  margin: 5rem auto 0;
}

.ebook-body {
  width: 100%;
  max-width: none;
}

.lead-form--ebook {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.lead-form--ebook h3,
.lead-form--ebook .lead-form__field--name,
.lead-form--ebook .lead-form__consent,
.lead-form--ebook .lead-form__privacy,
.lead-form--ebook button,
.lead-form--ebook .lead-form__note,
.lead-form--ebook .lead-form__status {
  grid-column: 1 / -1;
}

.lead-form--ebook h3 {
  font-size: clamp(2rem, 3vw, 3.2rem);
  line-height: 1.05;
  margin: 0 0 1rem !important;
}

@media screen and (max-width: 767px) {
  .ebook-page {
    padding-top: 2.5rem;
  }

  .ebook-hero__form {
    padding-top: 0;
  }

  .lead-form--ebook {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-form--ebook > * {
    grid-column: 1 !important;
    min-width: 0;
  }
}

.lead-form--ebook .lead-form__consent {
  align-items: flex-start;
}

.lead-form--ebook .lead-form__privacy {
  margin: 0;
}

.lead-form--ebook .lead-form__note {
  margin: 0;
}

.lead-form--ebook button {
  width: 100%;
}

.ebook-demo {
  margin: 0;
}

.ebook-demo__block {
  overflow: hidden;
}

.ebook-demo__image {
  background-image: url("/images/theme/6720b707961f6a507c713776-office-demo-92bdc9a1.jpg");
}

.ebook-demo__content {
  display: grid;
  gap: 1.5rem;
}

.ebook-demo__content h2 {
  max-width: 16ch;
  font-size: clamp(2rem, 3vw, 3rem);
}

.ebook-demo__content p {
  margin-top: 0.75rem;
  font-size: 1.25rem;
}

.ebook-demo__list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ebook-demo__list li {
  position: relative;
  margin: 0;
  padding-left: 2rem;
}

.ebook-demo__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #ff5c28;
  font-weight: 700;
}

.ebook-demo__button {
  justify-content: center;
  width: 100%;
  padding: 0.8rem 1.75rem;
}

.ebook-body .ebook-intro {
  max-width: none;
  margin: 0;
}

.ebook-body .ebook-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}

.ebook-body .ebook-details section {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.ebook-body .ebook-details h2,
.ebook-body .ebook-details h3,
.ebook-body .ebook-details h4,
.ebook-body .ebook-details p,
.ebook-body .ebook-details ul {
  margin: 0;
}

.ebook-mockups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  background: #f5f5f5;
  padding: 1rem;
}

.ebook-mockups img {
  display: block;
  width: 100%;
  mix-blend-mode: multiply;
}

.ebook-mockups__item {
  min-width: 0;
}

.ebook-signal-stats {
  background: #f5f5f5;
  border-radius: 24px;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.ebook-signal-stats__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 2rem;
}

.ebook-signal-stats__grid article {
  align-items: center;
  background: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  text-align: center;
}

.ebook-signal-stats__grid img {
  height: 3rem;
  object-fit: contain;
  width: 3rem;
}

.ebook-signal-stats__grid strong {
  color: var(--orange-red);
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1;
}

[hidden] {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .webinar-page .webinar-hero {
    padding-top: 7rem !important;
  }

  .webinar-page .webinar-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .webinar-page .webinar-hero__content,
  .webinar-page .webinar-hero__form-wrap {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .webinar-page .webinar-hero__title {
    width: 100% !important;
    max-width: none !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .v2-footer_top-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .features-hero__grid,
  .compare-case-card,
  .ebook-hero,
  .article-head__grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 600px) {
  .webinar-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .webinar-hero__content,
  .webinar-hero__form-wrap,
  .webinar-hero__form {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .v2-footer_top-wrapper {
    grid-template-columns: 1fr !important;
  }

  .ebook-body .ebook-details {
    grid-template-columns: 1fr;
  }

  .ebook-mockups {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 479px) {
  .webinar-page .webinar-hero__title {
    font-size: 1.85rem !important;
    line-height: 1.08 !important;
  }

  html {
    font-size: clamp(1rem, 0.8rem + 0.2vw, 1.125rem);
  }
}

/* Launch polish and cross-page visual parity. These rules intentionally load
   after copied Webflow styles so shared components stay consistent. */
:root {
  --site-section-space: clamp(4rem, 7vw, 7rem);
  --site-shell-gutter: clamp(1.25rem, 5vw, 4rem);
  --site-ease: cubic-bezier(.22, 1, .36, 1);
}

.v2-navbar_component {
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 1px 0 rgba(51, 51, 51, .08), 0 10px 30px rgba(51, 51, 51, .06) !important;
  backdrop-filter: blur(12px);
}
.v2-navbar5_container { min-height: 72px; padding-block: .55rem !important; }
.v2-navbar5_logo { display: block; height: auto; width: 112px !important; }
.v2-navbar5_menu-right { align-items: center !important; gap: clamp(.8rem, 1.5vw, 1.5rem) !important; }
.v2-dropdown__toggle { align-items: center !important; min-height: 42px; padding: .65rem .35rem !important; }
.v2-dropdown__top-icon { align-items: center; display: flex; }
.v2-dropdown__list { border: 1px solid rgba(51,51,51,.08) !important; border-radius: 18px !important; box-shadow: 0 18px 50px rgba(51,51,51,.14) !important; padding: 1.5rem !important; }
.v2-dropdown__item { align-items: center !important; gap: .75rem !important; padding: .65rem !important; }
.v2-dropdown__icon-container { align-items: center; display: flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.v2-dropdown__icon { height: 20px !important; max-height: 20px; max-width: 20px !important; object-fit: contain; width: 20px !important; }
.v2-dropdown__link-subtext { color: #717171 !important; display: block !important; font-size: .75rem !important; font-weight: 400 !important; line-height: 1.35 !important; margin-top: .15rem; max-width: 30ch; }

main > :is(section, header):first-child { scroll-margin-top: 90px; }
.padding-global { padding-inline: var(--site-shell-gutter) !important; }
.padding-section-large { padding-block: var(--site-section-space) !important; }
.padding-section-medium { padding-block: clamp(3.5rem, 5vw, 5rem) !important; }

body :is(h1, h2, h3) { letter-spacing: -.025em; }
body :is(h1, h2, h3, h4, h5, h6, strong, b) { text-wrap: balance; }
.page-jobs :is(h1,h2,h3,h4,h5,h6),
.page-pricing :is(h1,h2,h3,h4,h5,h6),
.page-about :is(h1,h2,h3,h4,h5,h6),
.page-intelligent-search :is(h1,h2,h3,h4,h5,h6),
.page-recommendations :is(h1,h2,h3,h4,h5,h6) { font-weight: 600 !important; }
.page-recommendations :is(.text-weight-bold, strong, .product-higlight__nav-text, .v2-secondary-features__heading) { font-weight: 500 !important; }

:is(.v2-button, .v2-button-secondary, .button-primary, .w-button) {
  align-items: center !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  display: inline-flex;
  justify-content: center !important;
  min-height: 44px;
  padding: .8rem 1.75rem !important;
}
:is(.v2-button, .v2-button-secondary, .button-primary, .w-button):hover { border-width: 1px !important; }
.v2-blogs_button-wrapper { align-items: center; min-height: 24px; margin-top: auto !important; padding-top: 1.25rem; }
.v2-blogs_tile-content { height: 100%; }

:is(.v2-featured-case__quote, .featured-testimonial__quote--small p, .testimonial-slide p, .v2-testimonials__card p) {
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  line-height: 1.55 !important;
}
.v2-featured-case__left { padding-block: clamp(2rem, 4vw, 4rem) !important; }
.featured-testimonial__container { align-items: center !important; gap: clamp(2rem, 5vw, 5rem) !important; }
.featured-testimonial__left, .featured-testimonial__right { min-width: 0; }

.page-intelligent-search .featured-testimonial__left { align-self: center; }
.page-intelligent-search .v2-whitepaper__content { align-items: center !important; gap: clamp(2rem, 5vw, 5rem); }
.page-intelligent-search .v2-whitepaper__right { display: flex; flex-direction: column; justify-content: center; }
.page-intelligent-search .v2-check-list { display: grid; gap: .8rem; }
.page-intelligent-search .v2-check-list__item { align-items: flex-start !important; margin: 0 !important; }
.page-intelligent-search .v2-check-list__item img { flex: 0 0 20px; margin-top: .2rem; width: 20px; }

.page-jobs .layout121_progress-bar { transform: scaleY(0); transform-origin: top; transition: transform .12s linear; }
.page-jobs .layout121_timeline-step { opacity: .35; transform: translateY(24px); transition: opacity .55s var(--site-ease), transform .55s var(--site-ease); }
.page-jobs .layout121_timeline-step.is-visible { opacity: 1; transform: translateY(0); }
.page-jobs .section_talents, .page-jobs .section_jobs { background: var(--v2-off-white, #f4f4f4) !important; }

.client-carousel__wrapper { animation-duration: 34s !important; animation-timing-function: linear !important; }
.client-carousel__item { padding-inline: 1.25rem !important; }

.blog-post-page main, .customer-story-page main { padding-top: 0; }
.v2-blogpost5_content-wrapper { gap: clamp(2rem, 5vw, 4rem) !important; }
.v2-blog-container { max-width: 68ch !important; }
.v2-text-rich-text :is(h2,h3,h4) { margin-top: 1.8em !important; }
.v2-text-rich-text p { line-height: 1.7 !important; margin-bottom: 1.35em !important; }

.page-demo { background: #f4f4f4; }
.page-demo .v2-demo-page { font-family: Poppins, Arial, sans-serif !important; }
.page-demo .v2-demo-page__wrapper { gap: clamp(2rem, 5vw, 5rem) !important; padding: clamp(2rem, 5vw, 5rem) !important; }
.page-demo .video-2 { margin-inline: auto; max-width: 620px; padding-top: min(70%, 465px) !important; width: 100%; }
.page-demo .v2-demo-page__text-area { padding: clamp(1.5rem, 4vw, 4rem) !important; }

.compare-hero__glow { animation-duration: 7s !important; animation-timing-function: ease-in-out !important; }
@media (prefers-reduced-motion: reduce) {
  .page-jobs .layout121_timeline-step { opacity: 1; transform: none; transition: none; }
  .client-carousel__wrapper, .compare-hero__glow { animation: none !important; }
}

@media screen and (max-width: 991px) {
  .v2-navbar5_container { min-height: 62px; }
  .v2-navbar5_logo { width: 100px !important; }
  .v2-navbar_menu { background: #f7f7f7 !important; padding: 1rem 5% 8rem !important; }
  .v2-dropdown__list { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: .5rem 0 1rem !important; }
  .v2-dropdown__link-subtext { max-width: none; }
}

@media screen and (max-width: 767px) {
  :root { --site-section-space: 4rem; }
  .featured-testimonial__container, .page-intelligent-search .v2-whitepaper__content { flex-direction: column !important; }
  .page-intelligent-search .v2-whitepaper__left, .page-intelligent-search .v2-whitepaper__right { width: 100% !important; }
  .page-demo .v2-demo-page__wrapper { padding: 1.25rem !important; }
}
