:root{
  --navy:#082b49;--blue:#0f6f9d;--cyan:#28a6c8;--gold:#d6a13a;
  --cream:#fbfaf6;--ink:#162735;--muted:#61717e;--line:#dfe7ec;--white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;min-width:270px}
.logo{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 18px #082b4920}
.brand b{display:block;color:var(--navy);font-size:15px;letter-spacing:.035em}
.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.05em}
nav{display:flex;align-items:center;gap:17px;font-size:12px;font-weight:800;color:#314654}
nav a{padding:9px 0;border-bottom:2px solid transparent;white-space:nowrap}
nav a:hover,nav a.active{color:var(--blue);border-bottom-color:var(--gold)}
.menu{display:none;border:0;background:none;font-size:27px;color:var(--navy)}
.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background:
  radial-gradient(circle at 82% 22%,#ffffff20,transparent 25%),
  linear-gradient(120deg,#061d32 0%,#0b466d 55%,#1686aa 100%)}
.hero:before{content:"";position:absolute;inset:auto -10% -45% -10%;height:55%;background:#ffffff08;transform:rotate(-4deg)}
.hero-content{position:relative;z-index:2;color:#fff;max-width:760px;padding:90px 0}
.badge{display:inline-block;border:1px solid #ffffff55;background:#ffffff10;border-radius:99px;padding:8px 13px;font-size:10px;font-weight:900;letter-spacing:.14em}
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--gold);text-transform:uppercase;margin:0 0 9px}
.hero h1{font-size:clamp(45px,6vw,78px);line-height:1.01;letter-spacing:-.045em;margin:18px 0}
.hero h1 span{color:#f5ca63}
.hero p{font-size:18px;max-width:660px;color:#e9f4f8}
.actions{margin-top:25px;display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-block;padding:12px 18px;border-radius:8px;font-weight:900;font-size:12px;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.primary{background:var(--gold);color:#fff}.secondary{border:1px solid #ffffff66;color:#fff;background:#ffffff0d}.dark{background:var(--navy);color:#fff}
.quick{position:relative;margin-top:-42px;z-index:4}
.quick .grid{box-shadow:0 14px 38px #082b4915}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.quick .card{text-align:center;padding:24px 16px}
.card,.box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #082b4912}
.card h3,.box h3{color:var(--navy);margin:8px 0 8px}
.section{padding:86px 0}
.light{background:var(--cream)}
.two{display:grid;grid-template-columns:1.12fr .88fr;gap:65px;align-items:center}
.section h2{font-size:42px;line-height:1.12;color:var(--navy);margin:5px 0 17px;letter-spacing:-.025em}
.section p{color:var(--muted)}
.section strong{color:var(--navy)}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.feature-list .mini{padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px}
.mini b{display:block;color:var(--navy)}
.page{padding:90px 0;background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}
.page h1{font-size:clamp(40px,5vw,60px);line-height:1.05;margin:6px 0 12px}
.page p{color:#e8f3f8;max-width:760px}
.number{color:var(--gold);font-weight:900;font-size:11px;letter-spacing:.12em}
.quote{font-size:23px!important;color:var(--navy)!important;font-weight:700;line-height:1.45}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo{height:240px;border-radius:14px;background:
  linear-gradient(135deg,#e6f0f4,#8bbbd0);display:flex;align-items:end;padding:18px;position:relative;overflow:hidden}
.photo:after{content:"PHOTO";position:absolute;top:16px;right:16px;color:#ffffff99;font-size:10px;font-weight:900;letter-spacing:.15em}
.photo span{position:relative;z-index:2;background:#082b49dd;color:#fff;padding:8px 11px;border-radius:7px;font-size:11px;font-weight:800}
.notice{padding:19px 21px;border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fff}
.cta{background:linear-gradient(120deg,var(--gold),#e2b34e);color:#fff}
.cta h2,.cta p{color:#fff}
.footer{background:#061b2d;color:#dbe7ee;padding:52px 0 18px}
.footer .grid{grid-template-columns:1.25fr 1fr 1fr}
.footer h3{color:#fff;font-size:14px}
.footer p{font-size:12px}
.copy{border-top:1px solid #ffffff20;margin-top:28px;padding-top:15px;font-size:10px;color:#9eb2c0}
@media(max-width:1120px){nav{gap:11px;font-size:11px}}
@media(max-width:850px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:15px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:1fr}.footer .grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{min-height:590px}.hero h1{font-size:45px}.section{padding:65px 0}.section h2{font-size:34px}.brand{min-width:0}.brand small{font-size:8px}}