@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url(inter-latin-ext.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url(inter-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[220px\]{height:220px}.h-\[240px\]{height:240px}.h-\[280px\]{height:280px}.h-\[320px\]{height:320px}.h-\[32px\]{height:32px}.h-\[40px\]{height:40px}.h-\[520px\]{height:520px}.h-\[560px\]{height:560px}.h-\[620px\]{height:620px}.h-full{height:100%}.h-px{height:1px}.min-h-\[520px\]{min-height:520px}.min-h-\[calc\(100vh-72px\)\]{min-height:calc(100vh - 72px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-24{width:6rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[1280px\]{max-width:1280px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[800px\]{max-width:800px}.max-w-\[900px\]{max-width:900px}.max-w-\[960px\]{max-width:960px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.scroll-mt-28{scroll-margin-top:7rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-t-\[32px\]{border-top-left-radius:32px;border-top-right-radius:32px}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.bg-\[\#25D366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#ef4444\]{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-\[\#f6f6f6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-\[\#f8f8f8\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity,1))}.bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-300{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.bg-zinc-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-900\/20{background-color:rgba(24,24,27,.2)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/30{--tw-gradient-from:rgba(0,0,0,.3) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from:rgba(0,0,0,.4) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/10{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-10{padding:2.5rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.font-\[300\]{font-weight:300}.font-\[400\]{font-weight:400}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-\[800\]{font-weight:800}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.95\]{line-height:.95}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.15\]{line-height:1.15}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.8\]{line-height:1.8}.leading-\[1\.9\]{line-height:1.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#ef4444\]{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.decoration-zinc-300{text-decoration-color:#d4d4d8}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-\[0_20px_60px_-20px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:0 20px 60px -20px rgba(0,0,0,.3);--tw-shadow-colored:0 20px 60px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_-30px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:0 20px 60px -30px rgba(0,0,0,.2);--tw-shadow-colored:0 20px 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(37\2c 211\2c 102\2c 0\.3\)\]{--tw-shadow:0 4px 12px rgba(37,211,102,.3);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(37\2c 211\2c 102\2c 0\.3\)\]{--tw-shadow:0 4px 16px rgba(37,211,102,.3);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color)}.shadow-\[0_4px_16px_rgba\(37\2c 211\2c 102\2c 0\.3\)\],.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.brightness-\[0\]{--tw-brightness:brightness(0)}.brightness-\[0\],.grayscale{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%)}.invert{--tw-invert:invert(100%)}.filter,.invert{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{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-xl{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-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-700{transition-duration:.7s}#root,body,html{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[role=button]:not([aria-disabled=true]),button:not(:disabled),label[for],select:not(:disabled),summary{cursor:pointer}.selection\:bg-zinc-900 ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:bg-zinc-900 ::selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-zinc-900::-moz-selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:bg-zinc-900::selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.hover\:border-zinc-900:hover{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.hover\:bg-\[\#20bd5a\]:hover{--tw-bg-opacity:1;background-color:rgb(32 189 90/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:decoration-zinc-900:hover{text-decoration-color:#18181b}.focus\:border-white:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:left-6{left:1.5rem}.md\:right-auto{right:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:h-\[46px\]{height:46px}.md\:h-\[680px\]{height:680px}.md\:w-\[340px\]{width:340px}.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\:flex-row{flex-direction:row}.md\:gap-6{gap:1.5rem}.md\:rounded-t-\[48px\]{border-top-left-radius:48px;border-top-right-radius:48px}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-left{text-align:left}.md\:text-\[17px\]{font-size:17px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[42px\]{font-size:42px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[46px\]{font-size:46px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[54px\]{font-size:54px}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:block{display:block}.lg\:h-\[680px\]{height:680px}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:gap-16{gap:4rem}.lg\:gap-20{gap:5rem}.lg\:gap-4{gap:1rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[38px\]{font-size:38px}.lg\:text-\[44px\]{font-size:44px}.lg\:text-\[50px\]{font-size:50px}.lg\:text-\[60px\]{font-size:60px}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-24{gap:6rem}.xl\:gap-28{gap:7rem}.xl\:text-\[54px\]{font-size:54px}.xl\:text-\[64px\]{font-size:64px}} * { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } html { scroll-behavior: smooth; } .bw-img { filter: grayscale(100%); transition: filter 0.6s ease, transform 0.6s ease; will-change: filter, transform; } .bw-img:hover, .group:hover .bw-img { filter: grayscale(0%); transform: scale(1.02); } .group, .bw-wrap { overflow: hidden; } .whatsapp-float { position: fixed; bottom: 24px; right: 24px; z-index: 9999; width: 60px; height: 60px; background: #25D366; border-radius: 9999px; display: grid; place-items: center; box-shadow: 0 12px 32px rgba(37, 211, 102, 0.35), 0 4px 12px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease; animation: whatsapp-pulse 2.2s infinite; } .whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 16px 40px rgba(37, 211, 102, 0.45), 0 6px 16px rgba(0,0,0,0.18); animation: none; } .whatsapp-tooltip { position: absolute; right: 72px; top: 50%; transform: translateY(-50%); background: #111; color: white; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; padding: 8px 12px; border-radius: 9999px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease; } .whatsapp-float:hover .whatsapp-tooltip { opacity: 1; transform: translateY(-50%) translateX(0); } @keyframes whatsapp-pulse { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); } 70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } } @media (max-width: 640px) { .whatsapp-float { bottom: 20px; right: 20px; width: 56px; height: 56px; } .whatsapp-tooltip { display: none; } } :root { --em-red: #ff4040; --em-red-hover: #e53535; --em-ink: #222222; --em-dark: #25262a; --em-card: #1b1c1e; --em-light: #f2f3f4; } .text-black, .text-zinc-900 { color: var(--em-ink); } .text-zinc-700 { color: #444444; } .text-zinc-600 { color: #626262; } .text-zinc-500 { color: #777777; } .text-zinc-400 { color: #999999; } .border-zinc-100 { border-color: #eeeeee; } .border-zinc-200 { border-color: #e2e2e2; } .bg-zinc-100, [class~="bg-[#fafafa]"], [class~="bg-[#f8f8f8]"], [class~="bg-[#f6f6f6]"] { background-color: var(--em-light); } .bg-black { background-color: var(--em-dark); } .bg-zinc-900 { background-color: var(--em-card); } [class~="bg-[#ef4444]"] { background-color: var(--em-red); } [class~="text-[#ef4444]"] { color: var(--em-red); } svg[stroke="#ef4444"] { stroke: var(--em-red); } .bg-red-50 { background-color: #fff1f1; } .border-red-200 { border-color: #ffc6c6; } button.bg-black, button.bg-white:not(.border), a.bg-black { background-color: var(--em-red); color: #ffffff; } button.bg-black:hover, button.bg-white:not(.border):hover, a.bg-black:hover { background-color: var(--em-red-hover); color: #ffffff; } button.bg-white.border { border-color: var(--em-red); color: var(--em-red); } button.bg-white.border:hover { background-color: #fff1f1; } nav button:not(.bg-black):hover, a.underline:hover { color: var(--em-red); text-decoration-color: var(--em-red); } section p[class~="text-[11px]"][class*="tracking-[0.2"], section span[class~="text-[11px]"][class~="tracking-[0.18em]"] { color: var(--em-red); } .h-px.bg-zinc-900, .h-5.bg-zinc-900 { background-color: var(--em-red); } #kako-radimo .group:hover { border-color: var(--em-red); } #kako-radimo .group:hover [class~="group-hover:bg-black"] { background-color: var(--em-red); border-color: var(--em-red); } section.bg-black [class~="bg-white/[0.04]"] { background-color: var(--em-card); } section.bg-black .text-zinc-400, section.bg-black .text-zinc-500, section.bg-black .text-zinc-600 { color: #b0b0b0; } section.bg-black p[class~="text-[11px]"][class*="tracking-[0.2"] { color: var(--em-red); } #usluge .rounded-xl.bg-white { background-color: #292a2d; } #kontakt-forma input, #kontakt-forma textarea { color: var(--em-ink); } #kontakt-forma input::placeholder, #kontakt-forma textarea::placeholder { color: #777777; } #kontakt-forma input:focus, #kontakt-forma textarea:focus { border-color: var(--em-red); } #kontakt-forma .bg-white.text-center { color: var(--em-ink); } #kontakt-forma .bg-white.text-center .text-zinc-500 { color: #777777; } #kontakt-forma .grid.bg-black { background-color: var(--em-red); } #usluge + section.bg-black { background-color: var(--em-red); } #usluge + section.bg-black p, #usluge + section.bg-black h2, #usluge + section.bg-black h2 span { color: #ffffff; } #usluge + section.bg-black .h-px { background-color: rgba(255,255,255,.5); } nav.sticky { background-color: #ffffff; } .evolution-video { width:100%; max-width:420px; margin-top:28px; } .evolution-video iframe { display:block; width:100%; aspect-ratio:16/9; border:0; border-radius:20px; background:#1b1c1e; } .evolution-video a { display:inline-block; margin-top:10px; color:#b0b0b0; font-size:12px; text-decoration:underline; text-underline-offset:3px; } .evolution-video a:hover { color:#ffffff; } html { scroll-padding-top:96px; } body { -webkit-text-size-adjust:100%; } button, a, summary, input, textarea { -webkit-tap-highlight-color:transparent; } button, a, summary { touch-action:manipulation; } button:focus-visible, a:focus-visible, summary:focus-visible { outline:3px solid #ff4040; outline-offset:4px; } .mobile-nav { display:none; } .bw-img { will-change:auto; } .whatsapp-float { animation:none; } nav.sticky { backdrop-filter:none; } .evolution-video .video-launch { position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; overflow:hidden; border-radius:20px; background:#1b1c1e; } .video-launch img { width:100%; height:100%; object-fit:cover; } .video-launch::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%,rgba(0,0,0,.6)); } .video-launch .play-icon { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:64px; height:46px; display:grid; place-items:center; background:#ff4040; color:white; border-radius:14px; } .video-launch:hover .play-icon { background:#e53535; } .video-launch .video-caption { position:absolute; z-index:1; bottom:14px; left:16px; right:16px; color:white; font-size:13px; font-weight:600; text-align:left; } .evolution-video iframe { min-width:0; } .form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .form-status { padding:12px 16px; border-radius:14px; background:#fff1f1; color:#9b2525; font-size:14px; line-height:1.5; } form[aria-busy="true"] button[type="submit"] { opacity:.7; cursor:wait; } @media (min-width:768px) and (max-width:1023px) { nav > div { display:grid; grid-template-columns:auto minmax(0,1fr) 44px; gap:16px; padding:12px 24px; } nav > div > .hidden { display:none; } nav .nav-cta { justify-self:end; min-height:44px; } .mobile-nav { display:block; } .mobile-nav summary { list-style:none; width:44px; height:44px; display:grid; place-items:center; border:1px solid #e2e2e2; border-radius:50%; } .mobile-nav summary::-webkit-details-marker { display:none; } .mobile-menu { position:absolute; right:24px; top:calc(100% + 8px); width:300px; display:grid; padding:12px; background:#fff; border:1px solid #eee; border-radius:20px; box-shadow:0 16px 36px rgba(0,0,0,.12); } .mobile-menu a { display:block; padding:14px 12px; font-size:15px; font-weight:600; color:#222; } } @media (max-width:767px) { html { scroll-padding-top:82px; } nav > div { display:grid; grid-template-columns:auto minmax(0,1fr) 44px; gap:10px; padding:12px 16px; } nav > div > div:first-child img { width:90px; height:36px; } nav .nav-cta { justify-self:end; max-width:170px; min-height:44px; padding:9px 12px; font-size:11px; line-height:1.35; } .mobile-nav { display:block; } .mobile-nav summary { list-style:none; width:44px; height:44px; display:grid; place-items:center; border:1px solid #e2e2e2; border-radius:50%; color:#222; } .mobile-nav summary::-webkit-details-marker { display:none; } .mobile-menu { position:absolute; left:16px; right:16px; top:calc(100% + 8px); display:grid; padding:12px; background:#fff; border:1px solid #eee; border-radius:20px; box-shadow:0 16px 36px rgba(0,0,0,.12); } .mobile-menu a { display:block; padding:14px 12px; border-radius:12px; font-size:15px; font-weight:600; color:#222; } .mobile-menu a:hover { background:#fff1f1; color:#e53535; } section:not(.em-hero) { padding-top:56px; padding-bottom:56px; } section > [class*="max-w-"] { padding-left:20px; padding-right:20px; } .em-hero { padding-left:20px; padding-right:20px; } .em-hero > .grid { min-height:0; padding-top:32px; padding-bottom:48px; gap:28px; } .em-hero .hero-copy { gap:20px; } .em-hero h1 { font-size:clamp(32px,9.5vw,42px); line-height:1.04; letter-spacing:-.04em; } .em-hero .hero-copy > p { font-size:16px; line-height:1.65; } .em-hero .hero-copy > .inline-flex span[class*="tracking-"] { font-size:9px; line-height:1.7; letter-spacing:.1em; } .em-hero .hero-copy > .inline-flex { padding-left:14px; padding-right:14px; } .em-hero .hero-copy > .inline-flex:not(.rounded-full) { padding:0; } .em-hero .hero-actions { display:grid; grid-template-columns:1fr; gap:10px; padding-top:0; } .em-hero .hero-actions button { width:100%; min-height:48px; padding:14px 16px; font-size:13px; } .em-hero .hero-trust { gap:12px 16px; padding-top:20px; margin-top:0; } .em-hero .hero-trust > div { font-size:11px; } .em-hero .hero-visual { height:390px; border-radius:24px; } .em-hero .hero-visual > .absolute:not(.inset-0) { padding:16px; } h2 { font-size:28px !important; line-height:1.16 !important; letter-spacing:-.025em !important; } #filozofija h3 { font-size:21px; line-height:1.35; } #filozofija .grid, #upoznajte-nas .grid, #usluge > div > .grid { gap:32px; } #upoznajte-nas img { height:420px; } #medicinski .relative[class*="h-"] { height:220px; } #medicinski .mt-16, #kako-radimo .mt-14 { margin-top:32px; } #kako-radimo .group { padding:24px; } #usluge img[class*="h-[560px]"] { height:420px; } #usluge img[class*="h-[240px]"] { height:220px; } #usluge .evolution-video { max-width:100%; margin-top:24px; } #usluge + section h2 { font-size:27px !important; } #usluge + section h2 span { display:inline-block; margin-top:8px; } #klijenti .grid-cols-2 { grid-template-columns:1fr; } #klijenti img[class*="h-[320px]"] { height:260px; } #klijenti img[class*="min-h-"] { min-height:0; height:420px; } #kontakt-forma { margin-top:32px; } #kontakt-forma form { padding:20px; } #kontakt-forma input, #kontakt-forma textarea { font-size:16px; padding:14px 18px; } #kontakt-forma textarea { min-height:150px; } #kontakt-forma button { min-height:48px; font-size:13px; padding-left:12px; padding-right:12px; } #kontakt > div > .mt-20 { margin-top:48px; padding-bottom:40px; } .whatsapp-float { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); width:52px; height:52px; } .whatsapp-tooltip { display:none; } } @media (max-width:360px) { nav > div { padding-left:12px; padding-right:12px; gap:8px; } nav > div > div:first-child img { width:80px; height:32px; } nav .nav-cta { font-size:10px; padding-left:9px; padding-right:9px; } .em-hero .hero-visual { height:350px; } } @media (hover:none) { .bw-img, .bw-img:hover, .group:hover .bw-img { transform:none; transition:none; filter:grayscale(100%); } .whatsapp-float:hover { transform:none; } } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }