@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#2e5b85;--color-primary-dark:#234868;--color-primary-light:#4a7ba6;--color-secondary:#eb5867;--color-secondary-dark:#d4434f;--color-bg:#faf9f6;--color-bg-card:#f5f2ed;--color-bg-dark:#0b0707;--color-text:#3b3b3b;--color-text-dark:#0b0707;--color-text-light:#6b6b6b;--color-border:#e5e2dd;--font-family-sans:"effra", sans-serif;--font-family-heading:"effra", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);color:var(--color-text);background-color:var(--color-white);font-feature-settings:"blwf" on,"cv09" on,"cv03" on,"cv04" on,"cv11" on;font-size:16px;font-weight:400;line-height:1.7em;overflow-x:hidden}p,li,span,a{font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-dark);letter-spacing:normal;text-transform:lowercase;font-weight:500;line-height:1.15}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:uppercase}h1{letter-spacing:normal;font-weight:400;line-height:1.1}h2{font-weight:450;line-height:1.15}h3{font-weight:450;line-height:1.25}h4,h5,h6{font-weight:450}}@layer components{.btn-primary{background-color:var(--color-secondary);color:var(--color-white);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #eb586733}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #eb586759,0 4px 10px #eb586733}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.btn-secondary:hover{background-color:var(--color-bg);border-color:#2e5b854d;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #00000014,0 4px 10px #0000000a}.btn-secondary:active{transform:translateY(0)scale(.98)}.section-container{max-width:1400px;margin:0 auto;padding:0 24px}.section-padding{padding-top:120px;padding-bottom:120px}.pre-heading{text-transform:none;letter-spacing:normal;color:var(--color-primary);margin-bottom:16px;padding:0;font-size:16px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-family-heading);letter-spacing:normal;color:var(--color-text-dark);margin-bottom:20px;font-size:clamp(30px,4.2vw,48px);font-weight:450;line-height:1.1}.section-subtitle{color:var(--color-text-light);max-width:640px;font-size:17px;font-weight:400;line-height:1.75}.card{background-color:var(--color-white);border:1px solid #0000000f;border-radius:20px;padding:36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 4px 16px #00000008}.card:after{content:"";background:linear-gradient(to bottom,transparent,var(--color-white));pointer-events:none;z-index:1;height:80px;transition:background .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.card:hover{border-color:#00000014;transform:translateY(-4px);box-shadow:0 4px 6px #00000005,0 12px 28px #0000000f,0 24px 52px #0000000a}.animate-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(25px)}.stagger-children.is-visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}.stagger-children.is-visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(7){opacity:1;transition-delay:.48s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(8){opacity:1;transition-delay:.56s;transform:translateY(0)}.animate-from-left{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translate(-40px)}.animate-from-left.is-visible{opacity:1;transform:translate(0)}.animate-from-right{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translate(40px)}.animate-from-right.is-visible{opacity:1;transform:translate(0)}.animate-scale{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:scale(.95)}.animate-scale.is-visible{opacity:1;transform:scale(1)}.tab-content{opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);position:absolute;transform:translateY(12px)}.tab-content.is-active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.tab-button{white-space:nowrap;color:var(--color-text-light);cursor:pointer;background:#fff;border:1px solid var(--color-border);border-radius:100px;flex-shrink:0;padding:10px 22px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab-button:after{content:none;background-color:var(--color-primary);border-radius:3px 3px 0 0;width:0;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tab-button:hover{color:var(--color-text-dark);border-color:#c9c3b6}.tab-button.is-active{color:var(--color-primary);background-color:#eaf1f8;border-color:var(--color-primary)}.tab-button.is-active:after{width:100%}.floating-badge{background:var(--color-white);border:1px solid #0000000a;border-radius:14px;padding:12px 18px;animation:6s ease-in-out infinite float;box-shadow:0 4px 6px #0000000a,0 12px 30px #00000014}.floating-badge-alt{animation:7s ease-in-out infinite float-alt}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-alt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.counter-value{font-variant-numeric:tabular-nums}.logo-card{transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}.logo-card:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 4px 6px #00000008,0 12px 24px #0000000f}.icon-container{transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover .icon-container,.group:hover .icon-container{background-color:#2e5b8526;transform:scale(1.1)translateY(-2px)}.pulse-ring{position:relative}.pulse-ring:before{content:"";border-radius:inherit;border:2px solid var(--color-primary);opacity:0;transition:all .4s;position:absolute;inset:-4px}.card:hover .pulse-ring:before{opacity:.2;inset:-6px}.section-fade-bottom{position:relative}.section-fade-bottom:after{content:"";background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none;z-index:1;height:120px;position:absolute;bottom:0;left:0;right:0}.section-fade-bottom-white:after{background:linear-gradient(to bottom,transparent,var(--color-white))}.section-fade-top{position:relative}.section-fade-top:before{content:"";background:linear-gradient(to top,transparent,var(--color-bg));pointer-events:none;z-index:1;height:120px;position:absolute;top:0;left:0;right:0}.section-fade-top-white:before{background:linear-gradient(to top,transparent,var(--color-white))}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-3{top:calc(var(--spacing) * -3)}.-top-4{top:calc(var(--spacing) * -4)}.-top-16{top:calc(var(--spacing) * -16)}.-top-20{top:calc(var(--spacing) * -20)}.-top-24{top:calc(var(--spacing) * -24)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-7{top:calc(var(--spacing) * 7)}.top-10{top:calc(var(--spacing) * 10)}.top-20{top:calc(var(--spacing) * 20)}.top-24{top:calc(var(--spacing) * 24)}.top-40{top:calc(var(--spacing) * 40)}.top-\[72px\]{top:72px}.-right-4{right:calc(var(--spacing) * -4)}.-right-16{right:calc(var(--spacing) * -16)}.-right-20{right:calc(var(--spacing) * -20)}.-right-24{right:calc(var(--spacing) * -24)}.-right-40{right:calc(var(--spacing) * -40)}.right-0{right:calc(var(--spacing) * 0)}.right-1\/4{right:25%}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-16{bottom:calc(var(--spacing) * -16)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.-bottom-24{bottom:calc(var(--spacing) * -24)}.-bottom-48{bottom:calc(var(--spacing) * -48)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-20{bottom:calc(var(--spacing) * 20)}.-left-4{left:calc(var(--spacing) * -4)}.-left-6{left:calc(var(--spacing) * -6)}.-left-20{left:calc(var(--spacing) * -20)}.-left-24{left:calc(var(--spacing) * -24)}.-left-40{left:calc(var(--spacing) * -40)}.-left-64{left:calc(var(--spacing) * -64)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:calc(var(--spacing) * 10)}.left-\[calc\(50\%\+40px\)\]{left:calc(50% + 40px)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-\[-14\%\]{margin-top:-14%}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.\!mb-5{margin-bottom:calc(var(--spacing) * 5)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-\[-6\%\]{margin-bottom:-6%}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-\[72px\]{height:72px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[500px\]{height:500px}.h-\[550px\]{height:550px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-8{max-height:calc(var(--spacing) * 8)}.max-h-12{max-height:calc(var(--spacing) * 12)}.max-h-20{max-height:calc(var(--spacing) * 20)}.max-h-\[80vh\]{max-height:80vh}.max-h-full{max-height:100%}.min-h-\[80vh\]{min-height:80vh}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-36{width:calc(var(--spacing) * 36)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-\[600px\]{width:600px}.w-\[700px\]{width:700px}.w-\[800px\]{width:800px}.w-\[calc\(100\%-80px\)\]{width:calc(100% - 80px)}.w-fit{width:fit-content}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[180px\]{max-width:180px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/3{--tw-translate-x:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/4{--tw-translate-x: -25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/4{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[2\%\]{--tw-translate-x:2%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/3{--tw-translate-y:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.scale-\[1\.08\]{scale:1.08}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scroll-mt-32{scroll-margin-top:calc(var(--spacing) * 32)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.\!rounded-lg{border-radius:var(--radius-lg)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-white\/20{border-color:#fff3!important}@supports (color:color-mix(in lab,red,red)){.\!border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)!important}}.border-border{border-color:var(--color-border)}.border-border\/50{border-color:#e5e2dd80}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-border\/60{border-color:#e5e2dd99}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.border-border\/80{border-color:#e5e2ddcc}@supports (color:color-mix(in lab,red,red)){.border-border\/80{border-color:color-mix(in oklab,var(--color-border) 80%,transparent)}}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:#2e5b851a}@supports (color:color-mix(in lab,red,red)){.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.border-primary\/20{border-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.\!bg-emerald-500{background-color:var(--color-emerald-500)!important}.\!bg-red-500{background-color:var(--color-red-500)!important}.\!bg-white\/10{background-color:#ffffff1a!important}@supports (color:color-mix(in lab,red,red)){.\!bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)!important}}.bg-\[\#00D639\]\/10{background-color:#00d6391a}.bg-\[\#2CA01C\]\/10{background-color:#2ca01c1a}.bg-\[\#13B5EA\]\/10{background-color:#13b5ea1a}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/8{background-color:#f99c0014}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/8{background-color:color-mix(in oklab,var(--color-amber-500) 8%,transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-dark{background-color:var(--color-bg-dark)}.bg-bg\/50{background-color:#faf9f680}@supports (color:color-mix(in lab,red,red)){.bg-bg\/50{background-color:color-mix(in oklab,var(--color-bg) 50%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--color-border)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500\/8{background-color:#00bb7f14}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/8{background-color:color-mix(in oklab,var(--color-emerald-500) 8%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/80{background-color:#00bb7fcc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/80{background-color:color-mix(in oklab,var(--color-emerald-500) 80%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light\/15{background-color:#4a7ba626}@supports (color:color-mix(in lab,red,red)){.bg-primary-light\/15{background-color:color-mix(in oklab,var(--color-primary-light) 15%,transparent)}}.bg-primary-light\/80{background-color:#4a7ba6cc}@supports (color:color-mix(in lab,red,red)){.bg-primary-light\/80{background-color:color-mix(in oklab,var(--color-primary-light) 80%,transparent)}}.bg-primary\/5{background-color:#2e5b850d}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}.bg-primary\/6{background-color:#2e5b850f}@supports (color:color-mix(in lab,red,red)){.bg-primary\/6{background-color:color-mix(in oklab,var(--color-primary) 6%,transparent)}}.bg-primary\/8{background-color:#2e5b8514}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--color-primary) 8%,transparent)}}.bg-primary\/10{background-color:#2e5b851a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/12{background-color:#2e5b851f}@supports (color:color-mix(in lab,red,red)){.bg-primary\/12{background-color:color-mix(in oklab,var(--color-primary) 12%,transparent)}}.bg-primary\/20{background-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.bg-primary\/\[0\.03\]{background-color:#2e5b8508}@supports (color:color-mix(in lab,red,red)){.bg-primary\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-primary) 3%,transparent)}}.bg-primary\/\[0\.04\]{background-color:#2e5b850a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-primary) 4%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500\/8{background-color:#ac4bff14}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/8{background-color:color-mix(in oklab,var(--color-purple-500) 8%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-400{background-color:var(--color-red-400)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/8{background-color:#eb586714}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/8{background-color:color-mix(in oklab,var(--color-secondary) 8%,transparent)}}.bg-secondary\/10{background-color:#eb58671a}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/10{background-color:color-mix(in oklab,var(--color-secondary) 10%,transparent)}}.bg-secondary\/15{background-color:#eb586726}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/15{background-color:color-mix(in oklab,var(--color-secondary) 15%,transparent)}}.bg-secondary\/20{background-color:#eb586733}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--color-secondary) 20%,transparent)}}.bg-secondary\/80{background-color:#eb5867cc}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/80{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-text-light{background-color:var(--color-text-light)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#1a3a5c\]{--tw-gradient-from:#1a3a5c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:#2e5b851a}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#2E5B85\]{--tw-gradient-via:#2e5b85;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#f8f9fc\]{--tw-gradient-via:#f8f9fc;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary{--tw-gradient-via:var(--color-secondary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#1e4d73\]{--tw-gradient-to:#1e4d73;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-dark{--tw-gradient-to:var(--color-primary-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/5{--tw-gradient-to:#eb58670d}@supports (color:color-mix(in lab,red,red)){.to-secondary\/5{--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 5%, transparent)}}.to-secondary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing) * 0)!important}.\!p-6{padding:calc(var(--spacing) * 6)!important}.\!p-8{padding:calc(var(--spacing) * 8)!important}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.\!px-6{padding-inline:calc(var(--spacing) * 6)!important}.\!px-8{padding-inline:calc(var(--spacing) * 8)!important}.\!px-10{padding-inline:calc(var(--spacing) * 10)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.\!py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.\!py-4{padding-block:calc(var(--spacing) * 4)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.\!pt-0{padding-top:calc(var(--spacing) * 0)!important}.\!pt-10{padding-top:calc(var(--spacing) * 10)!important}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-40{padding-top:calc(var(--spacing) * 40)}.pt-\[72px\]{padding-top:72px}.pt-\[120px\]{padding-top:120px}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.\!pl-0{padding-left:calc(var(--spacing) * 0)!important}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[clamp\(24px\,3vw\,36px\)\]{font-size:clamp(24px,3vw,36px)!important}.\!text-\[clamp\(32px\,4\.5vw\,52px\)\]{font-size:clamp(32px,4.5vw,52px)!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:normal}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:normal}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.\!text-white\/60{color:#fff9!important}@supports (color:color-mix(in lab,red,red)){.\!text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)!important}}.\!text-white\/80{color:#fffc!important}@supports (color:color-mix(in lab,red,red)){.\!text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)!important}}.text-\[\#00D639\]{color:#00d639}.text-\[\#2CA01C\]{color:#2ca01c}.text-\[\#13B5EA\]{color:#13b5ea}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-border{color:var(--color-border)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-primary{color:var(--color-primary)}.text-primary\/20{color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.text-primary\/20{color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-secondary{color:var(--color-secondary)}.text-sky-600{color:var(--color-sky-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-text{color:var(--color-text)}.text-text-dark{color:var(--color-text-dark)}.text-text-light{color:var(--color-text-light)}.text-text-light\/50{color:#6b6b6b80}@supports (color:color-mix(in lab,red,red)){.text-text-light\/50{color:color-mix(in oklab,var(--color-text-light) 50%,transparent)}}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.uppercase{text-transform:none}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.placeholder-text-light::placeholder{color:var(--color-text-light)}.placeholder-white\/50::placeholder{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.placeholder-white\/50::placeholder{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[0\.04\]{opacity:.04}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.12\)\,0_2px_8px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000001f), 0 2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(46\,91\,133\,0\.12\)\,0_2px_8px_rgba\(46\,91\,133\,0\.06\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2e5b851f), 0 2px 8px var(--tw-shadow-color,#2e5b850f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/\[0\.03\]{--tw-shadow-color:#00000008}@supports (color:color-mix(in lab,red,red)){.shadow-black\/\[0\.03\]{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 3%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/20{--tw-shadow-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing) * 2)}.group-hover\:gap-2\.5:is(:where(.group):hover *){gap:calc(var(--spacing) * 2.5)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\:shadow-md:is(:where(.group):hover *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.placeholder\:text-text-light\/50::placeholder{color:#6b6b6b80}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-text-light\/50::placeholder{color:color-mix(in oklab,var(--color-text-light) 50%,transparent)}}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-primary\/15:hover{border-color:#2e5b8526}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/15:hover{border-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.hover\:border-primary\/20:hover{border-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/20:hover{border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.hover\:border-primary\/30:hover{border-color:#2e5b854d}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.hover\:border-white\/25:hover{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/25:hover{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.hover\:\!bg-white\/20:hover{background-color:#fff3!important}@supports (color:color-mix(in lab,red,red)){.hover\:\!bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)!important}}.hover\:bg-bg:hover{background-color:var(--color-bg)}.hover\:bg-bg-card:hover{background-color:var(--color-bg-card)}.hover\:bg-bg-card\/50:hover{background-color:#f5f2ed80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-bg-card\/50:hover{background-color:color-mix(in oklab,var(--color-bg-card) 50%,transparent)}}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-primary\/20:hover{background-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.hover\:bg-secondary-dark:hover{background-color:var(--color-secondary-dark)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:bg-white\/95:hover{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/95:hover{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-text-dark:hover{color:var(--color-text-dark)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-white\/10:hover{--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-white\/10:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:#2e5b8533}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.focus\:ring-primary\/40:focus{--tw-ring-color:#2e5b8566}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:48rem){.md\:top-4{top:calc(var(--spacing) * 4)}.md\:-right-6{right:calc(var(--spacing) * -6)}.md\:-right-8{right:calc(var(--spacing) * -8)}.md\:bottom-8{bottom:calc(var(--spacing) * 8)}.md\:-left-6{left:calc(var(--spacing) * -6)}.md\:col-span-4{grid-column:span 4/span 4}.md\:block{display:block}.md\:flex{display:flex}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-14{height:calc(var(--spacing) * 14)}.md\:h-auto{height:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:gap-14{gap:calc(var(--spacing) * 14)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-14{padding-inline:calc(var(--spacing) * 14)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:pt-\[140px\]{padding-top:140px}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:max-w-\[85vw\]{max-width:85vw}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr\,1\.5fr\]{grid-template-columns:1fr,1.5fr}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-32{padding-block:calc(var(--spacing) * 32)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-\[44px\]{font-size:44px}.lg\:text-\[52px\]{font-size:52px}.lg\:text-\[56px\]{font-size:56px}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_h2\]\:mb-4 h2{margin-bottom:calc(var(--spacing) * 4)}.\[\&_h2\]\:text-2xl h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\[\&_h2\]\:font-semibold h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h2\]\:text-text-dark h2{color:var(--color-text-dark)}.\[\&_h3\]\:mb-2 h3{margin-bottom:calc(var(--spacing) * 2)}.\[\&_h3\]\:text-lg h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\[\&_h3\]\:font-semibold h3{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h3\]\:text-text-dark h3{color:var(--color-text-dark)}.\[\&_li\]\:leading-relaxed li{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_ol\]\:mb-4 ol{margin-bottom:calc(var(--spacing) * 4)}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}:where(.\[\&_ol\]\:space-y-2 ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.\[\&_ol\]\:pl-6 ol{padding-left:calc(var(--spacing) * 6)}.\[\&_p\]\:mb-4 p{margin-bottom:calc(var(--spacing) * 4)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_ul\]\:mb-4 ul{margin-bottom:calc(var(--spacing) * 4)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}:where(.\[\&_ul\]\:space-y-2 ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.\[\&_ul\]\:pl-6 ul{padding-left:calc(var(--spacing) * 6)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.mega-panel[data-astro-cid-5blmo7yk]{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;z-index:40}.mega-panel[data-astro-cid-5blmo7yk].is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-backdrop[data-astro-cid-5blmo7yk]{position:fixed;inset:72px 0 0;background:#0000000d;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:30;pointer-events:none}.mega-backdrop[data-astro-cid-5blmo7yk].is-open{opacity:1;visibility:visible;pointer-events:auto}.mega-trigger[data-astro-cid-5blmo7yk].is-active .mega-chevron[data-astro-cid-5blmo7yk]{transform:rotate(180deg)}.mega-trigger[data-astro-cid-5blmo7yk].is-active button[data-astro-cid-5blmo7yk]{color:var(--color-text-dark)}.mega-col[data-astro-cid-5blmo7yk]{padding-right:32px}.mega-heading[data-astro-cid-5blmo7yk]{font-size:11px;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--color-text-dark);padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--color-border)}.mega-links[data-astro-cid-5blmo7yk]{display:flex;flex-direction:column;gap:2px}.mega-link[data-astro-cid-5blmo7yk]{display:block;padding:8px 0;font-size:14px;color:var(--color-text);text-decoration:none;transition:color .15s ease}.mega-link[data-astro-cid-5blmo7yk]:hover{color:var(--color-text-dark)}.mega-link-icon[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:10px;color:var(--color-text)}.mega-link-icon[data-astro-cid-5blmo7yk] svg[data-astro-cid-5blmo7yk]{color:var(--color-text-light);flex-shrink:0}.mega-link-icon[data-astro-cid-5blmo7yk]:hover svg[data-astro-cid-5blmo7yk]{color:var(--color-text-dark)}.mega-bottom[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:0;padding:14px 0;border-top:1px solid var(--color-border)}.mega-bottom-link[data-astro-cid-5blmo7yk]{font-size:13px;color:var(--color-text-light);text-decoration:none;transition:color .15s ease;padding:0 16px}.mega-bottom-link[data-astro-cid-5blmo7yk]:first-child{padding-left:0}.mega-bottom-link[data-astro-cid-5blmo7yk]:hover{color:var(--color-text-dark)}.mega-bottom-divider[data-astro-cid-5blmo7yk]{width:1px;height:14px;background-color:var(--color-border);flex-shrink:0}.mobile-accordion[data-astro-cid-5blmo7yk]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;font-size:15px;font-weight:500;color:var(--color-text-dark);border:none;background:none;cursor:pointer;border-bottom:1px solid var(--color-border)}.mobile-accordion-content[data-astro-cid-5blmo7yk]{padding-bottom:8px}.mobile-link[data-astro-cid-5blmo7yk]{display:block;padding:10px 0 10px 8px;font-size:14px;color:var(--color-text);text-decoration:none}

