body{margin:0;min-height:100vh;opacity:0;transition:opacity .6s ease-in}body.loaded{opacity:1}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{width:100%;overflow-x:hidden;background:linear-gradient(180deg,#002a45,#00233a,#001d30,#001825,#001428)}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:#fff;padding:2rem;overflow:hidden}.hero-section{--scroll-progress: 0}.hero-media{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#002a454d,#002a4559,#002a4566),url(/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;transition:opacity .1s ease-out;will-change:opacity}.hero-section .content{transition:opacity .1s ease-out,transform .1s ease-out;will-change:opacity,transform}.ocean-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,180,216,.1) 0%,transparent 60%);animation:wave 20s ease-in-out infinite;pointer-events:none;mix-blend-mode:soft-light}@keyframes wave{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.05);opacity:.8}}.content{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:900px;z-index:1;gap:2.5rem}.header-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.company-name{font-size:clamp(4rem,14vw,8rem);font-weight:200;letter-spacing:.15em;margin:0;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.3);font-family:Georgia,serif;text-transform:uppercase}.divider{width:80px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.tagline{font-size:clamp(.95rem,2vw,1.1rem);font-weight:400;letter-spacing:.15em;opacity:.9;text-transform:uppercase;color:#fffffff2}.description{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:300;line-height:1.6;color:#ffffffd9;max-width:600px;margin:0}.contact{margin-top:1rem}.contact-btn{color:#fff;text-decoration:none;font-size:clamp(.95rem,2vw,1.05rem);font-weight:500;letter-spacing:.05em;padding:1rem 2.5rem;border:1.5px solid rgba(255,255,255,.4);border-radius:2px;transition:all .3s ease;display:inline-block;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase}.contact-btn:hover{background:#ffffff26;border-color:#fffc;transform:translateY(-2px);box-shadow:0 8px 25px #00b4d84d}.footer{padding:2rem;text-align:center;opacity:.6;font-size:.85rem;z-index:1;letter-spacing:.03em}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:10;animation:bounce 2s infinite}.scroll-arrow{width:30px;height:30px;border-left:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(-45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.depth-section{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;color:#fff;padding:4rem 2rem;background:transparent;overflow:hidden;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.depth-section.visible{opacity:1;transform:translateY(0)}.sargassum-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;background:radial-gradient(ellipse,rgba(139,115,85,.4) 0%,rgba(101,84,63,.25) 40%,rgba(139,115,85,.1) 70%,transparent 100%);border-radius:50%;animation:floatParticle 15s ease-in-out infinite;filter:blur(1px);box-shadow:0 2px 8px #8b735533}.particle:nth-child(1){width:20px;height:30px;top:10%;left:15%;animation-duration:18s;animation-delay:0s}.particle:nth-child(2){width:15px;height:22px;top:30%;left:85%;animation-duration:22s;animation-delay:3s}.particle:nth-child(3){width:25px;height:35px;top:50%;left:25%;animation-duration:20s;animation-delay:6s}.particle:nth-child(4){width:18px;height:26px;top:70%;left:60%;animation-duration:19s;animation-delay:9s}.particle:nth-child(5){width:22px;height:32px;top:20%;left:75%;animation-duration:21s;animation-delay:2s}.particle:nth-child(6){width:20px;height:28px;top:40%;left:10%;animation-duration:17s;animation-delay:5s}.particle:nth-child(7){width:16px;height:24px;top:60%;left:90%;animation-duration:23s;animation-delay:8s}.particle:nth-child(8){width:28px;height:38px;top:80%;left:35%;animation-duration:16s;animation-delay:1s}.particle:nth-child(9){width:18px;height:25px;top:15%;left:50%;animation-duration:24s;animation-delay:4s}.particle:nth-child(10){width:22px;height:30px;top:45%;left:65%;animation-duration:18s;animation-delay:7s}.particle:nth-child(11){width:20px;height:28px;top:65%;left:20%;animation-duration:22s;animation-delay:10s}.particle:nth-child(12){width:24px;height:34px;top:85%;left:80%;animation-duration:19s;animation-delay:11s}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.6}25%{transform:translateY(-30px) translate(10px) rotate(90deg);opacity:.8}50%{transform:translateY(-15px) translate(-15px) rotate(180deg);opacity:.7}75%{transform:translateY(-40px) translate(5px) rotate(270deg);opacity:.9}}.depth-content{max-width:1100px;width:100%;text-align:center;z-index:1}.depth-section h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;letter-spacing:.12em;margin-bottom:3rem;text-transform:uppercase;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;line-height:1.2}.expertise-grid{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:4rem;flex-wrap:wrap;padding:2rem}.expertise-item{position:relative;width:280px;height:280px;padding:3rem 2rem;background:radial-gradient(ellipse at top,#ffffff14,#ffffff05);border:1.5px solid rgba(255,255,255,.15);border-radius:50%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .4s ease,opacity .6s ease-out,transform .6s ease-out;animation:float 6s ease-in-out infinite;box-shadow:0 8px 32px #00b4d81a,inset 0 -40px 60px #ffffff05;opacity:0;transform:translateY(30px) scale(.9)}.expertise-item.visible{opacity:1;transform:translateY(0) scale(1)}.expertise-item:nth-child(1){animation-delay:0s;transition-delay:.1s}.expertise-item:nth-child(2){animation-delay:2s;transition-delay:.2s}.expertise-item:nth-child(3){animation-delay:4s;transition-delay:.3s}.expertise-item:nth-child(4){animation-delay:6s;transition-delay:.4s}.expertise-item:nth-child(5){animation-delay:8s;transition-delay:.5s}.depth-near{width:300px;height:300px;opacity:1;filter:blur(0px);z-index:3}.depth-mid{width:260px;height:260px;opacity:.9;filter:blur(.5px);z-index:2}.depth-far{width:240px;height:240px;opacity:.75;filter:blur(1px);z-index:1}.depth-near:hover,.depth-mid:hover,.depth-far:hover{opacity:1;filter:blur(0px)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}.expertise-item:before{content:"";position:absolute;top:10%;left:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(15px);pointer-events:none}.expertise-item:hover{background:radial-gradient(ellipse at top,#ffffff1f,#ffffff0a);border-color:#ffffff4d;transform:translateY(-10px) scale(1.05);box-shadow:0 15px 45px #00b4d833,inset 0 -40px 60px #ffffff08}.expertise-item h3{font-size:1.4rem;font-weight:400;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase;color:#fffffff2;position:relative;z-index:1}.expertise-item p{font-size:.95rem;font-weight:300;line-height:1.6;color:#ffffffbf;position:relative;z-index:1}.depth-description{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:300;line-height:1.8;max-width:700px;margin:0 auto;color:#fffc}.depth-footer{background:transparent;min-height:auto;padding:3rem 2rem}.depth-footer p{color:#c4b5a0;opacity:1}.deep-creatures{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.creature{position:absolute;opacity:.7;filter:drop-shadow(0 0 20px rgba(0,180,216,.3));animation:floatCreature 12s ease-in-out infinite}.creature-1{width:170px;height:auto;top:20%;left:5%;animation-duration:60s;animation-delay:0s;transform:scaleY(-1)}.creature-2{width:280px;height:auto;top:55%;right:8%;animation-duration:30s;animation-delay:3s}.creature-3{width:160px;height:auto;bottom:8%;left:35%;animation-duration:28s;animation-delay:5s;opacity:.5;filter:drop-shadow(0 0 15px rgba(205,92,92,.3))}.creature-4{width:200px;height:auto;bottom:20%;left:45%;animation-duration:55s;animation-delay:2s}.creature-5{width:240px;height:auto;top:35%;right:25%;animation-duration:50s;animation-delay:4s}.creature-6{width:200px;height:auto;bottom:12%;right:20%;animation-duration:48s;animation-delay:6s}.creature-7{width:180px;height:auto;top:60%;left:15%;animation-duration:52s;animation-delay:8s}.creature-6{width:150px;height:auto;top:20%;right:30%;animation-duration:19s;animation-delay:4s}@keyframes floatCreature{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,-30px) rotate(2deg)}50%{transform:translate(15px,-15px) rotate(-2deg)}75%{transform:translate(-10px,-40px) rotate(1deg)}}@media(max-width:768px){.container{padding:1.5rem}.content{gap:2rem}.header-section{gap:1rem}.contact-btn{padding:.85rem 2rem;font-size:.9rem}.description{font-size:1rem}.expertise-grid{gap:2rem;padding:1rem}.expertise-item,.depth-near,.depth-mid,.depth-far{width:250px;height:250px;padding:2rem 1.5rem;opacity:1;filter:blur(0px)}.particle{display:none}.depth-section{padding:3rem 1.5rem}.scroll-indicator{bottom:2rem}.creature-1{width:200px;top:10%;left:5%}.creature-2{width:150px;top:70%;right:5%}.creature-3{width:130px;top:25%;right:10%}.creature-4{width:140px;top:50%;right:15%}.creature-5{width:180px;top:45%;left:8%}.creature-5{width:160px;top:30%;right:20%}.creature-6{width:140px;bottom:15%;right:18%}.creature-7{width:120px;top:55%;left:12%}}