
:root{--navy:#0B1F3A;--gold:#C9A24B;--b:#2B5FD9;--o:#D9962B;--g:#1A8F72;--r:#C9444A;--bg:#F5F7FA;--mute:#5B6B82;--line:#DCE2EC;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;font-family:Manrope,system-ui,Segoe UI,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}
header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 6vw;color:#fff;transition:.4s}
header.sc{background:rgba(255,255,255,.97);color:var(--navy);box-shadow:0 1px 0 var(--line);padding:11px 6vw}
.lg{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:.05em;font-weight:800}.lg svg{width:34px;height:34px}.lg i{font-style:normal;font-weight:500;margin-left:.2em;opacity:.85}
nav{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}nav a:not(.btn){position:relative;padding:4px 0}nav a:not(.btn):after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:.35s}nav a:not(.btn):hover:after{width:100%}
.btn{display:inline-block;padding:15px 30px;border-radius:3px;background:var(--gold);color:var(--navy);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold);transition:.3s;cursor:pointer}
.btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.gh{background:transparent;color:#fff;border-color:rgba(255,255,255,.45);margin-left:12px}.btn.gh:hover{background:#fff;color:var(--navy);border-color:#fff}
nav .btn{padding:10px 20px}.bg{display:none;background:none;border:0;color:inherit;font-size:26px;cursor:pointer}
.hero{position:relative;height:100svh;min-height:620px;background:#091830;overflow:hidden;color:#fff}
.s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s,visibility 1.1s;display:flex;align-items:center;padding:0 6vw;background:radial-gradient(ellipse at 80% 45%,rgba(201,162,75,.13),transparent 55%),linear-gradient(120deg,#091830 30%,#0F2A4F)}
.s.on{opacity:1;visibility:visible;z-index:1}
.s:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px;transform:scale(1.08);transition:transform 9s linear}
.s.on:before{transform:scale(1)}
.in{position:relative;max-width:1240px;margin:auto;width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:90px 0 110px}
.tx>*{opacity:0;transform:translateY(22px);transition:.9s cubic-bezier(.2,.8,.2,1)}.s.on .tx>*{opacity:1;transform:none}
.tx>:nth-child(2){transition-delay:.15s}.tx>:nth-child(3){transition-delay:.3s}.tx>:nth-child(4){transition-delay:.45s}
.eb{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 22px}.eb:before{content:"";width:44px;height:1px;background:var(--gold)}
.tx h1,.tx h2{font-family:var(--serif);font-size:clamp(34px,4.9vw,66px);line-height:1.12;margin:0 0 22px;font-weight:600;letter-spacing:-.01em}
.tx p.d{font-size:clamp(15px,1.4vw,18px);color:#B9C6DB;max-width:520px;margin:0 0 36px}
.g{justify-self:center;width:min(430px,100%)}.g svg{width:100%;height:auto;overflow:visible}
.g svg *{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.2}.g svg .au{stroke:var(--gold)}.g svg .fi{stroke-width:.22}
.dw{stroke-dasharray:1;stroke-dashoffset:1}.s.on .dw{animation:dw 2.4s cubic-bezier(.5,0,.2,1) forwards;animation-delay:var(--d,0s)}
.fi{fill-opacity:0}.s.on .fi{animation:fi 1.6s ease 1.4s forwards}.spin{animation:sp 80s linear infinite;transform-origin:200px 200px;stroke-dasharray:2 10!important}
.s.on .nd{animation:nd .6s ease both;animation-delay:var(--d,0s)}.nd{transform-box:fill-box;transform-origin:center}
@keyframes dw{to{stroke-dashoffset:0}}@keyframes fi{to{fill-opacity:.2}}@keyframes sp{to{transform:rotate(360deg)}}@keyframes nd{from{transform:scale(0)}}
.ctl{position:absolute;bottom:28px;left:6vw;right:6vw;z-index:5;display:flex;align-items:flex-end;gap:30px;max-width:1240px;margin:auto}
.dots{display:flex;gap:18px;flex:1}.dots span{flex:1;position:relative;border-top:1px solid rgba(255,255,255,.25);padding-top:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);cursor:pointer;transition:.4s}
.dots span b{color:var(--gold);margin-right:8px}.dots span.on{color:#fff}.dots span:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--gold)}.dots span.on:after{animation:pg 6.5s linear forwards}
@keyframes pg{to{width:100%}}
.ar{display:flex;gap:8px}.ar button{width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font-size:20px;transition:.3s}.ar button:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.pb{display:none}
.sec{padding:110px 6vw}.alt{background:var(--bg)}.c{max-width:1240px;margin:auto}
.k{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 14px}.k:before{content:"";width:36px;height:1px;background:var(--gold)}
h2.t{font-family:var(--serif);font-size:clamp(28px,3.4vw,46px);line-height:1.18;margin:0 0 18px;font-weight:600;letter-spacing:-.01em;max-width:820px}
.lead{color:var(--mute);max-width:720px;font-size:17px;margin:0 0 48px}
.gr{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cd{position:relative;background:#fff;border:1px solid var(--line);border-radius:4px;padding:32px;transition:.45s}
.cd:after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;width:0;background:var(--gold);transition:.5s}.cd:hover:after{width:calc(100% + 2px)}.cd:hover{box-shadow:0 22px 46px rgba(11,31,58,.1);transform:translateY(-4px)}
.cd h3{margin:0 0 10px;font-size:18px;font-weight:800}.cd p{margin:0;color:var(--mute);font-size:14.5px}
.cd ul{margin:12px 0 0;padding:0;list-style:none}.cd li{padding:9px 0 9px 20px;border-top:1px solid var(--line);font-size:14.5px;color:var(--mute);position:relative}
.cd li:before{content:"";position:absolute;left:0;top:19px;width:7px;height:1px;background:var(--c,var(--gold));box-shadow:0 0 0 1px var(--c,var(--gold))}.cd li b{color:var(--navy)}
.dv{border-top:3px solid var(--c)}.dv:after{display:none}.dv small{font-weight:800;letter-spacing:.14em;color:var(--c);font-size:11.5px}
.nb{font-family:var(--serif);font-size:30px;color:var(--gold);margin-bottom:6px;font-weight:600;line-height:1}
.st{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);border-radius:4px;margin:44px 0}.st div{padding:34px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.st div:last-child{border:0}
.st b{display:block;font-family:var(--serif);font-size:52px;color:var(--gold);line-height:1;font-weight:600}.st span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#B5C2D6}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{padding:8px 16px;border:1px solid var(--line);border-radius:2px;font-size:12.5px;font-weight:700;letter-spacing:.04em;background:#fff}
.ct{background:var(--navy);color:#fff}.ct .lead{color:#B5C2D6}
.ci a,.ci div{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:2px solid var(--gold);border-radius:3px;padding:18px 22px;margin-bottom:12px;transition:.3s}.ci a:hover{background:rgba(255,255,255,.1);transform:translateX(6px)}
.ci small{display:block;color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800}
.ci .chips span{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.25)}
form{background:#fff;color:var(--navy);border-radius:4px;padding:30px;display:grid;gap:12px}
input,select,textarea{font:inherit;padding:13px 14px;border:1px solid var(--line);border-radius:3px;width:100%;background:#fff;color:var(--navy)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.2)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .btn{width:100%}
footer{background:#07152B;color:#9FB0CA;padding:56px 6vw 28px;font-size:14px;line-height:1.9}footer .c{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between}footer a:hover{color:var(--gold)}
.rv{opacity:0;transform:translateY(26px);transition:1s cubic-bezier(.2,.8,.2,1)}.rv.in2{opacity:1;transform:none}
@media(max-width:860px){.bg{display:block}nav{position:fixed;inset:0 0 auto;flex-direction:column;align-items:flex-start;background:var(--navy);color:#fff;padding:84px 6vw 30px;transform:translateY(-110%);transition:.45s;gap:18px}nav.open{transform:none}header{z-index:60}
.in{grid-template-columns:1fr;padding:100px 0 120px}.g{display:none}.two{grid-template-columns:1fr}.st{grid-template-columns:1fr}.st div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.f2{grid-template-columns:1fr}.sec{padding:76px 6vw}.btn.gh{margin:12px 0 0}.dots em{display:none}.ar{display:none}.dots{gap:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.dw{stroke-dashoffset:0}.fi{fill-opacity:.2}.tx>*{opacity:1;transform:none}}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--navy);padding:10px 16px;z-index:100;font-weight:800;border-radius:3px}.skip:focus{left:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ph{background:linear-gradient(120deg,#091830 30%,#0F2A4F);color:#fff;padding:150px 6vw 70px;position:relative;overflow:hidden}.ph:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px}.ph .c{position:relative}
.ph h1{font-family:var(--serif);font-size:clamp(32px,4.4vw,54px);line-height:1.12;margin:10px 0 14px;font-weight:600}.ph p{color:#B9C6DB;max-width:680px;font-size:17px;margin:0}
.bc{font-size:12px;letter-spacing:.08em;color:#9FB0CA}.bc a:hover{color:var(--gold)}.bc span{color:#fff}
.more{display:inline-block;margin-top:26px;font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:3px}.more:hover{color:var(--gold)}
.legal{max-width:820px}.legal h2{font-family:var(--serif);font-size:24px;margin:34px 0 8px}.legal p,.legal li{color:var(--mute)}.legal a{text-decoration:underline}
.btn.dk{background:transparent;color:var(--navy);border-color:var(--navy);margin-left:12px}.btn.dk:hover{background:var(--navy);color:#fff}
.cd li a b{transition:.3s}.cd li a:hover b{color:var(--gold)}
.band{background:var(--navy);color:#fff;border-radius:4px;padding:36px;margin-top:40px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.band p{margin:0;max-width:620px;color:#B5C2D6}.band h3{margin:0 0 6px;font-family:var(--serif);font-size:24px}
@media(max-width:860px){.ph{padding:120px 6vw 56px}.btn.dk{margin:12px 0 0}}
