:root{--padding:10vmin;--bg-primary:#e4e4ea;--bg-secondary:#f0f0f5;--text-primary:#121212;--text-secondary:#3a3a3e;--text-muted:#8e8e93;--glass-bg:rgba(255,255,255,.28);--glass-border:rgba(255,255,255,.75);--glass-shadow:0 30px 70px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.04);--glass-shine:linear-gradient(145deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 70%);--accent:#0066cc;--accent-glow:rgba(0,102,204,.25);--radius-xl:36px;--radius-lg:24px;--transition-smooth:cubic-bezier(.23,1,.32,1);--color-background:#D0CBC7;--font-size-large:8vw;--font-size-medium:4vw;--font-size-normal:2vw;--whatsapp-green:#25D366}@media only screen and (min-width:800px){:root{--font-size-large:64px;--font-size-medium:32px;--font-size-normal:16px}}@media only screen and (max-width:500px){:root{--font-size-large:40px;--font-size-medium:20px;--font-size-normal:14px}}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1c1c1e;--text-primary:#f0f0f0;--text-secondary:#b0b0b5;--text-muted:#8e8e93;--glass-bg:rgba(255,255,255,.08);--glass-border:rgba(255,255,255,.15);--glass-shadow:0 30px 70px rgba(0,0,0,.4);--glass-shine:linear-gradient(145deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 70%);--accent:#4a9eff;--accent-glow:rgba(74,158,255,.3);--color-background:#1a1a1e}*{box-sizing:border-box}a{color:#fff}ul{margin:0;padding:0;list-style:none}li{margin-top:10px}html,body{margin:0;min-height:100%;min-width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);overflow-x:hidden;color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark}.glass{background:var(--glass-bg);backdrop-filter:blur(48px) saturate(220%);-webkit-backdrop-filter:blur(48px) saturate(220%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),inset 0 1px #fffc;position:relative;overflow:hidden;transition:transform .4s var(--transition-smooth),box-shadow .4s var(--transition-smooth)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-shine);pointer-events:none;opacity:.5}.glass:hover{box-shadow:var(--glass-shadow),0 40px 80px #00000014,inset 0 1px #ffffffe6}.watermark-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;max-width:800px;aspect-ratio:1/1;background-image:url(https://raw.githubusercontent.com/sirafmarine-lab/oceanx-assets/main/LOGO-removebg-preview.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.04;z-index:1;pointer-events:none;filter:blur(2px) grayscale(.3);animation:watermarkPulse 8s ease-in-out infinite alternate}@keyframes watermarkPulse{0%{opacity:.03;transform:translate(-50%,-50%) scale(1)}to{opacity:.07;transform:translate(-50%,-50%) scale(1.05)}}.cursor-dot{position:fixed;width:10px;height:10px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s;will-change:transform}.cursor-dot.is-hover{width:44px;height:44px;background:#0066cc40;mix-blend-mode:normal}.mouse-glow{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,204,.06) 0%,transparent 70%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);will-change:transform,opacity;opacity:0;transition:opacity .6s ease}.mouse-glow.active{opacity:1}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),#4a9eff);z-index:10000;transition:width .08s linear;box-shadow:0 0 20px var(--accent-glow)}.back-to-top{position:fixed;bottom:30px;right:30px;z-index:999;width:56px;height:56px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px) scale(.8);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.back-to-top:hover{box-shadow:var(--glass-shadow),0 8px 30px #0000001a;transform:translateY(-2px) scale(1.05)}.back-to-top svg{width:28px;height:28px;transform:rotate(-90deg)}.back-to-top svg circle{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset .2s ease}.back-to-top svg .bg-circle{stroke:#0000000f;stroke-dashoffset:0}.back-to-top .arrow{position:absolute;font-size:20px;color:var(--text-primary);font-weight:700;line-height:1;pointer-events:none}#particle-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.5}.orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.6}.orb-1{width:60vw;height:60vw;top:-20%;right:-10%;background:radial-gradient(circle,rgba(0,102,204,.15),transparent 70%);animation:orbFloat 18s ease-in-out infinite alternate}.orb-2{width:50vw;height:50vw;bottom:-10%;left:-10%;background:radial-gradient(circle,rgba(100,180,255,.12),transparent 70%);animation:orbFloat 22s ease-in-out infinite alternate-reverse}.orb-3{width:40vw;height:40vw;top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);animation:orbFloat 26s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.2)}}.glass-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;padding:12px 32px;border-radius:60px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;gap:30px;font-weight:500;font-size:14px;letter-spacing:.3px;transition:top .4s ease,background .4s ease,box-shadow .4s ease}.glass-nav .brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.glass-nav .brand-link img{height:34px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.06));transition:transform .3s ease}.glass-nav .brand-link:hover img{transform:scale(1.05)}.glass-nav .brand{font-weight:800;font-size:17px;letter-spacing:-.3px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-nav a:not(.brand-link){color:var(--text-secondary);text-decoration:none;transition:color .25s ease,transform .25s ease;position:relative;-webkit-text-fill-color:var(--text-secondary)}.glass-nav a:not(.brand-link):after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--accent);transition:width .3s var(--transition-smooth)}.glass-nav a:not(.brand-link):hover{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.glass-nav a:not(.brand-link):hover:after{width:100%}.glass-nav .nav-cta{background:var(--accent);color:#fff!important;-webkit-text-fill-color:#fff!important;padding:8px 20px;border-radius:40px;font-weight:600;font-size:13px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px var(--accent-glow)}.glass-nav .nav-cta:hover{background:#0052a3;transform:scale(1.03);box-shadow:0 6px 24px var(--accent-glow)}.glass-nav .nav-cta:after{display:none}.glass-nav .nav-controls{display:flex;align-items:center;gap:12px}.glass-nav .theme-toggle,.glass-nav .sound-toggle,.glass-nav .lang-toggle,.glass-nav .whatsapp-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;cursor:pointer;border-radius:30px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700;transition:background .3s ease,transform .2s ease;text-decoration:none}.glass-nav .theme-toggle:hover,.glass-nav .sound-toggle:hover,.glass-nav .lang-toggle:hover,.glass-nav .whatsapp-toggle:hover{background:#fff6;transform:scale(1.05)}.glass-nav .whatsapp-toggle{color:#25d366}.glass-nav .whatsapp-toggle svg{width:20px;height:20px;fill:currentColor}@media(max-width:720px){.glass-nav{padding:10px 16px;gap:12px;font-size:12px;top:12px;flex-wrap:wrap;justify-content:center;border-radius:32px;width:94%}.glass-nav .brand-link img{height:26px}.glass-nav .brand{font-size:15px}.glass-nav a:not(.brand-link){font-size:11px}.glass-nav .nav-cta{font-size:11px;padding:6px 14px}.glass-nav .nav-controls{gap:6px}.glass-nav .theme-toggle,.glass-nav .sound-toggle,.glass-nav .lang-toggle,.glass-nav .whatsapp-toggle{width:30px;height:30px;font-size:11px}.glass-nav .whatsapp-toggle svg{width:16px;height:16px}}.divider-wave{width:100%;height:80px;background:linear-gradient(to bottom,var(--bg-primary) 0%,#0d1420 100%);position:relative;z-index:3}.fixed-ship-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;pointer-events:none;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .9s ease}.fixed-ship-container.fade-out{opacity:0}#ship-mover{width:100%;height:100%;will-change:transform;display:flex;justify-content:center;align-items:center}model-viewer{width:80%;max-width:600px;height:80%;max-height:600px;--progress-bar-height:0px;exposure:1.6;shadow-intensity:1.8;shadow-softness:1.2;environment-image:neutral;--poster-color:transparent;pointer-events:none}model-viewer::part(default-progress-bar){display:none}@media(max-width:768px){model-viewer{width:70%;max-width:400px;height:70%;max-height:400px}}@media(max-width:480px){model-viewer{width:60%;max-width:300px;height:60%;max-height:300px}}#airplane-canvas{position:fixed;top:0;left:0;z-index:35;pointer-events:none;width:100vw;height:100vh;opacity:0;transition:opacity 1.2s ease;visibility:visible}#airplane-canvas.visible{opacity:1}.content-layer{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.hero{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;position:relative;perspective:1200px}.hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;will-change:transform}.hero .hero-badge{display:inline-block;padding:6px 18px;border-radius:40px;background:#0066cc14;border:1px solid rgba(0,102,204,.15);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--accent);text-transform:uppercase;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp 1s .2s both;overflow:hidden;white-space:nowrap}.hero .hero-badge .type-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);animation:typing 3s steps(30) .5s forwards,blink .7s step-end infinite;max-width:0;animation-fill-mode:forwards}@keyframes typing{0%{max-width:0}to{max-width:30ch}}@keyframes blink{0%,to{border-color:var(--accent)}50%{border-color:transparent}}.hero .hero-floating-logo{position:absolute;top:15%;right:8%;width:100px;height:100px;opacity:.12;pointer-events:none;z-index:1;animation:floatLogo 6s ease-in-out infinite alternate;will-change:transform}.hero .hero-floating-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.2)}@keyframes floatLogo{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(-20px,30px) rotate(8deg) scale(1.1)}}.hero h1{font-size:clamp(42px,8vw,92px);font-weight:900;letter-spacing:-.045em;line-height:1.04;max-width:1000px;background:linear-gradient(160deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:18px;animation:fadeUp 1s .3s both;position:relative;z-index:2}.hero .hero-sub{font-size:clamp(16px,1.6vw,22px);font-weight:400;color:var(--text-muted);max-width:600px;line-height:1.6;animation:fadeUp 1s .5s both;position:relative;z-index:2}.hero .hero-sub strong{color:var(--text-secondary);font-weight:600}.hero .scroll-indicator{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);animation:bounce 2.4s infinite;z-index:2}.hero .scroll-indicator .line{width:1px;height:48px;background:linear-gradient(to bottom,var(--text-muted),transparent)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-trigger{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:5;width:70px;height:70px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--accent);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.video-trigger:hover{transform:translate(-50%) scale(1.1);box-shadow:var(--glass-shadow),0 8px 30px var(--accent-glow)}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.video-modal.show{display:flex;opacity:1}.video-modal .modal-content{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:20px;position:relative;max-width:90vw;max-height:90vh;box-shadow:var(--glass-shadow),0 30px 80px #0006;transform:scale(.9);transition:transform .5s cubic-bezier(.23,1,.32,1)}.video-modal.show .modal-content{transform:scale(1)}.video-modal .modal-close{position:absolute;top:10px;right:16px;font-size:28px;cursor:pointer;color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);transition:background .3s ease}.video-modal .modal-close:hover{background:#f003}.video-modal iframe{width:80vw;height:45vw;max-width:900px;max-height:506px;border-radius:var(--radius-lg);border:none}.services{width:100%;max-width:1280px;padding:60px 20px 160px;display:flex;flex-direction:column;gap:200px}.service-block{width:44%;padding:48px 50px;position:relative;z-index:2;cursor:default;transition:transform .5s var(--transition-smooth),box-shadow .5s var(--transition-smooth);will-change:transform}.service-block.left-side{align-self:flex-start}.service-block.right-side{align-self:flex-end}.service-block .service-icon{font-size:32px;margin-bottom:14px;display:inline-block;opacity:.7;transition:transform .3s ease}.service-block h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px;color:var(--text-primary);transition:transform .3s ease}.service-block p{font-size:16px;line-height:1.7;font-weight:400;color:var(--text-secondary);max-width:480px;transition:transform .3s ease}.service-block .service-tag{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:3px}@media(max-width:768px){.services{gap:80px;padding:20px 16px 100px}.service-block{width:96%;align-self:center!important;text-align:center;padding:32px 24px}.service-block p{max-width:100%}.hero .hero-floating-logo{width:60px;height:60px;top:10%;right:5%}.video-trigger{width:56px;height:56px;font-size:24px;bottom:20px}.video-modal iframe{width:95vw;height:53vw}}.why-siraf{width:100%;max-width:1280px;padding:40px 20px 100px;text-align:center}.why-siraf h2{font-size:36px;font-weight:800;margin-bottom:40px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.why-card{padding:30px 24px;text-align:center;background:var(--glass-bg);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform .4s var(--transition-smooth),box-shadow .4s var(--transition-smooth)}.why-card:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow),0 24px 56px #0000000f}.why-card .icon{font-size:36px;margin-bottom:12px;display:block}.why-card h3{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.why-card p{font-size:14px;color:var(--text-muted);line-height:1.5}@media(max-width:768px){.why-grid{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:460px){.why-grid{grid-template-columns:1fr}}.stats-section{width:100%;max-width:1280px;padding:40px 20px 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{padding:32px 28px;text-align:center;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .4s var(--transition-smooth),box-shadow .4s var(--transition-smooth)}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow),0 24px 56px #0000000f}.stat-card .number{font-size:44px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.stat-card .label{font-size:14px;font-weight:500;color:var(--text-muted);margin-top:6px;letter-spacing:.2px}@media(max-width:768px){.stats-section{grid-template-columns:1fr 1fr;gap:16px;padding:20px 16px 60px}.stat-card .number{font-size:32px}}@media(max-width:460px){.stats-section{grid-template-columns:1fr}}.tracker-section{width:100%;max-width:800px;padding:40px 20px 80px;text-align:center}.tracker-section .tracker-glass{padding:40px 32px}.tracker-section h2{font-size:28px;font-weight:800;margin-bottom:20px;color:var(--text-primary)}.tracker-section .tracker-input-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.tracker-section input{flex:1;min-width:200px;padding:14px 20px;border-radius:40px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:16px;color:var(--text-primary);outline:none;transition:border .3s ease}.tracker-section input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tracker-section .track-btn{padding:14px 32px;border-radius:40px;background:var(--accent);color:#fff;border:none;font-weight:600;font-size:16px;cursor:pointer;transition:background .3s ease,transform .3s ease;box-shadow:0 4px 16px var(--accent-glow)}.tracker-section .track-btn:hover{background:#0052a3;transform:scale(1.03)}.tracker-section .tracker-status{margin-top:20px;display:none;flex-direction:column;gap:12px;align-items:center}.tracker-section .tracker-status .status-bar{width:100%;max-width:400px;height:8px;background:var(--glass-bg);border-radius:10px;overflow:hidden;border:1px solid var(--glass-border)}.tracker-section .tracker-status .status-bar .fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#4a9eff);border-radius:10px;transition:width 1s ease}.tracker-section .tracker-status .status-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.tracker-section .tracker-status .status-text .highlight{color:var(--accent);font-weight:700}.globe-section{width:100%;height:80vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.globe-section #globe-container{width:100%;height:100%;position:relative;z-index:2;pointer-events:none}.globe-section .globe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,var(--bg-primary) 80%)}.globe-section .globe-title{position:absolute;bottom:20%;left:10%;z-index:4;font-size:clamp(24px,4vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);max-width:400px;pointer-events:none;text-shadow:0 4px 30px rgba(0,0,0,.1)}.globe-section .globe-title span{color:var(--accent)}.air-content{position:relative;z-index:1;width:100%}.air-content .section{position:relative;padding:var(--padding);--pad2:calc(var(--padding)*2);width:calc(100vw - var(--pad2));height:calc(100vh - var(--pad2));margin:0 auto;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.air-content .section.dark{color:#fff;background-color:#000}.air-content .section.right{text-align:right;align-items:flex-end}.air-content .blueprint{position:relative;background-color:#131c2a;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-attachment:fixed}.air-content .blueprint svg{position:fixed;top:0;left:0;width:100vw;height:100vh;stroke:#fff;pointer-events:none;z-index:100;visibility:hidden}.air-content .blueprint .dark{background-color:transparent}.air-content .ground-container{position:relative;overflow:hidden}.air-content .ground-container .parallax{position:absolute;top:0;left:0;right:0;bottom:-100px;background-repeat:no-repeat;background-position:top center;background-size:cover;transform-origin:top center}.air-content .ground-container .ground{z-index:-1;background-image:url(https://assets.codepen.io/557388/background-reduced.jpg)}.air-content .ground-container .clouds{z-index:2;background-image:url(https://assets.codepen.io/557388/clouds.png)}.air-content .scroll-cta,.air-content .credits{position:absolute;bottom:var(--padding)}.air-content .scroll-cta{font-size:var(--font-size-medium);opacity:0}.air-content .sunset{background:url(https://assets.codepen.io/557388/sunset-reduced.jpg) no-repeat top center;background-size:cover;transform-origin:top center}.air-content h1,.air-content h2{font-size:var(--font-size-large);margin:0vmin 0 2vmin;font-weight:700;display:inline}.air-content h3{font-size:var(--font-size-medium);font-weight:400;margin:0}.air-content .end h2{margin-bottom:50vh}.air-content .loading{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;background:var(--color-background);transition:opacity .6s ease}.air-content .loading .loading-logo{width:120px;height:120px;object-fit:contain;animation:logoPulse 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 8px 40px rgba(0,0,0,.12))}@keyframes logoPulse{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.08);opacity:1}}.air-content svg{z-index:100;position:fixed;top:0;left:0;width:100vw;height:100vh;stroke:#fff;pointer-events:none;visibility:hidden}.air-content .section p{font-size:var(--font-size-normal);line-height:1.6;max-width:600px;opacity:.85}.air-content .section.dark p{color:#ffffffb3}@media(max-width:600px){.air-content .section{height:auto;min-height:100vh;padding:60px 20px;width:100%}.air-content h1,.air-content h2{font-size:36px}.air-content h3{font-size:20px}.air-content .sunset .end{padding-top:40px}.air-content .section.right{text-align:left;align-items:flex-start}.air-content .loading .loading-logo{width:80px;height:80px}}.contact-section{width:100%;max-width:1100px;padding:60px 20px 100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card{padding:40px 44px;border-radius:var(--radius-xl)}.contact-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;position:relative;z-index:2}.contact-card .contact-info{list-style:none;position:relative;z-index:2}.contact-card .contact-info li{margin-bottom:14px;font-size:15px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;line-height:1.5}.contact-card .contact-info li .emoji{font-size:20px;flex-shrink:0;width:28px;text-align:center}.contact-card .contact-info li a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .25s ease}.contact-card .contact-info li a:hover{color:#004a99}@media(max-width:768px){.contact-section{grid-template-columns:1fr;padding:20px 16px 60px;gap:24px}.contact-card{padding:28px 24px}}.dev-footer{width:100%;padding:28px 20px;text-align:center;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.3px;position:relative;z-index:10}.dev-footer a{color:var(--accent);text-decoration:none;font-weight:600;transition:color .25s ease}.dev-footer a:hover{color:#004a99;text-decoration:underline}.chat-fab{position:fixed;bottom:30px;left:30px;z-index:999;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--accent-glow);cursor:pointer;border:none;transition:transform .3s ease,box-shadow .3s ease}.chat-fab:hover{transform:scale(1.1);box-shadow:0 12px 40px var(--accent-glow)}.chat-modal{position:fixed;bottom:100px;left:30px;z-index:1000;width:370px;max-width:90vw;padding:20px 24px 24px;border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:blur(48px) saturate(220%);-webkit-backdrop-filter:blur(48px) saturate(220%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 20px 60px #00000026;display:none;flex-direction:column;gap:14px;transform-origin:bottom left;animation:chatPop .3s cubic-bezier(.23,1,.32,1)}.chat-modal.show{display:flex}@keyframes chatPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-modal .chat-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:17px;color:var(--text-primary);gap:10px;flex-wrap:wrap}.chat-modal .chat-header .chat-title{display:flex;align-items:center;gap:6px}.chat-modal .chat-header .chat-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-modal .chat-whatsapp{display:flex;align-items:center;gap:6px;background:var(--whatsapp-green);color:#fff!important;padding:6px 14px 6px 12px;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 2px 12px #25d3664d;border:none;cursor:pointer;line-height:1.2;white-space:nowrap}.chat-modal .chat-whatsapp:hover{background:#1da851;transform:scale(1.04);box-shadow:0 4px 20px #25d36673}.chat-modal .chat-whatsapp svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.chat-modal .chat-whatsapp .wa-label{font-size:12px;letter-spacing:.2px}.chat-modal .chat-close{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--text-muted);transition:background .3s ease,color .3s ease,transform .2s ease;flex-shrink:0;padding:0;line-height:1}.chat-modal .chat-close:hover{background:#ff00001f;color:var(--text-primary);transform:scale(1.08)}.chat-modal .chat-messages{flex:1;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.chat-modal .chat-messages .msg{padding:10px 14px;border-radius:20px;max-width:80%;font-size:14px;line-height:1.4;word-break:break-word}.chat-modal .chat-messages .msg.bot{background:var(--glass-bg);border:1px solid var(--glass-border);align-self:flex-start;color:var(--text-secondary)}.chat-modal .chat-messages .msg.user{background:var(--accent);color:#fff;align-self:flex-end;border:none}.chat-modal .chat-options{display:flex;flex-wrap:wrap;gap:8px}.chat-modal .chat-options button{padding:8px 16px;border-radius:30px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .3s ease,transform .2s ease}.chat-modal .chat-options button:hover{background:var(--accent);color:#fff;transform:scale(1.02)}@media(max-width:540px){.chat-modal{left:10px;right:10px;bottom:80px;width:auto;max-width:none;padding:16px 18px 20px}.chat-modal .chat-header{font-size:15px}.chat-modal .chat-whatsapp{padding:4px 10px 4px 8px;font-size:11px}.chat-modal .chat-whatsapp svg{width:15px;height:15px}.chat-modal .chat-whatsapp .wa-label{font-size:10px}.chat-modal .chat-close{width:28px;height:28px;font-size:15px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}html[dir=rtl] .glass-nav .brand-link{flex-direction:row-reverse}html[dir=rtl] .hero .hero-floating-logo{right:auto;left:8%}html[dir=rtl] .globe-section .globe-title{left:auto;right:10%}html[dir=rtl] .chat-modal{left:auto;right:30px;transform-origin:bottom right}html[dir=rtl] .chat-fab{left:auto;right:30px}html[dir=rtl] .service-block.left-side{align-self:flex-end}html[dir=rtl] .service-block.right-side{align-self:flex-start}html[dir=rtl] .hero h1,html[dir=rtl] .hero-sub,html[dir=rtl] .service-block p,html[dir=rtl] .contact-card .contact-info li{text-align:right}html[dir=rtl] .stat-card .label,html[dir=rtl] .stat-card .number{text-align:center}html[dir=rtl] .glass:before{background:linear-gradient(225deg,#ffffffd9,#fff0 70%)}html[dir=rtl] .air-content .section.right{text-align:left;align-items:flex-start}html[dir=rtl] .chat-modal .chat-whatsapp{flex-direction:row-reverse}.transition-spacer{width:100%;height:20vh;position:relative;z-index:2;background:transparent;pointer-events:none}#yt-music-player{position:fixed;bottom:0;left:0;width:2px;height:2px;opacity:0;pointer-events:none;overflow:hidden}#site-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease,visibility .8s ease;overflow:hidden}#site-preloader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--text-muted) 1px,transparent 1px);background-size:32px 32px;opacity:.15;animation:moveDots 15s linear infinite;pointer-events:none;z-index:-1}#site-preloader:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.08) 48%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.08) 52%,transparent 60%);animation:preloaderGlare 6s infinite;pointer-events:none;z-index:0}@keyframes preloaderGlare{0%,20%{transform:translate(-40%,-40%)}80%,to{transform:translate(40%,40%)}}@keyframes moveDots{0%{background-position:0 0}to{background-position:32px 32px}}#site-preloader.fade-out{opacity:0;visibility:hidden}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:20px}.preloader-logo{width:120px;height:auto;filter:drop-shadow(0 8px 40px rgba(0,0,0,.12));transform:scale(.92);opacity:.7}.preloader-bar-container{width:200px;height:4px;background:var(--glass-border);border-radius:4px;overflow:hidden;position:relative}.preloader-bar{width:0%;height:100%;background:var(--accent);transition:width .3s ease;position:relative;overflow:hidden}.preloader-bar:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmerBar 1.2s infinite ease-in-out}@keyframes shimmerBar{to{left:200%}}.preloader-text{font-size:14px;color:var(--text-secondary);font-weight:500;letter-spacing:1px;text-transform:uppercase}.vertical-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:99}.vertical-nav:before{content:"";position:absolute;top:5px;bottom:5px;left:50%;width:2px;margin-left:-1px;background:#ffffff1a;z-index:0}[data-theme=light] .vertical-nav:before{background:#0000001a}.vertical-nav .nav-indicator{position:absolute;width:16px;height:16px;border-radius:50%;background:#0f8;box-shadow:0 0 16px #0f8,0 0 30px #0f8c;top:0;left:50%;margin-left:-8px;transition:transform .5s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:100;animation:navBreathe 2s infinite ease-in-out}@keyframes navBreathe{0%,to{box-shadow:0 0 12px #0f8,0 0 20px #0f89}50%{box-shadow:0 0 24px #0f8,0 0 40px #0f8}}.vertical-nav .nav-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);transition:all .4s var(--transition-smooth);cursor:pointer;pointer-events:auto;position:relative;z-index:99}[data-theme=light] .vertical-nav .nav-dot{background:#00000026;border:1px solid rgba(0,0,0,.2)}.vertical-nav .nav-dot:hover{background:#ffffff80;transform:scale(1.2)}.vertical-nav .nav-label{position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(15px);background:#000000bf;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease 0s,transform .2s ease 0s,visibility 0s .2s;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}[data-theme=light] .vertical-nav .nav-label{background:#ffffffd9;color:#000;border:1px solid rgba(0,0,0,.1)}.vertical-nav .nav-dot:hover .nav-label{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);transition:opacity .3s ease .1s,transform .4s cubic-bezier(.2,.8,.2,1) .15s,visibility 0s 0s}[data-theme=light] .vertical-nav .nav-dot:hover{background:#0006}.vertical-nav .nav-dot.active{background:transparent;border-color:transparent}
