.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:rgb(255 255 255/.8);--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(12px);-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-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.navbar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity,1))}.navbar-container{width:100%}@media (min-width:640px){.navbar-container{max-width:640px}}@media (min-width:768px){.navbar-container{max-width:768px}}@media (min-width:1024px){.navbar-container{max-width:1024px}}@media (min-width:1280px){.navbar-container{max-width:1280px}}@media (min-width:1536px){.navbar-container{max-width:1536px}}.navbar-container{margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.navbar-content{height:5rem;justify-content:space-between}.navbar-brand,.navbar-content{display:flex;align-items:center}.navbar-logo{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(79 70 229/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;line-height:2rem;font-weight:700;color:transparent}.navbar-logo:is(.dark *){--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(129 140 248/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.navbar-subtitle{margin-left:.5rem;display:none;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.navbar-subtitle:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}@media (min-width:768px){.navbar-subtitle{display:inline-block}}.navbar-links{display:flex;align-items:center}.navbar-links>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.nav-link{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-link-active{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.nav-link-active:is(.dark *){--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.nav-link-inactive{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.nav-link-inactive:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.nav-link-inactive:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.nav-link-inactive:hover:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark-mode-toggle{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dark-mode-toggle:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.dark-mode-toggle:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark-mode-toggle:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.features-section{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:4rem;padding-bottom:4rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.features-section:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.features-title{margin-bottom:3rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.features-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.features-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:2rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.feature-card,.feature-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.feature-card:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.feature-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));background-color:rgb(55 65 81/.5)}.feature-card-icon{margin-bottom:1.5rem;font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.feature-card-icon:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.feature-card-title{margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.feature-card-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.feature-card-text{line-height:1.625;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.feature-card-text:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hero-section{position:relative;display:flex;min-height:50vh;align-items:center;justify-content:center;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(https://images.unsplash.com/photo-1618843479313-40f8afb4b4d8);background-repeat:no-repeat}.hero-section,.hero-section:before{background-size:cover;background-position:50%}.hero-section:before{position:absolute;top:0;left:0;height:100%;width:100%;background-image:url(/hero-bg.jpg);opacity:.2;--tw-content:"";content:var(--tw-content)}.hero-content{position:relative;z-index:10;margin-left:auto;margin-right:auto;max-width:56rem;padding-left:1rem;padding-right:1rem;text-align:center}.hero-title{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.hero-title{font-size:3rem;line-height:1}}@media (min-width:1024px){.hero-title{font-size:3.75rem;line-height:1}}.hero-description{margin-left:auto;margin-right:auto;margin-bottom:2rem;max-width:42rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:768px){.hero-description{font-size:1.25rem;line-height:1.75rem}}.hero-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width:640px){.hero-buttons{flex-direction:row}}.hero-buttons .btn-primary{padding:.75rem 2rem;font-size:1.125rem;line-height:1.75rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-buttons .btn-primary,.hero-buttons .btn-primary:hover{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));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hero-buttons .btn-primary:hover{--tw-translate-y:-0.125rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hero-buttons .btn-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));padding:.75rem 2rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-buttons .btn-outline,.hero-buttons .btn-outline:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hero-buttons .btn-outline:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}