h1,h2,h3,h4,h5,h6{font-weight:600!important}
/* Connected tab container: match active-tab bg (#f8f8f8), rounded, no divider, larger imagery */
#feature-content,#solution-content{background-color:#f8f8f8;border-radius:24px;padding:clamp(28px,4vw,52px)}
@media(min-width:1024px){#feature-content .tab-content>.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2.5rem}#solution-content .tab-content>.grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem}}
/* stats section numbers 600 weight */
.stat-card .counter-value,.stat-card .counter-value+span{font-weight:600}
/* Integrations — centred content, logos at the sides, slight orbit on scroll */
.integrations-orbit{position:relative;width:100%;max-width:1200px;margin:0 auto;min-height:620px;display:flex;align-items:center;justify-content:center}
.orbit-center{position:relative;z-index:2;text-align:center;max-width:clamp(260px,48vw,620px);margin:0 auto;padding:0 12px}
.orbit-ring{position:absolute;top:50%;left:50%;width:0;height:0;z-index:1}
.orbit-logo{position:absolute;top:0;left:0;width:254px;height:108px;margin:-54px 0 0 -127px;display:flex;align-items:center;justify-content:center;transform:rotate(calc(var(--angle) + var(--spin,0deg))) translateX(clamp(170px,40vw,560px)) rotate(calc(-1 * (var(--angle) + var(--spin,0deg))));will-change:transform}
.orbit-logo-img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1023px){.integrations-orbit{min-height:480px}.orbit-logo{width:203px;height:91px;margin:-45.5px 0 0 -101.5px}}
@media(max-width:640px){.integrations-orbit{min-height:430px}.orbit-logo{width:156px;height:74px;margin:-37px 0 0 -78px}}

