@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#222;font-family:Open Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.section-container{max-width:1100px;margin:0 auto;padding:0 24px}.section-subtitle{color:#555;margin-top:12px;font-size:1.05rem;line-height:1.7}.navbar{z-index:100;background:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000f}.nav-container{justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.nav-logo img{height:40px}.nav-links{align-items:center;gap:28px;font-size:.95rem;font-weight:600;display:flex}.nav-links a{color:#444;transition:color .2s}.nav-links a:hover{color:#172c4f}.nav-cta{cursor:pointer;background:#172c4f;border:none;border-radius:4px;padding:8px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s;color:#fff!important}.nav-cta:hover{background:#1d3863}.nav-toggle{cursor:pointer;background:0 0;border:none;font-size:24px;display:none}@media (width<=768px){.nav-toggle{display:block}.nav-links{background:#fff;flex-direction:column;padding:16px 24px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 4px 12px #0000001a}.nav-links.open{display:flex}}.banner{background:url(/images/hero-bg.jpg) 50% 70%/cover no-repeat;align-items:center;min-height:450px;margin-top:64px;display:flex;position:relative}.banner:before{content:"";background:#11203bb3;position:absolute;inset:0}.banner-content{max-width:1100px;margin:0 auto;padding:65px 24px;position:relative}.banner-text{text-align:left;max-width:700px;margin-left:-350px}.banner-text h1{color:#fff;margin-bottom:20px;font-size:2.8rem;line-height:1.15}.banner-subtitle{color:#ffffffe6;font-size:1.1rem;line-height:1.8}@media (width<=768px){.banner{min-height:400px}.banner-text h1{font-size:2rem}.banner-content{padding:60px 24px}}.showcase-boat{text-align:center;background:#fff;margin-top:-30px;padding-top:0}.showcase-boat img{z-index:1;width:360px;height:auto;margin:0 auto -67px;display:block;position:relative;transform:translate(271px)}.showcase{color:#fff;background:#2d5aa5;padding:60px 24px 48px;position:relative}.showcase:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 80 C80 80 120 50 200 40 C280 30 320 10 420 15 C520 20 560 55 620 50 C680 45 720 25 800 30 C880 35 920 60 980 55 C1040 50 1080 30 1140 25 C1200 20 1240 40 1300 45 C1360 50 1400 70 1440 65 L1440 100 L0 100Z' fill='rgb(45%2C90%2C165)'/%3E%3Cpath d='M0 85 C100 75 160 45 260 50 C360 55 400 30 480 25 C560 20 620 45 700 50 C780 55 820 35 900 30 C980 25 1040 50 1120 55 C1200 60 1260 40 1340 35 C1380 32 1420 50 1440 55 L1440 100 L0 100Z' fill='white'/%3E%3Cpath d='M0 90 C120 85 180 60 300 55 C420 50 460 70 540 75 C620 80 680 55 780 50 C880 45 940 65 1020 70 C1100 75 1160 55 1260 50 C1340 47 1400 60 1440 65 L1440 100 L0 100Z' fill='rgb(45%2C90%2C165)'/%3E%3Cpath d='M0 92 C140 88 200 70 340 68 C480 66 520 80 620 82 C720 84 780 68 900 65 C1020 62 1080 78 1180 80 C1280 82 1340 70 1440 72 L1440 100 L0 100Z' fill='white'/%3E%3Cpath d='M0 95 C160 92 240 82 400 80 C560 78 620 88 760 90 C900 92 960 82 1100 80 C1240 78 1320 86 1440 88 L1440 100 L0 100Z' fill='rgb(45%2C90%2C165)'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;height:50px;position:absolute;top:-40px;left:0;right:0}.showcase-icon img{width:240px;height:auto}.showcase-heading{color:#fff;text-align:center;margin-bottom:8px;font-size:1.6rem}.showcase-subtitle{text-align:center;color:#ffffffd9;max-width:900px;margin:0 auto 24px;font-size:.95rem;line-height:1.7}.showcase-image{max-width:900px;margin:0 auto}.showcase-image img{border-radius:4px;box-shadow:0 4px 24px #0000001a}@media (width<=768px){.showcase-header{text-align:center;flex-direction:column}.showcase-icon{flex:none}}.btn{cursor:pointer;border-radius:4px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#172c4f}.btn-primary:hover{background:#1d3863;box-shadow:0 4px 12px #172c4f4d}.btn-outline{color:#172c4f;background:0 0;border:2px solid #172c4f}.btn-outline:hover{color:#fff;background:#172c4f}.features{background:#f8f9fb;padding:64px 24px}.features-header{text-align:center;max-width:750px;margin:0 auto 48px}.features-header h2{color:#111;margin-bottom:12px;font-size:1.6rem}.features-header p{color:#555;font-size:1.05rem;line-height:1.7}.features-header a{color:#172c4f;font-weight:600}.features-header a:hover{text-decoration:underline}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:4px;transition:box-shadow .2s;overflow:hidden}.feature-card:hover{box-shadow:0 4px 16px #00000014}.feature-card-image{aspect-ratio:16/10;background:#eef1f5;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.feature-card-image img{object-fit:cover;width:100%;height:100%}.feature-card-body{padding:20px 16px}.feature-card h3{color:#172c4f;margin-bottom:6px;font-size:1.05rem}.feature-card p{color:#555;font-size:.9rem;line-height:1.5}.feature-card.clickable{cursor:pointer}.feature-card.selected{border-color:#172c4f;box-shadow:0 4px 16px #172c4f26}@media (width<=768px){.feature-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.feature-detail-panel{border-top:1px solid #e0e0e0;margin-top:36px;padding-top:32px}.feature-detail-panel h3{color:#172c4f;margin-bottom:20px;font-size:1.4rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:24px}.detail-card h4{color:#172c4f;margin-bottom:8px;font-size:1.05rem}.detail-card p{color:#555;font-size:.9rem;line-height:1.6}@media (width<=768px){.detail-grid{grid-template-columns:1fr}}.features-page{padding:48px 24px 0}.features-page-section{margin-bottom:48px}.features-page-section h2{color:#172c4f;border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:10px;font-size:1.6rem}.reservations-page{padding:48px 24px 64px}.reservations-page h1{color:#172c4f;margin-bottom:8px;font-size:1.8rem}.res-intro{color:#555;max-width:700px;margin-bottom:32px;font-size:.95rem;line-height:1.7}.res-form h3{color:#172c4f;border-bottom:1px solid #eee;margin:24px 0 12px;padding-bottom:6px;font-size:1.1rem}.res-form h3:first-of-type{margin-top:0}.res-field{margin-bottom:12px}.res-field label{color:#444;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.req{color:#9c1616}.res-input{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border .2s}.res-input:focus{border-color:#172c4f}.res-hint{color:#888;margin-top:2px;font-size:.8rem}.res-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.res-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.res-row-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;display:grid}@media (width<=768px){.res-row-2,.res-row-3,.res-row-4{grid-template-columns:1fr}}.res-disclaimer{color:#888;margin-top:16px;font-size:.8rem;font-style:italic}.res-error{color:#9c1616;background:#fef2f2;border-radius:4px;margin-bottom:16px;padding:12px;font-size:.9rem}.res-success{text-align:center;padding:48px 0}.res-success h2{color:#060;margin-bottom:12px;font-size:1.5rem}.res-success p{color:#555;font-size:1rem}select.res-input{cursor:pointer}.contact{color:#fff;text-align:center;background:#2d5aa5;padding:64px 24px}.contact h2{color:#fff;font-size:1.6rem}.contact .section-subtitle{color:#ffffffd9}.contact-form{text-align:left;flex-direction:column;gap:14px;max-width:560px;margin:32px auto 0;display:flex}.form-row{gap:14px;display:flex}.form-row input{flex:1}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#172c4f}.contact-form select{cursor:pointer;appearance:auto;background:#fff;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border .2s}.contact-form button{border:none;align-self:flex-start}.success-message{padding:40px}.success-message h3{color:#fff;margin-bottom:8px}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:90%;max-width:440px;max-height:90vh;padding:40px 36px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:12px;right:16px}.modal-close:hover{color:#222}.modal h2{color:#172c4f;margin-bottom:16px;font-size:1.5rem}.modal-subtitle{color:#555;margin-bottom:16px;font-size:.95rem}.modal input[type=email]{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border .2s}.modal input[type=email]:focus{border-color:#172c4f}.modal-btn{text-align:center;width:100%;margin-top:4px}.modal-error{color:#9c1616;margin-bottom:12px;font-size:.9rem}.modal-loading{text-align:center;color:#555;padding:24px 0}.modal-result{text-align:left}.modal-result p{color:#555;margin-bottom:12px;font-size:.95rem;line-height:1.6}.modal-hint{color:#888;font-size:.85rem}.tenant-list{flex-direction:column;gap:8px;margin:20px 0;display:flex}.tenant-link{color:#172c4f;text-align:center;background:#f8f9fb;border:1px solid #eee;border-radius:6px;padding:14px 16px;font-weight:600;transition:all .2s;display:block}.tenant-link:hover{color:#fff;background:#172c4f;border-color:#172c4f}.footer{color:#ffffffb3;text-align:left;background:#11203b;padding:36px 24px 20px}.footer-content{gap:48px;margin-bottom:24px;display:flex}.footer-brand{flex:2}.footer-brand p{max-width:300px;margin-top:12px;font-size:.85rem;line-height:1.6}.footer-links{flex-direction:column;flex:1;gap:8px;display:flex}.footer-links h4{color:#fff;margin-bottom:4px;font-size:.9rem}.footer-links a{font-size:.85rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:left;border-top:1px solid #ffffff1a;padding-top:16px;font-size:.8rem}@media (width<=768px){.footer-content{flex-direction:column;gap:24px}}
