:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-dark:#fff;--bg-darker:#f8fafc;--bg-card:#fff;--bg-card-hover:#fff;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--color-navy:#0a2540;--color-primary:#005691;--color-secondary:#00b4d8;--color-accent:#0082c8;--grad-primary:linear-gradient(135deg, #005691 0%, #00b4d8 100%);--grad-navy:linear-gradient(135deg, #0a2540 0%, #00487c 100%);--grad-dark:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--grad-glow:0 10px 30px #00569126;--text-main:#1e293b;--text-muted:#64748b;--text-dark:#94a3b8;--glass-shadow:0 10px 30px -10px #0a254014, 0 5px 15px -5px #0a254008;--glass-blur:none;--radius-sm:8px;--radius-md:12px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-dark);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.preloader{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;visibility:hidden;transform:translateY(-50px)scale(.98)}.preloader-logo{justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite pulseLogo;display:flex;position:relative}.preloader-logo img{width:80px;height:auto}.preloader-ring{border:3px solid #00569114;border-top:3px solid var(--color-primary);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spinRing;position:absolute;top:0;left:0}.preloader-text{font-family:var(--font-heading);color:var(--color-navy);letter-spacing:.1em;text-transform:uppercase;margin-top:1.5rem;font-size:1.1rem;font-weight:800}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-cursor-dot{background-color:var(--color-primary);pointer-events:none;z-index:10000;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-outline{border:2px solid var(--color-primary);pointer-events:none;z-index:9999;border-radius:50%;width:32px;height:32px;transition:width .3s,height .3s,background-color .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}body.cursor-hovering .custom-cursor-dot{background-color:var(--color-secondary);width:12px;height:12px}body.cursor-hovering .custom-cursor-outline{border-color:var(--color-secondary);background-color:#00b4d80d;width:48px;height:48px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);font-weight:800;line-height:1.2}h1{font-size:3.5rem}h2{margin-bottom:1rem;font-size:2.5rem}h3{margin-bottom:.75rem;font-size:1.75rem}.hero-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-particle{background:var(--grad-primary);opacity:.08;border-radius:50%;animation:15s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{transform:translateY(100vh)rotate(0)scale(.8)}to{transform:translateY(-10vh)rotate(360deg)scale(1.2)}}.tilt-card{will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.tilt-card:hover{transform:translateY(-6px)scale(1.005);box-shadow:0 20px 40px #0000000f}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--color-primary)}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}.marquee-container{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fff;width:100%;margin-top:2rem;padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.marquee-content{white-space:nowrap;gap:3rem;animation:25s linear infinite marquee;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}.marquee-item{font-family:var(--font-heading);color:var(--color-navy);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.marquee-item svg{color:var(--color-primary)}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0cc}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 15px #00569140}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #00569166}.btn-secondary{color:var(--color-navy);border:1px solid var(--border-color);background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-3px)}header{z-index:1000;background:0 0;width:100%;transition:all .3s;position:fixed;top:0;left:0}header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);background:#fffffff2;padding:.5rem 0;box-shadow:0 4px 20px #0b1a3008}.nav-container{justify-content:space-between;align-items:center;height:80px;transition:all .3s;display:flex}header.scrolled .nav-container{height:60px}.logo{font-family:var(--font-heading);color:var(--color-navy);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.logo img{width:auto;height:38px;transition:transform .3s}.logo:hover img{transform:rotate(-5deg)scale(1.05)}.nav-links{gap:2.2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a:after{content:"";background:var(--grad-primary);border-radius:2px;width:0;height:2.5px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.mobile-menu-btn{color:var(--color-navy);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.mobile-menu-btn{display:block}.nav-links{display:none}}.hero{background:radial-gradient(circle at 80% 20%,#0056910a 0%,#fff0 60%),radial-gradient(circle at 20% 80%,#00b4d808 0%,#fff0 50%);align-items:center;min-height:90vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:700px;position:relative}.hero-tagline{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;background:#00569114;border:1px solid #00569126;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.82rem;font-weight:800;display:inline-flex}.hero-title{color:var(--color-navy);margin-bottom:1.5rem;font-size:3.8rem;line-height:1.15}.hero-desc{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.hero-buttons{gap:1rem;display:flex}.hero-image-wrapper{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-card-3d{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;width:100%;max-width:440px;padding:1.5rem;box-shadow:0 30px 60px -15px #0b1a301f}.hero-card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.hero-card-logo-box{background:#0b1a300a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-card-logo-box img{width:auto;height:30px}.hero-card-body h4{color:var(--color-navy);margin-bottom:.5rem;font-size:1.25rem}.section{padding:7.5rem 0;position:relative}.section-header{text-align:center;max-width:650px;margin:0 auto 4.5rem}.section-subtitle{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.88rem;font-weight:800;display:block}.section-title{color:var(--color-navy);margin-bottom:1rem;font-size:2.5rem}.about-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:3rem}}.about-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.stat-card{text-align:center;background:#fff;padding:2.2rem 1.5rem;border-top:3px solid var(--color-primary)!important}.stat-number{font-size:2.8rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.25rem}.stat-label{color:var(--text-muted);font-size:.88rem;font-weight:600}.about-features{flex-direction:column;gap:1.5rem;display:flex}.feature-item{gap:1.25rem;display:flex}.feature-icon-wrapper{color:var(--color-primary);background:#f9731614;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-title{color:var(--color-navy);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.project-tabs-container{justify-content:center;margin-bottom:3.5rem;display:flex}.project-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#f1f5f9;gap:.25rem;padding:.3rem;display:flex}.tab-btn{color:var(--text-muted);font-weight:700;font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.7rem 1.8rem;font-size:.95rem;transition:all .2s}.tab-btn.active{color:var(--color-navy);border-bottom:2px solid var(--color-primary);background:#fff;box-shadow:0 4px 12px #0000000d}.project-display{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;min-height:520px;display:grid}@media (width<=992px){.project-display{grid-template-columns:1fr;gap:3.5rem}}.project-info{flex-direction:column;display:flex}.project-badge{color:var(--color-primary);background:#00569114;border-radius:9999px;width:fit-content;margin-bottom:1rem;padding:.25rem .8rem;font-size:.8rem;font-weight:800;display:inline-block}.project-highlights{flex-direction:column;gap:.85rem;margin:1.5rem 0 2rem;list-style:none;display:flex}.project-highlights li{color:var(--text-muted);align-items:center;gap:.65rem;font-size:.98rem;display:flex}.project-highlights li svg{color:var(--color-primary);flex-shrink:0}.project-techs{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tech-tag{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-muted);background:#f1f5f9;border-radius:4px;padding:.25rem .65rem;font-size:.8rem;font-weight:600}.simulator-container{justify-content:center;align-items:center;width:100%;display:flex}.phone-mockup{background:#fff;border:10px solid #cbd5e1;border-radius:38px;flex-direction:column;width:320px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0b1a3026}.phone-notch{z-index:100;background:#cbd5e1;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:center;align-items:center;width:140px;height:22px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-camera{background:#94a3b8;border-radius:50%;width:8px;height:8px}.phone-screen{background:#f8fafc;flex-direction:column;flex:1;padding:2.2rem 1rem 1rem;font-size:.85rem;display:flex;position:relative}.phone-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.phone-title{color:var(--color-navy);font-size:1.1rem;font-weight:800}.phone-location-selector{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:#fff;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:flex}.phone-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:.75rem;padding:.85rem;box-shadow:0 4px 6px -1px #0b1a3005}.phone-card-title{color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.tide-level{font-size:2.2rem;font-weight:800;font-family:var(--font-heading);color:var(--color-navy);margin-bottom:.25rem;line-height:1}.tide-flow{align-items:center;gap:.25rem;font-size:.75rem;font-weight:800;display:inline-flex}.tide-flow.up{color:var(--color-primary)}.tide-flow.down{color:#2563eb}.wave-chart-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;height:120px;margin-bottom:.75rem;position:relative;overflow:hidden}.wave-grid{background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.wave-svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.wave-line{stroke:var(--color-primary);stroke-width:2.5px;fill:none}.wave-fill{fill:url(#wave-gradient)}.wave-dot{fill:#fff;stroke:var(--color-primary);stroke-width:2.5px;filter:drop-shadow(0 2px 4px #f973164d)}.time-axis{color:var(--text-dark);justify-content:space-between;margin-top:.25rem;padding:0 .5rem;font-size:.65rem;display:flex}.tide-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.tide-stat-item{border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:.5rem}.tide-stat-label{color:var(--text-muted);font-size:.65rem;font-weight:600}.tide-stat-value{color:var(--color-navy);font-size:.85rem;font-weight:800}.phone-bottom-nav{border-top:1px solid var(--border-color);background:#fff;justify-content:space-around;margin-top:auto;padding-top:.75rem;display:flex}.phone-nav-item{cursor:pointer;color:#94a3b8;flex-direction:column;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;display:flex}.phone-nav-item.active{color:var(--color-primary)}.dashboard-mockup{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0b1a3014}.db-titlebar{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.db-dots{gap:.4rem;display:flex}.db-dot{border-radius:50%;width:10px;height:10px}.db-dot.red{background:#ef4444}.db-dot.yellow{background:#f59e0b}.db-dot.green{background:#10b981}.db-title{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;font-weight:700}.db-sync-btn{color:var(--color-primary);font-family:var(--font-heading);cursor:pointer;background:#00569114;border:1px solid #00569133;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex}.db-sync-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.db-body{background:#fff;grid-template-columns:1fr;gap:1.5rem;min-height:360px;padding:1.5rem;display:grid}.db-nav-tabs{border-bottom:1px solid var(--border-color);background:#f8fafc;gap:.5rem;padding:0 1rem;display:flex}.db-nav-tab{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.85rem 1.1rem;font-size:.8rem;font-weight:700;transition:all .2s}.db-nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.db-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.db-stats-row{grid-template-columns:repeat(2,1fr)}}.db-stat-card{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;padding:1rem}.db-stat-num{color:var(--color-navy);font-size:1.5rem;font-weight:800}.db-table-container{border:1px solid var(--border-color);background:#fff;border-radius:8px;overflow-x:auto}.db-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}.db-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#f8fafc;padding:.75rem 1rem;font-weight:700}.db-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1rem}.badge-status{border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.badge-status.success{color:#10b981;background:#10b9811a}.badge-status.warning{color:#d97706;background:#f59e0b1a}.badge-status.danger{color:#e11d48;background:#e11d481a}.console-log{border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-main);background:#f8fafc;border-radius:8px;min-height:120px;max-height:120px;margin-top:1rem;padding:.75rem 1rem;font-size:.75rem;overflow-y:auto}.console-line{margin-bottom:2px;line-height:1.5}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.tech-card{background:#fff;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2.2rem;display:flex}.tech-icon-box{width:48px;height:48px;color:var(--color-primary);background:#00569114;border-radius:12px;justify-content:center;align-items:center;display:flex}.tech-card:nth-child(2n) .tech-icon-box{color:var(--color-navy);background:#0b1a3014}.tech-name{color:var(--color-navy);font-size:1.25rem;font-weight:800}.tech-desc{color:var(--text-muted);font-size:.9rem}.contact-container{grid-template-columns:1fr 1.2fr;gap:4rem;display:grid}@media (width<=768px){.contact-container{grid-template-columns:1fr;gap:3rem}}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-details{flex-direction:column;gap:1.25rem;display:flex}.contact-detail-item{gap:1rem;display:flex}.contact-detail-icon{color:var(--color-primary);background:#00569114;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-detail-text h4{color:var(--color-navy);font-size:1.05rem;font-weight:700}.contact-form{background:#fff;flex-direction:column;gap:1.25rem;padding:2.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.form-control{border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);background:#fff;border:1px solid #cbd5e1;padding:.8rem 1rem;font-size:.95rem;transition:all .25s}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #0056911f}textarea.form-control{resize:vertical;min-height:120px}.alert-message{border-radius:var(--radius-sm);text-align:center;padding:1rem;font-size:.9rem;font-weight:700}.alert-success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}footer{border-top:1px solid var(--border-color);background:#f8fafc;margin-top:auto;padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}}.footer-brand img{width:auto;height:42px;margin-bottom:1rem}.footer-brand p{max-width:320px;color:var(--text-muted);font-size:.9rem}.footer-links h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-navy);margin-bottom:1.25rem;font-size:.95rem;font-weight:800}.footer-links ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;font-weight:600;display:flex}