/* Why TyreOps tile visuals — subtle live animation */
@keyframes biz-bar{0%,100%{transform:scaleY(.7);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@keyframes biz-pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@keyframes biz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.benefit-visual{animation:biz-float 5.5s ease-in-out infinite}
.benefit-card:nth-child(2) .benefit-visual{animation-delay:.7s}
.benefit-card:nth-child(3) .benefit-visual{animation-delay:1.4s}
.benefit-card:nth-child(4) .benefit-visual{animation-delay:2.1s}
.benefit-card:nth-child(5) .benefit-visual{animation-delay:2.8s}
.benefit-card:nth-child(6) .benefit-visual{animation-delay:3.5s}
.benefit-visual [class*="rounded-lg"]{transform-origin:bottom;animation:biz-bar 2.6s ease-in-out infinite}
.benefit-visual [class*="rounded-lg"]:nth-child(2){animation-delay:.35s}
.benefit-visual [class*="rounded-lg"]:nth-child(3){animation-delay:.7s}
.benefit-visual [class*="rounded-lg"]:nth-child(4){animation-delay:1.05s}
.benefit-visual [class*="rounded-full"]{animation:biz-pulse 1.9s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.benefit-visual,.benefit-visual *{animation:none!important}}

/* CTA grain / noise overlay */
.cta-grain{z-index:1;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Why TyreOps — dark TyreOps-blue theme */
.why-dark{background:linear-gradient(180deg,#1e4063 0%,#15293f 100%)}
.why-dark .section-title{color:#fff}
.why-dark .section-subtitle{color:rgba(255,255,255,.6)}
.why-dark .pre-heading{color:#fff}
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]:after{display:none}
.why-dark .benefit-card h3{color:#fff}
.why-dark .benefit-card h3 span{color:rgba(255,255,255,.45)!important}
.why-dark .benefit-card p{color:rgba(255,255,255,.62)}
.why-dark .benefit-card .bg-primary\/10{background-color:#eef4fb!important}
.why-dark .benefit-visual[data-astro-cid-6m3gdb4k]{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.why-dark .benefit-visual [class*="rounded-lg"]{background-color:rgba(255,255,255,.14)}
.why-dark .benefit-visual span{color:rgba(255,255,255,.7)}

/* 1. Animate the green revenue bar chart (rounded-t-md bars) */
.benefit-visual [class*="rounded-t-md"]{transform-origin:bottom;animation:biz-bar 2.6s ease-in-out infinite}
.benefit-visual [class*="rounded-t-md"]:nth-child(2){animation-delay:.3s}
.benefit-visual [class*="rounded-t-md"]:nth-child(3){animation-delay:.6s}
.benefit-visual [class*="rounded-t-md"]:nth-child(4){animation-delay:.9s}
.benefit-visual [class*="rounded-t-md"]:nth-child(5){animation-delay:1.2s}
.benefit-visual [class*="rounded-t-md"]:nth-child(6){animation-delay:1.5s}
/* 2. On hover keep the tile visual DARK (was going light/unreadable) */
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]:hover .benefit-visual[data-astro-cid-6m3gdb4k]{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.12)}
/* 3. Subtle inner glow on the why-tyreops tiles */
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]{box-shadow:inset 0 0 42px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.09)}
.why-dark .benefit-card[data-astro-cid-6m3gdb4k]:hover{box-shadow:inset 0 0 50px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.14)}
/* 4. Subtle curved top & bottom on the why-tyreops section (gentler than case-users 90px) */


/* Animated icons in 'Trusted by the industry' stat cards */
@keyframes stat-icon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
.stat-card svg{animation:stat-icon 3.2s ease-in-out infinite;transform-origin:center}
.stat-card:nth-child(2) svg{animation-delay:.5s}
.stat-card:nth-child(3) svg{animation-delay:1s}
.stat-card:nth-child(4) svg{animation-delay:1.5s}
@media(prefers-reduced-motion:reduce){.stat-card svg{animation:none}}
/* Mega menu + header: blurred backdrop, drop shadow, active/hover pill */
.mega-backdrop[data-astro-cid-5blmo7yk]{background:rgba(11,7,7,.16);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.mega-panel[data-astro-cid-5blmo7yk]{box-shadow:0 22px 55px rgba(11,7,7,.16),0 8px 18px rgba(11,7,7,.08)}
.mega-trigger[data-astro-cid-5blmo7yk]>button[data-astro-cid-5blmo7yk],nav[data-astro-cid-5blmo7yk] .gap-1[data-astro-cid-5blmo7yk]>a[data-astro-cid-5blmo7yk]{border-radius:100px;transition:background-color .18s ease,color .15s ease}
.mega-trigger[data-astro-cid-5blmo7yk]>button[data-astro-cid-5blmo7yk]:hover,.mega-trigger[data-astro-cid-5blmo7yk].is-active>button[data-astro-cid-5blmo7yk],nav[data-astro-cid-5blmo7yk] .gap-1[data-astro-cid-5blmo7yk]>a[data-astro-cid-5blmo7yk]:hover{background-color:#f8f8f8}
/* Service-page hero: bleed off right + fade right & bottom (desktop only) */
@media(min-width:1024px){
.svc-hero{overflow:visible!important;border-radius:0!important;box-shadow:none!important}
.svc-hero>img{width:180%!important;margin-left:-50px;max-width:none;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 45%),linear-gradient(to top,transparent 0,#000 38%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,transparent 0,#000 45%),linear-gradient(to top,transparent 0,#000 38%);mask-composite:intersect}
}

/* Header menu text 14px */
.mega-trigger[data-astro-cid-5blmo7yk]>button[data-astro-cid-5blmo7yk],nav[data-astro-cid-5blmo7yk] .gap-1[data-astro-cid-5blmo7yk]>a[data-astro-cid-5blmo7yk],nav[data-astro-cid-5blmo7yk] .gap-5[data-astro-cid-5blmo7yk]>a[data-astro-cid-5blmo7yk]:not(.btn-primary){font-size:14px}
/* Animated solid-red hero underline */
.hero-underline{stroke-dasharray:300;stroke-dashoffset:300;animation:hero-draw 1.1s ease-out .35s forwards}
@keyframes hero-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.hero-underline{animation:none;stroke-dashoffset:0}}

/* Mega menu: float 10px below header, box-model width, rounded, blurred backdrop */
.mega-panel[data-astro-cid-5blmo7yk]{top:82px;left:0;right:0;max-width:1400px;margin:0 auto;border-radius:16px;border-bottom:none;overflow:hidden}
.mega-backdrop[data-astro-cid-5blmo7yk]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(11,7,7,.12)}

/* Legible dark text inside the light-coloured boxes in why-tyreops tile visuals */
.why-dark .benefit-visual [class~="bg-green-50"] p{color:#166534}
.why-dark .benefit-visual [class~="bg-violet-50"] p{color:#5b21b6}
.why-dark .benefit-visual [class~="bg-sky-50"] p{color:#075985}

/* Header: menu on the left (next to logo), actions on the right */
nav[data-astro-cid-5blmo7yk] .h-\[72px\][data-astro-cid-5blmo7yk]{justify-content:flex-start}
nav[data-astro-cid-5blmo7yk] .items-center.gap-1[data-astro-cid-5blmo7yk]{margin-left:2.5rem}
nav[data-astro-cid-5blmo7yk] .items-center.gap-5[data-astro-cid-5blmo7yk]{margin-left:auto}

/* Integrations hub-and-spoke diagram */
.hub-box{position:relative;width:100%;max-width:none;aspect-ratio:1/1;margin:0;background:#f4f4f6;border-radius:28px}
.hub-lines{position:absolute;inset:0;width:100%;height:100%}
.hub-lines line{stroke:#c3c9d2;stroke-width:.45;stroke-dasharray:1.4 1.8;stroke-linecap:round}
.hub-node{position:absolute;transform:translate(-50%,-50%);width:84px;height:84px;background:#fff;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;z-index:2}
.hub-node img{max-width:66%;max-height:66%;object-fit:contain}
.hub-center{top:50%;left:50%;width:92px;height:92px;border-radius:22px;z-index:3;box-shadow:0 8px 26px rgba(46,91,133,.16)}
.hub-center img{max-width:60%;max-height:60%}
@media(max-width:640px){.hub-box{max-width:330px;border-radius:22px}.hub-node{width:66px;height:66px}.hub-center{width:74px;height:74px}}
/* Why TyreOps subtle grid texture */
.why-dark{background-color:#15293f;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(180deg,#1e4063,#15293f);background-size:46px 46px,46px 46px,100% 100%}

.hero-grad{font-weight:inherit;background:linear-gradient(90deg,#234868 0%,#2e5b85 50%,#4a7ba6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.section-container.int-narrow{max-width:1200px}

.section-container.cu-narrow{max-width:1200px}

.sol-tight{padding-top:64px;padding-bottom:64px}

.prod-hero{transform:scale(1.74);transform-origin:left center;margin-left:-50px;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 45%),linear-gradient(to top,transparent 0,#000 38%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,transparent 0,#000 45%),linear-gradient(to top,transparent 0,#000 38%);mask-composite:intersect}
.svc-hero-blue .relative:has(>.prod-hero)>.absolute{display:none}

/* FAQ accordion — clean bordered rows with circular chevron (brand styling) */
details.card{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-top:0!important;border-bottom:1px solid var(--color-border)!important;overflow:visible!important}
details.card:first-child{border-top:1px solid var(--color-border)!important}
details.card::after{content:none!important;display:none!important}
details.card summary{padding:26px 4px 28px!important;list-style:none;font-size:21px;font-weight:500;color:#0b0707!important}
details.card summary::-webkit-details-marker{display:none}
details.card summary:hover{background:none!important}
details.card summary>span{gap:0!important;font-size:17px;color:#000!important}
details.card summary svg{display:none!important}
details.card summary::after{content:"";flex-shrink:0;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230b0707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/22px no-repeat;transition:transform .25s ease;margin-left:24px;opacity:.6}
details.card[open] summary::after{transform:rotate(180deg)}
details.card>div:last-child{padding:16px 4px 44px!important;font-size:16px;line-height:1.65;color:#5c5c5c;max-width:820px;border-top:none!important}
details.card>p:last-child{padding-bottom:40px!important}

/* fix invalid comma in arbitrary grid-cols (FAQ 2-column) */
@media(min-width:1024px){.lg\:grid-cols-\[1fr\,1\.5fr\]{grid-template-columns:1fr 1.5fr}}

/* How-it-works image tiles (large number + overlaid heading/body) */
.how-tile{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3/4;background:#16304a center/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 30px rgba(11,7,7,.12)}
.how-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.25) 55%,rgba(0,0,0,.05));z-index:1}
.how-tile-inner{position:relative;z-index:2;padding:30px}
.how-tile-num{position:absolute;top:26px;left:30px;z-index:3;font-size:60px;font-weight:600;line-height:1}
.how-tile h3{font-size:22px;font-weight:600;color:#fff!important;margin-bottom:8px;line-height:1.2}
.how-tile p{font-size:15px;color:rgba(255,255,255,.85)!important;line-height:1.55;margin:0}
@media(max-width:767px){.how-tile{aspect-ratio:16/10}}

/* Trusted-by-industry: columns with vertical dividers + eyebrow labels */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border)}
.stat-col{display:flex;flex-direction:column;min-height:250px;padding:30px 24px 0 28px;border-left:1px solid var(--color-border)}
.stat-col:first-child{border-left:none;padding-left:0}
.stat-label{display:block;font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:capitalize;color:var(--color-primary);margin-bottom:16px}
.stat-num{display:inline-flex;align-items:baseline;gap:1px;line-height:1}
.stat-num .counter-value{font-size:38px;font-weight:600;color:var(--color-text-dark);letter-spacing:-.02em}
.stat-num .stat-suffix{font-size:30px;font-weight:600;color:var(--color-text-dark)}
.stat-desc{margin-top:auto;padding-top:24px;font-size:15px;color:var(--color-text-light);line-height:1.6;margin-bottom:0}
@media(max-width:1023px){.stat-row{grid-template-columns:1fr 1fr;border-top:none}.stat-col{min-height:auto;padding:24px 20px;border-top:1px solid var(--color-border)}.stat-col:nth-child(odd){border-left:none}}
@media(max-width:639px){.stat-row{grid-template-columns:1fr}.stat-col{border-left:none}}

.stat-num .counter-value.stat-word{font-size:38px;letter-spacing:-.01em;line-height:1.05}

/* Service-page heroes — light with a very subtle dot pattern */
.svc-hero-blue{background:#fff!important}
.svc-hero-blue.section-fade-bottom:after{display:none}
.svc-hero-blue img[aria-hidden="true"]{display:none}

/* Narrow stat sections by 200px (1400 -> 1200) */
.section-container:has(.stat-row){max-width:1300px}

/* Homepage review tiles — portrait video-testimonial style */
.review-tile{position:relative;aspect-ratio:5/8;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#2e5b85 0%,#234868 45%,#15293f 100%);box-shadow:0 10px 30px rgba(11,7,7,.12);isolation:isolate}
.review-tile-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.review-tile::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(11,7,7,.96) 0%,rgba(11,7,7,.74) 30%,rgba(11,7,7,.12) 60%)}
.review-tile-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.review-tile-quote{color:#fff;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:-.01em;margin:0 0 18px}
.review-tile-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.review-tile-name{color:#fff;font-weight:600;font-size:16px;margin:0;line-height:1.35}
.review-tile-role{color:rgba(255,255,255,.7);font-size:14px;margin:0;line-height:1.35}
.review-tile-brand{color:#fff;font-weight:700;font-size:18px;letter-spacing:.01em;text-align:right;line-height:1.1}


/* Base benefit-card/benefit-visual component styles (promoted from homepage inline so they work site-wide) */
.benefit-card[data-astro-cid-6m3gdb4k]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a;display:flex;flex-direction:column;position:relative;overflow:hidden}
.benefit-card[data-astro-cid-6m3gdb4k]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none;z-index:1;transition:background .4s cubic-bezier(.4,0,.2,1)}
.benefit-card[data-astro-cid-6m3gdb4k]:hover{background-color:var(--color-white);box-shadow:0 4px 6px #00000008,0 12px 24px #00000012,0 24px 48px #0000000d;transform:translateY(-6px);border-color:#2e5b8526}
.benefit-card[data-astro-cid-6m3gdb4k]:hover:after{background:linear-gradient(to bottom,transparent,var(--color-white))}
.benefit-visual[data-astro-cid-6m3gdb4k]{margin-top:auto;padding:16px;background:var(--color-white);border-radius:14px;border:1px solid var(--color-border);box-shadow:0 1px 4px #00000008}
.benefit-card[data-astro-cid-6m3gdb4k]:hover .benefit-visual[data-astro-cid-6m3gdb4k]{background:var(--color-bg);border-color:transparent}

/* Service-page CTA banner (text left, UI image bleeding right, brand-blue gradient) */
.cta-banner{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#15293f 0%,#234868 48%,#2e5b85 100%);padding:56px;min-height:360px;display:flex;align-items:center}
.cta-banner-text{position:relative;z-index:2;width:100%;max-width:520px}
.cta-banner-title{color:#fff;font-weight:600;font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.01em;margin:0 0 16px}
.cta-banner-sub{color:rgba(255,255,255,.72);font-size:17px;line-height:1.6;margin:0 0 28px;max-width:440px}
.cta-banner-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cta-banner-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--color-primary);font-weight:600;font-size:15px;padding:13px 28px;border-radius:100px;box-shadow:0 10px 25px rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.cta-banner-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.26)}
.cta-banner-link{color:rgba(255,255,255,.85);font-weight:600;font-size:15px;white-space:nowrap;transition:color .2s}
.cta-banner-link:hover{color:#fff}
.cta-banner-media{position:absolute;left:40%;right:auto;width:80%;top:-65px;bottom:auto;transform:none;z-index:1;pointer-events:none}
.cta-banner-media img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:900px){.cta-banner{padding:40px;text-align:center;min-height:0}.cta-banner-text{max-width:none}.cta-banner-sub{margin-left:auto;margin-right:auto}.cta-banner-actions{justify-content:center}.cta-banner-media{display:none}}

/* Narrow the CTA banner section by 200px (1400 -> 1200) */
.section-container:has(.cta-banner){max-width:1400px}

/* Dashboard 2x2 bento (operational visibility + reporting) */
.bento-grid{display:grid;grid-template-columns:1fr 1fr}
.bento-cell{padding:52px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.bento-cell:nth-child(2),.bento-cell:nth-child(4){border-left:1px solid var(--color-border)}
.bento-cell:nth-child(3),.bento-cell:nth-child(4){border-top:1px solid var(--color-border)}
.bento-eyebrow{font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:var(--color-primary);margin-bottom:16px}
.bento-title{font-size:clamp(26px,2.8vw,40px);font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--color-text-dark);margin-bottom:18px}
.bento-media{position:relative;align-items:center;padding:16px}
.bento-media img{position:relative;z-index:1;width:100%;max-width:none;height:auto;display:block;margin:0 auto}
.bento-media::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74%;height:70%;background:radial-gradient(ellipse at center,rgba(46,91,133,.16),transparent 70%);filter:blur(46px);z-index:0;pointer-events:none}
@media(max-width:1023px){.bento-grid{grid-template-columns:1fr}.bento-cell{padding:40px 0}.bento-cell:nth-child(2),.bento-cell:nth-child(4){border-left:none}.bento-cell:nth-child(n+2){border-top:1px solid var(--color-border)}.bento-media{padding:24px 0}}

/* Bottom CTA: 2-column content + translucent-white customer wordmark carousel */
.cta-2col{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-2col-title{flex:1 1 460px;text-align:left;color:#fff;font-weight:600;font-size:38px;line-height:1.08;letter-spacing:-.01em;margin:0}
.cta-2col-action{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-2col-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--color-text-dark);font-weight:600;font-size:16px;padding:15px 30px;border-radius:100px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.cta-2col-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.26)}
.cta-2col-note{color:rgba(255,255,255,.75);font-size:14px;line-height:1.4;margin:0;max-width:140px}
.cta-logos{margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cta-logos-track{display:flex;align-items:center;gap:60px;width:max-content;animation:cta-marquee 40s linear infinite}
.cta-logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:44px}
@keyframes cta-marquee{to{transform:translateX(-50%)}}
@media(max-width:767px){.cta-2col{justify-content:center;text-align:center}.cta-2col-title{flex-basis:100%;text-align:center}.cta-2col-action{width:100%;justify-content:center}}

/* Key-features sections: rounded panel that scroll-expands to full width */
.kf-section{padding-top:60px;padding-bottom:60px;position:relative}
.kf-panel{position:relative;max-width:100%;margin-inline:auto;border-radius:24px;overflow:hidden;padding:88px 0}
.kf-panel .section-container{max-width:1200px}
@supports (animation-timeline:view()){
  .kf-panel{animation:kf-expand linear both;animation-timeline:view();animation-range:entry 8% entry 92%}
  @keyframes kf-expand{from{max-width:1400px;border-radius:44px}to{max-width:100%;border-radius:24px}}
}
@media(max-width:1023px){.kf-panel{border-radius:20px;padding:56px 0}}

/* Related-features section: 2-column (intro+CTA left, icon-card grid right) */
.related-card{display:block;height:100%;background:#fff;border:1px solid var(--color-border);border-radius:20px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s}
.related-card:hover{border-color:#2e5b854d;box-shadow:0 10px 28px rgba(11,7,7,.07);transform:translateY(-3px)}
.related-card-icon{width:48px;height:48px;border-radius:13px;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;color:var(--color-text-dark);margin-bottom:22px}
.related-card-icon svg{width:24px;height:24px}
.related-card-title{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px;line-height:1.2;transition:color .2s}
.related-card:hover .related-card-title{color:var(--color-primary)}
.related-card-desc{font-size:14px;color:var(--color-text-light);line-height:1.6;margin:0}

/* Related-features: 40/60 columns, wider gap, full customer logos */
.related-2col{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
@media(min-width:1024px){.related-2col{grid-template-columns:2fr 3fr;column-gap:104px}}
.related-logo{height:26px;width:auto;max-width:124px;object-fit:contain;background:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 1px 3px rgba(11,7,7,.06);box-sizing:content-box}

/* Narrow the Explore more / Related features section */
.section-container:has(.related-2col){max-width:1200px}

/* Service hero: subtle dotted pattern fading toward bottom-left */
.svc-hero-blue::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(rgba(46,91,133,.08) 1px,transparent 1.7px) 0 0/22px 22px;-webkit-mask-image:linear-gradient(to bottom left,#000 0%,transparent 72%);mask-image:linear-gradient(to bottom left,#000 0%,transparent 72%)}
.svc-hero-blue .section-container{position:relative;z-index:1}

/* FAQ summary: even top/bottom padding (line-height matches chevron so text centers) */
details.card summary{line-height:1.32!important}

/* Book a Demo — interactive step form */
.demo-progress{margin-bottom:26px}
.demo-progress-track{height:6px;border-radius:100px;background:var(--color-border);overflow:hidden}
.demo-progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:100px;width:33.33%;transition:width .4s cubic-bezier(.4,0,.2,1)}
.demo-progress-label{font-size:13px;color:var(--color-text-light);margin-top:9px;font-weight:600;letter-spacing:.02em}
.demo-step{display:flex;flex-direction:column;gap:16px;animation:demo-fade .32s ease}
.demo-step[hidden]{display:none}
@keyframes demo-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.demo-nav{display:flex;gap:12px;margin-top:22px}
.demo-back{flex:0 0 auto}
.demo-next,.demo-submit{flex:1 1 auto;justify-content:center}


/* Reduce FAQ section spacing */
.section-padding:has(details.card){padding-top:60px;padding-bottom:10px}
/* How it works: tighter padding + remove white gap from the section above */
.section-padding:has(.how-tile),.section-padding:has(.howx-stack){margin-top:-60px;padding-top:94px;padding-bottom:60px}

/* How it works — 3-column light tiles with step + UI image */
.howx-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.howx-tile{background:#e7edfb;border-radius:24px;padding:34px 30px 0;display:flex;flex-direction:column;overflow:hidden;color:var(--color-text-dark);min-height:0}
.howx-title{font-size:28px;font-weight:600;line-height:1.2;margin:0 0 14px;color:var(--color-text-dark);text-transform:none}
.howx-num{font-weight:600;color:var(--color-text-dark)}
.howx-desc{font-size:18px;line-height:1.6;color:var(--color-text-light);margin:0 0 6px}
.howx-media{margin:0 0 -90px 0;overflow:visible}
.howx-media img{width:150%;max-width:none;height:auto;display:block;transform:none;margin-left:-50px}
@media(max-width:860px){.howx-stack{grid-template-columns:1fr}.howx-media{overflow:visible;margin:18px 0 0}.howx-media img{transform:none;width:100%}}

/* Remove drop shadow from buttons across the site */
.btn-primary,.btn-primary:hover,.btn-primary:active,
.btn-secondary,.btn-secondary:hover,.btn-secondary:active,
.cta-banner-btn,.cta-banner-btn:hover,
.cta-2col-btn,.cta-2col-btn:hover{box-shadow:none!important}

/* Dashboard: tighten spacing around the bento (op-visibility/reporting) */
.section-padding:has(.bento-grid){margin-top:-6px;padding-top:36px;padding-bottom:86px}
/* Book a Demo: reduce top spacing */
section:has(form#inline-demo-form){padding-top:114px;padding-bottom:70px}
/* Explore more: distinct background */
section:has(.related-2col){background-color:#eef2fa}

/* batch tweaks */
section:has(.howx-stack){background-color:#fff}
.section-padding:has(.related-2col){padding-top:70px;padding-bottom:70px}
.section-container:has(details.card){max-width:1200px}

/* Narrow the Book a Demo section by 200px */
.section-container:has(form#inline-demo-form){max-width:1200px}


/* Explore more — "What's new" style dark-blue showcase */
.brain-sec{background:linear-gradient(165deg,#16314e 0%,#0b1a2a 100%);color:#fff;padding:97px 0 89px;position:relative;overflow:hidden;margin-top:0}
.brain-eyebrow{display:block;font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:#7fb6ef;margin-bottom:22px}
.brain-divider{height:1px;background:rgba(255,255,255,.13);margin-bottom:44px}
.brain-top{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:stretch;margin-bottom:60px}
.brain-title{font-size:48px;font-weight:600;line-height:1.05;letter-spacing:-.02em;color:#fff;margin:0;text-transform:none}
.brain-intro{display:flex;justify-content:flex-end;align-items:flex-end}
.brain-sub{font-size:17px;line-height:1.6;color:rgba(255,255,255,.62);margin:20px 0 0;max-width:600px}
.brain-intro p{font-size:17px;line-height:1.6;color:rgba(255,255,255,.62);margin:0 0 24px}
.brain-btn{display:inline-block;background:#fff;color:#0b1a2a;font-weight:600;font-size:15px;padding:13px 26px;border-radius:12px;text-decoration:none;transition:background .2s}
.brain-btn:hover{background:rgba(255,255,255,.88)}
.brain-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.brain-col{display:flex;flex-direction:column;padding:34px 26px 0;border-left:1px solid rgba(255,255,255,.1);height:430px;text-decoration:none;position:relative;overflow:hidden}
.brain-col:first-child{border-left:none}
.brain-col-eyebrow{font-size:24px;letter-spacing:0;text-transform:capitalize;color:#fff;font-weight:600;margin-bottom:14px;transition:color .2s}
.brain-col:hover .brain-col-eyebrow{color:#9cc8f5}
.brain-col-desc{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.58);margin:0}
.brain-col-media{margin-top:auto;margin-bottom:-80px;position:relative}
.brain-col-media img{width:150%;max-width:none;height:auto;display:block;margin-left:-31px;filter:drop-shadow(0 16px 38px rgba(0,0,0,.55))}
.brain-col:first-child .brain-col-media img{margin-left:-31px}
@media(max-width:1023px){.brain-top{grid-template-columns:1fr;gap:20px}.brain-grid{grid-template-columns:1fr 1fr}.brain-col{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding:34px 0 0;height:auto;min-height:0}.brain-col:nth-child(-n+2){border-top:none}.brain-col-media{margin-bottom:0}.brain-col-media img{width:100%;margin-left:0}}
@media(max-width:639px){.brain-grid{grid-template-columns:1fr}.brain-col:nth-child(2){border-top:1px solid rgba(255,255,255,.1)}}

/* Dashboard interactivity — subtle, professional hover micro-interactions */
.brain-col{transition:background-color .3s ease}
.brain-col:hover{background-color:rgba(255,255,255,.025)}
.brain-col-media{transition:transform .45s cubic-bezier(.4,0,.2,1)}
.brain-col:hover .brain-col-media{transform:translateY(-8px)}
.brain-btn{transition:background .2s ease,transform .2s ease}
.brain-btn:hover{transform:translateY(-2px)}
.howx-media img{transition:transform .55s cubic-bezier(.4,0,.2,1)}
.howx-tile:hover .howx-media img{transform:scale(1.04)}
.cta-banner-media img{transition:transform .55s cubic-bezier(.4,0,.2,1)}
.cta-banner:hover .cta-banner-media img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.brain-col-media,.howx-media img,.cta-banner-media img,.brain-btn{transition:none!important}.brain-col:hover .brain-col-media,.howx-tile:hover .howx-media img,.cta-banner:hover .cta-banner-media img,.brain-btn:hover{transform:none!important}}

.capitalize{text-transform:capitalize}

.brain-col-media svg{width:100%;height:auto;display:block;border-radius:13px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.brain-col-media:has(svg){margin-bottom:-34px}

.faq-layout{display:block}
.section-padding:has(details.card) .faq-layout>div:first-child{max-width:780px;margin-bottom:46px}
.section-padding:has(details.card) .section-title{font-size:48px;line-height:1.04;letter-spacing:-.02em;text-transform:none;margin-top:10px}
.section-padding:has(details.card) .pre-heading{color:var(--color-primary)}
.faq-list>details.card{border-bottom:1px solid var(--color-border)!important}
.faq-list>details.card:first-child{border-top:1px solid var(--color-border)!important}

.demo-check{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--color-primary);color:#fff;flex-shrink:0}
.demo-logos img{height:30px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
.demo-logos img:hover{filter:grayscale(0);opacity:1}

section:has(form#inline-demo-form) .section-title{text-transform:none;letter-spacing:-.02em;line-height:1.05}

.demo-form-card{padding:56px}
@media(max-width:640px){.demo-form-card{padding:32px}}

.cta-logo img{height:30px;width:auto;max-width:140px;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.62;transition:opacity .3s ease}

.cta-logo:hover img{opacity:1}

.review-tile-brand-logo{height:26px;width:auto;max-width:122px;object-fit:contain;display:block;margin-left:auto;filter:brightness(0) invert(1);opacity:.9}

/* Case-studies section (homepage) — Hyperline-style, site fonts/colours */
.cs-head{max-width:760px;margin-bottom:8px}
.cs-title{font-size:clamp(34px,4.4vw,52px);font-weight:600;line-height:1.05;letter-spacing:-.02em;text-transform:none;color:var(--color-text-dark);margin:0 0 18px}
.cs-sub{font-size:17px;line-height:1.6;color:var(--color-text-light);max-width:560px;margin:0}
.cs-eyebrow{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:600;letter-spacing:.01em;color:var(--color-text-light);margin-top:54px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}
.cs-bullet{width:9px;height:9px;border-radius:2px;background:var(--color-primary);flex-shrink:0;display:inline-block}
.cs-logos{margin-top:46px;align-items:center;gap:34px 28px}
.cs-logo-cell{display:flex;align-items:center;justify-content:center;min-height:60px;padding:4px}
.cs-logo{max-height:46px;max-width:160px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(.62);opacity:.85;transition:filter .3s ease,opacity .3s ease}
.cs-logo-cell:hover .cs-logo{filter:grayscale(0) brightness(1);opacity:1}
.cs-reviews{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding:18px 30px;background:#fff;border:1px solid var(--color-border);border-radius:999px;box-shadow:0 6px 20px rgba(11,7,7,.05);text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}
.cs-reviews:hover{box-shadow:0 10px 30px rgba(11,7,7,.09);transform:translateY(-2px)}
.cs-reviews-left{display:flex;align-items:center;gap:16px}
.cs-reviews-label{font-size:17px;font-weight:600;color:var(--color-text-dark)}
.cs-stars{color:var(--color-secondary);font-size:15px;letter-spacing:3px}
.cs-reviews-arrow{color:var(--color-text-dark);flex-shrink:0}

@media(min-width:768px){.cs-logos{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cs-logos .cs-logo{max-width:120px;max-height:42px}
#customer-reviews{margin-top:84px}

/* Integrations section — dark-blue, overlapping circular badges w/ glowing centre orb */
.intg-section{background:radial-gradient(circle at 50% 84%,#1e3e63 0%,#102338 52%,#0a1828 100%)}
.intg-head{text-align:center;max-width:680px;margin:0 auto 54px}
.intg-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6ea8d6;font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:18px}
.intg-eyebrow svg{width:16px;height:16px}
.intg-title{font-size:clamp(32px,4.4vw,54px);font-weight:600;line-height:1.05;letter-spacing:-.02em;text-transform:none;color:#fff;margin:0 0 18px}
.intg-sub{font-size:17px;line-height:1.6;color:rgba(255,255,255,.6);margin:0 auto;max-width:560px}
.intg-badges{display:flex;align-items:center;justify-content:center}
.intg-badge{flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 26%,#26456a,#142840);border:1px solid rgba(255,255,255,.09)}
.intg-logo{filter:brightness(0) invert(1);opacity:.82;width:auto;object-fit:contain}
.intg-o3{width:118px;height:118px;z-index:1;opacity:.8;margin:0 -12px}
.intg-o3 .intg-logo{max-width:60px;max-height:34px}
.intg-o2{width:148px;height:148px;z-index:2;margin:0 -14px}
.intg-o2 .intg-logo{max-width:78px;max-height:44px}
.intg-o1{width:174px;height:174px;z-index:3;margin:0 -16px}
.intg-o1 .intg-logo{max-width:94px;max-height:52px}
.intg-center{width:216px;height:216px;z-index:6;border:none;margin:0 -8px;background:radial-gradient(circle at 38% 30%,#aed0f0 0%,#5f8fc0 24%,#2e5b85 50%,#6b4f9a 76%,#eb5867 100%);box-shadow:0 0 90px 6px rgba(74,123,166,.5),inset 0 -24px 56px rgba(0,0,0,.34),inset 0 16px 46px rgba(255,255,255,.3)}
.intg-center-logo{width:88px;height:auto;opacity:.96;filter:brightness(0) invert(1) drop-shadow(0 2px 7px rgba(0,0,0,.3))}
.intg-cta{text-align:center;margin-top:54px}
@media(max-width:767px){.intg-badges{transform:scale(.66);transform-origin:center;margin:-34px 0}}

.section-padding:has(.cs-head){padding-top:24px;padding-bottom:70px;margin-top:-66px}

/* Integrations — subtle orb animation */
@keyframes intg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes intg-orb-glow{0%,100%{box-shadow:0 0 90px 6px rgba(74,123,166,.5),inset 0 -24px 56px rgba(0,0,0,.34),inset 0 16px 46px rgba(255,255,255,.3)}50%{box-shadow:0 0 128px 16px rgba(122,176,222,.72),inset 0 -24px 56px rgba(0,0,0,.34),inset 0 16px 46px rgba(255,255,255,.3)}}
.intg-badge{animation:intg-float 6.5s ease-in-out infinite}
.intg-o2{animation-delay:.7s}
.intg-o1{animation-delay:1.4s}
.intg-center{animation:intg-float 7s ease-in-out infinite 2.1s,intg-orb-glow 4.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.intg-badge,.intg-center{animation:none}}

/* Mobile-only heading sizes */
@media(max-width:767px){
  h1{font-size:40px!important;line-height:1.15!important}
  h2{font-size:36px!important;line-height:1.12!important}
  h3{font-size:28px!important;line-height:1.15!important}
}

/* Contact page — Glimpse-style layout, TyreOps fonts/colours */
.contact-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:999px;padding:7px 16px 7px 14px;font-size:14px;font-weight:600;color:var(--color-text-dark);margin-bottom:26px;background:#fff}
.contact-eyebrow svg{width:15px;height:15px;color:var(--color-primary)}
.contact-title{font-size:clamp(36px,4.8vw,54px);font-weight:600;line-height:1.04;letter-spacing:-.02em;text-transform:none;color:var(--color-text-dark);margin:0 0 20px}
.contact-sub{font-size:18px;line-height:1.6;color:var(--color-text-light);max-width:430px;margin:0 0 46px}
.contact-items{display:flex;flex-direction:column;gap:24px}
.contact-item{display:flex;align-items:center;gap:16px;text-decoration:none}
.contact-item-icon{flex-shrink:0;width:48px;height:48px;border-radius:13px;background:rgba(46,91,133,.09);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}
.contact-item-icon svg{width:21px;height:21px}
.contact-item-text{display:flex;flex-direction:column;gap:2px}
.contact-item-label{font-size:14px;color:var(--color-text-light);line-height:1.2}
.contact-item-value{font-size:18px;font-weight:600;color:var(--color-text-dark);line-height:1.3;transition:color .2s}
.contact-item[href]:hover .contact-item-value{color:var(--color-primary)}
.contact-form-card{background:#fff;border:1px solid var(--color-border);border-radius:24px;padding:40px;box-shadow:0 12px 44px rgba(11,7,7,.06)}
.contact-logos-label{text-align:center;font-size:15px;font-weight:600;color:var(--color-text-light);margin-bottom:34px}
.contact-logos{display:flex;align-items:center;justify-content:space-between;gap:28px 40px;flex-wrap:wrap}
.contact-logos img{height:40px;width:auto;max-width:180px;object-fit:contain;filter:grayscale(1) brightness(.6);opacity:.82;transition:filter .3s,opacity .3s}
.contact-logos img:hover{filter:grayscale(0) brightness(1);opacity:1}
@media(max-width:640px){.contact-form-card{padding:26px}}

/* Mobile: square full-width panels (why-tyreops, integrations) + bottom CTA full-bleed */
@media(max-width:767px){
  .kf-panel{border-radius:0!important;animation:none!important;max-width:100%!important;margin-inline:0!important}
  .section-container:has(> .rounded-\[32px\]){max-width:100%!important;padding-left:0!important;padding-right:0!important}
  .section-container > .rounded-\[32px\]{border-radius:0!important}
}

@media(max-width:767px){
  /* Review tiles: half height + horizontal swipe carousel */
  #customer-reviews{display:flex!important;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}
  #customer-reviews::-webkit-scrollbar{display:none}
  #customer-reviews>.review-tile{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:5/4}
  /* Tabs: left-aligned start, bleed off the right page edge */
  #feature-tabs,#solution-tabs{justify-content:flex-start!important;margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}
  /* Tab content: text above image, tighter gap */
  .tab-content .grid>div:has(img){order:2}
  .tab-content .grid{gap:16px!important}
}

@media(max-width:767px){
  /* tabs: when fully scrolled, last tab aligns to box-model right edge */
  #feature-tabs,#solution-tabs{padding-right:24px}
  /* tab images 20% bigger (clip the bleed at the section) */
  #feature-content .tab-content img,#solution-content .tab-content img{transform:scale(1.2);transform-origin:center}
  section:has(#feature-tabs){overflow-x:clip;padding-top:34px}
  /* stats: first tile left padding matches others; button under heading, left-aligned */
  .stat-col:first-child{padding-left:20px}
  section:has(.stat-row) a.btn-primary{align-self:flex-start!important;margin-left:0!important}
  /* bottom CTA: tighter above, flush to footer */
  section:has(> .section-container > .rounded-\[32px\]){padding-top:36px!important;padding-bottom:0!important}
}

@media(max-width:767px){
  .kf-section:has(.why-dark){padding-top:34px;padding-bottom:24px}
  .why-dark{padding-top:38px!important;padding-bottom:38px!important}
  /* "Why TyreOps" section (feat-showcase): trim the 120px top/bottom on mobile */
  .section-padding.feat-showcase{padding-top:56px!important;padding-bottom:56px!important}
  /* Feature/solutions hero: uniform eyebrow->h1 gap (match dashboard) + slightly less top padding */
  .svc-hero-blue{padding-top:48px!important}
  .svc-hero-blue .pre-heading+h1{margin-top:0!important}
  /* Hero CTAs: keep on one row as two equal columns (don't stack/wrap) */
  .svc-hero-blue [class*="flex"]:has(>a.btn-primary){flex-direction:row!important;flex-wrap:nowrap!important}
  .svc-hero-blue [class*="flex"]:has(>a.btn-primary)>a{flex:1 1 0!important;min-width:0!important;justify-content:center!important;padding-left:12px!important;padding-right:12px!important;white-space:nowrap}
}

@media(max-width:767px){
  /* show hero floating info badges */
  .floating-badge{display:flex!important}
  /* case-studies logo grid 3 x 2 */
  .cs-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  /* reduce stats section bottom padding */
  section:has(.stat-row){padding-bottom:30px!important}
  /* under-hero trust logos: single-row carousel, full-bleed */
  .hero-trust-logos{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;gap:30px;margin-inline:-24px;padding:4px 24px 10px;scrollbar-width:none}
  .hero-trust-logos::-webkit-scrollbar{display:none}
  .hero-trust-logos img{flex-shrink:0}
  /* reviews carousel: full-bleed (edges to screen), unclipped shadows, +50px height */
  #customer-reviews{margin-inline:-24px!important;margin-top:42px!important;margin-bottom:-18px!important;padding:22px 18px 44px!important}
  #customer-reviews>.review-tile{aspect-ratio:auto!important;height:374px!important}
}

@media(max-width:767px){
  /* hero buttons side by side */
  .hero-cta-buttons{flex-direction:row!important;gap:12px}
  .hero-cta-buttons>a{padding-left:20px!important;padding-right:20px!important;white-space:nowrap}
  /* how-it-works tiles: tighter gap, image +30% top-left, clipped by tile */
  .howx-desc{margin-bottom:0!important}
  .howx-media{margin-top:4px!important}
  .howx-media img{transform:scale(1.3)!important;transform-origin:top left}
  /* Ready-to-see CTA: show image at bottom, clipped bottom + right */
  .cta-banner{flex-direction:column;overflow:hidden;padding-bottom:0}
  .cta-banner-media{display:block!important;position:relative;left:0;right:auto;top:auto;bottom:auto;width:132%;margin:6px 0 -94px -26px;align-self:flex-start;pointer-events:none}
  .cta-banner-media img{width:100%;display:block;border-radius:10px 0 0 0}
  /* bento: switch Reporting text/image order */
  .bento-grid>.bento-cell:nth-child(3){order:4}
  .bento-grid>.bento-cell:nth-child(4){order:3}
  /* related features: left-align button, smaller SVG, more spacing above */
  .brain-intro{justify-content:flex-start!important}
  .brain-col-media{margin-top:30px!important}
  .brain-col-media svg{width:72%!important}
}

@media(max-width:767px){
  /* heading sizes win over Tailwind important size classes (match homepage) */
  h1[class]{font-size:40px!important;line-height:1.15!important}
  h2[class]{font-size:36px!important;line-height:1.12!important}
  h3[class]{font-size:28px!important;line-height:1.15!important}
  /* slide-in reveals: vertical on mobile (horizontal translate caused page overflow) */
  .animate-from-left,.animate-from-right{transform:translateY(30px)!important}
  .animate-from-left.is-visible,.animate-from-right.is-visible{transform:translateY(0)!important}
}

@media(max-width:767px){
  .section-padding:has(.cs-head){padding-bottom:24px!important}
}

/* Mobile menu — ClickUp-style sliding panels */
#mobile-menu{padding:0!important;height:calc(100dvh - 72px);max-height:none!important;overflow:hidden}
#mobile-menu .mm-viewport{position:relative;height:100%;overflow:hidden}
.mm-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff}
.mm-main-rows{flex:1;overflow-y:auto}
.mm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:20px 24px;font-size:24px;font-weight:500;line-height:1.1;color:var(--color-text-dark);border-bottom:1px solid var(--color-border);text-align:left;background:none;text-decoration:none}
.mm-row:first-child{border-top:1px solid var(--color-border)}
.mm-row .mm-chev{width:22px;height:22px;color:var(--color-text-light);flex-shrink:0}
.mm-sub{transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}
.mm-sub.is-active{transform:translateX(0)}
.mm-sub-body{flex:1;overflow-y:auto;padding:6px 24px 18px}
.mm-section{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:none;color:var(--color-text-light);margin:20px 0 4px}
.mm-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f1efeb;text-decoration:none}
.mm-item:last-child{border-bottom:none}
.mm-item-title{display:block;font-size:18px;font-weight:500;color:var(--color-text-dark);line-height:1.2}
.mm-item-desc{display:block;font-size:14px;color:var(--color-text-light);margin-top:2px;line-height:1.3}
.mm-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:#fff}
.mm-back-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;background:var(--color-bg-card);color:var(--color-text-dark);font-weight:600;font-size:16px;border-radius:12px;border:none}

/* Mobile header: push the Get Started + toggle group flush to the box-model right edge */
nav .lg\:hidden:has(> #mobile-toggle){margin-left:auto}

@media(max-width:767px){nav a img.h-9{height:31.68px!important}}

.mm-item-ic{flex-shrink:0;width:24px;height:24px;color:var(--color-text-dark)}
.mm-item-txt{display:flex;flex-direction:column;min-width:0}

/* Mobile toggle: show X when the menu is open */
#mobile-toggle .mm-x{display:none}
nav:has(#mobile-menu:not(.hidden)) #mobile-toggle .mm-bars{display:none}
nav:has(#mobile-menu:not(.hidden)) #mobile-toggle .mm-x{display:block}

@media(max-width:767px){
  .prod-hero{margin-left:-65px!important}
  .cta-banner .cta-banner-title{font-size:36px!important}
}

/* Jobs how-it-works step 3: the portrait job-sheet PDF is oversized — fit it to the tile width, align its left edge with the content, let the tile clip the overflow */
.howx-media img[src*="pdf"]{width:100%!important;margin-left:0!important;transform:none!important}

/* How-it-works tiles: equal height, consistent gap below content, images clipped at the set tile height (desktop) */
@media(min-width:768px){
  .howx-stack{align-items:stretch}
  .howx-tile{height:440px}
  .howx-media{margin:18px 0 0 0!important;overflow:hidden;flex:1 1 auto;min-height:0;align-self:stretch}
  .howx-media img{width:150%;max-width:none;height:auto;margin-left:-50px}
  .howx-media img[src*="pdf"]{width:100%!important;height:100%!important;object-fit:cover;object-position:top left;margin-left:0!important}
}

/* ============ PRICING PAGE — dark theme ============ */
body.pricing-dark{background:#0a0e15}
body.pricing-dark nav.fixed{background:rgba(10,14,21,.9)!important;border-bottom-color:rgba(255,255,255,.08)!important}
body.pricing-dark nav.fixed a img.h-9{filter:brightness(0) invert(1)}
body.pricing-dark .bg-bg,body.pricing-dark .bg-white,body.pricing-dark .bg-bg-card{background-color:#0a0e15!important}
body.pricing-dark .card,body.pricing-dark details.card{background-color:#141a24!important;border-color:rgba(255,255,255,.08)!important}
body.pricing-dark .text-text-dark{color:#eef1f5!important}
body.pricing-dark .text-text{color:#c7cdd6!important}
body.pricing-dark .text-text-light{color:#9aa2af!important}
body.pricing-dark .border-border,body.pricing-dark .border-border\/50{border-color:rgba(255,255,255,.08)!important}
body.pricing-dark .hover\:bg-bg-card\/50:hover{background-color:rgba(255,255,255,.05)!important}

/* hero */
.pricing-hero{position:relative;background:#0a0e15;padding:132px 0 56px;overflow:hidden}
.pricing-hero-glow{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:820px;height:440px;background:radial-gradient(ellipse,rgba(46,91,133,.28),transparent 70%);pointer-events:none}
.pricing-pill{display:inline-block;font-size:13px;font-weight:600;color:#7fb0db;background:rgba(46,91,133,.18);border:1px solid rgba(74,123,166,.4);padding:5px 15px;border-radius:999px;margin-bottom:22px}
.pricing-h1{font-size:clamp(34px,4.6vw,54px);font-weight:800;color:#fff;line-height:1.06;letter-spacing:-.02em;margin:0 auto 16px}
.pricing-sub{font-size:16px;line-height:1.6;color:#9aa2af;max-width:560px;margin:0 auto 30px}
.billing-seg{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px}
.billing-seg-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;font-size:14px;font-weight:600;color:#aeb6c2;background:none;border:none;cursor:pointer;transition:all .25s;font-family:inherit}
.billing-seg-btn.is-active{background:rgba(255,255,255,.13);color:#fff}
.billing-save{font-size:11px;font-weight:700;color:#fff;background:#2e5b85;padding:2px 9px;border-radius:999px}

/* plans grid */
.pricing-plans{background:#0a0e15;padding:0 0 90px}
.pricing-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:1340px;margin:0 auto;align-items:stretch}
@media(min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pricing-grid{grid-template-columns:repeat(4,1fr);gap:14px}}

/* card */
.pcard{position:relative;display:flex;flex-direction:column;background:#141a24;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px 22px;color:#fff}
.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
.pcard-name{font-size:22px;font-weight:600;color:#fff}
.pcard-badge{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:none;color:#fff;background:rgba(255,255,255,.18);padding:4px 9px;border-radius:6px;white-space:nowrap}
.pcard-desc{font-size:16px;line-height:1.5;color:#8a929f;margin:8px 0 18px;min-height:56px}
.pcard-price{display:flex;align-items:baseline;gap:7px}
.pcard-amount{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}
.pcard-amount-custom{font-size:30px}
.pcard-per{font-size:12.5px;color:#8a929f}
.pcard-billed{font-size:11.5px;color:#6b7585;margin:5px 0 0;min-height:15px}
.pcard-limits{list-style:none;margin:18px 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.pcard-limits li{display:flex;align-items:center;gap:10px;font-size:13px;color:#cdd3dc}
.pc-ic{width:18px;height:18px;color:#6ea8d6;flex-shrink:0}
.pcard-cta{display:block;text-align:center;padding:11px 14px;border-radius:11px;font-size:13.5px;font-weight:600;background:#2e5b85;color:#fff;text-decoration:none;transition:background .25s,transform .25s}
.pcard-cta:hover{background:#234868;transform:translateY(-1px)}
.pcard-divider{height:1px;background:rgba(255,255,255,.09);margin:22px 0 18px}
.pcard-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.pcard-feats li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.4;color:#aab2bf}
.pc-chk{width:15px;height:15px;color:#6ea8d6;flex-shrink:0;margin-top:1px}
/* popular card */
.pcard-popular{background:linear-gradient(180deg,#2e5b85,#244a6d);border-color:#4a7ba6;box-shadow:0 18px 50px -12px rgba(46,91,133,.55)}
.pcard-popular .pcard-desc,.pcard-popular .pcard-per{color:rgba(255,255,255,.72)}
.pcard-popular .pcard-billed{color:rgba(255,255,255,.6)}
.pcard-popular .pcard-badge{background:rgba(255,255,255,.22)}
.pcard-popular .pcard-limits li{color:#fff}
.pcard-popular .pcard-feats li{color:rgba(255,255,255,.9)}
.pcard-popular .pc-ic,.pcard-popular .pc-chk{color:#fff}
.pcard-popular .pcard-divider{background:rgba(255,255,255,.2)}
.pcard-popular .pcard-cta{background:#fff;color:#2e5b85}
.pcard-popular .pcard-cta:hover{background:#eaf1f8}

/* logo carousel */
.pricing-logos{background:#0a0e15;padding:6px 0 88px;text-align:center;overflow:hidden}
.plogos-head{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:none;color:#7b8595;margin-bottom:30px}
.plogos-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.plogos-track{display:flex;align-items:center;gap:64px;width:max-content;animation:plogos 28s linear infinite}
@keyframes plogos{to{transform:translateX(-50%)}}
.plogos-track img{height:30px;width:auto;opacity:.45;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.plogos-track{animation:none}}

/* ============ ABOUT PAGE — dark hero with inline stats ============ */
.about-hero{position:relative;background-color:#0a0e15;background-image:url('/images/pages/about/About-Us-Hero.jpg');background-size:cover;background-position:center;padding:48px 0 84px;overflow:hidden}.about-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.93),rgba(8,10,14,.7) 48%,rgba(8,10,14,.33));pointer-events:none}
.about-hero-glow{display:none}
.about-hero-inner{position:relative;z-index:1}
.about-eyebrow{display:inline-block;font-size:16px;font-weight:600;color:#6ea8d6;margin-bottom:22px}
.about-h1{font-size:clamp(34px,5vw,60px);font-weight:800;color:#fff;line-height:1.06;letter-spacing:-.02em;margin:0;max-width:17ch}
.about-sub{font-size:17px;line-height:1.65;color:#9aa2af;max-width:640px;margin:26px 0 0}
.about-divider{height:1px;background:rgba(255,255,255,.12);margin:46px 0 38px}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.about-stat{position:relative;padding-left:24px}
.about-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.5px;background:rgba(255,255,255,.12)}
.about-stat::after{content:"";position:absolute;left:0;top:0;width:1.5px;height:48px;background:#6ea8d6}
.about-stat-num{display:flex;align-items:baseline;font-size:clamp(28px,3.2vw,42px);font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1}
.about-stat-plus{color:#fff}
.about-stat-label{font-size:14px;line-height:1.45;color:#9aa2af;margin-top:12px}
@media(max-width:900px){.about-stats{grid-template-columns:repeat(2,1fr);gap:26px 18px}}
@media(max-width:767px){.about-hero{padding:32px 0 54px}.about-h1{font-size:clamp(30px,8vw,40px)}.about-sub{font-size:15.5px}}

/* Pricing dark FAQ: brighten the eyebrow */
body.pricing-dark .pre-heading{color:#6ea8d6!important}

/* Case-studies tiles (Hyperline-style grid) */
.cstud-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:none;margin:0;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);border-radius:16px;overflow:hidden}
.cstud-cell{display:flex;flex-direction:column;min-height:370px;padding:42px 46px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.cstud-logo{height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;filter:grayscale(1);opacity:.5;margin-bottom:auto}
.cstud-cat{font-size:13px;color:var(--color-text-light);margin:0 0 12px}
.cstud-title{font-size:28px;text-transform:none;font-weight:600;line-height:1.32;color:var(--color-text-dark);margin:0 0 20px;letter-spacing:-.01em}
.cstud-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--color-text-dark);text-decoration:none}
.cstud-link svg{transition:transform .25s}
.cstud-link:hover svg{transform:translateX(3px)}
@media(max-width:767px){.cstud-grid{grid-template-columns:1fr}.cstud-cell{min-height:0;padding:30px 24px}.cstud-logo{margin-bottom:26px}}

body.pricing-dark .section-title{color:#eef1f5}
body.pricing-dark .faq-list>details.card{border-color:rgba(255,255,255,.08)!important}

/* Case-studies attached-style hero */
.cs-hero{background:var(--color-bg);padding:52px 0 0}
.cs-hero-title{font-size:clamp(38px,4.6vw,56px);font-weight:700;line-height:1.03;letter-spacing:-.02em;color:var(--color-text-dark);margin:0;max-width:20ch}
.cs-hero-sub{font-size:18px;line-height:1.6;color:var(--color-text-light);margin:24px 0 0;max-width:600px}
/* tiles sit directly under the review image tiles */
.cstud-section{background:#faf9f6;padding:0 0 88px;margin-top:-30px}
.cstud-cell{padding:38px 38px}
@media(max-width:767px){.cstud-grid{grid-template-columns:1fr!important}.cstud-section{margin-top:0;padding-top:8px}.cs-hero{padding-top:36px}.cs-hero-title{font-size:clamp(32px,9vw,42px)}}

/* Pricing dark — fixes: CTA button white/black, crisp FAQ, visible logo carousel */
body.pricing-dark .rounded-\[32px\] .bg-white{background-color:#fff!important}
body.pricing-dark .rounded-\[32px\] .text-text-dark{color:#0b0707!important}
body.pricing-dark .faq-list summary{color:#f3f5f8!important}
body.pricing-dark .faq-list summary span{color:inherit!important}
.pricing-logos .plogos-track img{filter:brightness(0) invert(1)!important;opacity:.62!important}

/* Case-studies page: page bg #FAF9F6, tighter hero->content gap */
body.cs-page{background:#faf9f6;padding-top:72px}
body.cs-page .bg-gradient-to-b{background-image:none!important;background-color:#faf9f6!important}
.cs-hero+section.section-padding{padding-top:18px}
.cs-hero+section .cs-eyebrow{margin-top:22px}

/* Pricing logo section: white logos for dark mode (home-hero layout) */
.pricing-logos{padding:30px 0 86px}
.pricing-logos .hero-trust-logos{opacity:.85}
.pricing-logos .hero-trust-logos img{filter:brightness(0) invert(1)!important}
/* FAQ accordion items: transparent background everywhere (incl. dark pricing page) */
body.pricing-dark .faq-list details.card{background-color:transparent!important}
details.card{background:transparent!important}

/* About page: start hero below the header */
body.about-page{padding-top:72px}

/* Dark theme form inputs (contact page) */
body.pricing-dark input,body.pricing-dark textarea,body.pricing-dark select{background-color:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.14)!important;color:#eef1f5!important}
body.pricing-dark input::placeholder,body.pricing-dark textarea::placeholder{color:#7b8595!important}

/* Dark contact page: white logos */
body.pricing-dark .contact-logos img{filter:brightness(0) invert(1)!important;opacity:.55!important}

/* ============ BLOG PAGE (ClickUp-style) ============ */
.blog-hero{padding:118px 0 36px;background:var(--color-bg)}
.blog-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.blog-hero-title{font-size:clamp(34px,4.4vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--color-text-dark);margin:14px 0 0;max-width:14ch}
.blog-hero-sub{font-size:16.5px;line-height:1.6;color:var(--color-text-light);margin:18px 0 26px;max-width:460px}
.blog-subscribe{display:flex;gap:10px;max-width:440px}
.blog-sub-input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--color-border);border-radius:12px;font-size:14px;background:#fff;color:var(--color-text-dark)}
.blog-sub-btn{padding:13px 26px;border-radius:12px;background:var(--color-text-dark);color:#fff;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .25s;white-space:nowrap}
.blog-sub-btn:hover{background:#000}
.blog-social{display:flex;align-items:center;gap:16px;margin-top:24px;font-size:14px;color:var(--color-text-light)}
.blog-social a{color:var(--color-text-light);transition:color .2s;display:inline-flex}
.blog-social a:hover{color:var(--color-text-dark)}
.blog-social svg{width:17px;height:17px}

.blog-cat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:none;color:var(--color-primary);margin:14px 0 0}
.blog-meta{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:var(--color-text-light)}
.blog-avatar{width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}
.blog-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}

.blog-feature{display:block;text-decoration:none}
.blog-feature-img{aspect-ratio:16/9.5;border-radius:16px;overflow:hidden;background:var(--color-bg-card)}
.blog-feature-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-feature:hover .blog-feature-img img{transform:scale(1.04)}
.blog-feature-title{font-size:22px;font-weight:600;color:var(--color-text-dark);margin:6px 0 0;line-height:1.3;letter-spacing:-.01em}

.blog-articles{padding:26px 0 84px;background:var(--color-bg)}
.blog-articles-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:42px;flex-wrap:wrap}
.blog-articles-label{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:none;color:var(--color-text-light)}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px}
.blog-filter-btn{padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:#fff;color:var(--color-text-light);transition:all .25s}
.blog-filter-btn:hover{border-color:var(--color-primary);color:var(--color-text-dark)}
.blog-filter-btn.is-active{background:var(--color-text-dark);color:#fff;border-color:var(--color-text-dark)}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}
.blog-art{display:block;text-decoration:none}
.blog-card-img{aspect-ratio:16/10.5;border-radius:14px;overflow:hidden;background:var(--color-bg-card)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-art:hover .blog-card-img img{transform:scale(1.05)}
.blog-card-title{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:6px 0 0;line-height:1.32;letter-spacing:-.01em;transition:color .2s}
.blog-art:hover .blog-card-title{color:var(--color-primary)}

.blog-sub-card{background:#1b1b20;border-radius:16px;padding:34px;display:flex;flex-direction:column;color:#fff}
.blog-sub-card h3{font-size:22px;font-weight:600;color:#fff;margin:0}
.blog-sub-card p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.6);margin:10px 0 auto}
.blog-sub-card form{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.blog-sub-card input{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:14px}
.blog-sub-card input::placeholder{color:rgba(255,255,255,.45)}
.blog-sub-card button{padding:12px;border-radius:10px;background:#fff;color:#0b0707;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .2s}
.blog-sub-card button:hover{background:#eee}

@media(max-width:900px){.blog-hero-grid{grid-template-columns:1fr;gap:36px}.blog-hero-title{max-width:none}}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-subscribe{flex-direction:column}}

/* Contact dark theme: legibility fixes */
body.pricing-dark .contact-title{color:#eef1f5!important}
body.pricing-dark .contact-item-label{color:#9aa2af!important}
body.pricing-dark .contact-item-value{color:#eef1f5!important}
body.pricing-dark .contact-form-card{background-color:#141a24!important;border-color:rgba(255,255,255,.08)!important}

/* ============ BLOG POST template (ClickUp-style) ============ */
.post-hero{padding:28px 0 48px;background:var(--color-bg)}
.post-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center}
.post-cat{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--color-primary)}
.post-title{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--color-text-dark);margin:16px 0 0}
.post-author{display:flex;align-items:center;gap:14px;margin:28px 0 0}
.post-cta{display:inline-block;margin-top:34px;padding:15px 32px;border-radius:100px;background:var(--color-secondary);color:#fff;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 2px 8px #eb586733;transition:background .25s,transform .25s,box-shadow .25s}
.post-cta:hover{background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #eb586759}
.post-hero-img{border-radius:18px;overflow:hidden;box-shadow:0 22px 60px -18px rgba(11,7,7,.28);border:1px solid var(--color-border)}
.post-hero-img img{width:100%;height:auto;display:block}

.post-body-sec{padding:24px 0 92px;background:var(--color-bg)}
.post-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;align-items:start}
.post-prose{min-width:0}
.post-toc{position:sticky;top:104px}
.post-toc-label{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--color-text-light);margin:0 0 14px}
.post-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-left:1px solid var(--color-border)}
.post-toc-link{display:block;padding:9px 0 9px 18px;font-size:14px;line-height:1.4;color:var(--color-text-light);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .2s,border-color .2s}
.post-toc-link:hover{color:var(--color-text-dark);border-left-color:var(--color-primary)}
@media(max-width:1000px){.post-body-grid{grid-template-columns:1fr}.post-toc{display:none}}
@media(max-width:900px){.post-hero-grid{grid-template-columns:1fr;gap:30px}}

/* Blog index: bottom CTA section bg matches the articles section above */
.blog-articles+section{background-color:var(--color-bg)}

/* Blog post template: narrower container (-400px) */
.post-hero .section-container,.post-body-sec .section-container{max-width:1200px}

/* Blog post breadcrumb aligned to the narrower content container */
.blog-bc .section-container{max-width:1200px}

/* Solutions hero: cap the plain hero image height so the hero matches the feature pages (not bloated) */
.svc-hero-blue .animate-from-right img:not(.prod-hero){max-height:440px;width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}

/* ============ INTEGRATIONS PAGE (Olvy-style) ============ */
.int-hero{padding:36px 0 24px;background:var(--color-bg)}
.int-hero-inner{max-width:760px}
.int-hero-title{font-size:clamp(36px,4.6vw,56px);font-weight:700;line-height:1.04;letter-spacing:-.02em;color:var(--color-text-dark);margin:14px 0 0}
.int-hero-sub{font-size:17px;line-height:1.6;color:var(--color-text-light);margin:22px 0 0;max-width:540px}
.int-hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:13px 16px 13px 28px;border-radius:999px;background:var(--color-secondary);color:#fff;font-weight:600;font-size:16px;text-decoration:none;transition:background .25s,transform .25s;box-shadow:0 2px 8px rgba(235,88,103,.25)}
.int-hero-cta:hover{background:var(--color-secondary-dark);transform:translateY(-1px)}
.int-cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2)}
.int-cta-arrow svg{width:15px;height:15px;color:#fff}

.int-cards-sec{padding:58px 0 76px;background:var(--color-bg)}
.int-cards-heading{font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.01em;color:var(--color-text-dark);margin:0 0 28px}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.int-card2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:28px;text-decoration:none;min-height:300px;transition:box-shadow .25s,transform .25s}
.int-card2:hover{box-shadow:0 14px 34px rgba(11,7,7,.08);transform:translateY(-2px)}
.int-card-icon{width:52px;height:52px;border-radius:50%;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;padding:11px;flex-shrink:0}
.int-card-icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.int-card-title{font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-dark);margin:18px 0 0}
.int-card-desc{font-size:16px;line-height:1.55;color:var(--color-text-light);margin:12px 0 0;flex:1}
.int-card-tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--color-primary);background:rgba(46,91,133,.08);padding:6px 14px;border-radius:999px;margin-top:40px}
.bento-media-code{padding:32px 52px!important;align-items:stretch!important}
.bento-media-code>div{width:100%}
@media(max-width:1000px){.int-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.int-grid{grid-template-columns:1fr}}

/* integration how-it-works: text-only howx tiles (no bleeding image) */
.howx-tile-plain{height:auto!important;padding:34px 30px 36px!important}
@media(min-width:768px){.howx-tile-plain{height:auto!important}}

/* ============ INDIVIDUAL INTEGRATION HERO (dark, two-col) ============ */
.ihero{position:relative;overflow:hidden;background:#0b1a28;padding:60px 0 104px}
.ihero-glow{position:absolute;top:-10%;right:-5%;width:520px;height:520px;border-radius:50%;background:rgba(46,91,133,.28);filter:blur(140px);pointer-events:none}
.ihero .section-container{position:relative;z-index:1}
.ihero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ihero-eyebrow{color:#eb5867!important}
.ihero-title{font-size:clamp(34px,4.4vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff;margin:6px 0 0}
.ihero-sub{font-size:17px;line-height:1.65;color:rgba(255,255,255,.72);margin:24px 0 0;max-width:520px}
.ihero-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.ihero-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:100px;border:1px solid rgba(255,255,255,.32);color:#fff;font-weight:600;font-size:16px;text-decoration:none;transition:all .25s}
.ihero-btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}
/* visual bento */
.ihero-visual{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:1.25fr 1fr;gap:16px;min-height:440px}
.ihero-conn{grid-column:1;grid-row:1;background:#13293d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px;display:flex;align-items:center;justify-content:center}
.ihero-conn-row{display:flex;align-items:center;gap:16px}
.ihero-conn-tyre img{height:26px;width:auto;display:block}
.ihero-arrows{color:#6ea2d6;flex-shrink:0}
.ihero-logo-card{background:#fff;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;min-width:118px;min-height:62px}
.ihero-logo-card img{max-height:30px;max-width:110px;object-fit:contain}
.ihero-widget{grid-column:1;grid-row:2;background:#13293d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px;display:flex;align-items:center}
.ihero-widget-card{background:#fff;border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px}
.ihero-widget-name{font-size:15px;font-weight:600;color:#0b0707;line-height:1.2}
.ihero-widget-sub{font-size:12px;color:#6b7280;display:block;margin-top:3px}
.ihero-connect-btn{background:var(--color-secondary);color:#fff;font-size:13px;font-weight:600;padding:8px 18px;border-radius:100px;white-space:nowrap}
.ihero-photo{grid-column:2;grid-row:1/3;border-radius:22px;overflow:hidden}
.ihero-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1000px){.ihero-grid{grid-template-columns:1fr;gap:38px}.ihero-visual{min-height:360px}}
@media(max-width:560px){.ihero-visual{grid-template-columns:1fr;grid-template-rows:auto auto 220px;min-height:0}.ihero-conn,.ihero-widget,.ihero-photo{grid-column:1}.ihero-conn{grid-row:1}.ihero-widget{grid-row:2}.ihero-photo{grid-row:3}}

/* ===== integration detail pages: seamless dark top (header + breadcrumb match dark hero) ===== */
body.int-dark-top nav.fixed{background:rgba(11,26,40,.9)!important;border-bottom-color:rgba(255,255,255,.08)!important}
body.int-dark-top nav.fixed a img.h-9{filter:brightness(0) invert(1)}
body.int-dark-top nav.fixed .text-text{color:#e3e8ee!important}
body.int-dark-top nav.fixed a:hover,body.int-dark-top nav.fixed button:hover,body.int-dark-top nav.fixed a:hover .text-text,body.int-dark-top nav.fixed button:hover .text-text{color:#fff!important}
body.int-dark-top nav.fixed .mobile-menu-toggle,body.int-dark-top nav.fixed [class*="hamburger"],body.int-dark-top nav.fixed button[aria-label*="enu"]{color:#e3e8ee!important}
body.int-dark-top nav[aria-label="Breadcrumb"]{background:#0b1a28!important;border-color:transparent!important}
body.int-dark-top nav[aria-label="Breadcrumb"] ol{color:rgba(255,255,255,.5)!important}
body.int-dark-top nav[aria-label="Breadcrumb"] a{color:rgba(255,255,255,.55)!important}
body.int-dark-top nav[aria-label="Breadcrumb"] a:hover{color:#fff!important}
body.int-dark-top nav[aria-label="Breadcrumb"] .text-text-dark{color:#fff!important}
body.int-dark-top nav[aria-label="Breadcrumb"] svg{color:rgba(255,255,255,.3)!important}

/* ===== Unified section-heading size: all section H2s = 48px (responsive on mobile) ===== */
h2.section-title,h2.bento-title,h2.cs-title,h2.cta-2col-title,h2.intg-title,h2.brain-title,h2.int-cards-heading,h2.text-3xl.md\:text-4xl{font-size:48px!important;line-height:1.1!important}
@media(max-width:768px){h2.section-title,h2.bento-title,h2.cs-title,h2.cta-2col-title,h2.intg-title,h2.brain-title,h2.int-cards-heading,h2.text-3xl.md\:text-4xl{font-size:34px!important}}

/* ===== Capitalise all headings & eyebrow headings (Title Case, brand casing preserved) ===== */
h1,h2,h3,h4,h5,h6,.pre-heading,.bento-eyebrow,.brain-eyebrow,.brain-col-eyebrow,.stat-label,.cs-eyebrow,.intg-eyebrow,.about-eyebrow,.ihero-eyebrow,.blog-cat,.post-cat,.int-card-tag{text-transform:none!important}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:none!important}

/* ============ DARK MEGA MENU on dark-header pages ============ */
body.int-dark-top .mega-panel,body.int-dark-top .mm-panel,body.int-dark-top .mm-main,body.int-dark-top .mm-sub,body.int-dark-top .mm-footer{background:#0e2032!important}
body.int-dark-top .mega-panel{border-color:rgba(255,255,255,.1)!important}
body.int-dark-top .mega-heading{color:rgba(255,255,255,.5)!important;border-bottom-color:rgba(255,255,255,.12)!important}
body.int-dark-top .mega-link,body.int-dark-top .mega-link-icon{color:#cfd6df!important}
body.int-dark-top .mega-link:hover,body.int-dark-top .mega-link-icon:hover{color:#fff!important}
body.int-dark-top .mega-link-icon svg{color:rgba(255,255,255,.45)!important}
body.int-dark-top .mm-row{color:#e8edf2!important;border-bottom-color:rgba(255,255,255,.1)!important}
body.int-dark-top .mm-row:first-child{border-top-color:rgba(255,255,255,.1)!important}
body.int-dark-top .mm-row .mm-chev{color:rgba(255,255,255,.4)!important}
body.int-dark-top .mm-section{color:rgba(255,255,255,.45)!important}
body.int-dark-top .mm-item{border-bottom-color:rgba(255,255,255,.08)!important}
body.int-dark-top .mm-item-title,body.int-dark-top .mm-item-ic{color:#e8edf2!important}
body.int-dark-top .mm-item-desc{color:rgba(255,255,255,.5)!important}
body.int-dark-top .mm-footer{border-top-color:rgba(255,255,255,.1)!important}
body.int-dark-top .mm-back-btn{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* ============ DARK LOGIN PAGE (ClickUp-style) ============ */
body.login-dark{background:#0a1018}
body.login-dark main{background:#0a1018}
.login-sec{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center;justify-content:center;padding:90px 20px 70px;background:#0a1018}
.login-glow{position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:720px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(235,88,103,.22),rgba(46,91,133,.18),transparent);filter:blur(70px);pointer-events:none}
.login-wrap{position:relative;z-index:1;width:100%;max-width:420px;text-align:center}
.login-logo{height:34px;width:auto;margin:0 auto 22px;display:block}
.login-title{font-size:30px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}
.login-sub{font-size:15px;color:rgba(255,255,255,.6);margin:0 0 28px}
.login-sub a{color:#7fb1e6;font-weight:600;text-decoration:none}
.login-sub a:hover{text-decoration:underline}
.login-oauth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;margin-bottom:12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#eef1f5;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.login-oauth:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28)}
.login-or{display:flex;align-items:center;gap:16px;margin:22px 0;color:rgba(255,255,255,.4);font-size:14px}
.login-or::before,.login-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
.login-form{display:flex;flex-direction:column;gap:14px;text-align:left}
.login-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#121a26;color:#eef1f5;font-size:15px;transition:border-color .2s,box-shadow .2s}
.login-input::placeholder{color:rgba(255,255,255,.4)}
.login-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(235,88,103,.18)}
.login-pass{position:relative;display:flex;align-items:center}
.login-pass .login-input{padding-right:48px}
.login-eye{position:absolute;right:12px;background:none;border:none;color:rgba(255,255,255,.45);cursor:pointer;display:flex;padding:4px}
.login-eye:hover{color:#fff}
.login-submit{width:100%;padding:15px;margin-top:4px;border:none;border-radius:12px;background:var(--color-secondary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 2px 10px rgba(235,88,103,.25)}
.login-submit:hover{background:var(--color-secondary-dark);transform:translateY(-1px)}
.login-forgot{display:inline-block;margin-top:22px;color:#7fb1e6;font-size:15px;font-weight:600;text-decoration:none}
.login-forgot:hover{text-decoration:underline}

/* ============ SIGNUP MODAL POPUP (Get Started) ============ */
html.su-lock{overflow:hidden}
.su-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,16,24,.5);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.su-overlay.is-open{opacity:1;visibility:visible}
.su-modal{position:relative;display:grid;grid-template-columns:1.05fr .95fr;width:100%;max-width:940px;max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translateY(14px) scale(.985);transition:transform .25s ease}
.su-overlay.is-open .su-modal{transform:none}
.su-close{position:absolute;top:14px;right:18px;z-index:2;background:none;border:none;font-size:30px;line-height:1;color:#9aa2af;cursor:pointer}
.su-close:hover{color:#0b0707}
.su-form-col{padding:40px 36px}
.su-label{display:block;font-size:14px;color:#3b3b3b;margin:14px 0 6px;font-weight:500}
.su-form .su-label:first-of-type{margin-top:0}
.su-label span{color:var(--color-secondary)}
.su-input{width:100%;padding:12px 14px;border:1px solid #e5e2dd;border-radius:10px;font-size:15px;color:#0b0707;background:#fff;transition:border-color .2s,box-shadow .2s}
.su-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(46,91,133,.14)}
.su-select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.su-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font-size:13px;color:#6b6b6b;cursor:pointer}
.su-check input{margin-top:2px}
.su-submit{width:100%;margin-top:20px;padding:15px 32px;border:none;border-radius:100px;background:var(--color-secondary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #eb586733}
.su-submit:hover{background:var(--color-secondary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #eb586740}
.su-legal{font-size:12px;color:#9aa2af;line-height:1.5;margin-top:16px;text-align:center}
.su-legal a{color:#6b6b6b;text-decoration:underline}
.su-info-col{padding:48px 40px;background:#faf9f6;color:var(--color-text-dark);border-left:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center}
.su-info-title{font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--color-text-dark);margin:0 0 18px}
.su-info-sub{font-size:16px;line-height:1.55;color:var(--color-text-light);margin:0 0 28px}
.su-benefits{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}
.su-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--color-text)}
.su-benefits li svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}
.su-trusted{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:none;color:var(--color-text-light);margin:0 0 16px}
.su-logos{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.su-logos img{height:30px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.6}
.su-done{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}
.su-done-ic{width:60px;height:60px;border-radius:50%;background:rgba(46,91,133,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.su-done h3{font-size:22px;color:#0b0707;margin:0 0 8px}
.su-done p{font-size:15px;color:#6b6b6b;line-height:1.5;max-width:300px;margin:0}
@media(max-width:760px){.su-modal{grid-template-columns:1fr;max-width:440px}.su-info-col{display:none}.su-form-col{padding:32px 22px}}

/* dark header: readable hover pill + visible mega-bottom CTA links */
body.int-dark-top .mega-trigger>button:hover,body.int-dark-top .mega-trigger.is-active>button,body.int-dark-top nav .gap-1>a:hover{background-color:#202a3a!important}
body.int-dark-top .mega-bottom{border-top-color:rgba(255,255,255,.12)!important}
body.int-dark-top .mega-bottom-link{color:rgba(255,255,255,.72)!important}
body.int-dark-top .mega-bottom-link:hover{color:#fff!important}
body.int-dark-top .mega-bottom-divider{background-color:rgba(255,255,255,.2)!important}

/* mobile account icon visible on dark-header pages */
body.int-dark-top nav.fixed .mob-account{color:#e3e8ee!important}

/* mobile header: tighter icon spacing + no hover pill */
nav.fixed div:has(> #mobile-toggle){gap:2px}
nav.fixed .mob-account,nav.fixed #mobile-toggle{padding:6px}
nav.fixed .mob-account:hover,nav.fixed #mobile-toggle:hover{background-color:transparent}

/* mobile header: a little breathing room between Get Started and the account icon */
nav.fixed .mob-account{margin-left:8px}

/* mega menu category headings +4px */
.mega-heading{font-size:15px!important}

/* TLGX text badge in the integration hero connection card */
.ihero-tlgx-badge{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--color-primary)}

/* TLGX 'What is TLGX' intro: 70% width on desktop */
.tlgx-intro{max-width:100%}
@media(min-width:768px){.tlgx-intro{max-width:70%}}

/* fix double-word typo from a prior global replace */

/* ===== Platform (features) page: dark homepage-style hero ===== */
.plat-hero{position:relative;overflow:clip;background:#0b1a28;padding:140px 0 40px}
.plat-hero-glow{position:absolute;top:-140px;right:0;width:560px;height:500px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,91,133,.4),rgba(235,88,103,.12),transparent);filter:blur(120px);pointer-events:none}
.plat-hero-eyebrow{color:#eb5867!important}
.plat-hero-title{font-size:clamp(34px,5vw,56px);font-weight:450;line-height:1.1;letter-spacing:-.01em;color:#fff;margin:8px 0 24px}
.hero-grad-dark{font-weight:700;background:linear-gradient(90deg,#6ea2d6 0%,#9cc3e8 50%,#eb8f99 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.plat-hero-sub{font-size:clamp(17px,2vw,20px);line-height:1.6;color:rgba(255,255,255,.72);max-width:640px;margin:0 auto 40px}
.plat-hero-btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;text-decoration:none;transition:all .25s}
.plat-hero-btn2:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}
/* trust logos -> white on dark, styled like the homepage strip (faded, hover reveals full) */
.plat-hero .hero-trust-logos img{filter:brightness(0) invert(1)!important;opacity:1}
.plat-hero .hero-trust-logos{opacity:.5!important;filter:none!important;transition:opacity .5s ease}
.plat-hero .hero-trust-logos:hover{opacity:1!important}
.plat-hero p.text-text-light{color:rgba(255,255,255,.6)!important}

/* features page: whole-page dark + dark showcase section */
body.feat-dark{background:#0b1420}
body.feat-dark main{background:#0b1420;overflow-x:clip}
.feat-showcase{background:#0c1826}
.feat-showcase .pre-heading{color:#6ea2d6!important}
.feat-showcase .section-title{color:#fff!important}
.feat-showcase .section-subtitle{color:rgba(255,255,255,.72)!important}
.feat-showcase li{color:rgba(255,255,255,.78)!important}
/* ===== Book a Demo — dark mode (Payhawk-style) ===== */
body.demo-dark{background:#0b1420}
body.demo-dark main{background:#0b1420;overflow-x:clip}
body.demo-dark section{background:transparent!important}
body.demo-dark .bg-bg,body.demo-dark .bg-white{background:transparent!important}
body.demo-dark .pre-heading{color:#6ea2d6!important}
body.demo-dark h1,body.demo-dark h2,body.demo-dark h3{color:#fff!important}
body.demo-dark .section-subtitle,body.demo-dark p.text-text-light,body.demo-dark .text-text-light{color:rgba(255,255,255,.66)!important}
body.demo-dark .text-text-dark{color:#e8edf3!important}
/* hero glow tint */
body.demo-dark .bg-primary\/5{background:rgba(110,162,214,.10)!important}
/* icon-list check chips -> green (like the reference), text light */
body.demo-dark .space-y-5 .bg-primary\/10{background:rgba(52,211,153,.16)!important}
body.demo-dark .space-y-5 svg{color:#34d399!important;stroke:#34d399!important}
/* form card */
body.demo-dark .card{background:#0f1e30!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 60px -30px rgba(0,0,0,.6)!important}
body.demo-dark .card label{color:#c7d2df!important}
body.demo-dark .card input,body.demo-dark .card select,body.demo-dark .card textarea{background:#0b1725!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
body.demo-dark .card input::placeholder,body.demo-dark .card textarea::placeholder{color:rgba(255,255,255,.38)!important}
body.demo-dark .card select option{background:#0b1725;color:#fff}
/* carousel replacing the specialist card */
.demo-carousel{margin-top:36px}
.demo-carousel-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.demo-carousel .cta-logos{margin-top:0}
body.demo-dark .demo-carousel .cta-logo img{height:26px;width:auto;opacity:.85}
/* bottom trusted-logos strip: invert dark logos to sit on dark bg */
body.demo-dark section:last-of-type .flex.flex-wrap img{filter:brightness(0) invert(1);opacity:.55!important}
@media(max-width:768px){body.demo-dark .demo-carousel{margin-top:28px}}
/* Book a Demo: constrain two-col grid + carousel so it doesn't blow out on mobile */
body.demo-dark .animate-from-left,body.demo-dark .animate-from-right{min-width:0}
body.demo-dark .demo-carousel,body.demo-dark .demo-carousel .cta-logos{min-width:0;max-width:100%}
@media(max-width:1023px){body.demo-dark .grid.lg\:grid-cols-2{grid-template-columns:minmax(0,1fr)!important}}
/* Book a Demo: remove the light bottom-fade gradient on the form card */
body.demo-dark .card:after,body.demo-dark .card::after{content:none!important;display:none!important;background:none!important}

@media(max-width:767px){.plat-hero{padding-top:120px}}
/* About hero stats: match sitewide stat typography (.stat-num = 38px/600, suffix 30px, label 16px/700) */
.about-stat-num{font-size:38px;font-weight:600}
.about-stat-num .counter-value,.about-stat-plus{font-weight:600}
.about-stat-plus{font-size:30px}
.about-stat-label{font-size:16px;font-weight:400;letter-spacing:.02em}
/* Platform overview features: Why-TyreOps style cards with animated SVG visuals */
.feat-benefits .benefit-card{display:flex;flex-direction:column;height:100%}
.feat-benefits .benefit-visual{margin-top:auto;padding:14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.feat-benefits .benefit-visual svg{display:block;width:100%;height:auto}
/* Enterprise: Trusted-at-Scale numbers (3-col) + Process howx tiles (4-col) */
.stat-row.stat-row-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.stat-row.stat-row-3{grid-template-columns:1fr}}
.howx-stack.howx-stack-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.howx-stack.howx-stack-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.howx-stack.howx-stack-4{grid-template-columns:1fr}}
/* Home hero: lift CTA buttons above the breakout dashboard image so they stay clickable */
.hero-content{position:relative;z-index:20}.hero-cta-buttons{position:relative;z-index:1}
/* Resources tiles: remove bottom-fade gradient that dimmed the 'View resource' link */
.res-tiles .card:after,.res-tiles .card::after{content:none!important;display:none!important;background:none!important}
/* Resources: grey bg carries down behind the CTA + tighter blog->CTA spacing */
.section-padding.res-blog{padding-bottom:36px}
.section-padding.res-cta{padding-top:20px}
/* Guides: 'What's Covered' dark theme */
.covered-dark{background:#0b1420!important}
.covered-dark .section-title{color:#fff!important}
.covered-dark .pre-heading{color:#6ea2d6!important}
.covered-dark .section-subtitle{color:rgba(255,255,255,.66)!important}
.covered-dark .bg-white{background:#0f1e30!important;border-color:rgba(255,255,255,.08)!important}
.covered-dark .text-text-dark{color:#fff!important}
.covered-dark .text-text-light{color:rgba(255,255,255,.66)!important}
.covered-dark .bg-primary\/8{background:rgba(110,162,214,.16)!important}
.covered-dark .text-primary{color:#8fbce6!important}
/* Who-it's-for above CTA: tighter spacing before the CTA */
.section-padding.who-tight{padding-bottom:28px}
.who-tight + section.section-padding{padding-top:24px!important}
/* Remove the white bottom-fade on cards site-wide (it dimmed readable text) */
.card:after,.card::after{content:none!important;display:none!important;background:none!important}
/* ===== Platform overview: features cards = homepage Why-TyreOps tiles ===== */
.feat-benefits .benefit-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;overflow:hidden;box-shadow:inset 0 0 42px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.09);transition:all .4s cubic-bezier(.4,0,.2,1)}
.feat-benefits .benefit-card:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);box-shadow:inset 0 0 50px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.14)}
/* more breathing room between copy and the animated visual */
.feat-benefits .benefit-card p{margin-bottom:30px}
.feat-benefits .benefit-visual{margin-top:auto}
/* Platform hero: lift text + buttons above the breakout dashboard image */
.plat-hero .text-center{position:relative;z-index:5}
/* Consistent dark background across the page (features panel keeps its own bg) */
.plat-hero{background:#0b1420!important}
body.feat-dark .feat-showcase{background:#0b1420!important}
.plat-hero-glow{display:none!important}
/* Platform overview: make feature tiles click through to their service pages */
.feat-benefits .benefit-card{position:relative}
.feat-tile-link{position:absolute;inset:0;z-index:15;border-radius:inherit}
/* ===== Consistent, subtle interaction polish (site-wide) ===== */
/* smooth colour transitions on text links */
a:not([class*="btn"]):not(.mega-trigger){transition:color .2s ease}
/* unified hover-lift for clickable content tiles */
a.card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}
a.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,20,32,.10)}
/* gentle media zoom inside clickable cards */
a.card img,.blog-card .blog-card-img img{transition:transform .55s cubic-bezier(.4,0,.2,1)}
a.card:hover img,.blog-card:hover .blog-card-img img{transform:scale(1.04)}
/* accessibility: honour reduced-motion everywhere */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Mobile header: keep the Get Started CTA on one line + tighter so it doesn't crowd the logo */
@media(max-width:640px){
  nav.fixed a.btn-primary:not(.w-full){white-space:nowrap;padding:9px 15px!important;font-size:13px!important}
}
/* Mobile: H1 -> 40px + hide floating hero badges */
@media(max-width:767px){
  .floating-badge{display:none!important}
}
/* Mobile: review tiles use a solid translucent overlay (not a gradient) for legibility */
@media(max-width:767px){.review-tile::after{background:rgba(11,7,7,.6)!important}}
/* Mobile: home CTA dashboard image sits flush at the bottom of its container (no gap) */
@media(max-width:767px){.rounded-\[32px\] .rounded-t-2xl{height:auto!important}}
/* Dark mobile menu on pricing-dark (dark-header) pages, matching int-dark-top */
body.pricing-dark .mm-panel,body.pricing-dark .mm-main,body.pricing-dark .mm-sub,body.pricing-dark .mm-footer{background:#0e2032!important}
body.pricing-dark .mm-row{color:#e8edf2!important;border-bottom-color:rgba(255,255,255,.1)!important}
body.pricing-dark .mm-row:first-child{border-top-color:rgba(255,255,255,.1)!important}
body.pricing-dark .mm-row .mm-chev{color:rgba(255,255,255,.4)!important}
body.pricing-dark .mm-section{color:rgba(255,255,255,.45)!important}
body.pricing-dark .mm-item{border-bottom-color:rgba(255,255,255,.08)!important}
body.pricing-dark .mm-item-title,body.pricing-dark .mm-item-ic{color:#e8edf2!important}
body.pricing-dark .mm-item-desc{color:rgba(255,255,255,.5)!important}
body.pricing-dark .mm-footer{border-top-color:rgba(255,255,255,.1)!important}
body.pricing-dark .mm-back-btn{background:rgba(255,255,255,.08)!important;color:#fff!important}
/* Mobile header: align the menu icon's right edge with the content box edge (mirrors the logo) */
@media(max-width:1023px){nav.fixed #mobile-toggle{padding-right:0!important}}
/* ===== Mobile CTA + solutions tweaks ===== */
@media(max-width:767px){
  /* Bottom CTA: dual buttons side-by-side (2 columns) instead of stacked */
  .rounded-\[32px\] [class*="sm:flex-row"]{flex-direction:row!important;gap:10px!important}
  .rounded-\[32px\] [class*="sm:flex-row"]>a{flex:1 1 0;min-width:0;justify-content:center!important;padding-left:14px!important;padding-right:14px!important;font-size:14px!important;white-space:nowrap}
  /* Bottom CTA: hide the avatar icons next to the 'Join 500+' pill */
  .rounded-\[32px\] [class~="-space-x-2"]{display:none!important}
  /* Solutions section: slightly less top padding */
  .sol-tight{padding-top:44px!important}
}
/* Mobile: enlarge the homepage + platform hero mockup image by 20% (bleeds off sides, clipped by section) */
@media(max-width:767px){
  .animate-scale[class*="max-w-[95vw]"]{max-width:none!important;width:114vw!important;margin-left:-7vw!important;margin-right:-7vw!important}
  /* platform hero sits inside .section-container (24px pad); pull left so it bleeds symmetrically like the home hero */
  .plat-hero .animate-scale[class*="max-w-[95vw]"]{margin-left:calc(-7vw - 24px)!important}
}
/* Mobile: homepage-style bottom CTA — slightly less top padding + smaller pill text (all CTAs, consistent) */
@media(max-width:767px){
  .rounded-\[32px\] [class*="pt-20"]{padding-top:70px!important}
}
/* Case studies (mobile): tighten spacing below review tiles + around stats section */
@media(max-width:767px){
  body.cs-page .cs-section{padding-bottom:48px!important}
  body.cs-page .cstud-section{padding-bottom:44px!important}
  body.cs-page section:has(.stat-row){padding-top:28px!important}
}
/* Dark FAQ (pricing) — make the accordion chevron light instead of black */
body.pricing-dark details.card summary::after{filter:invert(1)!important;opacity:.75!important}

/* Accordion tiles: remove hover lift/shadow/highlight so bg never bleeds over dividers */
details.card:hover{transform:none!important;box-shadow:none!important;background:none!important;border-bottom-color:var(--color-border)!important}
details.card:first-child:hover{border-top-color:var(--color-border)!important}
details.card summary:hover,details.card summary:focus{background:transparent!important;background-color:transparent!important}
body.pricing-dark details.card:hover,.faq-list details.card:hover{border-bottom-color:rgba(255,255,255,.08)!important}
body.pricing-dark details.card summary:hover,body.pricing-dark details.card summary:focus,.faq-list details.card summary:hover{background-color:transparent!important}

/* ===== Testimonial carousel — full-bleed, infinite loop, main tile 1000px, per-tile pastel bg ===== */
section:has(> .section-container > .testi-carousel){overflow-x:clip;padding-top:48px}
.testi-carousel{--tile:1000px;--gap:26px;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.testi-track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px calc(50vw - var(--tile)/2)}
.testi-track::-webkit-scrollbar{display:none}
.testi-card{flex:0 0 var(--tile);box-sizing:border-box;scroll-snap-align:center;background:#e9f1fb;border-radius:32px;padding:81px 176px 73px;text-align:center}
.testi-logo{display:block;margin:0 auto 30px;max-height:32px;max-width:180px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.72}
.testi-quote{font-size:clamp(19px,1.5vw,24px);line-height:1.55;font-weight:500;color:#12314f;margin:0 0 30px}
.testi-author{display:inline-grid;grid-template-columns:auto auto;column-gap:13px;align-items:center;text-align:left}
.testi-avatar{grid-column:1;grid-row:1/3;width:46px;height:46px;border-radius:50%;box-shadow:0 1px 4px rgba(11,31,51,.16);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232e5b85'%3E%3Ccircle cx='12' cy='9' r='3.7'/%3E%3Cpath d='M12 14c-4 0-7 2.2-7 5v1h14v-1c0-2.8-3-5-7-5z'/%3E%3C/svg%3E") center/28px no-repeat}
.testi-name{grid-column:2;grid-row:1;align-self:end;font-weight:700;color:#0b1f33;font-size:15px}
.testi-role{grid-column:2;grid-row:2;align-self:start;color:#5c6b7a;font-size:13px}
.testi-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#2e5b85;border:1px solid rgba(46,91,133,.12);box-shadow:0 6px 18px rgba(11,31,51,.16);cursor:pointer;transition:background .2s,box-shadow .2s}
.testi-arrow:hover{background:#f2f7fc;box-shadow:0 8px 22px rgba(11,31,51,.22)}
.testi-arrow svg{width:20px;height:20px}
.testi-prev{left:calc(50vw - var(--tile)/2 + 16px)}
.testi-next{right:calc(50vw - var(--tile)/2 + 16px)}
@media(max-width:1100px){.testi-carousel{--tile:78vw}.testi-card{padding:55px 100px 47px}}
@media(max-width:767px){
  .testi-carousel{--tile:86vw;--gap:14px}
  .testi-card{padding:40px 30px 34px;border-radius:22px}
  .testi-logo{margin-bottom:22px;max-height:26px}
  .testi-arrow{display:none}
  section:has(> .section-container > .testi-carousel){padding-top:36px}
}
/* Mobile: tighten the gap between the revenue-growth/detail section and the stats section (shared template spacing) */
@media(max-width:767px){
  section.section-padding:has(+ section .stat-row){padding-bottom:38px!important}
  section.section-padding + section:has(.stat-row){padding-top:26px!important}
}
/* Bottom CTA buttons: subtle grow + lift hover, matching the rest of the homepage */
.rounded-\[32px\] a[class*="bg-white"],
.rounded-\[32px\] a[class*="bg-white"] svg{transition:all .3s cubic-bezier(.4,0,.2,1)!important}
.rounded-\[32px\] a[class*="bg-white"]:hover{transform:translateY(-2px) scale(1.03)!important;translate:none!important;background-color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important}
.rounded-\[32px\] a[class*="bg-white"]:hover svg{translate:none!important}
/* Book a Demo (secondary): black text on its white hover state */
.rounded-\[32px\] a[class*="bg-white/10"]:hover,
.rounded-\[32px\] a[class*="bg-white/10"]:hover svg{color:#000!important}
/* Blog post: no entrance animation on the article body text */
.blog-content.animate-on-scroll{opacity:1!important;transform:none!important;transition:none!important}
/* ===== About: Mission & Values -> white, left-aligned heading, column dividers (Supabase-style) ===== */
.mv-dark{background:#fff!important;padding-top:44px!important;padding-bottom:44px!important}
.mv-dark .card:hover .icon-container{transform:none!important;background:none!important;box-shadow:none!important}
.mv-dark .section-container{max-width:1400px}
.mv-dark>.section-container>div:first-child{text-align:left!important;max-width:none!important;margin-bottom:76px!important}
.mv-dark .pre-heading{color:var(--color-primary)!important}
.mv-dark .section-title{color:#0b0707!important;text-align:left!important;font-size:clamp(34px,4.4vw,56px)!important;line-height:1.06!important;letter-spacing:-.02em!important;max-width:18ch}
.mv-dark .section-subtitle{color:#5c5c5c!important;text-align:left!important;margin:22px 0 0 0!important;max-width:56ch}
/* value columns: flat, left-aligned, black text + icons */
.mv-dark .card{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;text-align:left!important}
.mv-dark .card:hover{transform:none!important;box-shadow:none!important;background:none!important}
.mv-dark .card h3{color:#0b0707!important;font-size:22px!important;margin-bottom:14px!important}
.mv-dark .card p{color:#5c5c5c!important}
.mv-dark .card>div:first-child{background:none!important;width:auto!important;height:auto!important;border-radius:0!important;margin-bottom:22px!important;justify-content:flex-start!important;color:#0b0707!important}
.mv-dark .card svg{color:#0b0707!important;width:34px!important;height:34px!important}
/* desktop: 4 columns split by thin vertical dividers */
@media(min-width:1024px){
  .mv-dark .grid{gap:0!important}
  .mv-dark .card{padding:4px 40px!important;border-left:1px solid rgba(0,0,0,.1)!important}
  .mv-dark .card:first-child{border-left:none!important;padding-left:0!important}
}
@media(max-width:1023px){.mv-dark .grid{gap:44px!important}}
/* About hero: extend background up behind the fixed header (+72px top padding to keep content clear) */
body.about-page .about-hero{margin-top:-72px!important;padding-top:120px!important}
/* Mega menu rich links: icon + title + descriptor */
.mega-links:has(.mega-rich){gap:2px}
.mega-rich{display:flex;align-items:flex-start;gap:12px;padding:9px 8px;margin:0 -8px;border-radius:10px;text-decoration:none;transition:background .15s}
.mega-rich:hover{background:rgba(46,91,133,.06)}
.mega-rico{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(46,91,133,.1);color:var(--color-primary);transition:background .15s,color .15s}
.mega-rico svg{width:18px;height:18px}
.mega-rtx{display:flex;flex-direction:column;gap:1px;min-width:0;padding-top:1px}
.mega-rtt{font-size:14px;font-weight:600;color:var(--color-text-dark,#15293f);line-height:1.25;letter-spacing:-.01em}
.mega-rdd{font-size:12px;color:var(--color-text-light,#6b7684);line-height:1.3}
.mega-rich:hover .mega-rtt{color:var(--color-primary)}
/* Dark mega panels (int-dark-top / pricing-dark) */
body.int-dark-top .mega-rich:hover,body.pricing-dark .mega-rich:hover{background:rgba(255,255,255,.06)}
body.int-dark-top .mega-rico,body.pricing-dark .mega-rico{background:rgba(255,255,255,.08);color:#cfd6df}
body.int-dark-top .mega-rich:hover .mega-rico,body.pricing-dark .mega-rich:hover .mega-rico{background:rgba(255,255,255,.14);color:#fff}
body.int-dark-top .mega-rtt,body.pricing-dark .mega-rtt{color:#eef1f5}
body.int-dark-top .mega-rdd,body.pricing-dark .mega-rdd{color:rgba(255,255,255,.5)}
body.int-dark-top .mega-rich:hover .mega-rtt,body.pricing-dark .mega-rich:hover .mega-rtt{color:#fff}
/* Mega icon squares: alternating colours (cycle per column) */
.mega-links .mega-rich:nth-child(5n+1) .mega-rico{background:rgba(46,91,133,.10);color:#2e5b85}
.mega-links .mega-rich:nth-child(5n+2) .mega-rico{background:rgba(13,148,136,.11);color:#0d9488}
.mega-links .mega-rich:nth-child(5n+3) .mega-rico{background:rgba(217,119,6,.12);color:#d97706}
.mega-links .mega-rich:nth-child(5n+4) .mega-rico{background:rgba(109,90,230,.12);color:#6d5ae6}
.mega-links .mega-rich:nth-child(5n+5) .mega-rico{background:rgba(219,77,109,.12);color:#db4d6d}
.mega-links .mega-rich:nth-child(5n+1):hover .mega-rico{background:rgba(46,91,133,.18)}
.mega-links .mega-rich:nth-child(5n+2):hover .mega-rico{background:rgba(13,148,136,.19)}
.mega-links .mega-rich:nth-child(5n+3):hover .mega-rico{background:rgba(217,119,6,.2)}
.mega-links .mega-rich:nth-child(5n+4):hover .mega-rico{background:rgba(109,90,230,.2)}
.mega-links .mega-rich:nth-child(5n+5):hover .mega-rico{background:rgba(219,77,109,.2)}
/* Dark mega panels: lighter icon tints */
body.int-dark-top .mega-links .mega-rich:nth-child(5n+1) .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+1) .mega-rico{background:rgba(134,174,212,.14);color:#86aed4}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+2) .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+2) .mega-rico{background:rgba(78,201,184,.14);color:#4ec9b8}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+3) .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+3) .mega-rico{background:rgba(240,180,92,.14);color:#f0b45c}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+4) .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+4) .mega-rico{background:rgba(169,155,245,.14);color:#a99bf5}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+5) .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+5) .mega-rico{background:rgba(242,139,163,.14);color:#f28ba3}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+1):hover .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+1):hover .mega-rico{background:rgba(134,174,212,.24)}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+2):hover .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+2):hover .mega-rico{background:rgba(78,201,184,.24)}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+3):hover .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+3):hover .mega-rico{background:rgba(240,180,92,.24)}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+4):hover .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+4):hover .mega-rico{background:rgba(169,155,245,.24)}
body.int-dark-top .mega-links .mega-rich:nth-child(5n+5):hover .mega-rico,body.pricing-dark .mega-links .mega-rich:nth-child(5n+5):hover .mega-rico{background:rgba(242,139,163,.24)}
/* Dashboard deep-dive: third bento row (cells 5 & 6) */
.bento-cell:nth-child(5),.bento-cell:nth-child(6){border-top:1px solid var(--color-border)}
.bento-cell:nth-child(6){border-left:1px solid var(--color-border)}
@media(max-width:1023px){.bento-cell:nth-child(6){border-left:none}}
/* Pricing: billing controls + currency selector */
.billing-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.currency-select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#eef1f5;font-family:inherit;font-size:14px;font-weight:600;padding:12px 40px 12px 18px;border-radius:999px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa2af' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.currency-select:focus{outline:none;border-color:rgba(110,168,214,.6)}
.currency-select option{color:#111;background:#fff}
.txn-def-line{margin:22px auto 0;max-width:660px;font-size:13.5px;color:#9aa2af;text-align:center;line-height:1.55}
.currency-note{margin:10px auto 0;max-width:640px;font-size:12.5px;color:#7f8794;text-align:center;line-height:1.5}
/* Pricing: transaction calculator */
.txn-calc{max-width:680px;margin:0 auto;background:#141a24;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:34px 36px}
.txn-sliders{display:flex;flex-direction:column;gap:26px}
.txn-slider-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.txn-slider-head label{font-size:15px;font-weight:600;color:#dfe4ea}
.txn-val{font-size:15px;font-weight:700;color:#6ea8d6;font-variant-numeric:tabular-nums}
.txn-slider input[type=range]{width:100%;accent-color:#6ea8d6;height:6px;cursor:pointer}
.txn-total{text-align:center;margin:30px 0 24px;padding:22px;background:rgba(46,91,133,.16);border:1px solid rgba(110,168,214,.2);border-radius:16px}
.txn-total-num{display:block;font-size:42px;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.txn-total-lbl{display:block;margin-top:7px;font-size:14px;color:#9aa2af;letter-spacing:.02em}
.txn-gate{display:flex;gap:10px;flex-wrap:wrap}
.txn-email{flex:1 1 220px;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 16px;color:#eef1f5;font-family:inherit;font-size:14px}
.txn-email::placeholder{color:#7f8794}
.txn-email:focus{outline:none;border-color:rgba(110,168,214,.6)}
.txn-gate-btn{flex:0 0 auto;white-space:nowrap}
.txn-result{margin-top:24px;text-align:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.txn-rec{font-size:19px;font-weight:600;color:#eef1f5;line-height:1.45}
.txn-rec strong{color:#6ea8d6}
.txn-rec-link{color:#f07583;font-weight:700;white-space:nowrap}
.txn-micro{margin-top:12px;font-size:13px;color:#9aa2af}
@media(max-width:560px){.txn-calc{padding:26px 20px}.txn-gate-btn{width:100%}.txn-total-num{font-size:36px}}
/* Pricing: support & onboarding teaser */
.support-teaser{text-align:center;max-width:640px;margin:0 auto}
.support-teaser-btn{margin-top:26px}
/* Tyre Technician page: Day-in-the-life stepper */
.step-list{max-width:760px;margin:0 auto;list-style:none;padding:0}
.step-item{display:flex;gap:22px;padding-bottom:38px;position:relative}
.step-item:last-child{padding-bottom:0}
.step-item::before{content:"";position:absolute;left:23px;top:52px;bottom:-2px;width:2px;background:var(--color-border)}
.step-item:last-child::before{display:none}
.step-num{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;position:relative;z-index:1}
.step-body{padding-top:5px}
.step-title{font-size:20px;font-weight:600;color:var(--color-text-dark);margin-bottom:6px;line-height:1.25}
.step-action{font-size:15px;color:var(--color-text);line-height:1.55;margin-bottom:6px}
.step-payoff{font-size:14px;color:var(--color-primary);font-weight:600;line-height:1.5;display:flex;gap:8px}
.step-payoff::before{content:"\2192";font-weight:700}
/* Tyre Technician page: video testimonial */
.video-testi{max-width:900px;margin:0 auto}
.video-frame{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#1c3a57 0%,#2E5B85 58%,#eb5867 100%);box-shadow:0 30px 60px -22px rgba(20,40,60,.45);text-decoration:none}
.video-play{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.video-frame:hover .video-play{transform:scale(1.07)}
.video-play svg{width:32px;height:32px;color:#2E5B85;margin-left:5px}
.video-name{position:absolute;left:28px;bottom:24px;color:#fff}
.video-name strong{display:block;font-size:17px;font-weight:700;line-height:1.2}
.video-name span{font-size:13px;opacity:.82}
.video-chip{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:600;padding:6px 13px;border-radius:999px;backdrop-filter:blur(4px)}
/* Tyre Technician page: related role tiles */
.role-tile{display:flex;align-items:center;gap:18px;padding:22px 24px;background:#fff;border:1px solid var(--color-border);border-radius:16px;transition:all .25s;text-decoration:none}
.role-tile:hover{border-color:var(--color-primary);box-shadow:0 14px 32px -14px rgba(46,91,133,.3);transform:translateY(-2px)}
.role-tile-ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:rgba(46,91,133,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center}
.role-tile-ic svg{width:24px;height:24px}
.role-tile-tx{flex:1;min-width:0}
.role-tile-tt{display:block;font-size:17px;font-weight:600;color:var(--color-text-dark)}
.role-tile-dd{font-size:14px;color:var(--color-text-light);margin-top:2px}
.role-tile-arrow{flex:0 0 auto;color:var(--color-primary);transition:transform .25s}
.role-tile:hover .role-tile-arrow{transform:translateX(4px)}
/* Icon colour utilities missing from the Tailwind build (indigo/cyan) — used by benefit-card icons */
.bg-indigo-50{background-color:#eef2ff}
.text-indigo-600{color:#4f46e5}
.bg-cyan-50{background-color:#ecfeff}
.text-cyan-600{color:#0891b2}
/* Min spacing between Key-Feature card text and its animated visual (matches original mb-6; >=15px incl. 5px float). Keeps the flex bottom-align (margin-top:auto). */
.benefit-card>p{margin-bottom:1.5rem!important}
/* Subtle light-mode glow at top of centred hero pages (light equivalent of pricing-hero-glow) */
body.hero-glow{position:relative}
body.hero-glow::before{content:"";position:absolute;top:44px;left:50%;transform:translateX(-50%);width:880px;max-width:94vw;height:460px;background:radial-gradient(ellipse at 50% 0%,rgba(46,91,133,.13),rgba(46,91,133,0) 70%);pointer-events:none;z-index:0}
/* All Tyre Operations "Explore More" — brain-sec as a single 6-across industry row, no media */
.brain-industries .brain-grid{grid-template-columns:repeat(6,1fr)}
.brain-industries .brain-col{height:auto;padding:32px 18px}
.brain-industries .brain-col-eyebrow{font-size:18px;margin-bottom:10px}
.brain-industries .brain-col-desc{font-size:14px;line-height:1.55}
.brain-industries .brain-col-media{display:none}
.brain-industries .brain-col:hover{background-color:rgba(255,255,255,.03)}
@media(max-width:1200px){.brain-industries .brain-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.brain-industries .brain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:479px){.brain-industries .brain-grid{grid-template-columns:1fr}}
/* Product Overview page: light-mode conversion (plat-hero + feat-showcase only used here) */
.feat-light .plat-hero{background:linear-gradient(180deg,#f5f8fc 0%,#ffffff 70%)!important}
.feat-light .plat-hero-title{color:var(--color-text-dark)}
.feat-light .plat-hero-sub{color:var(--color-text-light)}
.feat-light .hero-grad-dark{background:linear-gradient(90deg,#234868 0%,#2e5b85 50%,#4a7ba6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.feat-light .plat-hero-btn2{border-color:var(--color-border);color:var(--color-text-dark)}
.feat-light .plat-hero-btn2:hover{background:var(--color-bg);border-color:var(--color-primary)}
.feat-light .plat-hero .hero-trust-logos img{filter:grayscale(1) brightness(.5)!important;opacity:.55}
.feat-light .plat-hero p.text-text-light{color:var(--color-text-light)!important}
.feat-light .feat-showcase{background:#ffffff!important}
.feat-light .feat-showcase .section-title{color:var(--color-text-dark)!important}
.feat-light .feat-showcase .section-subtitle{color:var(--color-text-light)!important}
.feat-light .feat-showcase li{color:var(--color-text)!important}
.feat-light .feat-showcase .pre-heading{color:var(--color-primary)!important}
/* Login page: light-mode conversion (login-* classes are login-only) */
.login-sec{background:linear-gradient(180deg,#f5f8fc 0%,#ffffff 75%)!important}
.login-glow{background:radial-gradient(closest-side,rgba(235,88,103,.10),rgba(46,91,133,.08),transparent)!important;filter:blur(80px)}
.login-title{color:var(--color-text-dark)!important}
.login-sub{color:var(--color-text-light)!important}
.login-sub a{color:var(--color-primary)!important}
.login-oauth{border-color:var(--color-border)!important;background:#fff!important;color:var(--color-text-dark)!important}
.login-oauth:hover{background:var(--color-bg)!important;border-color:var(--color-primary)!important}
.login-or{color:var(--color-text-light)!important}
.login-or::before,.login-or::after{background:var(--color-border)!important}
.login-input{background:#fff!important;border-color:var(--color-border)!important;color:var(--color-text-dark)!important}
.login-input::placeholder{color:var(--color-text-light)!important}
.login-eye{color:var(--color-text-light)!important}
.login-eye:hover{color:var(--color-text-dark)!important}
.login-forgot{color:var(--color-primary)!important}
/* TLGX page: light hero (scoped so integration pages keep dark ihero) */
.tlgx-light .ihero{background:linear-gradient(180deg,#f5f8fc 0%,#ffffff 80%)!important}
.tlgx-light .ihero-glow{background:rgba(46,91,133,.12)!important}
.tlgx-light .ihero-title{color:var(--color-text-dark)!important}
.tlgx-light .ihero-sub{color:var(--color-text-light)!important}
.tlgx-light .ihero-btn-outline{border-color:var(--color-border)!important;color:var(--color-text-dark)!important}
.tlgx-light .ihero-btn-outline:hover{background:var(--color-bg)!important;border-color:var(--color-primary)!important}
/* Demo page: light-mode fix for the trust-carousel label (demo-carousel is demo-only) */
.demo-carousel-label{color:var(--color-text-light)!important}
/* Mega menu icons: plain black icons, no rounded background container (overrides alternating colours) */
.mega-rico{background:none!important;border-radius:0!important;width:auto!important;height:auto!important;color:#111!important;margin-top:1px}
.mega-rico svg{width:20px!important;height:20px!important}
.mega-rich:hover .mega-rico{background:none!important;color:#000!important}
body.int-dark-top .mega-rico,body.pricing-dark .mega-rico{background:none!important;color:#e2e8f0!important}
body.int-dark-top .mega-rich:hover .mega-rico,body.pricing-dark .mega-rich:hover .mega-rico{background:none!important;color:#fff!important}
/* Deep-dive bento: fourth row (cells 7 & 8) */
.bento-cell:nth-child(7),.bento-cell:nth-child(8){border-top:1px solid var(--color-border)}
.bento-cell:nth-child(8){border-left:1px solid var(--color-border)}
@media(max-width:1023px){.bento-cell:nth-child(8){border-left:none}}
.stat-row.stat-row-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:639px){.stat-row.stat-row-2{grid-template-columns:1fr}}