:root{--navy:#0b1d3a;--navy2:#13305c;--gold:#e2b44b;--gold2:#f6dc8f;--teal:#17a9c4;--bg:#f7f4ec;--ink:#0f1c33}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,.disc5 b{font-family:'Cormorant Garamond',serif;font-weight:700}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.pbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--teal))}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px clamp(16px,4vw,48px);background:rgba(11,29,58,.92);backdrop-filter:blur(12px);border-bottom:2px solid var(--gold);color:#fff}
.logo img{height:46px;width:auto;border-radius:6px}.top nav{display:flex;gap:26px;font-weight:600;font-size:15px}.top nav a:hover{color:var(--gold)}
.btn{display:inline-block;background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--navy);border:0;border-radius:10px;padding:15px 28px;font:700 16px Inter;cursor:pointer;box-shadow:0 8px 24px rgba(226,180,75,.3);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(226,180,75,.45)}.btn.sm{padding:10px 18px;font-size:14px}.btn.ghost{background:transparent;color:#fff;border:2px solid var(--gold);box-shadow:none}
.hero{height:420vh;background:var(--navy)}.pin{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(110% 90% at 50% 15%,#1d4a8c,#0b1d3a 70%)}
#gl{position:absolute;inset:0;width:100%;height:100%}.vig{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(3,10,25,.65))}
.stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;opacity:0;pointer-events:none;will-change:opacity,transform}
.stage:before{content:"";position:absolute;inset:15% 5%;background:radial-gradient(ellipse at center,rgba(5,14,32,.7),transparent 70%);z-index:-1}
.stage .row,.stage .btn{pointer-events:auto}
.tag{letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:700;color:var(--gold);margin-bottom:16px}
.stage h1{font-size:clamp(64px,12vw,190px);line-height:.88}.stage h2{font-size:clamp(40px,7vw,108px);line-height:.98;max-width:1100px}.stage span{color:var(--gold)}
.sub{font-size:clamp(16px,1.8vw,22px);margin:20px 0 6px;max-width:640px;opacity:.92}.row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.scrollh{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-size:11px;letter-spacing:.25em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.8}
.scrollh i{width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:sc 1.6s infinite}@keyframes sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hbar{position:absolute;right:22px;top:25%;bottom:25%;width:2px;background:rgba(255,255,255,.2)}.hbar i{display:block;width:100%;height:0;background:var(--gold)}
.nogl .hero{height:auto}.nogl .pin{position:relative;height:auto;padding:70px 0}.nogl .stage{position:relative;opacity:1!important;transform:none!important;padding:40px 20px}.nogl #gl,.nogl .scrollh,.nogl .hbar{display:none}
.rw{background:var(--gold);color:var(--navy);overflow:hidden;padding:14px 0}.rt{display:flex;gap:44px;width:max-content;animation:mq 40s linear infinite;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:14px}.rt span:after{content:"◆";margin-left:44px;font-size:10px}@keyframes mq{to{transform:translateX(-50%)}}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.sec{padding:clamp(64px,9vw,120px) 0}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--teal);margin-bottom:12px}
.head h2,.two h2{font-size:clamp(40px,6vw,84px);line-height:.98}em{color:#b98a1f;font-style:italic}.lead{margin:16px 0 22px;font-size:18px;line-height:1.55;max-width:560px;opacity:.85}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.sv{background:#fff;border:1px solid #e6dfcb;border-radius:16px;padding:28px;transition:.3s;position:relative;overflow:hidden}
.sv:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--gold),var(--teal));transition:.4s}.sv:hover:before{width:100%}.sv:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(11,29,58,.12)}
.sv b{color:var(--gold);font-size:14px;letter-spacing:.1em}.sv h3{font-size:28px;line-height:1.05;margin:10px 0}.sv p{opacity:.78;line-height:1.5}.wide{grid-column:span 3}
.dark{background:var(--navy);color:#fff;background-image:radial-gradient(60% 80% at 90% 50%,#1d4a8c55,transparent)}.dark .lead{opacity:.85}.dark em{color:var(--gold)}
.disc5{justify-self:center;width:min(320px,80vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--gold2),var(--gold) 60%,#b98a1f);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 8px rgba(226,180,75,.25),0 30px 60px rgba(0,0,0,.4);animation:fl 5s ease-in-out infinite}
.disc5 b{font-size:110px;line-height:.9}.disc5 span{font:700 34px 'Cormorant Garamond'}.disc5 small{font-weight:700;font-size:15px;max-width:150px}@keyframes fl{50%{transform:translateY(-12px) rotate(3deg)}}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:44px}.pr{background:#fff;border:1px solid #e6dfcb;border-radius:16px;overflow:hidden;transition:.3s}.pr:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(11,29,58,.12)}
.pr img{width:100%;aspect-ratio:1;object-fit:contain;padding:18px;background:#fff;transition:transform .5s}.pr:hover img{transform:scale(1.06)}
.pr figcaption{padding:16px 20px 20px;font-weight:700;border-top:1px solid #eee}.pr small{display:block;font-weight:500;opacity:.65;margin-top:3px}
.cta{background:linear-gradient(160deg,#0b1d3a,#13305c);color:#fff}.cta em{color:var(--gold)}.ci{list-style:none;padding:0;display:grid;gap:14px;margin-top:10px}.ci b{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.ci a{font-size:22px;font-weight:700}.ci a:hover{color:var(--gold)}
.sab{margin-top:26px;font-size:26px;color:var(--gold)}
.fm{background:#fff;color:var(--ink);border-radius:20px;padding:28px;display:grid;gap:14px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.fm label{display:grid;gap:6px;font-weight:700;font-size:13px}
.fm input,.fm select,.fm textarea{font:500 16px Inter;padding:12px 14px;border:1.5px solid #d9d2bd;border-radius:10px;background:#fbfaf6;color:var(--ink)}.fm input:focus,.fm select:focus,.fm textarea:focus{outline:2px solid var(--teal);border-color:transparent}
.alt{text-align:center;font-size:14px;text-decoration:underline;opacity:.75}
.foot{background:#060f20;color:#cfd7e6;padding:36px 0}.fr{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.fr img{height:54px;border-radius:6px}.fr p{font-size:14px;max-width:640px;line-height:1.5}
.rv{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.top nav{display:none}.two{grid-template-columns:1fr}.sg{grid-template-columns:1fr}.wide{grid-column:auto}.hero{height:380vh}.hbar{display:none}.logo img{height:38px}.pg{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.rt,.disc5{animation:none}}
