:root{--navy:#07192f;--navy2:#0d2c4a;--gold:#d6b45f;--cream:#f6f0e3;--ink:#102033;--white:#fff;--muted:#6b7b8d;--card:#fff;--shadow:0 12px 30px rgba(3,19,36,.16)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f8f5ee,#eaf0f5);color:var(--ink)}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,25,47,.96);color:#fff;border-bottom:3px solid var(--gold);box-shadow:0 4px 18px rgba(0,0,0,.18)}.topbar .inner{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:18px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}.mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:22px}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;color:#fff;padding:9px 12px;border-radius:999px}.nav a:hover{background:#173a5b}.hero{background:radial-gradient(circle at 75% 20%,#315b79 0,#173a58 25%,#091c33 65%,#061427 100%);color:#fff;padding:52px 22px 58px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:520px;height:260px;border:3px solid rgba(214,180,95,.35);border-radius:50%}.hero .inner{max-width:1240px;margin:auto;position:relative;z-index:1}.eyebrow{color:#f3d887;text-transform:uppercase;font-weight:800;letter-spacing:1.7px;font-size:13px}.hero h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,68px);line-height:1;margin:12px 0}.hero p{max-width:760px;font-size:18px;line-height:1.6;color:#dfeaf4}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:800;border:2px solid var(--gold);background:var(--gold);color:#07192f}.btn.secondary{background:transparent;color:#fff}.section{max-width:1240px;margin:auto;padding:34px 22px}.section h2{font-family:Georgia,serif;color:var(--navy);font-size:32px;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 22px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.tile{background:var(--card);border:1px solid #dbe3ea;border-radius:16px;padding:20px;box-shadow:var(--shadow);text-decoration:none;transition:.2s transform,.2s box-shadow}.tile:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(3,19,36,.22)}.tile strong{display:block;color:var(--navy);font-size:18px;margin-bottom:8px}.tile span{color:var(--muted);font-size:14px;line-height:1.45}.tile.primary{background:linear-gradient(145deg,#0d2c4a,#07192f);border-color:#b99946}.tile.primary strong,.tile.primary span{color:#fff}.ship-tools{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.search{flex:1;min-width:240px;padding:13px 14px;border:1px solid #b9c7d2;border-radius:10px;font-size:16px}.ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.ship-card{background:#fff;border-left:5px solid var(--gold);border-radius:10px;padding:14px 15px;box-shadow:0 4px 14px rgba(3,19,36,.09);text-decoration:none}.ship-card:hover{background:#fffaf0}.ship-card b{display:block;color:#0a2844}.ship-card small{color:#6c7d8e}.future{border-left-color:#476d8f}.viewer-wrap{background:#07192f;padding:18px;border-radius:16px;box-shadow:var(--shadow)}.viewer{width:100%;height:78vh;border:0;border-radius:8px;background:#fff}.notice{background:#fff7db;border:1px solid #e5c86f;padding:14px 16px;border-radius:10px;line-height:1.5}.footer{background:#07192f;color:#d7e1eb;margin-top:40px;padding:28px 22px;text-align:center;border-top:3px solid var(--gold)}.badge{display:inline-block;background:#e9f1f7;color:#173a5b;font-weight:700;padding:5px 8px;border-radius:999px;font-size:12px}.hide{display:none!important}@media(max-width:720px){.topbar .inner{align-items:flex-start;flex-direction:column}.hero{padding-top:36px}.viewer{height:68vh}}