:root{--color-bg: #1a6b73;--color-bg-dark: #0d3b42;--color-glass: rgba(6, 16, 20, .85);--color-glass-border: rgba(255, 255, 255, .1);--color-text: #fcfcf7;--color-text-muted: #e6e6dc;--color-accent: #eaddcf;--color-accent-dark: #8d6e63;--font-heading: "Playfair Display", serif;--font-body: "EB Garamond", serif;--spacing-container: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#061014}body{font-family:var(--font-body);background-color:#061014;color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/assets/bg-B998C8FM.png);background-size:cover;background-position:center;background-repeat:no-repeat}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.25}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.navbar{position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;transition:all .4s ease;background:transparent}.navbar.scrolled{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-glass-border);height:80px}.nav-container{max-width:var(--spacing-container);margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.nav-logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:500;letter-spacing:.5px;color:var(--color-text)}.nav-logo span{color:var(--color-text);font-style:italic;opacity:.9}.nav-menu{display:flex;list-style:none;gap:3rem}.nav-link{font-size:1.1rem;font-weight:400;position:relative;padding:.5rem 0;color:var(--color-text-muted);transition:color .3s ease;letter-spacing:.5px}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--color-accent);transition:width .4s ease}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:60%}.menu-icon{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1100}.bar{width:100%;height:3px;background-color:var(--color-text);border-radius:10px;transition:all .3s linear}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.dropdown-parent{position:relative;padding-bottom:20px;margin-bottom:-20px}.dropdown-arrow{font-size:.6rem;margin-left:4px;opacity:.7;transition:transform .3s ease;display:inline-block}.dropdown-parent:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;transform:translateY(10px);width:550px;background:#141e28f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;box-shadow:0 10px 40px #00000080;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.165,.84,.44,1);display:grid;grid-template-columns:1fr 1fr;gap:15px;z-index:1100}@media(min-width:769px){.dropdown-parent:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}}.dropdown-item{padding:10px;border-radius:8px;transition:background .2s ease;cursor:pointer}.dropdown-item:hover{background:#ffffff0d}.dropdown-item h4{color:#f0f0f0;font-family:var(--font-heading);font-size:1rem;margin:0 0 5px;font-weight:500}.dropdown-item p{color:#a0aab5;font-size:.85rem;margin:0;line-height:1.4}@media(max-width:768px){.navbar{height:70px;padding:0 20px}.nav-logo{font-size:1.5rem}.nav-container{padding:0 20px;width:100%}.menu-icon{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;height:auto;max-height:85vh;overflow-y:auto;background:#0a141efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;padding:30px 0;gap:20px;transform:translateY(-150%);transition:transform .4s ease;border-bottom:1px solid rgba(255,255,255,.05)}.nav-menu.active{transform:translateY(0)}.dropdown-menu{position:static;width:90%;transform:none;background:transparent;box-shadow:none;display:none;border:none;padding:0;grid-template-columns:1fr}.about-dropdown,.contact-dropdown{width:90%!important}.dropdown-menu.active{display:grid;position:static;transform:none;opacity:1;visibility:visible}.dropdown-item h4{color:var(--color-accent)}}.about-dropdown{grid-template-columns:1fr}.contact-dropdown{grid-template-columns:1fr;width:400px}.full-width{grid-column:1 / -1}.hero{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding-top:50px;overflow:hidden}.sun-rays{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:150%;height:100%;z-index:0;pointer-events:none;opacity:.3}.ray{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 60%);transform-origin:top center;clip-path:polygon(40% 0,60% 0,100% 100%,0% 100%)}.ray:nth-child(1){animation:swayRay 15s ease-in-out infinite alternate;transform:rotate(-15deg);width:20%;left:30%}.ray:nth-child(2){animation:swayRay 20s ease-in-out infinite alternate-reverse;transform:rotate(0);width:30%;left:40%;opacity:.5}.ray:nth-child(3){animation:swayRay 18s ease-in-out infinite alternate;transform:rotate(15deg);width:15%;left:60%}@keyframes swayRay{0%{transform:rotate(-5deg) scaleX(1);opacity:.3}to{transform:rotate(5deg) scaleX(1.2);opacity:.5}}.particles{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden}.particle{position:absolute;background:#ffffff80;border-radius:50%;animation:floatParticle 20s linear infinite}.particle:nth-child(2n){width:4px;height:4px;opacity:.2;animation-duration:25s}.particle:nth-child(3n){width:2px;height:2px;opacity:.4;animation-duration:18s}.particle:nth-child(5n){width:3px;height:3px;opacity:.1;animation-duration:30s}.particle:nth-child(1){left:10%;top:10%}.particle:nth-child(2){left:20%;top:80%;animation-delay:-5s}.particle:nth-child(3){left:80%;top:30%;animation-delay:-10s}.particle:nth-child(4){left:40%;top:50%}.particle:nth-child(5){left:70%;top:20%}.particle:nth-child(6){left:30%;top:90%}.particle:nth-child(7){left:90%;top:60%}.particle:nth-child(8){left:15%;top:40%}.particle:nth-child(9){display:block;left:55%;top:15%}.particle:nth-child(10){display:block;left:65%;top:75%}.particle:nth-child(11){display:block;left:5%;top:55%}.particle:nth-child(12){display:block;left:95%;top:10%}.particle:nth-child(13){display:block;left:25%;top:5%}.particle:nth-child(14){display:block;left:85%;top:85%}.particle:nth-child(n+15){display:none}@keyframes floatParticle{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:.4}80%{opacity:.4}to{transform:translateY(-100vh) translate(50px);opacity:0}}.bubbles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.bubble{position:absolute;bottom:-100px;background:#ffffff1a;border-radius:50%;opacity:.5;animation:rise 10s infinite ease-in}.bubble:nth-child(1){left:10%;width:40px;height:40px;animation-duration:8s}.bubble:nth-child(2){left:20%;width:20px;height:20px;animation-duration:12s;animation-delay:2s}.bubble:nth-child(3){left:35%;width:50px;height:50px;animation-duration:10s;animation-delay:4s}.bubble:nth-child(4){left:50%;width:15px;height:15px;animation-duration:14s}.bubble:nth-child(5){left:65%;width:35px;height:35px;animation-duration:9s;animation-delay:1s}.bubble:nth-child(6){left:80%;width:25px;height:25px;animation-duration:11s;animation-delay:3s}.bubble:nth-child(7){left:90%;width:60px;height:60px;animation-duration:13s;animation-delay:5s}.bubble:nth-child(8){left:15%;width:10px;height:10px;animation-duration:15s;animation-delay:6s}@keyframes rise{0%{bottom:-100px;transform:translate(0)}50%{transform:translate(20px)}to{bottom:110%;transform:translate(-20px)}}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:var(--spacing-container);position:relative;z-index:10;padding-bottom:2rem}.hero-header{text-align:center;animation:fadeDown 1s ease-out forwards}.hero-header h1{font-size:4rem;line-height:1.1;color:var(--color-text);letter-spacing:-.02em;margin:0;text-shadow:0 4px 30px rgba(0,0,0,.2)}.image-stack-wrapper{position:relative;height:140px;width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0}.image-stack{position:relative;width:500px;height:300px;display:flex;justify-content:center;align-items:center;perspective:1000px;animation:floatStack 6s ease-in-out infinite}.hero-img{position:absolute;width:100%;max-width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4));transition:transform .5s cubic-bezier(.175,.885,.32,1.275);will-change:transform;cursor:pointer}.image-stack:hover .img-orange{transform:translate(25px,25px) rotate(-5deg) scale(1.05)}.image-stack:hover .img-green{transform:translate(-25px,-25px) rotate(5deg) scale(1.05)}.hero-footer{text-align:center;max-width:600px;animation:fadeUp 1s ease-out .5s forwards;opacity:0;margin-top:1rem}.subheading{font-size:1.25rem;color:var(--color-text-muted);font-weight:400;margin-bottom:.75rem;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.note{font-size:.95rem;color:#eaddcf;font-family:var(--font-body);font-style:italic;letter-spacing:.5px;opacity:.9}.img-orange{z-index:1;animation:dropInTopLeft 1.5s cubic-bezier(.22,1,.36,1) forwards}.img-green{z-index:2;animation:dropInTopRight 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s}@keyframes floatStack{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes dropInTopLeft{0%{transform:translate(-100vw,-100vh) rotate(-45deg) scale(.6);opacity:0}to{transform:translate(15px,15px) rotate(0) scale(1);opacity:1}}@keyframes dropInTopRight{0%{transform:translate(100vw,-100vh) rotate(45deg) scale(.6);opacity:0}to{transform:translate(-15px,-15px) rotate(0) scale(1);opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-header h1{font-size:2.5rem}.image-stack-wrapper{height:120px}.hero-img{max-width:220px}.sun-rays{opacity:.2}}.showcase-section{position:relative;padding:60px 20px;width:100%;z-index:10}.showcase-container{max-width:var(--spacing-container);margin:0 auto;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.showcase-card{flex:1;min-width:280px;max-width:350px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.showcase-card:hover{transform:translateY(-10px)}.showcase-image-wrapper{width:100%;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%}.showcase-card img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:filter .3s ease}.showcase-card:hover img{filter:drop-shadow(0 15px 30px rgba(0,0,0,.5))}.showcase-title{font-family:var(--font-heading);color:var(--color-accent);font-size:1.8rem;margin-top:10px;letter-spacing:1px;position:relative;padding-bottom:10px}.showcase-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-text-muted);opacity:.5}@media(max-width:768px){.showcase-container{flex-direction:column;align-items:center;gap:60px}.showcase-image-wrapper{height:250px}}.app-container{width:100%;min-height:100vh}