:root{--color-katharos-blue: #1A365D;--color-katharos-blue-light: #2A4A7A;--color-katharos-green: #38A169;--color-katharos-green-dark: #2F855A;--color-red-500: #EF4444;--color-red-600: #DC2626;--color-white: #ffffff;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-heading: "Archivo Black", sans-serif;--font-body: "Inter", sans-serif;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);color:var(--color-gray-800);background-color:var(--color-white);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.no-underline{text-decoration:none}.text-white{color:var(--color-white)}.text-gray-300{color:#d1d5db}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-katharos-blue{color:var(--color-katharos-blue)}.text-katharos-green{color:var(--color-katharos-green)}.text-katharos-green-dark{color:var(--color-katharos-green-dark)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-katharos-blue{background-color:var(--color-katharos-blue)}.bg-katharos-green{background-color:var(--color-katharos-green)}.container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.overflow-hidden{overflow:hidden}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.ml-1{margin-left:.25rem}.ml-2{margin-left:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.pt-24{padding-top:var(--space-24)}.pt-4{padding-top:var(--space-4)}.pb-16{padding-bottom:var(--space-16)}.pb-24{padding-bottom:var(--space-24)}.space-y-4>*+*{margin-top:var(--space-4)}.border{border:1px solid var(--color-gray-300)}.border-t{border-top:1px solid var(--color-gray-100)}.border-b{border-bottom:1px solid var(--color-gray-100)}.border-2{border-width:2px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-300{border-color:var(--color-gray-300)}.border-white-30{border-color:#ffffff4d}.border-white-60{border-color:#fff9}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-72{width:18rem}.w-96{width:24rem}.w-full{width:100%}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-72{height:18rem}.h-96{height:24rem}.h-full{height:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-\[3\/4\]{aspect-ratio:3 / 4}.opacity-0{opacity:0}.opacity-60{opacity:.6}.blur-3xl{filter:blur(64px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.resize-none{resize:none}.bg-white-95{background-color:#fffffff2}.bg-white-10{background-color:#ffffff1a}.bg-white-5{background-color:#ffffff0d}.bg-white\/15{background-color:#ffffff26}.bg-katharos-green-10{background-color:#f0f4f8}.bg-katharos-green-20{background-color:#e5ebf1}.bg-katharos-green\/10{background-color:#f0f4f8}.bg-katharos-green\/20,.group:hover .group-hover\:bg-katharos-green\/20{background-color:#e5ebf1}.bg-katharos-green\/3{background-color:#38a16908}.bg-katharos-blue-light\/8{background-color:#2a4a7a14}.bg-white\/2{background-color:#ffffff05}.text-white-70{color:#ffffffb3}.text-white-80{color:#fffc}.text-white-20{color:#fff3}.text-white-40{color:#fff6}.header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--color-gray-100)}.header-container{display:flex;align-items:center;justify-content:space-between;height:4rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--radius-lg);transition:var(--transition-all);cursor:pointer;border:none;outline:none;text-decoration:none}.btn-primary{background-color:var(--color-katharos-green);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-katharos-green-dark);box-shadow:var(--shadow-lg)}.btn-secondary{border:2px solid rgba(255,255,255,.3);color:var(--color-white);background:transparent}.btn-secondary:hover{border-color:#fff9}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}input[type=text],input[type=email],input[type=tel],textarea,select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-xl);color:var(--color-gray-800);transition:var(--transition-all);font-family:var(--font-body);font-size:1rem}button,a{cursor:pointer}button{border:none;outline:none}button:disabled{cursor:not-allowed}button:focus{outline:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-katharos-green);box-shadow:0 0 0 3px #38a16933}select{background-color:var(--color-white);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-2)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.grid-3-col{display:grid;gap:var(--space-8)}.benefit-card{transition:var(--transition-all)}.benefit-icon{width:4rem;height:4rem;background-color:#f0f4f8;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);transition:var(--transition-colors)}.benefit-card:hover .benefit-icon{background-color:#e5ebf1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.video-wrapper{position:relative}.video-title-overlay{position:absolute;top:0;left:0;right:0;padding:1.5rem;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.video-wrapper:hover .video-title-overlay{opacity:1}.video-facade{position:relative;cursor:pointer;background:linear-gradient(135deg,var(--color-katharos-blue) 0%,var(--color-katharos-blue-light) 100%)}.video-facade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;transition:background .3s ease}.video-facade:hover:before{background:#0000001a}.play-button{width:80px;height:80px;background:var(--color-katharos-green);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px #38a16966}.video-facade:hover .play-button{transform:scale(1.1);box-shadow:0 6px 30px #38a16999}.hero-pattern{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.decoration-blob{position:absolute;border-radius:50%;filter:blur(64px)}.decoration-blob-green{background-color:#38a16914}.decoration-blob-blue{background-color:#2a4a7a40}.scroll-to-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;background-color:var(--color-katharos-green);color:var(--color-white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:40;opacity:0;transform:translateY(20px)}.scroll-to-top-btn:not(.hidden){opacity:1;transform:translateY(0)}.scroll-to-top-btn:hover{background-color:var(--color-katharos-green-dark);box-shadow:0 6px 20px #00000040;transform:translateY(-4px)}.scroll-to-top-btn:active{transform:translateY(-2px)}@media (min-width: 640px){.scroll-to-top-btn{bottom:2rem;right:2rem;width:3.5rem;height:3.5rem}}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}.header-container{height:5rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}.sm\:text-3xl{font-size:1.875rem}.sm\:text-4xl{font-size:2.25rem}.sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.sm\:py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.sm\:pt-32{padding-top:8rem}.sm\:pb-24{padding-bottom:var(--space-24)}.sm\:py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.sm\:py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.sm\:mt-8{margin-top:var(--space-8)}.sm\:mt-10{margin-top:var(--space-10)}.sm\:mt-12{margin-top:var(--space-12)}.sm\:mb-10{margin-bottom:var(--space-10)}.sm\:mb-12{margin-bottom:var(--space-12)}.sm\:mb-16{margin-bottom:var(--space-16)}.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:w-12{width:3rem}.sm\:h-12{height:3rem}.sm\:block{display:block}.sm\:p-10{padding:var(--space-10)}}@media (min-width: 768px){.md\:text-5xl{font-size:3rem}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}.lg\:text-4xl{font-size:2.25rem}.lg\:text-6xl{font-size:3.75rem}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.lg\:gap-12{gap:var(--space-12)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.top-0{top:0}.top-20{top:5rem}.-top-4{top:-1rem}.right-0{right:0}.-right-4{right:-1rem}.bottom-0{bottom:0}.-bottom-4{bottom:-1rem}.left-0{left:0}.group:hover .group-hover\:bg-katharos-green-20{background-color:#e5ebf1}.hover\:bg-katharos-green-dark:hover{background-color:var(--color-katharos-green-dark)}.bg-red-500{background-color:var(--color-red-500)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-katharos-green-dark:hover{color:var(--color-katharos-green-dark)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.hover\:border-white-60:hover{border-color:#fff9}.mt-0\.5{margin-top:.125rem}
