:root{--navy:#032b4f;--navy2:#001d38;--blue:#0879d8;--aqua:#0bb7b5;--ink:#071f3b;--muted:#607184;--line:#dbe3ea;--bg:#f7f9fb;--white:#fff;--shadow:0 10px 30px #002b4f18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:74px;background:linear-gradient(110deg,#022746,#001a34);color:#fff;display:flex;align-items:center;padding:0 max(5vw,24px);gap:35px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:25px;font-weight:700;white-space:nowrap}.brand b{color:#18c2c0}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;color:#9fe7e5}.brand-hook{font-size:26px;color:#13c0bd;border-bottom:3px solid #13c0bd;border-radius:50%}.topbar nav{display:flex;align-items:center;gap:30px;margin-left:auto}.topbar nav a{font-size:13px;font-weight:600;padding:28px 0;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:#1dd1ce;border-color:#1dd1ce}.menu{display:none}.btn{border:0;border-radius:5px;padding:14px 24px;background:linear-gradient(135deg,#0bb6b4,#099f9d);color:#fff;font-weight:700;cursor:pointer;text-align:center;display:inline-block}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.dark{background:var(--navy);padding:10px}.btn-top{font-size:13px;padding:12px 20px}.hero{height:430px;background:var(--navy);display:grid;grid-template-columns:48% 52%;color:#fff;overflow:hidden}.hero-copy{padding:38px 5vw 30px 6.3vw;background:linear-gradient(110deg,#032d53 80%,transparent 80%);position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.4px;color:#10c4bf}.hero h1{font:700 43px/1.05 Georgia,serif;max-width:610px;margin:20px 0 16px}.hero h1 em{font-style:normal;color:#14b9b8}.hero-copy>p{font-size:17px;line-height:1.55;max-width:500px}.hero-photo{background:linear-gradient(#00284820,#00284830),url('https://images.unsplash.com/photo-1540946485063-a40da27545f8?auto=format&fit=crop&w=1600&q=90') center/cover}.trust{display:flex;gap:28px;margin-top:30px}.trust span{font-size:25px;color:#1ac8c5;display:grid;grid-template-columns:auto 1fr;column-gap:9px}.trust b,.trust small{font-size:10px;color:#fff}.trust small{grid-column:2;color:#c8d6e2}.searchbox{width:min(1120px,90%);margin:-46px auto 0;position:relative;z-index:5;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:22px 28px;display:grid;grid-template-columns:1.2fr 1fr 1fr .85fr auto;gap:22px;align-items:end}.searchbox label,.booking label,.panel-form label{font-size:12px;font-weight:800;display:grid;gap:8px}.searchbox select,.searchbox input,.filterbar select,.booking input,.booking textarea,.panel-form input,.panel-form textarea,.newsletter input,.admin input,.admin select,.admin textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#fff;padding:12px;color:var(--ink);font:inherit}.section{width:min(1120px,90%);margin:35px auto}.title-row{display:flex;align-items:center;justify-content:space-between}.title-row h2,.section>h2{font:700 25px Georgia,serif;margin:0 0 16px}.title-row a{font-size:12px;color:#0060a8;font-weight:700}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.city-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #052d4d0b}.city-card img{height:116px;width:100%;object-fit:cover}.city-card strong,.city-card small,.city-card p{display:block;padding:9px 13px 0;font-size:13px}.city-card small{padding:5px 13px 12px;color:var(--muted);font-size:11px}.city-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.boat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.boat-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #052d4d0b}.boat-image{height:175px;position:relative;overflow:hidden}.boat-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.boat-card:hover .boat-image img{transform:scale(1.04)}.boat-image span{position:absolute;bottom:0;left:0;background:#24ad6b;color:#fff;font-size:10px;padding:6px 10px;font-weight:700}.boat-image i{position:absolute;right:12px;top:10px;color:#fff;font-size:25px;font-style:normal}.boat-body{padding:13px}.boat-body h3{margin:0 0 5px;font-size:18px}.boat-body>small{color:var(--muted);font-size:11px}.tag{display:inline-block;background:#eff3f6;color:#40566c;font-size:10px;padding:4px 7px;border-radius:3px}.features{font-size:10px;color:#44566a;margin:12px 0}.price{display:block;font-size:16px;margin:3px 0 10px}.price small{font-size:9px;font-weight:400}.boat-body .btn{display:block}.steps{border-top:1px solid var(--line);padding-top:24px}.steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{display:grid;grid-template-columns:35px 50px 1fr;position:relative}.steps article>b{background:var(--navy);color:#fff;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.steps article>span{font-size:32px}.steps h3{font-size:12px;margin:0}.steps p{grid-column:3;font-size:10px;color:var(--muted);margin:6px 0}.owner-banner{width:min(1120px,90%);margin:35px auto;background:linear-gradient(100deg,#032d53 47%,transparent 63%),url('https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=1400&q=85') center right/cover;border-radius:10px;color:#fff;padding:25px 48px}.owner-banner h2{margin:0;font-size:24px}.owner-banner p{margin:4px 0}.owner-banner ul{font-size:12px;line-height:1.7;padding-left:0;list-style:none}.owner-banner .btn{padding:11px 20px}.testimonials h2{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.cards blockquote{margin:0;padding:18px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);font-size:13px;color:#f5a400}.cards p{color:#44566a;line-height:1.5}.cards b,.cards small{display:block;color:var(--ink)}.cards small{font-size:10px;color:var(--muted)}footer{background:linear-gradient(110deg,#032b4f,#001a34);color:#d4e0e9;padding:35px 6vw 15px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:50px;max-width:1120px;margin:auto}.footer-grid h4{color:#fff;margin:0 0 14px}.footer-grid p,.footer-grid a{display:block;font-size:11px;line-height:1.7;margin:3px 0}.newsletter{display:flex}.newsletter input{border-radius:5px 0 0 5px}.newsletter button{border:0;background:var(--aqua);color:#fff;padding:0 13px;border-radius:0 5px 5px 0}.copyright{text-align:center;font-size:10px;margin-top:25px}.inner{min-height:60vh}.page-hero{background:linear-gradient(120deg,#032d53,#00567a);color:#fff;text-align:center;padding:65px 20px}.page-hero h1{font:700 42px Georgia,serif;margin:13px 0}.page-hero p{max-width:680px;margin:auto;color:#d8e7f0}.filterbar{width:min(1000px,90%);margin:-27px auto 35px;background:#fff;padding:18px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;box-shadow:var(--shadow);border-radius:8px}.no-top{margin-top:15px}.city-large{grid-template-columns:repeat(3,1fr)}.city-large .city-card img{height:210px}.city-large .city-card p{font-size:12px;color:var(--muted);padding-bottom:15px}.breadcrumbs{width:min(1120px,90%);margin:22px auto;font-size:12px;color:var(--muted)}.detail{width:min(1120px,90%);margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,2fr) 370px;gap:35px}.detail-main{width:100%;height:480px;object-fit:cover;border-radius:10px}.detail-copy h1{font:700 38px Georgia,serif;margin:12px 0}.detail-copy>p{color:var(--muted);line-height:1.7}.detail-features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin:20px 0}.detail-features span{text-align:center;padding:15px;border-right:1px solid var(--line)}.detail-features span:last-child{border:0}.detail-features b,.detail-features small{display:block}.detail-features small{font-size:10px;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-columns ul{padding:0;list-style:none;line-height:1.8;color:var(--muted)}.booking{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:24px;height:max-content;position:sticky;top:20px}.booking-price{font-size:27px;font-weight:800;margin:5px 0 20px}.booking-price small{font-size:11px;font-weight:400}.booking form{display:grid;gap:12px}.booking textarea{min-height:70px;resize:vertical}.booking .btn{width:100%}.booking form>p{text-align:center;font-size:10px;color:var(--muted)}.info-grid,.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.info-grid article{border:1px solid var(--line);padding:35px;border-radius:10px}.form-layout{width:min(1000px,90%);margin:50px auto}.benefits{padding:0;list-style:none;line-height:2.4}.panel-form{border:1px solid var(--line);padding:28px;border-radius:10px;box-shadow:var(--shadow);display:grid;gap:15px}.thanks,.empty{text-align:center;padding:90px 20px}.thanks span{display:grid;place-items:center;margin:auto;width:80px;height:80px;border-radius:50%;background:#e1f8f4;color:#0aad8e;font-size:40px}.toast{position:fixed;right:20px;top:90px;background:#129b70;color:#fff;padding:15px 20px;border-radius:7px;z-index:99;box-shadow:var(--shadow)}.toast.error{background:#b93636}
.text-page{max-width:850px}.text-page h2{margin:28px 0 8px;font:700 23px Georgia,serif}.text-page p{color:var(--muted);line-height:1.8}.text-page a,.faq a{color:#0879b5;text-decoration:underline}.faq{max-width:850px}.faq details{border:1px solid var(--line);border-radius:8px;margin:12px 0;background:#fff;padding:0 20px}.faq summary{padding:18px 0;font-weight:700;cursor:pointer}.faq p{color:var(--muted);line-height:1.7;margin-top:0;padding-bottom:15px}.boat-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.boat-gallery button{padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#fff;cursor:pointer}.boat-gallery button.active{border-color:var(--aqua)}.boat-gallery img{width:100%;height:80px;object-fit:cover}
@media(max-width:980px){.topbar nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--navy2);padding:20px}.topbar.open nav{display:grid}.topbar nav a{padding:8px}.menu{display:block;margin-left:auto;background:transparent;border:0;color:#fff;font-size:24px}.btn-top{display:none}.hero{grid-template-columns:1fr;height:auto}.hero-copy{padding:45px 7vw;background:#032d53}.hero-photo{height:260px}.searchbox{margin:20px auto;grid-template-columns:1fr 1fr}.city-grid{grid-template-columns:repeat(3,1fr)}.boat-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.booking{position:static}.steps>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{height:66px;padding:0 18px}.brand{font-size:21px}.hero h1,.page-hero h1{font-size:34px}.trust{display:grid}.searchbox{grid-template-columns:1fr}.city-grid,.city-large,.boat-grid,.cards,.steps>div,.footer-grid,.info-grid,.form-layout,.detail-columns{grid-template-columns:1fr}.city-grid{grid-template-columns:1fr 1fr}.boat-image{height:210px}.owner-banner{background:linear-gradient(#032d53e8,#032d53e8),url('https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=800&q=80') center/cover;padding:28px}.filterbar{grid-template-columns:1fr}.detail-main{height:280px}.detail-features{grid-template-columns:1fr 1fr}.detail-features span:nth-child(2){border-right:0}.footer-grid{gap:25px}.city-card img{height:100px}}