*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#071a33;--gold:#d6a20b;--cream:#fffaf0;--text:#10233d;--muted:#64748b}
html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.brand img{width:150px;height:60px;object-fit:contain}.nav{display:flex;gap:18px;font-size:14px;font-weight:700;flex-wrap:nowrap}.nav a{padding:26px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--gold);border-color:var(--gold)}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;border-radius:7px;font-weight:800}.gold{background:var(--gold);color:#fff}.gold:hover{background:#b88900}.outline{border:1px solid var(--navy);background:#fff}.outline:hover{border-color:var(--gold);color:var(--gold)}
.hero{display:grid;grid-template-columns:47% 53%;min-height:560px;background:linear-gradient(90deg,#fff 0%,#fff 42%,#fbfaf6 100%)}.hero-copy{padding:70px 7% 50px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:900;color:var(--gold);margin-bottom:10px}
h1{font-size:48px;line-height:1.07;letter-spacing:-1.5px;margin-bottom:20px}h1 span,h2 span{color:var(--gold)}.hero p{font-size:17px;color:#56677c;max-width:610px}.actions{display:flex;gap:14px;margin:28px 0}.hero-points{display:flex;gap:25px}.hero-points div{font-size:14px;border-right:1px solid #ddd;padding-right:20px}.hero-points div:last-child{border:0}.hero-image{min-height:560px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}
.section{padding:75px 5%}.heading{text-align:center;max-width:850px;margin:0 auto 42px}.heading h2{font-size:35px;line-height:1.15;margin-bottom:10px}.heading p{color:var(--muted)}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.card{background:#fff;border:1px solid #e8ebef;border-radius:14px;padding:30px 22px;box-shadow:0 7px 25px #071a3310;text-align:center}.icon{font-size:35px;color:var(--gold);margin-bottom:10px}.card h3{font-size:18px;margin-bottom:8px}.card p{font-size:14px;color:var(--muted)}
.packages{background:linear-gradient(180deg,#fffaf0,#fff)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:auto}.price-card{background:#fff;border:1px solid #e1e5ea;border-radius:15px;padding:32px;text-align:center;position:relative;box-shadow:0 8px 28px #071a330c}.featured{border:1.5px solid var(--gold);transform:translateY(-7px)}.popular{position:absolute;top:-1px;left:-1px;right:-1px;background:var(--gold);color:#fff;border-radius:14px 14px 0 0;padding:8px;font-size:11px;font-weight:900;letter-spacing:1px}.featured .planicon{margin-top:22px}.planicon{font-size:35px;color:var(--gold)}.tag{color:var(--muted)}.price-card .desc{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}.price{font-size:40px;font-weight:900;padding:10px 0 15px;border-bottom:1px solid #ddd}.price-card ul{text-align:left;list-style:none;margin:18px 0}.price-card li{font-size:14px;margin:9px 0;padding-left:22px}.price-card li:before{content:"✓";color:var(--gold);font-weight:900;margin-left:-22px;margin-right:9px}.full{width:100%}
.pagehero{background:var(--navy);color:#fff;text-align:center;padding:80px 20px}.pagehero h1{font-size:45px;margin:8px 0}.pagehero p{max-width:700px;margin:auto;color:#cbd5e1}
.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;max-width:1100px;margin:auto}.two img{width:100%;border-radius:15px}.two p{color:var(--muted);margin:12px 0}.checks{list-style:none;margin-top:18px}.checks li{margin:10px 0}.checks li:before{content:"✓";display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#fff;border-radius:50%;width:23px;height:23px;margin-right:10px}
.contact{max-width:850px;margin:auto;text-align:center}.contactbox{margin-top:30px;padding:35px;background:var(--cream);border-radius:15px}.contactbox p{margin:10px;color:var(--muted)}.contactbox p a{color:var(--text);font-weight:700}.contactbox p a:hover{color:var(--gold)}.contactbox .btn{margin:8px 6px 0}
.cta{text-align:center;background:var(--navy);color:#fff;padding:75px 20px}.cta h2{font-size:40px;margin:8px}.cta p{color:#cbd5e1;max-width:650px;margin:0 auto 25px}footer{background:#041124;color:#aeb8c6;padding:22px 5%;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:800px){.navbar{height:auto;flex-wrap:wrap;padding:10px 5%}.nav{order:3;width:100%;justify-content:flex-start;gap:14px;overflow:auto}.nav a{padding:8px 0;white-space:nowrap}.navbar>.btn{display:none}.hero,.two{grid-template-columns:1fr}.hero-image{height:330px;min-height:0;order:-1}.hero-copy{padding:45px 7%}.pricing,.grid6{grid-template-columns:1fr}.featured{transform:none}h1{font-size:38px}.pagehero h1{font-size:36px}footer{flex-direction:column;gap:5px}}

.service-card{display:block;color:inherit;cursor:pointer;transition:.2s}
.service-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 14px 32px #d6a20b20}
.learn{display:inline-block;margin-top:16px;color:var(--gold);font-size:13px;font-weight:900}
.service-detail{max-width:1050px;margin:auto}
.service-detail .icon{font-size:48px}
.service-detail h2{margin-bottom:14px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.detail-box{background:#fff;border:1px solid #e8ebef;border-radius:14px;padding:25px}
.detail-box h3{margin-bottom:10px}
.detail-box ul{list-style:none}
.detail-box li{margin:9px 0}
.detail-box li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:9px}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}
.port-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 36px;max-width:900px}
.port-filters button{border:1px solid #d8dee6;background:#fff;color:var(--text);border-radius:999px;padding:10px 22px;font-weight:800;font-size:14px;cursor:pointer}
.port-filters button:hover,.port-filters button.active{background:var(--gold);color:#fff;border-color:var(--gold)}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:auto}
.port-item{background:#fff;border:1px solid #e8ebef;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #071a3310;animation:portIn .45s ease both}
.port-item img{width:100%;height:220px;object-fit:cover;display:block;background:#f4f6f8}
.port-cap{padding:12px 14px;font-size:13px;font-weight:800;color:var(--muted)}
.port-empty{text-align:center;color:var(--muted);margin-top:20px}
.port-grid.is-shuffling .port-item{opacity:0;transform:scale(.9) translateY(12px)}
@keyframes portIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:800px){.port-grid{grid-template-columns:1fr}}
